import { Image } from '../../page/basics/image/image.html';
import { TimelineElementParameters } from '../../page/timeline/timeline-element/timeline-element-parameters';
import photos from '../media/photos.jpg';
import { Open } from '../shared';

export const photosTimelineElement: TimelineElementParameters = {
  title: `Photos`,
  date: `2016 summer`,
  figure: Image({
    image: photos,
    alt: `a picture of the website`,
    container: true,
  }),
  description: `A simple webpage where you can view my photos.`,
  more: [
    `
      Taking time to appreciate the world around us fills me with joy. That's why I like
      to go on walks with a camera. I might not end up with great photos, nonetheless, I usually
      end up with some inspiration regarding my current or next project.
    `,
    `
      As for the webpage, a webpack script generates the site from the photos in a directory,
      automatic resizing to multiple quality settings is also part of the pipeline.
    `,
  ],
  links: [Open('https://photo.schmelczer.dev')],
};