From 780fd4398db6dc5331f97d4376885390b06e9114 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20B=C3=A4dorf?= <hello@benjaminbaedorf.eu>
Date: Mon, 3 Oct 2022 04:47:39 +0200
Subject: [PATCH] Updates

---
 _includes/HakkenDates.tsx        | 4 ++--
 _includes/Logo.tsx               | 2 +-
 _includes/layouts/default.tsx    | 4 ++--
 _includes/styles/background.scss | 7 +------
 _includes/styles/page.scss       | 2 +-
 _includes/styles/style.scss      | 4 ++--
 scripts/background.js            | 4 +++-
 7 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/_includes/HakkenDates.tsx b/_includes/HakkenDates.tsx
index c651735..45ca2c3 100644
--- a/_includes/HakkenDates.tsx
+++ b/_includes/HakkenDates.tsx
@@ -1,4 +1,4 @@
-export default ({ lang }) => <div
+export default ({ lang, className }) => <div
   id={`dates-list-${lang}`}
-  className="ps-hakken-dates"
+  className={`ps-hakken-dates ${className}`}
 ></div>;
diff --git a/_includes/Logo.tsx b/_includes/Logo.tsx
index 5d396e0..4ec3814 100644
--- a/_includes/Logo.tsx
+++ b/_includes/Logo.tsx
@@ -1,4 +1,4 @@
-export default () => <div id="logo" className="ps-logo">
+export default ({ className }) => <div id="logo" className={`ps-logo ${className}`}>
   <svg data-name="Layer 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 275.3 276.37" className="ps-logo--base">
     <title>PubSolar logo</title>
     <defs>
diff --git a/_includes/layouts/default.tsx b/_includes/layouts/default.tsx
index a886118..54db27d 100644
--- a/_includes/layouts/default.tsx
+++ b/_includes/layouts/default.tsx
@@ -50,7 +50,7 @@ export default ({
             className="ps-page--section-contents"
           ></div>
 
-          {showHakkenDates ? <HakkenDates lang="en" /> : null}
+          {showHakkenDates ? <HakkenDates lang="en" className="ps-page--section-contents" /> : null}
           {showISOIFrame ? <ISOIFrame /> : null}
         </section>
 
@@ -72,7 +72,7 @@ export default ({
             className="ps-page--section-contents"
           ></div>
 
-          {showHakkenDates ? <HakkenDates lang="de" /> : null}
+          {showHakkenDates ? <HakkenDates lang="de" className="ps-page--section-contents" /> : null}
         </section>
       </main>
     </body>
diff --git a/_includes/styles/background.scss b/_includes/styles/background.scss
index 3cf6b0a..41aef49 100644
--- a/_includes/styles/background.scss
+++ b/_includes/styles/background.scss
@@ -6,13 +6,8 @@
   speak: none;
 
   &--logo {
-    width: calc(100vw / 9);
-    height: 4rem;
+    width: 100px;
     margin: 0.1rem;
-
-    @media screen and (orientation: landscape) {
-      width: calc(100vw / 16);
-    }
   }
 
   &--1312 {
diff --git a/_includes/styles/page.scss b/_includes/styles/page.scss
index 124bd1b..20d7fc4 100644
--- a/_includes/styles/page.scss
+++ b/_includes/styles/page.scss
@@ -99,7 +99,7 @@
 
     > * {
       margin-bottom: 0;
-      margin-top: 16px;
+      margin-top: 8px;
     }
 
     > h1, h2 {
diff --git a/_includes/styles/style.scss b/_includes/styles/style.scss
index 073fd25..f763a6d 100644
--- a/_includes/styles/style.scss
+++ b/_includes/styles/style.scss
@@ -9,7 +9,7 @@ html {
   --background-alt: #f5f5f5;
 
   font-family: 'Open Sans', Arial, sans-serif;
-  font-weight: 900;
+  font-weight: 800;
   background: var(--background);
   color: var(--foreground);
   -ms-text-size-adjust: 100%;
@@ -25,8 +25,8 @@ html {
 
 @import './main';
 @import './page';
-@import './background';
 @import './logo';
+@import './background';
 @import './footer';
 @import './homelink';
 @import './iso-iframe.scss';
diff --git a/scripts/background.js b/scripts/background.js
index 4393704..7011b6b 100644
--- a/scripts/background.js
+++ b/scripts/background.js
@@ -2,10 +2,12 @@
   const background = document.getElementById("background");
   const logo = document.getElementById("logo").cloneNode(true);
   logo.id = "";
-  (new Array(Math.ceil(window.innerWidth / 100) * Math.ceil(window.innerHeight / 100)))
+  const generateBackground = () => (new Array(Math.ceil(window.innerWidth / 100) * Math.ceil(window.innerHeight / 100)))
     .fill(null)
     .map(_ => logo.cloneNode(true))
     .forEach(l => {
       background.appendChild(l);
     });
+
+  generateBackground();
 })();