Miroirs/noc-book-2
1
0
Fork 0
mirror of https://github.com/nature-of-code/noc-book-2 synced 2024-09-29 05:36:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

[feat] improve social media display

Browse source
This commit is contained in:
Yifei Gao 2024-08-26 00:36:12 +08:00
parent 6a552473a5
commit 058916b3b0
No known key found for this signature in database
2 changed files with 80 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/pages/404.js
View file

@ -30,16 +30,26 @@ export default function NotFoundPage({ data }) {
{sketch && (
<>
<iframe
title="Embedded p5.js sketch"
src={sketch.url}
className="mt-10 h-[644px] w-[802px] overflow-hidden rounded-xl border border-noc-400"
height={644}
width={802}
className="mt-10 h-[644px] w-[802px] overflow-hidden rounded-xl border border-noc-200"
></iframe>
<p className="mt-2">
<span>Credit: </span>
<span>by </span>
{sketch.name && <span>{sketch.name}</span>}
{sketch.socialMedia && (
<>
<span className="mx-2 text-gray-400">|</span>
<span>{sketch.socialMedia}</span>
<a
href={sketch.socialMedia.url}
className="text-noc-500"
target="_blank"
rel="noreferrer"
>
{sketch.socialMedia.handle}
</a>
</>
)}
</p>

84
static/404_sketches.json
View file

@ -2,72 +2,114 @@
{
"url": "https://editor.p5js.org/kcarollee/full/r4DSHTU1M",
"name": "Dukwon Karl Lee",
"socialMedia": "Instagram: @kleemotfd"
"socialMedia": {
"handle": "@kleemotfd",
"url": "https://www.instagram.com/kleemotfd"
}
},
{
"url": "https://editor.p5js.org/ajuancer/full/L_3kqVNYQ",
"name": "juancer",
"socialMedia": "https://juancer.me"
"socialMedia": {
"handle": "juancer.me",
"url": "https://juancer.me"
}
},
{
"url": "https://editor.p5js.org/moloxe/full/6TmgtimNB",
"name": "Franco Moloche",
"socialMedia": "Instagram: @franco.moloche"
"socialMedia": {
"handle": "@franco.moloche",
"url": "https://www.instagram.com/franco.moloche"
}
},
{
"url": "https://editor.p5js.org/Jennybkowalski/full/glUn71KN4",
"name": "Jenny Kowalski",
"socialMedia": "Instagram: @jennybkowalski"
"socialMedia": {
"handle": "@jennybkowalski",
"url": "https://www.instagram.com/jennybkowalski"
}
},
{
"url": "https://editor.p5js.org/emeraldblackbird/full/Bz75zcXwa",
"name": "Prisha B.",
"socialMedia": "Instagram @prishainabox"
"socialMedia": {
"handle": "@prishainabox",
"url": "https://www.instagram.com/prishainabox"
}
},
{
"url": "https://editor.p5js.org/ant.bchan/full/Fw5hshI31",
"name": "Antoinette Bumatay-Chan",
"socialMedia": "Instagram @antoinette.creates"
"socialMedia": {
"handle": "@antoinette.creates",
"url": "https://www.instagram.com/antoinette.creates"
}
},
{
"url": "https://editor.p5js.org/ant.bchan/full/U7pOlDx8l",
"name": "Antoinette Bumatay-Chan",
"socialMedia": "Instagram @antoinette.creates"
"socialMedia": {
"handle": "@antoinette.creates",
"url": "https://www.instagram.com/antoinette.creates"
}
},
{
"url": "https://editor.p5js.org/greggelong/full/UACX4d56k",
"name": "Gregory Kreisman",
"socialMedia": "Instagram: @gregkreisman"
"socialMedia": {
"handle": "@gregkreisman",
"url": "https://www.instagram.com/gregkreisman"
}
},
{
"url": "https://editor.p5js.org/electr0cute/full/c45QD_KC8",
"name": "Yafira",
"socialMedia": "Instagram: @electrocutelab"
"socialMedia": {
"handle": "@electrocutelab",
"url": "https://www.instagram.com/electrocutelab"
}
},
{
"url": "https://editor.p5js.org/melissarodriguez/full/9EOgYp9Za",
"name": "Melissa Rodriguez",
"socialMedia": "Instagram: @hellomelissarodriguez"
"socialMedia": {
"handle": "@hellomelissarodriguez",
"url": "https://www.instagram.com/hellomelissarodriguez"
}
},
{
"url": "https://editor.p5js.org/ricoloic/full/cJmC8qLQp",
"name": "Rico Studio",
"socialMedia": "Youtube: @rico_studio"
"socialMedia": {
"handle": "@rico_studio",
"url": "https://www.youtube.com/@rico_studio"
}
},
{
"url": "https://editor.p5js.org/benoitwimart/full/qEkwBbDyp",
"name": "benoit wimart",
"socialMedia": "Instagram: @modulofont"
"socialMedia": {
"handle": "@modulofont",
"url": "https://www.instagram.com/modulofont"
}
},
{
"url": "https://editor.p5js.org/kfahn/full/ZC3MhXe6Q",
"name": "Kathy McGuiness",
"socialMedia": "GitHub (kfahn22)"
"socialMedia": {
"handle": "kfahn22",
"url": "https://www.github.com/kfahn22"
}
},
{
"url": "https://editor.p5js.org/leptr/full/L9uyWDVs4",
"name": "Peter",
"socialMedia": "Twitter/X: @dazaittv"
"socialMedia": {
"handle": "@dazaittv",
"url": "https://x.com/dazaittv"
}
},
{
"url": "https://editor.p5js.org/kfahn/full/cN5k0ZOQ6",
@ -76,7 +118,9 @@
{
"url": "https://editor.p5js.org/cchristina/full/xeTVmGOOc",
"name": "xtina",
"socialMedia": "xtina.gif"
"socialMedia": {
"handle": "xtina.gif"
}
},
{
"url": "https://editor.p5js.org/.Fragmented_HF_ang./full/r5x8heUVP",
@ -89,11 +133,17 @@
{
"url": "https://editor.p5js.org/ChDudek/full/YzVl69jQf",
"name": "ChDudek",
"socialMedia": "X: @ChDudek"
"socialMedia": {
"handle": "@ChDudek",
"url": "https://x.com/ChDudek"
}
},
{
"url": "https://editor.p5js.org/Azz_adi/full/0amqRHapw",
"name": "Aditya T. Kanade",
"socialMedia": "Instagram: @azz_adi.xzbit"
"socialMedia": {
"handle": "@azz_adi.xzbit",
"url": "https://www.instagram.com/azz_adi.xzbit"
}
}
]