Merge

src/page/background/background.ts

@@ -33,7 +33,6 @@ export class PageBackground extends PageElement {
   protected handleEvent(event: PageEvent, parent: PageElement) {
     if (event.type === PageEventType.onLoad) {
       this.bindListeners(parent);
-      this.resize(parent);
     } else if (event.type === PageEventType.onBodyDimensionsChanged) {
       this.resize(parent, event.data?.deltaHeight);
     }

src/page/footer/footer.scss

@@ -43,7 +43,7 @@ footer#page-footer {
 
     h6 {
       @include insignificant-font();
-      opacity: 0.6;
+      opacity: 0.75;
     }
   }
 }

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

@@ -28,12 +28,7 @@ export const generate = (
                 `
                 : ""
             }
-            ${
-              link
-                ? `
-                <a href="${link}" target="_blank">${link}</a>`
-                : ""
-            }
+            ${link ? PageContent.parseTypedContent(link) : ""}
         </div>
     </section>
 `;

src/page/timeline/timeline.ts

@@ -14,7 +14,7 @@ export class PageTimeline extends PageElement {
     const elements = timeline.map(
       e => new PageTimelineElement(e, showMore, showLess)
     );
-    root.append(...elements.map(e => e.getElement()));
+    elements.map(e => e.getElement()).forEach(e => root.appendChild(e));
     super(elements);
     this.setElement(root);
   }