@import url("/assets/md.css")feat: a bit

@import url("/assets/md.css")

3 files changed, 60 insertions, 12 deletions

diff --git a/src/app.css b/src/app.css
index 1c34312..558d9b0 100644
--- a/src/app.css
+++ b/src/app.css
@@ -83,24 +83,38 @@
 
 @utility blockquote-* {
   @apply pl-4 p-2 relative my-1;
-    &::before {
-      @apply absolute w-1 transition-opacity left-0 top-[10%] h-[80%] opacity-50;
-      content: '';
-      background-color: --value(--color-*);
-    }
-    &:hover::before {
-      @apply opacity-100;
-    }
-    p {
-      &::after {
-        @apply hidden;
-      }
+  &::before {
+    @apply absolute w-1 transition-opacity left-0 top-[10%] h-[80%] opacity-50;
+    content: '';
+    background-color: --value(--color-*);
+  }
+  &:hover::before {
+    @apply opacity-100;
+  }
+  p {
+    &::after {
+      @apply hidden;
     }
+  }
 }
 @utility md-card-* {
   @apply p-4 rounded-lg bg-neutral-950 border-[1.8px] my-4 sticky top-4 z-50;
   border-color: --value(--color-*);
 }
+@utility clickbait-buy-now-gradient {
+  position: relative;
+  display: inline-block;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 105%;
+    background: linear-gradient(to bottom, #0000, #000c, #000);
+    pointer-events: none;
+  }
+}
 
 #postmd {
   @apply font-sans;
diff --git a/src/lib/blog/Post.ts b/src/lib/blog/Post.ts
index aa4c422..d5ac16b 100644
--- a/src/lib/blog/Post.ts
+++ b/src/lib/blog/Post.ts
@@ -10,6 +10,8 @@ export type PostMetadata<Parsed extends boolean = false> = {
   created: Parsed extends true ? Date : string;
   updated: Parsed extends true ? Date : string;
   published: boolean | 'unlisted';
+  /** If false (defaults to true), author panel at the bottom of the page is hidden. This is the case for the clickbait article. */
+  authorpanel?: boolean;
 };
 export type Post<MetadataParsed extends boolean = false> = {
   metadata: PostMetadata<MetadataParsed>;
diff --git a/src/routes/blog/posts/clickbait.svx b/src/routes/blog/posts/clickbait.svx
new file mode 100644
index 0000000..5711b3f
--- /dev/null
+++ b/src/routes/blog/posts/clickbait.svx
@@ -0,0 +1,32 @@
+---
+title:  "Clickbait: What it is and how to fight against it"
+blurb:  'Clickbait (also known as link bait or linkbait) is a text or a thumbnail link that is designed to attract attention and to entice users to follow ("click") that link and view, read, stream or listen to the linked piece of online content, being typically deceptive, sensationalized, or otherwise misleading.'
+author: "Wikipedia Authors"
+slug:   "clickbait"
+id:     1770592955
+
+# Timestamps are in ISO8601 UTC (`date -u +%Y-%m-%dT%H:%M:%SZ`)
+created: "2026-02-08T23:20:08Z"
+updated: "2026-02-08T23:20:08Z"
+published: unlisted
+
+authorpanel: false
+---
+
+<!-- Note: this was NOT authored by Wikipedia. Only the blurb was. This is, after all, clickbait. -->
+
+# Leading Doctor Reveals the No. 1 Cause of Oceanic Tomato Soup Spills
+
+If you thought oceanic tomato soup spills were just a quirky phenomenon, think again! A leading doctor has uncovered shocking truths that will change the way you look at your favorite soup forever. Spoiler alert: it has everything to do with your kitchen mishaps!
+
+## The Unbelievable Truth Behind the Mess
+
+<span class="clickbait-buy-now-gradient">
+
+You’ll never believe the real reason behind those oceanic tomato soup spills. Forget clumsy chefs or runaway boaters - this is a dark secret that's been hiding under the surface for too long. Researchers now claim that the number one cause is...
+
+</span>
+
+> You have no free articles left.
+> 
+> [Subscribe](https://e926.net/posts/5926444?q=pleading_eyes) to Neobot News to read the full article.