mirror of
https://github.com/apophenia-news/apophenia.news.git
synced 2026-10-08 21:35:23 +00:00
Fix copy article button placement
This commit is contained in:
+9
-9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Vendored
+2
-2
@@ -16,8 +16,8 @@
|
|||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
||||||
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
||||||
<script type="module" crossorigin src="/assets/main-COWN3pqS.js"></script>
|
<script type="module" crossorigin src="/assets/main-SHX5EVSn.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/main-BVhQ3ewg.css">
|
<link rel="stylesheet" crossorigin href="/assets/main-N4Q4a2sz.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
+9
-9
File diff suppressed because one or more lines are too long
Vendored
+2
-2
@@ -16,8 +16,8 @@
|
|||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
||||||
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
||||||
<script type="module" crossorigin src="/assets/main-COWN3pqS.js"></script>
|
<script type="module" crossorigin src="/assets/main-SHX5EVSn.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/main-BVhQ3ewg.css">
|
<link rel="stylesheet" crossorigin href="/assets/main-N4Q4a2sz.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
+9
-9
File diff suppressed because one or more lines are too long
Vendored
+2
-2
@@ -16,8 +16,8 @@
|
|||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
||||||
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
||||||
<script type="module" crossorigin src="/assets/main-COWN3pqS.js"></script>
|
<script type="module" crossorigin src="/assets/main-SHX5EVSn.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/main-BVhQ3ewg.css">
|
<link rel="stylesheet" crossorigin href="/assets/main-N4Q4a2sz.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
+9
-9
File diff suppressed because one or more lines are too long
Vendored
+9
-9
File diff suppressed because one or more lines are too long
+9
-9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Vendored
+2
-2
@@ -16,8 +16,8 @@
|
|||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
<link rel="alternate" type="application/rss+xml" title="apophenia.news RSS" href="https://apophenia.news/rss.xml" />
|
||||||
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
<script data-goatcounter="https://apophenia.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
|
||||||
<script type="module" crossorigin src="/assets/main-COWN3pqS.js"></script>
|
<script type="module" crossorigin src="/assets/main-SHX5EVSn.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/main-BVhQ3ewg.css">
|
<link rel="stylesheet" crossorigin href="/assets/main-N4Q4a2sz.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
@@ -65,14 +65,14 @@ ${shellHead({
|
|||||||
${nav}
|
${nav}
|
||||||
<main class="shell py-10">
|
<main class="shell py-10">
|
||||||
<article class="card overflow-hidden">
|
<article class="card overflow-hidden">
|
||||||
<div class="flex justify-end px-6 py-3 sm:px-10">
|
|
||||||
<button type="button" data-copy-article class="inline-flex items-center gap-2 rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm font-medium text-zinc-800 shadow-sm transition hover:bg-zinc-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400">
|
|
||||||
<i data-lucide="copy" class="h-4 w-4"></i><span aria-live="polite">Copy article</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<img src="${article.header_image}" alt="${escapeHtml(article.title)}" class="h-64 w-full object-cover" />
|
<img src="${article.header_image}" alt="${escapeHtml(article.title)}" class="h-64 w-full object-cover" />
|
||||||
<div class="p-6 sm:p-10">
|
<div class="p-6 sm:p-10">
|
||||||
<p class="text-xs uppercase tracking-wide text-zinc-500">${fmtDate(article.date)} • ${renderAuthorInline(article.author)}</p>
|
<div class="flex items-center justify-between gap-4">
|
||||||
|
<p class="text-xs uppercase tracking-wide text-zinc-500">${fmtDate(article.date)} • ${renderAuthorInline(article.author)}</p>
|
||||||
|
<button type="button" data-copy-article aria-label="Copy article" class="inline-flex shrink-0 items-center gap-2 rounded-lg border border-zinc-200 bg-white px-2 py-2 text-sm font-medium text-zinc-800 shadow-sm transition hover:bg-zinc-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400 sm:px-3">
|
||||||
|
<i data-lucide="copy" class="h-4 w-4"></i><span aria-live="polite" class="hidden sm:inline">Copy article</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
<h1 class="mt-2 text-4xl sm:text-5xl font-bold leading-tight">${escapeHtml(article.title)}</h1>
|
<h1 class="mt-2 text-4xl sm:text-5xl font-bold leading-tight">${escapeHtml(article.title)}</h1>
|
||||||
<p class="mt-4 text-zinc-700 max-w-3xl">${escapeHtml(article.description || "")}</p>
|
<p class="mt-4 text-zinc-700 max-w-3xl">${escapeHtml(article.description || "")}</p>
|
||||||
<div class="mt-5 flex flex-wrap gap-2">
|
<div class="mt-5 flex flex-wrap gap-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user