From 29e1546eb2cf3751e10558557680c1733f90603b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Schmelczer=20Andr=C3=A1s?= <schmelczerandras@gmail.com>
Date: Mon, 23 Dec 2019 17:36:43 +0100
Subject: [PATCH] Add favicon support

---
 .idea/workspace.xml                           |  62 +++++++++---------
 src/index.ts                                  |   3 +
 src/page/{main => }/about/about.html.ts       |   4 +-
 src/page/{main => }/about/about.scss          |   4 +-
 src/page/{main => }/about/about.ts            |   6 +-
 src/page/{main => }/content/content.scss      |   2 +-
 src/page/{main => }/content/content.ts        |   6 +-
 src/page/{main => }/footer/footer.html.ts     |   4 +-
 src/page/{main => }/footer/footer.scss        |   4 +-
 src/page/{main => }/footer/footer.ts          |   6 +-
 .../image-viewer/image-viewer.html.ts         |   4 +-
 .../{main => }/image-viewer/image-viewer.scss |   4 +-
 .../{main => }/image-viewer/image-viewer.ts   |   4 +-
 src/page/index.ts                             |  14 ++--
 src/page/main/main.html.ts                    |   6 --
 src/page/main/main.scss                       |   6 --
 src/page/main/main.ts                         |  25 -------
 .../timeline-element/timeline-element.html.ts |   4 +-
 .../timeline-element/timeline-element.scss    |   4 +-
 .../timeline-element/timeline-element.ts      |   6 +-
 src/page/{main => }/timeline/timeline.html.ts |   2 +-
 src/page/{main => }/timeline/timeline.scss    |   2 +-
 src/page/{main => }/timeline/timeline.ts      |   6 +-
 src/static/{ => no-change}/favicon.ico        | Bin
 src/static/{ => no-change}/og-image.jpg       | Bin
 src/styles.scss                               |   3 +-
 webpack.config.js                             |  10 +++
 27 files changed, 92 insertions(+), 109 deletions(-)
 rename src/page/{main => }/about/about.html.ts (75%)
 rename src/page/{main => }/about/about.scss (82%)
 rename src/page/{main => }/about/about.ts (69%)
 rename src/page/{main => }/content/content.scss (79%)
 rename src/page/{main => }/content/content.ts (82%)
 rename src/page/{main => }/footer/footer.html.ts (71%)
 rename src/page/{main => }/footer/footer.scss (58%)
 rename src/page/{main => }/footer/footer.ts (54%)
 rename src/page/{main => }/image-viewer/image-viewer.html.ts (70%)
 rename src/page/{main => }/image-viewer/image-viewer.scss (86%)
 rename src/page/{main => }/image-viewer/image-viewer.ts (90%)
 delete mode 100644 src/page/main/main.html.ts
 delete mode 100644 src/page/main/main.scss
 delete mode 100644 src/page/main/main.ts
 rename src/page/{main => }/timeline/timeline-element/timeline-element.html.ts (90%)
 rename src/page/{main => }/timeline/timeline-element/timeline-element.scss (96%)
 rename src/page/{main => }/timeline/timeline-element/timeline-element.ts (90%)
 rename src/page/{main => }/timeline/timeline.html.ts (69%)
 rename src/page/{main => }/timeline/timeline.scss (61%)
 rename src/page/{main => }/timeline/timeline.ts (73%)
 rename src/static/{ => no-change}/favicon.ico (100%)
 rename src/static/{ => no-change}/og-image.jpg (100%)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index dfdff79..3c441b0 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,33 +2,33 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="8edc47ab-1265-4111-9771-536b24cc9310" name="Default Changelist" comment="">
