Move files

src/data/portfolio.ts

@@ -1,29 +1,30 @@
-import meJpeg from './static/media/me.jpg?format=jpg';
-import meWebP from './static/media/me.jpg?format=webp';
-import cvEnglish from './static/media/cv-andras-schmelczer.pdf';
+import meJpeg from './media/me.jpg?format=jpg';
+import meWebP from './media/me.jpg?format=webp';
+import cvEnglish from './media/cv-andras-schmelczer.pdf';
 
-import { PageFooter } from './page/footer/footer';
-import { Image } from './page/basics/image/image';
-import { PageHeader } from './page/header/header';
-import { PageTimeline } from './page/timeline/timeline';
-import { PageImageViewer } from './page/image-viewer/image-viewer';
-import { PageBackground } from './page/background/background';
-import { Main } from './page/main/main';
-import { Body } from './page/body/body';
-import { declaredTimelineElement } from './data/declared';
-import { sdf2dTimelineElement } from './data/sdf2d';
-import { adAstraTimelineElement } from './data/ad-astra';
-import { forexTimelineElement } from './data/forex';
-import { myNotesTimelineElement } from './data/my-notes';
-import { nuclearTimelineElement } from './data/nuclear';
-import { nuclearEditorTimelineElement } from './data/nuclear-editor';
-import { citySimulationTimelineElement } from './data/city-simulation';
-import { platformGameTimelineElement } from './data/platform-game';
-import { photosTimelineElement } from './data/photos';
-import { ledsTimelineElement } from './data/leds';
-import { towersTimelineElement } from './data/towers';
+import { PageFooter } from '../page/footer/footer';
+import { Image } from '../page/basics/image/image';
+import { PageHeader } from '../page/header/header';
+import { PageTimeline } from '../page/timeline/timeline';
+import { PageImageViewer } from '../page/image-viewer/image-viewer';
+import { PageBackground } from '../page/background/background';
+import { Main } from '../page/main/main';
+import { Body } from '../page/body/body';
+import { declaredTimelineElement } from './projects/declared';
+import { sdf2dTimelineElement } from './projects/sdf2d';
+import { adAstraTimelineElement } from './projects/ad-astra';
+import { forexTimelineElement } from './projects/forex';
+import { myNotesTimelineElement } from './projects/my-notes';
+import { nuclearTimelineElement } from './projects/nuclear';
+import { nuclearEditorTimelineElement } from './projects/nuclear-editor';
+import { citySimulationTimelineElement } from './projects/city-simulation';
+import { platformGameTimelineElement } from './projects/platform-game';
+import { photosTimelineElement } from './projects/photos';
+import { ledsTimelineElement } from './projects/leds';
+import { towersTimelineElement } from './projects/towers';
+import { greatAiTimelineElement } from './projects/great-ai';
 
