Add Numberly content.

Author: nikoshell

public/draft.png

@@ -1,12 +1,16 @@
 ---
-
+import { getEntry } from "astro:content";
 import { marked } from 'marked';
-const { entry } = Astro.props;
-const html = entry && entry.body ? marked.parse(entry.body) :  "";
+const { collection, entry:entryId } = Astro.props;
 
+const entry = await getEntry(collection, entryId);
+console.log(entryId)
+const html = entry && entry.body ? marked.parse(entry.body) :  "";
 
 ---
 
-  <div class="mb-2 prose prose-li:m-0 prose-ul:m-0 prose-ul:mb-2 prose-a:underline prose-h1:text-text prose-headings:font-title prose-headings:text-text prose-a:text-text hover:prose-a:text-primary-hover prose-strong:text-text prose-strong:font-bold prose-li:marker:text-text p-6">
-    <article set:html={html} />
-  </div>
+  { html &&
+    <div class="mb-2 prose prose-li:m-0 prose-ul:m-0 prose-ul:mb-2 prose-a:underline prose-h1:text-text prose-headings:font-title prose-headings:text-text prose-a:text-text hover:prose-a:text-primary-hover prose-strong:text-text prose-strong:font-bold prose-li:marker:text-text p-6">
+      <article set:html={html} />
+    </div>
+  }

src/components/CardContent.astro

@@ -1,17 +1,28 @@
 ---
 import CardContent from "@components/CardContent.astro";
-const { job, sponsor } = Astro.props;
+import { getEntry } from "astro:content";
+const { job:jobId, sponsor:sponsorId } = Astro.props;
 
-// TODO: add tags
-const { title, location, type, level, salary, description, responsibilities, requirements, benefits, apply_link } = job.data;
+const job = await getEntry("jobs", jobId);
+if (!job) {
+  throw new Error(`Job with ID "${jobId}" not found`);
+}
+
+const sponsor = await getEntry("sponsors", sponsorId);
 
+if (!sponsor) {
+  throw new Error(`Sponsor with ID "${sponsorId}" not found`);
+}
 
+// TODO: add tags
+const { title, location, type, level, salary, description, responsibilities, requirements, benefits, apply_link, draft } = job.data;
 
+const isJobPage = Astro.url.pathname == `/sponsor/${job.id}`;
 ---
 
-<div class="mb-6 last:mb-0">
-  <div class="flex-1 p-6 rounded-lg shadow-md bg-white">
-    <a href={`/sponsor/${job.id}`}>
+<div class="mb-6 last:mb-0 rounded-lg shadow-md bg-white">
+  <div class=`flex-1 p-6 ${draft ? "draft": ""}`>
+    <a href={`/sponsor/${jobId}`}>
       <h2 class="text-3xl font-bold mb-2">{title}</h2>
     </a>
 
@@ -23,7 +34,7 @@ const { title, location, type, level, salary, description, responsibilities, req
       <p class="text-gray-600 mb-2">{level} • {type} • {location}</p>
     }
     <p class="text-gray-700 mb-4">{salary}</p>