-      <change afterPath="$PROJECT_DIR$/src/page/main/main.html.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/page/main/main.scss" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/page/main/main.ts" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/about/about.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/about/about.html.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/about/about.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/about/about.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/about/about.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/about/about.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/background/background.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/background/background.html.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/background/background.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/background/background.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/background/background.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/background/background.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/content/content.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/content/content.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/content/content.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/content/content.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/footer/footer.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/footer/footer.html.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/footer/footer.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/footer/footer.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/footer/footer.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/footer/footer.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/image-viewer/image-viewer.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/image-viewer/image-viewer.html.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/image-viewer/image-viewer.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/image-viewer/image-viewer.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/image-viewer/image-viewer.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/image-viewer/image-viewer.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.ts" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/page/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/index.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/timeline/timeline-element/timeline-element.html.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/timeline/timeline-element/timeline-element.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/timeline/timeline-element/timeline-element.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/timeline/timeline.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/timeline/timeline.html.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/timeline/timeline.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/timeline/timeline.scss" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/page/timeline/timeline.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/main/timeline/timeline.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/about/about.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/about/about.html.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/about/about.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/about/about.scss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/about/about.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/about/about.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/content/content.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/content/content.scss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/content/content.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/content/content.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/footer/footer.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/footer/footer.html.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/footer/footer.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/footer/footer.scss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/footer/footer.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/footer/footer.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/image-viewer/image-viewer.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/image-viewer/image-viewer.html.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/image-viewer/image-viewer.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/image-viewer/image-viewer.scss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/image-viewer/image-viewer.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/image-viewer/image-viewer.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/main.html.ts" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/main.scss" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/main.ts" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/timeline/timeline-element/timeline-element.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.html.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/timeline/timeline-element/timeline-element.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.scss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/timeline/timeline-element/timeline-element.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline-element/timeline-element.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/timeline/timeline.html.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline.html.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/timeline/timeline.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline.scss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/page/main/timeline/timeline.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/page/timeline/timeline.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/static/favicon.ico" beforeDir="false" afterPath="$PROJECT_DIR$/src/static/no-change/favicon.ico" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/static/og-image.jpg" beforeDir="false" afterPath="$PROJECT_DIR$/src/static/no-change/og-image.jpg" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/styles.scss" beforeDir="false" afterPath="$PROJECT_DIR$/src/styles.scss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/webpack.config.js" beforeDir="false" afterPath="$PROJECT_DIR$/webpack.config.js" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -68,17 +68,17 @@
     <property name="ts.external.directory.path" value="C:\Projects\portfolio\CompiledCV\node_modules\typescript\lib" />
   </component>
   <component name="RecentsManager">
-    <key name="MoveFile.RECENT_KEYS">
-      <recent name="C:\Projects\portfolio\CompiledCV\src\page\main" />
-      <recent name="C:\Projects\portfolio\CompiledCV\src\static\media" />
-      <recent name="C:\Projects\portfolio\CompiledCV\src\static" />
-      <recent name="C:\Projects\portfolio\CompiledCV\src\static\fonts" />
-      <recent name="C:\Projects\portfolio\CompiledCV\src\page\footer" />
-    </key>
     <key name="CopyFile.RECENT_KEYS">
       <recent name="C:\Projects\portfolio\CompiledCV\src\static\icons" />
       <recent name="$PROJECT_DIR$" />
     </key>
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Projects\portfolio\CompiledCV\src\static\no-change" />
+      <recent name="C:\Projects\portfolio\CompiledCV\src\page\timeline" />
+      <recent name="C:\Projects\portfolio\CompiledCV\src\page" />
+      <recent name="C:\Projects\portfolio\CompiledCV\src\page\main" />
+      <recent name="C:\Projects\portfolio\CompiledCV\src\static\media" />
+    </key>
   </component>
   <component name="RunDashboard">
     <option name="ruleStates">
diff --git a/src/index.ts b/src/index.ts
index afe4398..6fb0ee9 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1,6 @@
+import "./static/no-change/favicon.ico";
+import "./static/no-change/og-image.jpg";
+
 import "./styles.scss";
 
 import { create } from "./page/index";