-export const create = () => {
+export const create = () =>
   new Body(
     new Main(
       new PageBackground(1, 1),
@@ -48,6 +49,7 @@ export const create = () => {
         showMoreText: `Show details`,
         showLessText: `Show less`,
         elements: [
+          greatAiTimelineElement,
           declaredTimelineElement,
           sdf2dTimelineElement,
           adAstraTimelineElement,
@@ -74,4 +76,3 @@ export const create = () => {
     ),
     new PageImageViewer()
   );
-};

src/data/projects/ad-astra.ts

@@ -1,12 +1,13 @@
-import adAstraWebP from '../static/media/ad_astra.jpg?format=webp';
-import adAstraJpeg from '../static/media/ad_astra.jpg?format=jpg';
-import adAstraMp4 from '../static/media/mp4/ad_astra.mp4';
-import adAstraWebM from '../static/media/webm/ad_astra.webm';
+import adAstraWebP from '../media/ad_astra.jpg?format=webp';
+import adAstraJpeg from '../media/ad_astra.jpg?format=jpg';
+import adAstraMp4 from '../media/mp4/ad_astra.mp4';
+import adAstraWebM from '../media/webm/ad_astra.webm';
 
-import { GitHub } from './shared';
-import { Video } from '../page/basics/video/video';
+import { GitHub } from '../shared';
+import { Video } from '../../page/basics/video/video';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const adAstraTimelineElement = {
+export const adAstraTimelineElement: TimelineElementParameters = {
   title: `Gaming on an ATtiny85`,
   date: `2020 spring`,
   figure: new Video({

src/data/projects/city-simulation.ts

@@ -1,11 +1,12 @@
-import citySimulationPosterWebP from '../static/media/simulation.jpg?format=webp';
-import citySimulationPosterJpeg from '../static/media/simulation.jpg?format=jpg';
-import citySimulationMp4 from '../static/media/mp4/simulation.mp4';
-import citySimulationWebM from '../static/media/webm/simulation.webm';
+import citySimulationPosterWebP from '../media/simulation.jpg?format=webp';
+import citySimulationPosterJpeg from '../media/simulation.jpg?format=jpg';
+import citySimulationMp4 from '../media/mp4/simulation.mp4';
+import citySimulationWebM from '../media/webm/simulation.webm';
 
-import { Video } from '../page/basics/video/video';
+import { Video } from '../../page/basics/video/video';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const citySimulationTimelineElement = {
+export const citySimulationTimelineElement: TimelineElementParameters = {
   title: `City simulation`,
   date: `2018 July - August`,
   figure: new Video({

src/data/projects/colors.ts

@@ -1,9 +1,10 @@
-import colourJpeg from '../static/media/color.jpg?format=jpg';
-import colourWebP from '../static/media/color.jpg?format=webp';
+import colourJpeg from '../media/color.jpg?format=jpg';
+import colourWebP from '../media/color.jpg?format=webp';
 
-import { Image } from '../page/basics/image/image';
+import { Image } from '../../page/basics/image/image';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const colorsTimelineElement = {
+export const colorsTimelineElement: TimelineElementParameters = {
   title: `Photo colour grader`,
   date: `2018 June`,
   figure: new Image(colourWebP, colourJpeg, `a picture of the app`),
@@ -24,4 +25,5 @@ export const colorsTimelineElement = {
       (and they can also be moved by drag & drop).
     `,
   ],
+  links: [],
 };

src/data/projects/declared.ts

@@ -1,11 +1,12 @@
-import declaredJpeg from '../static/media/decla-red.png?format=jpg';
-import declaredWebP from '../static/media/decla-red.png?format=webp';
-import thesis from '../static/media/thesis-andras-schmelczer.pdf';
+import declaredJpeg from '../media/decla-red.png?format=jpg';
+import declaredWebP from '../media/decla-red.png?format=webp';
+import thesis from '../media/thesis-andras-schmelczer.pdf';
 
-import { Preview } from '../page/basics/preview/preview';
-import { GitHub, Thesis, Open } from './shared';
+import { Preview } from '../../page/basics/preview/preview';
+import { GitHub, Thesis, Open } from '../shared';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const declaredTimelineElement = {
+export const declaredTimelineElement: TimelineElementParameters = {
   title: `Multiplayer game`,
   date: `2020 autumn`,
   figure: new Preview(

src/data/projects/forex.ts

@@ -1,11 +1,12 @@
-import forexPosterWebP from '../static/media/forex.jpg?format=webp';
-import forexPosterJpeg from '../static/media/forex.jpg?format=jpg';
-import forexMp4 from '../static/media/mp4/forex.mp4';
-import forexWebM from '../static/media/webm/forex.webm';
+import forexPosterWebP from '../media/forex.jpg?format=webp';
+import forexPosterJpeg from '../media/forex.jpg?format=jpg';
+import forexMp4 from '../media/mp4/forex.mp4';
+import forexWebM from '../media/webm/forex.webm';
 
-import { Video } from '../page/basics/video/video';
+import { Video } from '../../page/basics/video/video';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const forexTimelineElement = {
+export const forexTimelineElement: TimelineElementParameters = {
   title: `Predicting foreign exchange rates`,
   date: `2019 autumn`,
   figure: new Video({

src/data/projects/leds.ts

@@ -1,11 +1,12 @@
-import ledPosterWebP from '../static/media/led.jpg?format=webp';
-import ledPosterJpeg from '../static/media/led.jpg?format=jpg';
-import ledMp4 from '../static/media/mp4/led.mp4';
-import ledWebM from '../static/media/webm/led.webm';
+import ledPosterWebP from '../media/led.jpg?format=webp';
+import ledPosterJpeg from '../media/led.jpg?format=jpg';
+import ledMp4 from '../media/mp4/led.mp4';
+import ledWebM from '../media/webm/led.webm';
 
-import { Video } from '../page/basics/video/video';
+import { Video } from '../../page/basics/video/video';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const ledsTimelineElement = {
+export const ledsTimelineElement: TimelineElementParameters = {
   title: `Lights synchronised to music`,
   date: `2016 spring`,
   figure: new Video({

src/data/projects/my-notes.ts

@@ -1,10 +1,11 @@
-import myNotesJpeg from '../static/media/my-notes.png?format=jpg';
-import myNotesWebP from '../static/media/my-notes.png?format=webp';
+import myNotesJpeg from '../media/my-notes.png?format=jpg';
+import myNotesWebP from '../media/my-notes.png?format=webp';
 
-import { Image } from '../page/basics/image/image';
-import { GitHub } from './shared';
+import { Image } from '../../page/basics/image/image';
+import { GitHub } from '../shared';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const myNotesTimelineElement = {
+export const myNotesTimelineElement: TimelineElementParameters = {
   title: `My Notes`,
   date: `2019 November`,
   figure: new Image(myNotesWebP, myNotesJpeg, `two screenshots of the application`),

src/data/projects/nuclear-editor.ts

@@ -1,9 +1,10 @@
-import processSimulatorInputJpeg from '../static/media/process-simulator-input.jpg?format=jpg';
-import processSimulatorInputWebP from '../static/media/process-simulator-input.jpg?format=webp';
+import processSimulatorInputJpeg from '../media/process-simulator-input.jpg?format=jpg';
+import processSimulatorInputWebP from '../media/process-simulator-input.jpg?format=webp';
 
-import { Image } from '../page/basics/image/image';
+import { Image } from '../../page/basics/image/image';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const nuclearEditorTimelineElement = {
+export const nuclearEditorTimelineElement: TimelineElementParameters = {
   title: `Graph editing application`,
   date: `2018 October - November`,
   figure: new Image(

src/data/projects/nuclear.ts

@@ -1,9 +1,10 @@
-import processSimulatorJpeg from '../static/media/process-simulator.jpg?format=jpg';
-import processSimulatorWebP from '../static/media/process-simulator.jpg?format=webp';
+import processSimulatorJpeg from '../media/process-simulator.jpg?format=jpg';
+import processSimulatorWebP from '../media/process-simulator.jpg?format=webp';
 
-import { Image } from '../page/basics/image/image';
+import { Image } from '../../page/basics/image/image';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const nuclearTimelineElement = {
+export const nuclearTimelineElement: TimelineElementParameters = {
   title: `Simulating the cooling system of a nuclear facility`,
   date: `2018 October - November`,
   figure: new Image(

src/data/projects/photos.ts

@@ -1,10 +1,11 @@
-import photosJpeg from '../static/media/photos.jpg?format=jpg';
-import photosWebP from '../static/media/photos.jpg?format=webp';
+import photosJpeg from '../media/photos.jpg?format=jpg';
+import photosWebP from '../media/photos.jpg?format=webp';
 
-import { Image } from '../page/basics/image/image';
-import { Open } from './shared';
+import { Image } from '../../page/basics/image/image';
+import { Open } from '../shared';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const photosTimelineElement = {
+export const photosTimelineElement: TimelineElementParameters = {
   title: `Photos`,
   date: `2016 summer`,
   figure: new Image(photosWebP, photosJpeg, `a picture of the website`),

src/data/projects/platform-game.ts

@@ -1,11 +1,12 @@
-import platformPosterWebP from '../static/media/platform.png?format=webp';
-import platformPosterJpeg from '../static/media/platform.png?format=jpg';
-import platformMp4 from '../static/media/mp4/platform.mp4';
-import platformWebM from '../static/media/webm/platform.webm';
+import platformPosterWebP from '../media/platform.png?format=webp';
+import platformPosterJpeg from '../media/platform.png?format=jpg';
+import platformMp4 from '../media/mp4/platform.mp4';
+import platformWebM from '../media/webm/platform.webm';
 
-import { Video } from '../page/basics/video/video';
+import { Video } from '../../page/basics/video/video';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const platformGameTimelineElement = {
+export const platformGameTimelineElement: TimelineElementParameters = {
   title: `Platform game`,
   date: `2017 autumn`,
   figure: new Video({

src/data/projects/sdf2d.ts

@@ -1,10 +1,11 @@
-import sdf2dJpeg from '../static/media/sdf2d.png?format=jpg';
-import sdf2dWebP from '../static/media/sdf2d.png?format=webp';
+import sdf2dJpeg from '../media/sdf2d.png?format=jpg';
+import sdf2dWebP from '../media/sdf2d.png?format=webp';
 
-import { Preview } from '../page/basics/preview/preview';
-import { Open, NPM, Youtube } from './shared';
+import { Preview } from '../../page/basics/preview/preview';
+import { Open, NPM, Youtube } from '../shared';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const sdf2dTimelineElement = {
+export const sdf2dTimelineElement: TimelineElementParameters = {
   title: `2D ray tracing`,
   date: `2020 autumn`,
   figure: new Preview(

src/data/projects/towers.ts

@@ -1,10 +1,11 @@
-import towersJpeg from '../static/media/towers.png?format=jpg';
-import towersWebP from '../static/media/towers.png?format=webp';
+import towersJpeg from '../media/towers.png?format=jpg';
+import towersWebP from '../media/towers.png?format=webp';
 
-import { Image } from '../page/basics/image/image';
-import { Open, GitHub } from './shared';
+import { Image } from '../../page/basics/image/image';
+import { Open, GitHub } from '../shared';
+import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element';
 
-export const towersTimelineElement = {
+export const towersTimelineElement: TimelineElementParameters = {
   title: `Towers tracking app`,
   date: `2019 August - September`,
   figure: new Image(towersWebP, towersJpeg, `a picture of the website`),

src/data/shared.ts

@@ -1,10 +1,10 @@
 import { ImageAnchorFactory } from '../page/basics/image-anchor/image-anchor';
 
-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';
+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');

src/index.ts

@@ -1,15 +1,15 @@
-import './static/no-change/og-image.jpg';
-import './static/no-change/robots.txt';
-import './static/no-change/404.html';
-import './static/no-change/favicons/android-chrome-192x192.png';
-import './static/no-change/favicons/android-chrome-512x512.png';
-import './static/no-change/favicons/apple-touch-icon.png';
-import './static/no-change/favicons/favicon-16x16.png';
-import './static/no-change/favicons/favicon-32x32.png';
-import './static/no-change/favicons/favicon.ico';
-import './static/no-change/favicons/site.webmanifest';
+import '../static/no-change/og-image.jpg';
+import '../static/no-change/robots.txt';
+import '../static/no-change/404.html';
+import '../static/no-change/favicons/android-chrome-192x192.png';
+import '../static/no-change/favicons/android-chrome-512x512.png';
+import '../static/no-change/favicons/apple-touch-icon.png';
+import '../static/no-change/favicons/favicon-16x16.png';
+import '../static/no-change/favicons/favicon-32x32.png';
+import '../static/no-change/favicons/favicon.ico';
+import '../static/no-change/favicons/site.webmanifest';
 import './styles.scss';
-import { create } from './portfolio';
+import { create } from './data/portfolio';
 
 const addSupportForTabNavigation = () =>
   document.addEventListener('keydown', (e) => {

src/page/basics/preview/preview.html.ts

@@ -1,6 +1,6 @@
 import './preview.scss';
-import play from '../../../static/icons/play-button.svg';
-import loading from '../../../static/icons/loading.svg';
+import play from '../../../../static/icons/play-button.svg';
+import loading from '../../../../static/icons/loading.svg';
 import { html } from '../../../types/html';
 
 export const generate = ({ alt }: { alt: string }): html => `

src/page/basics/video/video.html.ts

@@ -1,9 +1,9 @@
 import './video.scss';
 
-import loading from '../../../static/icons/loading.svg';
+import loading from '../../../../static/icons/loading.svg';
 
 import { html } from '../../../types/html';
-import play from '../../../static/icons/play-button.svg';
+import play from '../../../../static/icons/play-button.svg';
 import { VideoParameters } from './video';
 
 export const generate = ({

src/page/footer/footer.html.ts

@@ -1,7 +1,7 @@
 import './footer.scss';
-import cvIcon from '../../static/icons/cv.svg';
-import emailIcon from '../../static/icons/email.svg';
-import linkedinIcon from '../../static/icons/linkedin.svg';
+import cvIcon from '../../../static/icons/cv.svg';
+import emailIcon from '../../../static/icons/email.svg';
+import linkedinIcon from '../../../static/icons/linkedin.svg';
 import { html } from '../../types/html';
 import { FooterParameters } from './footer';
 

src/page/image-viewer/image-viewer.html.ts

@@ -1,4 +1,4 @@
-import cancel from '../../static/icons/cancel.svg';
+import cancel from '../../../static/icons/cancel.svg';
 
 import './image-viewer.scss';
 import { html } from '../../types/html';

src/page/timeline/timeline-element/timeline-element.html.ts

@@ -1,4 +1,4 @@
-import info from '../../../static/icons/info.svg';
+import info from '../../../../static/icons/info.svg';
 import './timeline-element.scss';
 import { html } from '../../../types/html';
 import { TimelineElementParameters } from './timeline-element';

src/static/icons/cancel.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <line x1="18" y1="6" x2="6" y2="18" />
-  <line x1="6" y1="6" x2="18" y2="18" />
-</svg>

src/static/icons/cv.svg

@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"  width="60" height="60" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11" />
-  <line x1="8" y1="8" x2="12" y2="8" />
-  <line x1="8" y1="12" x2="12" y2="12" />
-  <line x1="8" y1="16" x2="12" y2="16" />
-</svg>

src/static/icons/email.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <circle cx="12" cy="12" r="4" />
-  <path d="M16 12v1.5a2.5 2.5 0 0 0 5 0v-1.5a9 9 0 1 0 -5.5 8.28" />
-</svg>

src/static/icons/fullscreen.svg

@@ -1 +0,0 @@
-<svg enable-background="new 0 0 482.239 482.239" height="512" viewBox="0 0 482.239 482.239" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m0 17.223v120.56h34.446v-103.337h103.337v-34.446h-120.56c-9.52 0-17.223 7.703-17.223 17.223z"/><path d="m465.016 0h-120.56v34.446h103.337v103.337h34.446v-120.56c0-9.52-7.703-17.223-17.223-17.223z"/><path d="m447.793 447.793h-103.337v34.446h120.56c9.52 0 17.223-7.703 17.223-17.223v-120.56h-34.446z"/><path d="m34.446 344.456h-34.446v120.56c0 9.52 7.703 17.223 17.223 17.223h120.56v-34.446h-103.337z"/></svg>

src/static/icons/github.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
-</svg>

src/static/icons/info.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"  width="60" height="60" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <circle cx="12" cy="12" r="9" />
-  <line x1="12" y1="8" x2="12.01" y2="8" />
-  <polyline points="11 12 12 12 12 16 13 16" />
-</svg>

src/static/icons/linkedin.svg

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <rect x="4" y="4" width="16" height="16" rx="2" />
-  <line x1="8" y1="11" x2="8" y2="16" />
-  <line x1="8" y1="8" x2="8" y2="8.01" />
-  <line x1="12" y1="16" x2="12" y2="11" />
-  <path d="M16 16v-3a2 2 0 0 0 -4 0" />
-</svg>

src/static/icons/loading.svg

@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; shape-rendering: auto;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
-  <g transform="rotate(0 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(30 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(60 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(90 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(120 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(150 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(180 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(210 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(240 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(270 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(300 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate>
-    </rect>
-  </g><g transform="rotate(330 50 50)">
-    <rect x="45" y="2" rx="5" ry="5" width="10" height="10" fill="#b7455e">
-      <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
-    </rect>
-  </g>
-</svg>

src/static/icons/open.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"  width="60" height="60" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <path d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" />
-  <path d="M20 12h-13l3 -3m0 6l-3 -3" />
-</svg>

src/static/icons/package.svg

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" />
-  <line x1="12" y1="12" x2="20" y2="7.5" />
-  <line x1="12" y1="12" x2="12" y2="21" />
-  <line x1="12" y1="12" x2="4" y2="7.5" />
-  <line x1="16" y1="5.25" x2="8" y2="9.75" />
-</svg>

src/static/icons/play-button.svg

@@ -1,11 +0,0 @@
-<?xml version="1.0"?>
-<svg version="1.1" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-			<path d="M256,0C114.833,0,0,114.844,0,256s114.833,256,256,256s256-114.844,256-256S397.167,0,256,0z M256,490.667
-				C126.604,490.667,21.333,385.396,21.333,256S126.604,21.333,256,21.333S490.667,126.604,490.667,256S385.396,490.667,256,490.667
-				z"/>
-			<path d="M357.771,247.031l-149.333-96c-3.271-2.135-7.5-2.25-10.875-0.396C194.125,152.51,192,156.094,192,160v192
-				c0,3.906,2.125,7.49,5.563,9.365c1.583,0.865,3.354,1.302,5.104,1.302c2,0,4.021-0.563,5.771-1.698l149.333-96
-				c3.042-1.958,4.896-5.344,4.896-8.969S360.813,248.99,357.771,247.031z M213.333,332.458V179.542L332.271,256L213.333,332.458z"
-				/>
-</svg>

src/static/icons/youtube.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round">
-  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
-  <rect x="3" y="5" width="18" height="14" rx="4" />
-  <path d="M10 9l5 3l-5 3z" />
-</svg>

src/static/no-change/404.html

@@ -1,36 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
-    <title>Not found</title>
-    <meta name="theme-color" content="#b7455e" />
-    <meta name="viewport" content="initial-scale=1.0" />
-    <style>
-      html,
-      body {
-        height: 100%;
-      }
-
-      body {
-        margin: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background-color: #b7455e;
-      }
-
-      h1 {
-        font-family: 'Roboto', 'Helvetica Neue', sans-serif;
-        font-weight: 100;
-        font-size: 3rem;
-        color: white;
-        text-align: center;
-        padding: 0.5rem;
-      }
-    </style>
-  </head>
-  <body>
-    <h1>The requested resource cannot be found.</h1>
-  </body>
-</html>

src/static/no-change/favicons/site.webmanifest

@@ -1,11 +0,0 @@
-{
-  "name": "Portfolio - Andras Schmelczer",
-  "short_name": "Portfolio",
-  "icons": [
-    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
-    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
-  ],
-  "theme_color": "#B7455E",
-  "background_color": "#242638",
-  "display": "standalone"
-}

src/static/no-change/robots.txt

@@ -1,2 +0,0 @@
-User-agent: *
-Allow: /