Minor changes

src/framework/page-element.ts

@@ -30,7 +30,7 @@ export abstract class PageElement extends EventHandler
     return super.handleOnEventBroadcasterChangedEvent(event);
   }
 
-  public handleOnLoadEvent(event: OnLoadEvent): OptionalEvent {
+  public handleOnLoadEvent(_: OnLoadEvent): OptionalEvent {
     return super.handleOnLoadEvent(new OnLoadEvent(this));
   }
 

src/index.html

@@ -19,6 +19,11 @@
     />
     <meta name="theme-color" content="#b7455e" />
 
+    <link
+      href="https://fonts.googleapis.com/css2?family=Comfortaa&family=Open+Sans:ital@0;1&display=swap"
+      rel="stylesheet"
+    />
+
     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
     <link rel="icon" href="/favicon.ico" type="image/x-icon" />
 

src/model/portfolio.ts

@@ -38,7 +38,6 @@ export interface Footer {
   curiumVitaes: Array<CV>;
   lastEditText: string;
   lastEdit: Date;
-  gitHub: Anchor;
 }
 
 export interface CV {

src/page/footer/footer.html.ts

@@ -7,7 +7,6 @@ export const generate = ({
   title,
   email,
   curiumVitaes,
-  gitHub,
   lastEditText,
   lastEdit,
 }: Footer): html => `
@@ -39,7 +38,7 @@ export const generate = ({
             </li>
         </ul>
         <aside class="other">
-           <h6>${lastEditText} <time datetime="${lastEdit.toISOString()}">${lastEdit.toLocaleDateString()}</time></h6>
+           <p>${lastEditText} <time datetime="${lastEdit.toISOString()}">${lastEdit.toLocaleDateString()}</time></p>
         </aside>
     </footer>
 `;

src/page/footer/footer.scss

@@ -47,7 +47,7 @@ footer#page-footer {
     padding-bottom: var(--line-height);
     width: var(--body-width);
 
-    h6 {
+    p {
       display: inline;
       &,
       * {

src/page/timeline/timeline-element/timeline-element.scss

@@ -45,7 +45,7 @@ section.timeline-element {
         @include square(var(--icon-size));
         border-radius: 1000px;
         border: var(--line-width) solid var(--accent-color);
-        left: calc(-1 * var(--icon-size) / 2 + var(--line-width) / 2);
+        left: calc((var(--line-width) - var(--icon-size)) / 2);
       }
     }
 

src/portfolio.ts

@@ -291,10 +291,6 @@ export const create = () => {
       email: `andras@schmelczer.dev`,
       lastEditText: `Last modified on `,
       lastEdit: new Date(2020, 8 + 1, 30), // months are 0 indexed
-      gitHub: new Anchor(
-        `https://github.com/schmelczerandras/timeline`,
-        `Find this on GitHub`
-      ),
     }),
   };
 

src/style/mixins.scss

@@ -1,7 +1,5 @@
 @import '../framework/framework';
 
-@import url('https://fonts.googleapis.com/css2?family=Comfortaa&family=Open+Sans:ital@0;1&display=swap');
-
 @mixin center-children() {
   display: flex;
   align-items: center;
@@ -40,7 +38,7 @@
   line-height: 1;
 
   @include on-small-screen {
-    font-size: 2.5rem;
+    font-size: 3rem;
     line-height: 1.1;
   }
 }

webpack.config.js

@@ -15,6 +15,7 @@ module.exports = {
   watchOptions: {
     ignored: /node_modules/,
   },
+  //devtool: 'inline-source-map',
   devServer: {
     host: '0.0.0.0',
     disableHostCheck: true,
@@ -22,7 +23,7 @@ module.exports = {
   optimization: {
     minimizer: [
       new TerserJSPlugin({
-        sourceMap: !isProduction,
+        sourceMap: isDevelopment,
       }),
       new OptimizeCSSAssetsPlugin({}),
     ],