Merge pull request #1 from cosmicds/deutsche-version-erstellen

Deutsche version erstellen

package.json

@@ -35,5 +35,5 @@
     "vue-eslint-parser": "^9.4.2",
     "webpack": "^5.89.0"
   },
-  "name": "@cosmicds/radwave-in-motion"
+  "name": "@cosmicds/radwave-in-motion-deutsch"
 }

public/index.html

@@ -16,21 +16,21 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
   <meta name="description" content="See the Radcliffe Wave, discovered by Harvard astronomers, oscillate in our galaxy in WorldWideTelescope in 3D!">
   <meta property="og:type" content="website">
-  <meta property="og:url" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion">
+  <meta property="og:url" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion-deutsch">
   <meta property="og:title" content="Radcliffe Wave">
   <meta property="og:description"
     content="The Radcliffe Wave moving in 3D">
   <meta property="og:site_name" content="Radcliffe Wave">
-  <meta property="og:image" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion/preview.png">
-  <meta property="og:image:secure_url" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion/preview.png">
+  <meta property="og:image" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion-deutsch/preview.png">
+  <meta property="og:image:secure_url" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion-deutsch/preview.png">
   <meta property="og:image:type" content="image/jpeg">
   <meta property="og:image:width" content="596">
   <meta property="og:image:height" content="886">
   <meta property="og:image:alt" content="Story preview image">
   <meta name="twitter:site" content="@CosmicDataStory">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:creator" content="@CosmicDataStory">
-  <meta name="twitter:image" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion/preview.png">
+  <meta name="twitter:image" content="https://projects.cosmicds.cfa.harvard.edu/radwave-in-motion-deutsch/preview.png">
   <link rel="icon" href="https://projects.cosmicds.cfa.harvard.edu/cds-website/cosmicds-favicon.png">
   <title>See the Radcliffe Wave move in 3D</title>
 </head>

src/Radwave.vue

@@ -36,20 +36,17 @@
         :style="cssVars"
       >
         <div id="splash-screen-text">
-          <p>
-            Want to surf a <span 
-            :style="{'color': accentColor}"
-            >giant wave</span> in the Milky Way Galaxy? 
-            <!-- see the <span style="color: red;">Radcliffe Wave</span> <span class="color-span">oscillating</span> through our Galaxy? -->
+          <p>Möchtest Du eine <span 
+            :style="{'color': accentColor}">riesige Welle</span> in unserer Heimatgalaxie, der Milchstraße, surfen?
           </p>
         </div>
         <div
           id="close-splash-button"
           @click="closeSplashScreen"
-          >Continue &rangle;&rangle;&rangle;
+          >Weiter &rangle;&rangle;&rangle;
         </div>
         <div id="splash-screen-acknowledgements">
-          Brought to you by <a href="https://www.cosmicds.cfa.harvard.edu/" target="_blank" rel="noopener noreferrer">Cosmic Data Stories</a> and <a href="https://www.worldwidetelescope.org/home/" target="_blank" rel="noopener noreferrer">WorldWide Telescope</a>.
+          Präsentiert von <a href="https://www.cosmicds.cfa.harvard.edu/" target="_blank" rel="noopener noreferrer">Cosmic Data Stories</a> und <a href="https://www.worldwidetelescope.org/home/" target="_blank" rel="noopener noreferrer">WorldWide Telescope</a>.
 
           <div id="splash-screen-logos">
             <credit-logos/>
@@ -288,14 +285,14 @@
           <v-window-item>
             <v-card class="no-bottom-border-radius scrollable">
               <v-card-text class="info-text no-bottom-border-radius">
