format: prettier

mandrasch · Oct 21, 2023 · c296a78 · c296a78
1 parent 82995d0
commit c296a78
Show file tree

Hide file tree

Showing 18 changed files with 738 additions and 522 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -3,5 +3,8 @@
 	"editor.formatOnSave": true,
 	"[svelte]": {
 		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[astro]": {
+		"editor.defaultFormatter": "astro-build.astro-vscode"
 	}
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,7 +16,9 @@
         "@astrojs/tailwind": "^5.0.0",
         "accessible-astro-components": "^2.2.1",
         "astro": "^3.1.0",
-        "postcss": "^8.4.29"
+        "postcss": "^8.4.29",
+        "prettier": "^3.0.3",
+        "prettier-plugin-svelte": "^3.0.3"
     },
     "dependencies": {
         "@astrojs/rss": "^3.0.0",

diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
@@ -1,8 +1,8 @@
 ---
-import { ViewTransitions } from 'astro:transitions';
+import { ViewTransitions } from "astro:transitions";
 export interface Props {
-    title: string;
-    description: string;
+  title: string;
+  description: string;
 }
 const { title, description } = Astro.props;
 const canonicalURL = new URL(Astro.url.pathname, Astro.site);
@@ -30,4 +30,4 @@ const permalink = `${canonicalURL.href}`;
 <meta property="twitter:image" content="/assets/logo.webp" />
 
 <link rel="stylesheet" href="/assets/main.css" />
-  <ViewTransitions />
+<ViewTransitions />
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -5,7 +5,6 @@ import MentalHealthWarning from "./MentalHealthWarning.astro";
 <footer
   class="flex flex-col justify-center w-full md:w-4/6 mx-auto px-8 pb-3 pt-16 relative bottom-2 inset-x-0"
 >
-
   <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
     <div class="text-center md:text-left">
       <a class="underline underline-offset-2" href="/ueber"
@@ -14,7 +13,8 @@ import MentalHealthWarning from "./MentalHealthWarning.astro";
     </div>
     <div class="text-center text-sm">
       Ein Projekt von <a href="https://crunchtime2030.de" class="underline"
-        >Matthias Andrasch / crunchtime2030.de</a>
+        >Matthias Andrasch / crunchtime2030.de</a
+      >
     </div>
     <div class="text-center md:text-right">
       <a

diff --git a/src/components/GoodNews.svelte b/src/components/GoodNews.svelte
@@ -1,6 +1,10 @@
 <script>
-
 const goodNews = [
+    {
+        'title':"Dank »Positivkreislauf«: Sonne soll noch vor 2050 zur wichtigsten Stromquelle werden",
+        'link': 'https://www.spiegel.de/wissenschaft/technik/solarenergie-sonne-wird-laut-studie-vor-2050-zur-wichtigsten-stromquelle-a-7533e3e1-7a3d-4fe6-9ab2-9d03e8bb4c1d',
+        'sourceDate': 'Spiegel Online, Oktober 2023'
+    },
     {
         'title' : 'In Deutschland wurden bis September mehr Windräder gebaut als im gesamten Vorjahr.',
         'link' : 'https://taz.de/Ausbau-der-Windenergie/!5966101/',

diff --git a/src/components/HowOld.svelte b/src/components/HowOld.svelte
@@ -10,7 +10,7 @@
     }
 
     return futureYear - birthYear + " Jahre";
-  }
+  } 
 </script>
 
 <div class="w-full">

diff --git a/src/components/MentalHealthWarning.astro b/src/components/MentalHealthWarning.astro
@@ -1,5 +1,7 @@
 <div class="flex w-full p-4 mb-0 pb-2" role="alert">
-  <div class="bg-blue-100 rounded-lg mb-4 text-sm p-4 flex flex-row items-center">
+  <div
+    class="bg-blue-100 rounded-lg mb-4 text-sm p-4 flex flex-row items-center"
+  >
     <svg
       class="text-blue-600 w-20 md:w-10 h-5 inline mr-3"
       fill="currentColor"

diff --git a/src/components/Page.astro b/src/components/Page.astro
@@ -3,21 +3,21 @@ import BaseHead from "./BaseHead.astro";
 import Footer from "./Footer.astro";
 
 export interface Props {
-    title: string;
-    description: string;
+  title: string;
+  description: string;
 }
 const { title, description } = Astro.props;
 
-const language = "en-gb";
+const language = "de";
 ---
 
 <html lang={language}>
-    <head>
-        <BaseHead {title} {description} />
-    </head>
+  <head>
+    <BaseHead {title} {description} />
+  </head>
 
-    <body class="font-junction">
-        <slot />
-        <Footer />
-    </body>
+  <body class="font-junction">
+    <slot />
+    <Footer />
+  </body>
 </html>
diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
@@ -1,27 +1,30 @@
-<header class="text-zinc-700 text-lg w-5/6 lg:w-3/4 pt-10 mx-auto flex flex-col md:flex-row justify-between items-center px-5">
-    <a href="/">
-        <!-- <div class="flex justify-center my-10">
+<header
+  class="text-zinc-700 text-lg w-5/6 lg:w-3/4 pt-10 mx-auto flex flex-col md:flex-row justify-between items-center px-5"
+>
+  <a href="/">
+    <!-- <div class="flex justify-center my-10">
             <img
                 class="h-28 rounded-md shadow-md shadow-zinc-500"
                 src="/assets/logo.webp"
                 alt="Tiny Rocket"
             />
         </div> -->
-        <p class="text-center text-3xl font-extrabold font-mono">
-            aktuelle-erderhitzung.de
-        </p>
-    </a>
-   <!-- <p class="max-w-2xl mx-auto text-center text-sm mb-3">Wir alle hören täglich etwas über Klimawandel und Erderwärmung. Aber wie sehr hat sich unser Planet Erde schon erhitzt? Und wo steuern wir hin als Gemeinschaft?
-    </p> -- -->
-    <p class=" text-center text-xs"><a href="/ueber" class="underline">Über diese Webseite</a> | 
-    Zuletzt aktualisiert: 19.10.2023
+    <p class="text-center text-3xl font-extrabold font-mono">
+      aktuelle-erderhitzung.de
     </p>
- <!--  <nav class="flex justify-center mt-6 mb-0">
+  </a>
+  <!-- <p class="max-w-2xl mx-auto text-center text-sm mb-3">Wir alle hören täglich etwas über Klimawandel und Erderwärmung. Aber wie sehr hat sich unser Planet Erde schon erhitzt? Und wo steuern wir hin als Gemeinschaft?
+    </p> -- -->
+  <p class="text-center text-xs">
+    <a href="/ueber" class="underline">Über diese Webseite</a> | Zuletzt
+    aktualisiert: 19.10.2023
+  </p>
+  <!--  <nav class="flex justify-center mt-6 mb-0">
         <a class="mx-1 underline underline-offset-2" href="/"> Das Ziel</a>
         <a class="mx-1 underline underline-offset-2" href="#aktuelle-erhitzung"> Aktuelle Erhitzung</a>
         <a class="mx-1 underline underline-offset-2" href="#aktueller-pfad"> Aktueller Pfad</a>
         <a class="mx-1 underline underline-offset-2" href="/doc"> Doc</a>
         <a class="mx-1 underline underline-offset-2" href="/rss.xml"> RSS</a>
         <a class="mx-1 underline underline-offset-2" href="/search"> Search</a>
-    </nav> --> 
+    </nav> -->
 </header>
diff --git a/src/contentBlocks/AktuelleErhitzung.astro b/src/contentBlocks/AktuelleErhitzung.astro
@@ -1,54 +1,77 @@
 ---
-import YouTubeVideo from "../components/YouTubeVideo.svelte"
+import YouTubeVideo from "../components/YouTubeVideo.svelte";
 ---
+
 <div class="p-4 md:w-2/3" id="aktuelle-erderhitzung">
-    <div class="h-full rounded-xl shadow-cla-blue bg-gradient-to-r from-orange-50 to-red-50 overflow-hidden">
-      <div class="p-6">
-        <h2
-          class="tracking-widest text-xs title-font font-medium text-black-400 mb-1"
-        >
-          Aktuelle Erderhitzung
-        </h2>
-        <h3 class="title-font text-3xl font-bold text-gray-600 mb-3">
-          + 1,2 °C
-        </h3>
-        <p class="leading-relaxed text-sm mb-3">
-          Seit der Industralisierung haben sich die Erd- und
-          Meeresoberflächen im globalen Durchschnitt um 1,1°C erhitzt
-          (<a href="#ipcc-ar6" class="underline">IPCC AR-6 Bericht</a
-          >, 2021) bzw. laut neuester Copernicus-Studie bereits um +1,2°C (<a href="https://www.deutschlandfunk.de/copernicus-bericht-klimawandel-klima-europa-100.html#Gruende" class="underline" target="_blank">Deutschlandfunk</a>, April 2023).<br><br>
-
-          Regional kann diese Erhitzung bereits höher
-          ausfallen: Deutschland hat sich schon um mindestens 1,7 °C
-          erwärmt - je nach Vergleichs&shy;zeitraum auch bereits um
-          2,1 °C (<a
-            href="https://www.klimareporter.de/deutschland/deutschland-ueber-der-zwei-grad-grenze"
-            class="underline">klimareporter.de</a
-          >, 2023).
-        </p>
+  <div
+    class="h-full rounded-xl shadow-cla-blue bg-gradient-to-r from-orange-50 to-red-50 overflow-hidden"
+  >
+    <div class="p-6">
+      <h2
+        class="tracking-widest text-xs title-font font-medium text-black-400 mb-1"
+      >
+        Aktuelle Erderhitzung
+      </h2>
+      <h3 class="title-font text-3xl font-bold text-gray-600 mb-3">+ 1,2 °C</h3>
+      <p class="leading-relaxed text-sm mb-3">
+        Seit der Industralisierung haben sich die Erd- und Meeresoberflächen im
+        globalen Durchschnitt um 1,1°C erhitzt (<a
+          href="#ipcc-ar6"
+          class="underline">IPCC AR-6 Bericht</a
+        >, 2021) bzw. laut neuester Copernicus-Studie bereits um +1,2°C (<a
+          href="https://www.deutschlandfunk.de/copernicus-bericht-klimawandel-klima-europa-100.html#Gruende"
+          class="underline"
+          target="_blank">Deutschlandfunk</a
+        >, April 2023).<br /><br />
 
