Refactor portfolio and fix grammar

src/data/colors.ts

@@ -0,0 +1,29 @@
+import colourJpeg from '../static/media/color.jpg?format=jpg';
+import colourWebP from '../static/media/color.jpg?format=webp';
+
+import { Image } from '../page/basics/image/image';
+import { Open } from './shared';
+
+export const colorsTimelineElement = {
+  date: `2018 June`,
+  title: `Photo colour grader`,
+  figure: new Image(colourWebP, colourJpeg, `a picture of the app`),
+  description: `An innovative (at least I thought so) colour grader web application.`,
+  more: [
+    `
+      The most noteworthy feature of this application is the colour selector UI. 
+      This program is only intended as a proof-of-concept, I would have liked to
+      experiment with some ideas and this was the outcome.
+    `,
+    `
+      You can select some colours and then apply transformations to the other colours as a 
+      function of their distance to the selected colour.
+    `,
+    `
+      By clicking on a coloured circle you can change its settings. 
+      New circles can be created by clicking in the large circle 
+      (and they can also be moved by drag & drop).
+    `,
+  ],
+  links: [new Open('color.schmelczer.dev')],
+};