Move files

src/data/portfolio.ts

@@ -0,0 +1,78 @@
+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 './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 = () =>
+  new Body(
+    new Main(
+      new PageBackground(1, 1),
+      new PageHeader({
+        name: `András Schmelczer`,
+        photo: new Image(meWebP, meJpeg, `a picture of me`, false),
+        about: [
+          `
+            I have always been fascinated by the engineering feats that surround us and pervade every aspect
+            of our lives. When I realised I might someday be able to contribute to this field, I knew that
+            this would become my life's ambition. 
+            As I am starting my third semester at Leiden University,
+            I feel I am getting closer to my ambition every day.
+          `,
+          `
+            Discover some of my more interesting projects. They are all listed below.
+            Further information about me can be found at the bottom of the page.
+          `,
+        ],
+      }),
+      new PageTimeline({
+        showMoreText: `Show details`,
+        showLessText: `Show less`,
+        elements: [
+          greatAiTimelineElement,
+          declaredTimelineElement,
+          sdf2dTimelineElement,
+          adAstraTimelineElement,
+          forexTimelineElement,
+          myNotesTimelineElement,
+          towersTimelineElement,
+          nuclearTimelineElement,
+          nuclearEditorTimelineElement,
+          citySimulationTimelineElement,
+          platformGameTimelineElement,
+          photosTimelineElement,
+          ledsTimelineElement,
+        ],
+      }),
+      new PageFooter({
+        title: `Learn more`,
+        curriculaVitae: [{ name: `Curriculum vitae`, url: cvEnglish }],
+        email: `andras@schmelczer.dev`,
+        linkedin: `https://www.linkedin.com/in/andras-schmelczer-35487017b`,
+        lastEditText: `Last modified on `,
+        // @ts-ignore: injected by webpack
+        lastEdit: new Date(__CURRENT_DATE__),
+      })
+    ),
+    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');