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';