-    <p class="mb-6">{description}</p>
+    <p class="mb-3">{description}</p>
 
     { responsibilities &&
       <h3 class="text-xl font-semibold mb-2">Responsibilities</h3>
@@ -46,9 +57,6 @@ const { title, location, type, level, salary, description, responsibilities, req
     </ul>
     }
 
-
-    <CardContent entry={job} />
-
       <a
         href={apply_link}
         target="_blank"
@@ -84,4 +92,5 @@ const { title, location, type, level, salary, description, responsibilities, req
     color: var(--color-primary-hover);
     text-decoration: underline;
   }
+
 </style>

src/components/JobCard.astro

@@ -2,10 +2,15 @@
 import { type CollectionEntry, getEntry } from "astro:content";
 import { Image } from "astro:assets";
 import { sponsorLogos } from "@data/sponsorLogos";
-
 import Icon from "@ui/Icon.astro";
 
-const { sponsor, showJobs=false } = Astro.props;
+const { sponsor: sponsorId, showJobs=false } = Astro.props;
+const sponsor = await getEntry("sponsors", sponsorId);
+
+if (!sponsor) {
+  throw new Error(`Sponsor with ID "${sponsorId}" not found`);
+}
+
 const {
   name: title,
   url: website,
@@ -14,6 +19,7 @@ const {
   description,
   socials,
   logo_padding = false,
+  draft
 } = sponsor.data;
 
 const jobFiles = import.meta.glob("../content/sponsors/*/!(index).md");
@@ -49,9 +55,9 @@ const socialLinks = [
 ---
 
 <div
-  class="lg:max-w-[400px] flex flex-col gap-6 p-6 rounded-lg shadow-md bg-white text-black mb-6"
+  class=`lg:max-w-[400px] flex flex-col gap-6 p-6 rounded-lg shadow-md bg-white text-black mb-6 ${draft ? "draft": "no-draft"}`
 >
-  <div class="w-full flex justify-center items-center md:items-center min-h-[140px]">
+  <div class="w-full flex justify-center items-center md:items-center min-h-[140px] ">
     {
       logo && (
           <Image
@@ -121,6 +127,7 @@ const socialLinks = [
           {socialLinks
             .filter((link) => socials?.[link.key])
             .map((link) => {
+              if (!socials) return;
               const url = socials[link.key];
               let iconColor:string;
 

src/components/SponsorCard.astro

@@ -1,6 +1,15 @@
 ---
+import { getEntry } from "astro:content";
 import { Image } from "astro:assets";
-const { sponsor } = Astro.props;
+const { sponsor: sponsorId } = Astro.props;
+
+
+const sponsor = await getEntry("sponsors", sponsorId);
+
+if (!sponsor) {
+  throw new Error(`Sponsor with ID "${sponsorId}" not found`);
+}
+
 
 import { sponsorDisplay } from "@data/sponsorDisplay";
 const image = sponsorDisplay[sponsor.id]

src/components/SponsorDisplay.astro

@@ -1,8 +1,17 @@
 ---
+import { getEntry } from "astro:content";
 import { Image } from "astro:assets";
 import { sponsorLogos } from "@data/sponsorLogos";
 
-const { sponsor } = Astro.props;
+const { sponsor: sponsorId } = Astro.props;
+
+
+const sponsor = await getEntry("sponsors", sponsorId);
+
+if (!sponsor) {
+  throw new Error(`Sponsor with ID "${sponsorId}" not found`);
+}
+
 const {
   name: title,
   url: website,

src/components/SponsorLogo.astro

@@ -210,8 +210,9 @@ const sponsors = defineCollection({
         bluesky: z.string().url().optional().nullable(),
       })
       .optional(),
-    jobs: z.array(z.string()).optional(),
     logo_padding: z.string().optional(),
+    draft: z.boolean().optional().default(false),
+    jobs: z.array(reference("jobs")).optional().default([]),
   }),
 });
 
@@ -229,6 +230,8 @@ const jobs = defineCollection({
     requirements: z.array(z.string()).nullable(),
     benefits: z.array(z.string()).nullable(),
     apply_link: z.string().url().optional(),
+    draft: z.boolean().optional().default(false),
+    sponsor: reference("sponsors").optional(),
   }),
 });
 

src/content/config.ts

@@ -17,6 +17,7 @@ socials:
   bluesky:
 tier: Supporters
 logo_padding: 30px 10px
+draft: true
 ---
 
 ## About 1Password

src/content/sponsors/1password/index.md

@@ -23,4 +23,5 @@ benefits:
   - "Exposure to cybersecurity innovation."
   - "Mentorship from industry experts."
 apply_link: "https://1password.com/careers"
+draft: true
 ---

src/content/sponsors/1password/intern.md

@@ -23,4 +23,5 @@ benefits:
   - "Opportunity to shape products used by millions."
   - "Access to 1Password’s design community."
 apply_link: "https://1password.com/careers"
+draft: true
 ---