diff --git a/src/page/main/about/about.html.ts b/src/page/about/about.html.ts
similarity index 75%
rename from src/page/main/about/about.html.ts
rename to src/page/about/about.html.ts
index 2610982..e87aa1c 100644
--- a/src/page/main/about/about.html.ts
+++ b/src/page/about/about.html.ts
@@ -1,5 +1,5 @@
-import { Header } from "../../../model/portfolio";
-import { html } from "../../../model/misc";
+import { Header } from "../../model/portfolio";
+import { html } from "../../model/misc";
 import "./about.scss";
 
 export const generate = (
diff --git a/src/page/main/about/about.scss b/src/page/about/about.scss
similarity index 82%
rename from src/page/main/about/about.scss
rename to src/page/about/about.scss
index 9323b28..54aa586 100644
--- a/src/page/main/about/about.scss
+++ b/src/page/about/about.scss
@@ -1,5 +1,5 @@
-@import "../../../style/mixins";
-@import "../../../style/vars";
+@import "../../style/mixins";
+@import "../../style/vars";
 
 #about {
   margin-top: $normal-margin;
diff --git a/src/page/main/about/about.ts b/src/page/about/about.ts
similarity index 69%
rename from src/page/main/about/about.ts
rename to src/page/about/about.ts
index 42a6b02..f50c8fc 100644
--- a/src/page/main/about/about.ts
+++ b/src/page/about/about.ts
@@ -1,7 +1,7 @@
 import { PageContent } from "../content/content";
-import { Header } from "../../../model/portfolio";
-import { PageElement } from "../../../framework/page-element";
-import { createElement } from "../../../framework/element-factory";
+import { Header } from "../../model/portfolio";
+import { PageElement } from "../../framework/page-element";
+import { createElement } from "../../framework/element-factory";
 
 import { generate } from "./about.html";
 
diff --git a/src/page/main/content/content.scss b/src/page/content/content.scss
similarity index 79%
rename from src/page/main/content/content.scss
rename to src/page/content/content.scss
index 5a57623..a442235 100644
--- a/src/page/main/content/content.scss
+++ b/src/page/content/content.scss
@@ -1,4 +1,4 @@
-@import "../../../style/vars";
+@import "../../style/vars";
 
 .content {
   margin-top: $small-margin;
diff --git a/src/page/main/content/content.ts b/src/page/content/content.ts
similarity index 82%
rename from src/page/main/content/content.ts
rename to src/page/content/content.ts
index b05f7be..c8e528a 100644
--- a/src/page/main/content/content.ts
+++ b/src/page/content/content.ts
@@ -1,7 +1,7 @@
-import { Content, TypedContent } from "../../../model/content";
+import { Content, TypedContent } from "../../model/content";
 import "./content.scss";
-import { PageElement } from "../../../framework/page-element";
-import { createElement } from "../../../framework/element-factory";
+import { PageElement } from "../../framework/page-element";
+import { createElement } from "../../framework/element-factory";
 
 export class PageContent extends PageElement {
   private static isTyped(content): content is TypedContent {
diff --git a/src/page/main/footer/footer.html.ts b/src/page/footer/footer.html.ts
similarity index 71%
rename from src/page/main/footer/footer.html.ts
rename to src/page/footer/footer.html.ts
index b6edd55..9073eea 100644
--- a/src/page/main/footer/footer.html.ts
+++ b/src/page/footer/footer.html.ts
@@ -1,5 +1,5 @@
-import { Footer } from "../../../model/portfolio";
-import { html } from "../../../model/misc";
+import { Footer } from "../../model/portfolio";
+import { html } from "../../model/misc";
 import "./footer.scss";
 
 export const generate = ({ email, cv }: Footer, cvName: string): html => `
diff --git a/src/page/main/footer/footer.scss b/src/page/footer/footer.scss
similarity index 58%
rename from src/page/main/footer/footer.scss
rename to src/page/footer/footer.scss
index 926f385..1f0b396 100644
--- a/src/page/main/footer/footer.scss
+++ b/src/page/footer/footer.scss
@@ -1,5 +1,5 @@
-@import "../../../style/mixins";
-@import "../../../style/vars";
+@import "../../style/mixins";
+@import "../../style/vars";
 
 footer {
   @include card();
diff --git a/src/page/main/footer/footer.ts b/src/page/footer/footer.ts
similarity index 54%
rename from src/page/main/footer/footer.ts
rename to src/page/footer/footer.ts
index ec0c3e0..cebfbcb 100644
--- a/src/page/main/footer/footer.ts
+++ b/src/page/footer/footer.ts
@@ -1,6 +1,6 @@
-import { Footer } from "../../../model/portfolio";
-import { PageElement } from "../../../framework/page-element";
-import { createElement } from "../../../framework/element-factory";
+import { Footer } from "../../model/portfolio";
+import { PageElement } from "../../framework/page-element";
+import { createElement } from "../../framework/element-factory";
 
 import { generate } from "./footer.html";
 
diff --git a/src/page/main/image-viewer/image-viewer.html.ts b/src/page/image-viewer/image-viewer.html.ts
similarity index 70%
rename from src/page/main/image-viewer/image-viewer.html.ts
rename to src/page/image-viewer/image-viewer.html.ts
index 8b8b671..31d9030 100644
--- a/src/page/main/image-viewer/image-viewer.html.ts
+++ b/src/page/image-viewer/image-viewer.html.ts
@@ -1,5 +1,5 @@
-import { html } from "../../../model/misc";
-import cancel from "../../../static/icons/cancel.svg";
+import { html } from "../../model/misc";
+import cancel from "../../static/icons/cancel.svg";
 import "./image-viewer.scss";
 
 export const generate = (): html => `
diff --git a/src/page/main/image-viewer/image-viewer.scss b/src/page/image-viewer/image-viewer.scss
similarity index 86%
rename from src/page/main/image-viewer/image-viewer.scss
rename to src/page/image-viewer/image-viewer.scss
index d30f9a2..088bf66 100644
--- a/src/page/main/image-viewer/image-viewer.scss
+++ b/src/page/image-viewer/image-viewer.scss
@@ -1,5 +1,5 @@
-@import "../../../style/vars";
-@import "../../../style/mixins";
+@import "../../style/vars";
+@import "../../style/mixins";
 
 .photo-viewer {
   @include center-children();
diff --git a/src/page/main/image-viewer/image-viewer.ts b/src/page/image-viewer/image-viewer.ts
similarity index 90%
rename from src/page/main/image-viewer/image-viewer.ts
rename to src/page/image-viewer/image-viewer.ts
index 30b35ac..4963562 100644
--- a/src/page/main/image-viewer/image-viewer.ts
+++ b/src/page/image-viewer/image-viewer.ts
@@ -1,5 +1,5 @@
-import { createElement } from "../../../framework/element-factory";
-import { PageElement } from "../../../framework/page-element";
+import { createElement } from "../../framework/element-factory";
+import { PageElement } from "../../framework/page-element";
 
 import { generate } from "./image-viewer.html";
 
diff --git a/src/page/index.ts b/src/page/index.ts
index ca38e2e..a95e876 100644
--- a/src/page/index.ts
+++ b/src/page/index.ts
@@ -1,15 +1,21 @@
 import { Portfolio } from "../model/portfolio";
 import { PageElement } from "../framework/page-element";
 import { PageBackground } from "./background/background";
-import { PageMain } from "./main/main";
+import { PageHeader } from "./about/about";
+import { PageTimeline } from "./timeline/timeline";
+import { PageFooter } from "./footer/footer";
+import { PageImageViewer } from "./image-viewer/image-viewer";
 
-export const create = (portfolio: Portfolio) => {
-  document.title = portfolio.header.name;
+export const create = ({ config, header, timeline, footer }: Portfolio) => {
+  document.title = header.name;
 
   const pageElements: Array<PageElement> = [
     new PageBackground(0.1, 200, 140, 0.4, "#fff9e0aa", -15),
     new PageBackground(0.15, 300, 80, 0.3, "#ffd6d6aa", -10),
-    new PageMain(portfolio)
+    new PageHeader(header, config.aPictureOf),
+    new PageTimeline(timeline, config.showMore, config.showLess),
+    new PageFooter(footer, config.cvName),
+    new PageImageViewer()
   ];
 
   const root = document.body.querySelector("main");
diff --git a/src/page/main/main.html.ts b/src/page/main/main.html.ts
deleted file mode 100644
index 96b737e..0000000
--- a/src/page/main/main.html.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { html } from "../../model/misc";
-import "./main.scss";
-
-export const generate = (): html => `
-    <article id="main"></article>
-`;
diff --git a/src/page/main/main.scss b/src/page/main/main.scss
deleted file mode 100644
index 1bfb3c5..0000000
--- a/src/page/main/main.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import "../../style/vars";
-
-article#main {
-  width: $body-width;
-  margin: auto;
-}
diff --git a/src/page/main/main.ts b/src/page/main/main.ts
deleted file mode 100644
index a54417b..0000000
--- a/src/page/main/main.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { PageElement } from "../../framework/page-element";
-import { createElement } from "../../framework/element-factory";
-import { generate } from "./main.html";
-import { Portfolio } from "../../model/portfolio";
-import { PageHeader } from "./about/about";
-import { PageTimeline } from "./timeline/timeline";
-import { PageFooter } from "./footer/footer";
-import { PageImageViewer } from "./image-viewer/image-viewer";
-
-export class PageMain extends PageElement {
-  constructor({ config, header, timeline, footer }: Portfolio) {
-    const root = createElement(generate());
-
-    const pageElements: Array<PageElement> = [
-      new PageHeader(header, config.aPictureOf),
-      new PageTimeline(timeline, config.showMore, config.showLess),
-      new PageFooter(footer, config.cvName),
-      new PageImageViewer()
-    ];
-
-    root.append(...pageElements.map(e => e.getElement()));
-    super(pageElements);
-    this.setElement(root);
-  }
-}
diff --git a/src/page/main/timeline/timeline-element/timeline-element.html.ts b/src/page/timeline/timeline-element/timeline-element.html.ts
similarity index 90%
rename from src/page/main/timeline/timeline-element/timeline-element.html.ts
rename to src/page/timeline/timeline-element/timeline-element.html.ts
index f608391..016aae4 100644
--- a/src/page/main/timeline/timeline-element/timeline-element.html.ts
+++ b/src/page/timeline/timeline-element/timeline-element.html.ts
@@ -1,5 +1,5 @@
-import { TimelineElement } from "../../../../model/portfolio";
-import { html } from "../../../../model/misc";
+import { TimelineElement } from "../../../model/portfolio";
+import { html } from "../../../model/misc";
 import "./timeline-element.scss";
 
 export const generate = (
diff --git a/src/page/main/timeline/timeline-element/timeline-element.scss b/src/page/timeline/timeline-element/timeline-element.scss
similarity index 96%
rename from src/page/main/timeline/timeline-element/timeline-element.scss
rename to src/page/timeline/timeline-element/timeline-element.scss
index 9c95dce..4456755 100644
--- a/src/page/main/timeline/timeline-element/timeline-element.scss
+++ b/src/page/timeline/timeline-element/timeline-element.scss
@@ -1,5 +1,5 @@
-@import "../../../../style/mixins";
-@import "../../../../style/vars";
+@import "../../../style/mixins";
+@import "../../../style/vars";
 
 .timeline-element {
   display: flex;
diff --git a/src/page/main/timeline/timeline-element/timeline-element.ts b/src/page/timeline/timeline-element/timeline-element.ts
similarity index 90%
rename from src/page/main/timeline/timeline-element/timeline-element.ts
rename to src/page/timeline/timeline-element/timeline-element.ts
index ccfed30..8de2c49 100644
--- a/src/page/main/timeline/timeline-element/timeline-element.ts
+++ b/src/page/timeline/timeline-element/timeline-element.ts
@@ -1,7 +1,7 @@
-import { TimelineElement } from "../../../../model/portfolio";
+import { TimelineElement } from "../../../model/portfolio";
 import { PageContent } from "../../content/content";
-import { PageElement } from "../../../../framework/page-element";
-import { createElement } from "../../../../framework/element-factory";
+import { PageElement } from "../../../framework/page-element";
+import { createElement } from "../../../framework/element-factory";
 import { generate } from "./timeline-element.html";
 
 export class PageTimelineElement extends PageElement {
diff --git a/src/page/main/timeline/timeline.html.ts b/src/page/timeline/timeline.html.ts
similarity index 69%
rename from src/page/main/timeline/timeline.html.ts
rename to src/page/timeline/timeline.html.ts
index 7c3363a..b5cd2ce 100644
--- a/src/page/main/timeline/timeline.html.ts
+++ b/src/page/timeline/timeline.html.ts
@@ -1,4 +1,4 @@
-import { html } from "../../../model/misc";
+import { html } from "../../model/misc";
 import "./timeline.scss";
 
 export const generate = (): html => `
diff --git a/src/page/main/timeline/timeline.scss b/src/page/timeline/timeline.scss
similarity index 61%
rename from src/page/main/timeline/timeline.scss
rename to src/page/timeline/timeline.scss
index 373d101..e57c375 100644
--- a/src/page/main/timeline/timeline.scss
+++ b/src/page/timeline/timeline.scss
@@ -1,4 +1,4 @@
-@import "../../../style/vars";
+@import "../../style/vars";
 
 main#timeline {
   margin-top: $normal-margin;
diff --git a/src/page/main/timeline/timeline.ts b/src/page/timeline/timeline.ts
similarity index 73%
rename from src/page/main/timeline/timeline.ts
rename to src/page/timeline/timeline.ts
index 668af7f..ff70ac5 100644
--- a/src/page/main/timeline/timeline.ts
+++ b/src/page/timeline/timeline.ts
@@ -1,6 +1,6 @@
-import { TimelineElement } from "../../../model/portfolio";
-import { PageElement } from "../../../framework/page-element";
-import { createElement } from "../../../framework/element-factory";
+import { TimelineElement } from "../../model/portfolio";
+import { PageElement } from "../../framework/page-element";
+import { createElement } from "../../framework/element-factory";
 import { PageTimelineElement } from "./timeline-element/timeline-element";
 import { generate } from "./timeline.html";
 
diff --git a/src/static/favicon.ico b/src/static/no-change/favicon.ico
similarity index 100%
rename from src/static/favicon.ico
rename to src/static/no-change/favicon.ico
diff --git a/src/static/og-image.jpg b/src/static/no-change/og-image.jpg
similarity index 100%
rename from src/static/og-image.jpg
rename to src/static/no-change/og-image.jpg
diff --git a/src/styles.scss b/src/styles.scss
index 91c1942..3d0e5ea 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -36,7 +36,8 @@ body {
 
     perspective: 5px;
     & > * {
-      margin-top: $normal-margin;
+      width: $body-width;
+      margin: $normal-margin auto 0 auto;
     }
   }
 
diff --git a/webpack.config.js b/webpack.config.js
index 1e98212..d44585a 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -28,6 +28,16 @@ module.exports = {
           }
         }
       },
+      {
+        test: /\.ico$/i,
+        use: {
+          loader: "file-loader",
+          query: {
+            outputPath: "/",
+            name: "[name].[ext]"
+          }
+        }
+      },
       {
         test: /\.scss$/i,
         use: [