-                <h3>What is the RadWave?</h3>
-                <p>The more humans study our universe, the more we find that it is richer and more complex than we previously realized. The Radcliffe Wave (or RadWave for short) is a massive structure that was discovered in our Milky Way galaxy by astronomers João Alves, Catherine Zucker, Alyssa Goodman, and others in 2020<sup><a href="#2020team" class="highlight">[1]</a></sup>. The RadWave is made up of gas, dust, and stars loosely connected in a wave-like shape. It is so huge and so close to us that earlier scientists did not see that these parts were all connected. Learn more about the discovery of the RadWave here!</p>
+                <h3>Was ist die Radcliffe Welle?</h3>
+                <p>Je mehr Menschen unser Universum erforschen, desto mehr stellen wir fest, dass es reichhaltiger und komplexer ist, als wir bisher gedacht haben. Die Radcliffe Welle (oder kurz RadWave) ist eine massive Struktur, die von den Astronomen João Alves, Catherine Zucker, Alyssa Goodman und anderen im Jahr 2020 in unserer Milchstraße entdeckt wurde<sup><a href="#2020team" class="highlight">[1]</a></sup>. Die RadWave besteht aus Gas, Staub und Sternen, die lose in einer wellenförmigen Form angeordnet sind. Sie ist so riesig und befindet sich so nahe bei uns, dass frühere Wissenschaftler nicht erkannten, dass die Bestandteile der Welle alle miteinander verbunden sind. Hier erfährst Du mehr über die Entdeckung der RadWave!</p>
 
-                <h3>How do scientists make predictions from models and data?</h3>
-                <p>The RadWave looks like a wave, but does it also move like a wave? Ralf Konietzka, with Goodman, Zucker, and others<sup><a href="#2024team" class="highlight">[2]</a></sup> used data from the Gaia satellite to answer this question by measuring the speed and direction of stars in different parts of the wave. Just like weather reporters can predict where a storm will go based on wind patterns, Konietzka uses the information about the RadWave’s current motion to predict how it will move in the future. The best model that fits the data is shown in this interactive.</p>
+                <h3>Wie machen Wissenschaftler Vorhersagen aus Modellen und Daten?</h3>
+                <p>Die RadWave sieht aus wie eine Welle, aber bewegt sie sich auch wie eine Welle? Ralf Konietzka hat zusammen mit Goodman, Zucker und anderen<sup><a href="#2024team" class="highlight">[2]</a></sup> Daten des Gaia-Satelliten verwendet, um diese Frage zu beantworten, indem er die Geschwindigkeit und Richtung von Sternen in verschiedenen Teilen der Welle gemessen hat. So wie Wetterberichterstatter anhand von Mustern im Wind vorhersagen können, wohin ein Sturm ziehen wird, nutzt Konietzka die Informationen über die aktuelle Bewegung der RadWave, um vorherzusagen, wie diese sich in Zukunft bewegen wird. Das beste Modell, welches zu den Daten passt, wird in dieser interaktiven Darstellung gezeigt.</p>
 
-                <h3>Why do the blue star clusters fade out?</h3>
-                <p>The time it takes for the RadWave to complete a “wave” is about 100 million years, but the clouds and young star clusters along the wave will disperse in less than 30 million years, so the blue dots that represent the star clusters fade out in the interactive view to reflect this.</p>
+                <h3>Warum verblassen die blauen Sternencluster? </h3>
+                <p>Die Zeit, welche die RadWave benötigt, um eine "Periode" zu durchlaufen, beträgt etwa 100 Millionen Jahre. Die Wolken und jungen Sternencluster entlang der Welle werden sich jedoch bereits in weniger als 30 Millionen Jahren auflösen. Daher verblassen die blauen Punkte, welche die Sternencluster darstellen, in der interaktiven Ansicht.</p>
 
                 <h3>Science Credits</h3>
                 <p>[1] <span class="highlight" id="2020team">2020 RadWave Team: </span>
@@ -1149,11 +1146,11 @@ export default defineComponent({
   background-color: #000;
 
   @media (max-width: 699px) {
-    background-image: url("./assets/radwave_landing_mobile.png");
+    background-image: url("./assets/radwave_landing_mobile_german.png");
   }
 
   @media (min-width: 700px) {
-    background-image: url("./assets/radwave_landing_desktop.png");
+    background-image: url("./assets/radwave_landing_desktop_german.png");
   }
 
   background-position: center;

src/main.ts

@@ -32,7 +32,7 @@ library.add(faHouse);
 const update = (el: HTMLElement, binding: Vue.DirectiveBinding) => el.style.visibility = (binding.value) ? "hidden" : "";
 
 createApp(Radwave, {
-  wwtNamespace: "radwave-in-motion"
+  wwtNamespace: "radwave-in-motion-deutsch"
 })
 
   // Plugins