-
+         Regional kann diese Erhitzung bereits höher ausfallen: Deutschland hat sich
+        schon um mindestens 1,7 °C erwärmt - je nach Vergleichs&shy;zeitraum auch
+        bereits um 2,1 °C (<a
+          href="https://www.klimareporter.de/deutschland/deutschland-ueber-der-zwei-grad-grenze"
+          class="underline">klimareporter.de</a
+        >, 2023).
+      </p>
 
-        <p class="leading-relaxed text-sm mb-3">
-          Verursacht wird diese Erhitzung durch das Verbrennen von
-          Kohle, Öl und Erdgas - für Industrie, Mobilität, Heizen,
-          etc. Dadurch wird weiteres Treibhausgas wie CO2 in die Atmosphäre
-          entlassen. Das zunehmende CO2 blockiert immer mehr reflektiertes Sonnenlicht beim Wieder-Austritt ins Weltall, die Wärme staut sich in der Atmosphäre, der Planet erhitzt sich stärker. Der Anteil von CO2 nimmt seit 1958 stetig zu (<a
-            class="underline"
-            href="https://keelingcurve.ucsd.edu/"
-            target="_blank">Keeling-Kurve</a
-          >). 
-        </p>
+      <p class="leading-relaxed text-sm mb-3">
+        Verursacht wird diese Erhitzung durch das Verbrennen von Kohle, Öl und
+        Erdgas - für Industrie, Mobilität, Heizen, etc. Dadurch wird weiteres
+        Treibhausgas wie CO2 in die Atmosphäre entlassen. Das zunehmende CO2
+        blockiert immer mehr reflektiertes Sonnenlicht beim Wieder-Austritt ins
+        Weltall, die Wärme staut sich in der Atmosphäre, der Planet erhitzt sich
+        stärker. Der Anteil von CO2 nimmt seit 1958 stetig zu (<a
+          class="underline"
+          href="https://keelingcurve.ucsd.edu/"
+          target="_blank">Keeling-Kurve</a
+        >).
+      </p>
 
-        <p class="leading-relaxed text-sm mb-3">Auf natürliche Weise abgebaut wird Kohlenstoffdioxid (CO2)
-          erst wieder nach 1'000 Jahren - das ist die große historische Herausforderung. Die jetzigen Handlungen bestimmen darüber, in welchem Klima zukünftige Generationen zurechtkommen müssen.</p>
-      </div>
+      <p class="leading-relaxed text-sm mb-3">
+        Auf natürliche Weise abgebaut wird Kohlenstoffdioxid (CO2) erst wieder
+        nach 1'000 Jahren - das ist die große historische Herausforderung. Die
+        jetzigen Handlungen bestimmen darüber, in welchem Klima zukünftige
+        Generationen zurechtkommen müssen.
+      </p>
     </div>
   </div>
 </div>
 
-  <YouTubeVideo client:load videoId="LFGbWGMsuVY" classWidth="md:w-1/3 w-full" classHeight="h-[500px] md:h-auto" />
+<YouTubeVideo
+  client:load
+  videoId="LFGbWGMsuVY"
+  classWidth="md:w-1/3 w-full"
+  classHeight="h-[500px] md:h-auto"
+/>
 
-  <YouTubeVideo client:load videoId="u2adyPZuRa8" classWidth="w-full" classHeight="h-[500px]" />
+<YouTubeVideo
+  client:load
+  videoId="u2adyPZuRa8"
+  classWidth="w-full"
+  classHeight="h-[500px]"
+/>
 
-  <YouTubeVideo client:load videoId="7tTrGnoTqgo" classWidth="w-full" classHeight="h-[500px]" />
+<YouTubeVideo
+  client:load
+  videoId="7tTrGnoTqgo"
+  classWidth="w-full"
+  classHeight="h-[500px]"
+/>
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,7 +10,7 @@ @@
         }
         return futureYear - birthYear + " Jahre";
-      }
+      }
     </script>
     <div class="w-full">
@@ Expand Down @@