import { Contact } from '../page/contact/contact.html';
import { Header } from '../page/header/header';
import { ImageViewer } from '../page/image-viewer/image-viewer';
import { Link } from '../page/link/link.html';
import { Main } from '../page/main/main';
import { PageElement } from '../page/page-element';
import { TimelineElement } from '../page/timeline-element/timeline-element';
import { UpArrowButton } from '../page/up-arrow-button/up-arrow-button';
import cvEnglish from './media/cv-andras-schmelczer.pdf';
import me from './media/me.jpg';
import { adAstra } from './projects/ad-astra';
import { avoid } from './projects/avoid';
import { citySimulation } from './projects/city-simulation';
import { declared } from './projects/declared';
import { forex } from './projects/forex';
import { greatAi } from './projects/great-ai';
import { leds } from './projects/leds';
import { myNotes } from './projects/my-notes';
import { nuclear } from './projects/nuclear';
import { nuclearEditor } from './projects/nuclear-editor';
import { photos } from './projects/photos';
import { platformGame } from './projects/platform-game';
import { sdf2d } from './projects/sdf2d';
import { towers } from './projects/towers';
import { CV, Email, GitHubLink, LinkedIn } from './shared';

const imageViewer = new ImageViewer();
const main = new Main(
  new Header({
    name: 'András Schmelczer',
    image: me,
    imageAltText: 'a picture of me',
    imageViewer,
    about: [
      'With more than six years of professional software engineering experience and a degree in Computer Science, I can confidently undertake any challenge. My interests span diverse areas, allowing me to design complex — even multidisciplinary — systems with a clear understanding.',

      "I'm passionate about architecting and building large-scale systems, especially in the context of AI/ML. However, in my free time, I also enjoy working with shaders, data visualisation, and sometimes even microcontrollers.",

      `Discover some of my more exciting projects below. And if you'd like to reach out to me, you can find my contact details at ${Link(
        'the bottom of the page',
        '#contact'
      )}.`,
    ],
  }),

  ...[
    greatAi,
    declared,
    sdf2d,
    adAstra,
    forex,
    myNotes,
    towers,
    nuclear,
    nuclearEditor,
    citySimulation,
    avoid,
    platformGame,
    photos,
    leds,
  ].map((p) => new TimelineElement(p, 'Show details', 'Show less', imageViewer)),

  Contact({
    title: 'Get in touch',
    links: [
      CV(cvEnglish),
      Email('mailto:andras@schmelczer.dev'),
      LinkedIn('https://www.linkedin.com/in/andras-schmelczer'),
      GitHubLink('https://github.com/schmelczer'),
    ],
    lastEditText: 'Last modified on ',
  })
);

export const portfolio: Array<PageElement> = [
  main,
  new UpArrowButton(main, 'go up'),
  imageViewer,
];