Prettier

svenbledt · Nov 29, 2022 · db8a741 · db8a741
1 parent 28ecaf1
commit db8a741
Show file tree

Hide file tree

Showing 10 changed files with 9,449 additions and 4,822 deletions.
diff --git a/about.html b/about.html
diff --git a/assets/css/style.css b/assets/css/style.css
diff --git a/assets/img/game/Johnny_Silverhand.html b/assets/img/game/Johnny_Silverhand.html
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -1,4 +1,4 @@
-(function() {
+(function () {
   "use strict";
 
   /**
@@ -110,7 +110,7 @@
   /**
    * Mobile nav toggle
    */
-  on('click', '.mobile-nav-toggle', function(e) {
+  on('click', '.mobile-nav-toggle', function (e) {
     select('#navbar').classList.toggle('navbar-mobile')
     this.classList.toggle('bi-list')
     this.classList.toggle('bi-x')
@@ -119,7 +119,7 @@
   /**
    * Mobile nav dropdowns activate
    */
-  on('click', '.navbar .dropdown > a', function(e) {
+  on('click', '.navbar .dropdown > a', function (e) {
     if (select('#navbar').classList.contains('navbar-mobile')) {
       e.preventDefault()
       this.nextElementSibling.classList.toggle('dropdown-active')
@@ -129,7 +129,7 @@
   /**
    * Scrool with ofset on links with a class name .scrollto
    */
-  on('click', '.scrollto', function(e) {
+  on('click', '.scrollto', function (e) {
     if (select(this.hash)) {
       e.preventDefault()
 

diff --git a/assets/vendor/bootstrap-icons/index.html b/assets/vendor/bootstrap-icons/index.html
@@ -1,5 +1,6 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="utf-8">
   <title>bootstrap-icons</title>
@@ -8,20 +9,24 @@
     .icons {
       display: grid;
       max-width: 100%;
-      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr) );
+      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
       gap: 1.25rem;
     }
+
     .icon {
       background-color: var(--bs-light);
       border-radius: .25rem;
     }
+
     .bi {
       margin: .25rem;
       font-size: 2.5rem;
     }
+
     .label {
       font-family: var(--bs-font-monospace);
     }
+
     .label {
       display: inline-block;
       width: 100%;
@@ -36,6 +41,7 @@
   <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
   <link rel="stylesheet" href="bootstrap-icons.css">
 </head>
+
 <body class="text-center">
 
   <h1>bootstrap-icons</h1>
@@ -7288,4 +7294,5 @@ <h1>bootstrap-icons</h1>
   </div>
 
 </body>
-</html>
+
+</html>
diff --git a/game.html b/game.html
@@ -25,7 +25,9 @@
   <link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicons/favicon-96x96.png">
   <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
   <!-- Google Fonts -->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
+  <link
+    href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
+    rel="stylesheet">
 
   <!-- Vendor CSS Files -->
   <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
@@ -94,69 +96,118 @@ <h2>Das beste Spiel das es gibt. Ich weis das du es weisst.</h2>
   <!-- Gaudenz START -->
   <main id="main">
 
-    <div class="synth" style="background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0%,rgba(41, 41, 41, 0.25) 25%, rgba(41, 41, 41, 0.5) 50%,rgba(41, 41, 41, 0.75)75%,rgba(41, 41, 41, 0.85)85%, rgba(41, 41, 41, 1) 100%), url('assets/img/news/synthwave.jpg');" > 
+    <div class="synth"
+      style="background-image: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0%,rgba(41, 41, 41, 0.25) 25%, rgba(41, 41, 41, 0.5) 50%,rgba(41, 41, 41, 0.75)75%,rgba(41, 41, 41, 0.85)85%, rgba(41, 41, 41, 1) 100%), url('assets/img/news/synthwave.jpg');">
     </div>
 
     <section->
-        <div class="container my-1 py-3">
-          <div class="row justify-content-evenly my-5">
-            <div class="game1 col-sm-5 col-lg-5">
-              <h1 style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"><b>IT'S ME...JOHNNY!</b></h1>
-              <div class="fade-in-my-text"><img src="assets/img/game/silverhand_2.png" class="img-fluid" alt="cyberp77021_teaser"></div>
-
-            </div>
-            <div class="game1 col-sm-5 col-lg-5">
-              <h1 style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>GAME HISTORY</b></h1>
-              <div class="fade-in-my-text"><p style="font-size: 1.2rem;">Cyberpunk 2077 is an action role-playing video game developed by CD Projekt Red and published by CD Projekt. The story takes place in Night City, an open world set in the Cyberpunk universe. Players assume the first-person perspective of a customisable mercenary known as V, who can acquire skills in hacking and machinery with options for melee and ranged combat. The story follows V's struggle as he deals with a mysterious cybernetic implant that threatens to overwrite his body with the personality and memories of a deceased celebrity only perceived by V; the two must work together if there is any hope to separate the two and save V's life.</p></div>
+      <div class="container my-1 py-3">
+        <div class="row justify-content-evenly my-5">
+          <div class="game1 col-sm-5 col-lg-5">
+            <h1 style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"><b>IT'S ME...JOHNNY!</b></h1>
+            <div class="fade-in-my-text"><img src="assets/img/game/silverhand_2.png" class="img-fluid"
+                alt="cyberp77021_teaser"></div>
+
+          </div>
+          <div class="game1 col-sm-5 col-lg-5">
+            <h1 style="font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>GAME HISTORY</b></h1>
+            <div class="fade-in-my-text">
+              <p style="font-size: 1.2rem;">Cyberpunk 2077 is an action role-playing video game developed by CD Projekt
+                Red and published by CD Projekt. The story takes place in Night City, an open world set in the Cyberpunk
+                universe. Players assume the first-person perspective of a customisable mercenary known as V, who can
+                acquire skills in hacking and machinery with options for melee and ranged combat. The story follows V's
+                struggle as he deals with a mysterious cybernetic implant that threatens to overwrite his body with the
+                personality and memories of a deceased celebrity only perceived by V; the two must work together if
+                there is any hope to separate the two and save V's life.</p>
             </div>
           </div>
+        </div>
 
-          <div class="row justify-content-evenly my-5">
-            <div class="game1 col-sm-5 col-lg-5">
-              <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>CYBERPUNK 77:</b><br><b><h2>Official Trailer/Edgerunners</b></h2></b></h1>
-              <div class="fade-in-my-text"><h2 style="font-size: 2rem;">Original game trailer. See it here first!</h2><p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vel quis ex quia ad aliquid harum ratione odio commodi fugit, aperiam vero, animi voluptates itaque perspiciatis possimus reprehenderit quaerat quam consequatur?</p></div>
-             <div class="fade-in-my-text"><div class="ratio ratio-16x9">
-              <iframe width="1vh" src="https://www.youtube.com/embed/8X2kIfS6fb8" class="img-fluid" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; allowfullscreen"></iframe></div>
+        <div class="row justify-content-evenly my-5">
+          <div class="game1 col-sm-5 col-lg-5">
+            <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>CYBERPUNK 77:</b><br><b>
+                <h2>Official Trailer/Edgerunners
+              </b></h2></b></h1>
+            <div class="fade-in-my-text">
+              <h2 style="font-size: 2rem;">Original game trailer. See it here first!</h2>
+              <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vel quis ex quia ad aliquid harum ratione
+                odio commodi fugit, aperiam vero, animi voluptates itaque perspiciatis possimus reprehenderit quaerat
+                quam consequatur?</p>
+            </div>
+            <div class="fade-in-my-text">
+              <div class="ratio ratio-16x9">
+                <iframe width="1vh" src="https://www.youtube.com/embed/8X2kIfS6fb8" class="img-fluid"
+                  title="YouTube video player" frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; allowfullscreen"></iframe>
+              </div>
               <div class="game1 col py-3"></div>
-              <h2 style="font-size: 2rem;">Netflix original spin-off-series: Edgerunners!</h2><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus architecto sequi libero facere, placeat rem ipsum sint officiis praesentium labore excepturi rerum ducimus eum perferendis totam eos pariatur accusamus corrupti.</p>
+              <h2 style="font-size: 2rem;">Netflix original spin-off-series: Edgerunners!</h2>
+              <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus architecto sequi libero facere,
+                placeat rem ipsum sint officiis praesentium labore excepturi rerum ducimus eum perferendis totam eos
+                pariatur accusamus corrupti.</p>
               <div class="ratio ratio-16x9">
-                <iframe width="1vh" src="https://www.youtube.com/embed/JtqIas3bYhg" class="img-fluid" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; allowfullscreen"></iframe></div>
+                <iframe width="1vh" src="https://www.youtube.com/embed/JtqIas3bYhg" class="img-fluid"
+                  title="YouTube video player" frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; allowfullscreen"></iframe>
               </div>
             </div>
-            <div class="game1 col-sm-5 col-lg-5">
-              <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>NIGHT CITY<br>&nbsp;&ndash; The City That Never Sleeps</b></h1>
-              <div class="fade-in-my-text"><p style="font-size: 1.2rem;">Night City is an American megacity in the Free State of North California, controlled by corporations and unassailed by the laws of both country and state. It sees conflict from rampant gang wars and its ruling entities contending for dominance. The city relies on robotics for everyday aspects like waste collection, maintenance, and public transportation. Its visual identity is derived from the four eras it underwent—austere Entropism, colourful Kitsch, imposing Neomilitarism, and opulent Neokitsch. Homelessness abounds but does not preclude cybernetic modification for the poor, giving rise to cosmetic addiction and consequent violence.</p></div>
-              <div class="fade-in-my-text"><img src="assets/img/game/cyberpink_cityview.png" class="img-fluid" alt="cyberp77021_teaser"></div>
-              </div>
+          </div>
+          <div class="game1 col-sm-5 col-lg-5">
+            <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>NIGHT CITY<br>&nbsp;&ndash; The
+                City That Never Sleeps</b></h1>
+            <div class="fade-in-my-text">
+              <p style="font-size: 1.2rem;">Night City is an American megacity in the Free State of North California,
+                controlled by corporations and unassailed by the laws of both country and state. It sees conflict from
+                rampant gang wars and its ruling entities contending for dominance. The city relies on robotics for
+                everyday aspects like waste collection, maintenance, and public transportation. Its visual identity is
+                derived from the four eras it underwent—austere Entropism, colourful Kitsch, imposing Neomilitarism, and
+                opulent Neokitsch. Homelessness abounds but does not preclude cybernetic modification for the poor,
+                giving rise to cosmetic addiction and consequent violence.</p>
             </div>
+            <div class="fade-in-my-text"><img src="assets/img/game/cyberpink_cityview.png" class="img-fluid"
+                alt="cyberp77021_teaser"></div>
+          </div>
+        </div>
 
-          <div class="row justify-content-evenly my-5">
-            <div class="game1 col-sm-5 col-lg-5">
-              <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"><b>CYBERPUNK 77<br>Vincent & Valerie</b></h1>
-              <div class="fade-in-my-text"><img src="assets/img/game/Cyberpunk2077_VIncent_Valerie.png" class="img-fluid" alt="cyberp77021_teaser"></div>
+        <div class="row justify-content-evenly my-5">
+          <div class="game1 col-sm-5 col-lg-5">
+            <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif"><b>CYBERPUNK 77<br>Vincent &
+                Valerie</b></h1>
+            <div class="fade-in-my-text"><img src="assets/img/game/Cyberpunk2077_VIncent_Valerie.png" class="img-fluid"
+                alt="cyberp77021_teaser"></div>
+          </div>
+          <div class="game1 col-sm-5 col-lg-5">
+            <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>CYBERPUNK 77 Gameplay</b></h1>
+            <div class="fade-in-my-text">
+              <p style="font-size: 1.2rem;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, ab.
+                Totam ab perferendis aspernatur, iste eaque quis cumque suscipit, natus laboriosam nostrum atque est
+                expedita pariatur repudiandae in! Magni, quos? Lorem ipsum dolor sit amet consectetur, adipisicing elit.
+                Dolores odio sunt magnam pariatur, iure voluptates quae eligendi, laboriosam commodi aspernatur
+                temporibus ut dolorum cumque minus dolorem omnis voluptate. Temporibus, iusto.</p>
+            </div>
+            <div class="fade-in-my-text">
+              <div class="ratio ratio-16x9">
+                <iframe width="1vh" src="https://www.youtube.com/embed/ZY2PO0RvOKA" class="img-fluid"
+                  title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;">
+                </iframe>
               </div>
-            <div class="game1 col-sm-5 col-lg-5">
-              <h1 style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;"><b>CYBERPUNK 77 Gameplay</b></h1>
-              <div class="fade-in-my-text"><p style="font-size: 1.2rem;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, ab. Totam ab perferendis aspernatur, iste eaque quis cumque suscipit, natus laboriosam nostrum atque est expedita pariatur repudiandae in! Magni, quos? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolores odio sunt magnam pariatur, iure voluptates quae eligendi, laboriosam commodi aspernatur temporibus ut dolorum cumque minus dolorem omnis voluptate. Temporibus, iusto.</p></div>
-              <div class="fade-in-my-text"><div class="ratio ratio-16x9">
-              <iframe width="1vh" src="https://www.youtube.com/embed/ZY2PO0RvOKA" class="img-fluid" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;">
-              </iframe></div>
             </div>
           </div>
         </div>
-    </section>
+        </section>
+
+        <section>
+          <div class="my-new-container">
+            <div class="row justify-content-start">
+              <div class="col-2">
+                <a class="btn btn-sm btn-outline-warning" href="https://www.monsterhunter.com/rise-sunbreak/en-us/"
+                  role="button" target="_blank">Wanna get a good game?</a>
+              </div>
+
+            </div>
 
-    <section>
-      <div class="my-new-container">
-        <div class="row justify-content-start">
-          <div class="col-2">
-            <a class="btn btn-sm btn-outline-warning" href="https://www.monsterhunter.com/rise-sunbreak/en-us/" role="button" target="_blank">Wanna get a good game?</a>
           </div>
-
-        </div>
-
-      </div>
-    </section>
+        </section>
 
 
   </main><!-- End #main -->
@@ -226,7 +277,8 @@ <h4>Unsere Neuigkeiten</h4>
   </footer><!-- End Footer -->
 
   <div id="preloader"></div>
-  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
+  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
+      class="bi bi-arrow-up-short"></i></a>
 
   <!-- Vendor JS Files -->
   <script src="assets/vendor/aos/aos.js"></script>