diff --git a/.vscode/settings.json b/.vscode/settings.json index a981944..c930042 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -21,6 +21,7 @@ "utilised", "utilising", "webm", - "webp" + "webp", + "youtube" ] } \ No newline at end of file diff --git a/src/data/sdf2d.ts b/src/data/sdf2d.ts index 8312ae1..f5300a8 100644 --- a/src/data/sdf2d.ts +++ b/src/data/sdf2d.ts @@ -2,7 +2,7 @@ import sdf2dJpeg from '../static/media/sdf2d.png?format=jpg'; import sdf2dWebP from '../static/media/sdf2d.png?format=webp'; import { Preview } from '../page/basics/preview/preview'; -import { GitHub, Open, NPM } from './shared'; +import { Open, NPM, Youtube } from './shared'; export const sdf2dTimelineElement = { title: `2D ray tracing`, @@ -34,8 +34,8 @@ export const sdf2dTimelineElement = { `, ], links: [ - new GitHub('https://github.com/schmelczerandras/sdf-2d'), new NPM('https://www.npmjs.com/package/sdf-2d'), + new Youtube('https://www.youtube.com/watch?v=K3cEtnZUNR0'), new Open('https://sdf2d.schmelczer.dev'), ], }; diff --git a/src/data/shared.ts b/src/data/shared.ts index c8ec956..c4db347 100644 --- a/src/data/shared.ts +++ b/src/data/shared.ts @@ -4,8 +4,10 @@ import githubIcon from '../static/icons/github.svg'; import openIcon from '../static/icons/open.svg'; import cvIcon from '../static/icons/cv.svg'; import packageIcon from '../static/icons/package.svg'; +import youtubeIcon from '../static/icons/youtube.svg'; export const GitHub = ImageAnchorFactory(githubIcon, 'Open on GitHub'); export const NPM = ImageAnchorFactory(packageIcon, 'Open on npm'); export const Open = ImageAnchorFactory(openIcon, 'Open in new tab'); export const Thesis = ImageAnchorFactory(cvIcon, 'Download thesis'); +export const Youtube = ImageAnchorFactory(youtubeIcon, 'Open on YouTube'); diff --git a/src/static/icons/youtube.svg b/src/static/icons/youtube.svg new file mode 100644 index 0000000..8c768b3 --- /dev/null +++ b/src/static/icons/youtube.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file