Added URL input for internet curation

Author: simshadows

content/curation-short-entries.json

@@ -30,6 +30,11 @@
   "title": "FINAL FANTASY XIV Documentary Part #2 - \"Rewriting History\"",
   "youtube": "aoOI5R-6u8k"
 },
+{
+  "date": "2017-07-31",
+  "title": "The Evolution of Trust",
+  "url": "https://ncase.me/trust/"
+},
 {
   "date": "2018-06-14",
   "title": "The Man Who COULD Have Been Bill Gates [Gary Kildall]",

src/helpers/collections/curation.ts

@@ -40,6 +40,8 @@ export interface CurationPost extends DatedProcessed {
 
     title: string;
     synopsis: string | undefined;
+
+    url: string | undefined;
     youtubeVideoID: string | undefined;
 };
 
@@ -72,7 +74,9 @@ function getShortEntries(): CurationPost[] {
 
             title: objGetStr(obj, "title"),
             synopsis: objGetStrOptional(obj, "synopsis"),
-            youtubeVideoID: objGetStr(obj, "youtube"),
+
+            url: objGetStrOptional(obj, "url"),
+            youtubeVideoID: objGetStrOptional(obj, "youtube"),
         };
     });
 }
@@ -87,6 +91,8 @@ function collectionEntryToPost(entry: ThisCollectionEntry): CurationPost {
 
         title: entry.data.title,
         synopsis: entry.data.synopsis,
+
+        url: undefined, // TODO: NOT YET IMPLEMENTED
         youtubeVideoID: entry.data.youtube,
     };
 }

src/pages/curation/[page].astro

@@ -59,6 +59,9 @@ const posts: CurationPost[] = _posts;
         {(!!p.synopsis) &&
             <p>{p.synopsis}</p>
         }
+        {(!!p.url) &&
+            <p>Web link: <a href={p.url} target="_blank">{p.url}</a></p>
+        }
         {(!!p.youtubeVideoID) &&
             <iframe width="560" height="315" src={`https://www.youtube.com/embed/${p.youtubeVideoID}`} title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         }

src/pages/curation/index.astro

@@ -57,6 +57,9 @@ export const frontmatter = fm({
         {(!!p.synopsis) &&
             <p>{p.synopsis}</p>
         }
+        {(!!p.url) &&
+            <p>Web link: <a href={p.url} target="_blank">{p.url}</a></p>
+        }
         {(!!p.youtubeVideoID) &&
             <iframe width="560" height="315" src={`https://www.youtube.com/embed/${p.youtubeVideoID}`} title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         }

src/pages/list-of-awesome/index.astro

@@ -229,7 +229,11 @@ export const frontmatter = fm({
     <li>[<AYt p="/c/VivaLaDirtLeague" />] <span class="e">Viva La Dirt League</span></li>
     <li>[<AWeb href="https://waitbutwhy.com/" />] <span class="e">Wait But Why</span></li>
     <li>[<AYt p="/user/WongFuProductions" />] <span class="e">Wong Fu Productions</span></li>
-    <li>[<AWeb href="https://xkcd.com/" />] <span class="e">xkcd</span></li>
+    <li>[<AWeb href="https://xkcd.com/" />] <span class="e">xkcd</span>
+        <ul>
+            <li>[<AYt p="@xkcd_whatif" />] <span class="e">xkcd's What If?</span></li>
+        </ul>
+    </li>
 </ul>