Optimizations

src/page/timeline/timeline-element/timeline-element.html.ts

@@ -1,9 +1,11 @@
 import { TimelineElement } from "../../../model/portfolio";
 import { html } from "../../../model/misc";
+import { PageContent } from "../../content/content";
+
 import "./timeline-element.scss";
 
 export const generate = (
-  { date, title, picture, description, more, link }: TimelineElement,
+  { date, title, figure, description, more, link }: TimelineElement,
   showMore: string,
   showLess: string
 ): html => `
@@ -13,9 +15,7 @@ export const generate = (
         </div>
         <div class="card">
             <h2>${title}</h2>
-            <div class="image-container">
-                <img src="${picture}" alt="${picture}"/>
-            </div>
+            ${PageContent.parseTypedContent(figure)}
             <p class="description">${description}</p>
             ${
               more

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

@@ -75,18 +75,6 @@
       @include sub-title-font();
     }
 
-    .image-container {
-      font-size: 0;
-      box-shadow: inset $shadow1, inset $shadow2;
-      pointer-events: none;
-      img {
-        pointer-events: all;
-        cursor: pointer;
-        position: relative;
-        z-index: -2;
-      }
-    }
-
     .description {
       font-style: italic;
     }