Run style formatter

voicegardens/static/styles.css

@@ -1,57 +1,56 @@
 /* Custom CSS styles */
 
 @font-face {
-font-family: 'Signika Bold';
-src: url('fonts/Signika-Bold.ttf') format('ttf');
-font-weight: bold;
-font-style: normal;
+  font-family: "Signika Bold";
+  src: url("fonts/Signika-Bold.ttf") format("ttf");
+  font-weight: bold;
+  font-style: normal;
 }
 
 @font-face {
-font-family: 'Signika';
-src: url('fonts/Signika-Regular.ttf') format('ttf');
-font-weight: normal;
-font-style: normal;
+  font-family: "Signika";
+  src: url("fonts/Signika-Regular.ttf") format("ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-font-family: 'Rubik';
-src: url('fonts/Rubik-Bold.ttf') format('ttf'),
-     url('fonts/rubik-bold-webfont.woff') format('woff'),
-     url('fonts/rubik-bold-webfont.woff2') format('woff2');
-font-weight: bold;
-font-style: normal;
+  font-family: "Rubik";
+  src: url("fonts/Rubik-Bold.ttf") format("ttf"),
+    url("fonts/rubik-bold-webfont.woff") format("woff"),
+    url("fonts/rubik-bold-webfont.woff2") format("woff2");
+  font-weight: bold;
+  font-style: normal;
 }
 
 @font-face {
-font-family: 'Rubik';
-src: url('fonts/Rubik-Regular.ttf') format('ttf');
-font-weight: normal;
-font-style: normal;
+  font-family: "Rubik";
+  src: url("fonts/Rubik-Regular.ttf") format("ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-font-family: 'Rubik';
-src: url('fonts/Rubik-Italic.ttf') format('ttf');
-font-weight: normal;
-font-style: italic;
+  font-family: "Rubik";
+  src: url("fonts/Rubik-Italic.ttf") format("ttf");
+  font-weight: normal;
+  font-style: italic;
 }
 
 @font-face {
-font-family: 'PalanquinDark';
-src: url('fonts/PalanquinDark-Bold.ttf') format('ttf');
-font-weight: bold;
-font-style: normal;
+  font-family: "PalanquinDark";
+  src: url("fonts/PalanquinDark-Bold.ttf") format("ttf");
+  font-weight: bold;
+  font-style: normal;
 }
 
 @font-face {
-font-family: 'PalanquinDark';
-src: url('fonts/PalanquinDark-Regular.ttf') format('ttf');
-font-weight: normal;
-font-style: normal;
+  font-family: "PalanquinDark";
+  src: url("fonts/PalanquinDark-Regular.ttf") format("ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
-
 body {
   height: 100vh;
   margin: 0px;
@@ -70,48 +69,48 @@ img.button {
 }
 
 .record {
-  position:fixed;
-  top:20px;
-  left:20px;
+  position: fixed;
+  top: 20px;
+  left: 20px;
 }
 
 .record:hover {
-  top:22px;
-  left:22px;
+  top: 22px;
+  left: 22px;
 }
 
 .stop {
-  position:fixed;
-  top:100px;
-  left:20px;
+  position: fixed;
+  top: 100px;
+  left: 20px;
 }
 
 .stop:hover {
-  top:102px;
-  left:22px;
+  top: 102px;
+  left: 22px;
 }
 
 .leaf {
-  position:fixed;
-  top:180px;
-  left:20px;
+  position: fixed;
+  top: 180px;
+  left: 20px;
 }
 
 .leaf:hover {
-  top:182px;
-  left:22px;
+  top: 182px;
+  left: 22px;
 }
 
 .about {
   width: 3% !important;
-  position:fixed;
-  top:260px;
-  left:20px;
+  position: fixed;
+  top: 260px;
+  left: 20px;
 }
 
 .about:hover {
-  top:262px;
-  left:22px;
+  top: 262px;
+  left: 22px;
 }
 
 .about-text {
@@ -129,11 +128,11 @@ h1 {
 }
 
 .backtoindex img {
-    width: 10%;
-    margin: 0 auto !important;
-    margin-left: 20vw;
-    padding: 3em 2em 0 10em;
-    float: left;
+  width: 10%;
+  margin: 0 auto !important;
+  margin-left: 20vw;
+  padding: 3em 2em 0 10em;
+  float: left;
 }
 
 .button.button-about {
@@ -161,15 +160,15 @@ div.footer {
 @media screen and (max-width: 770px) {
   img.button {
     width: 10%;
-}
+  }
 
   .about {
-      width: 7% !important;
-      top: unset;
-      right: 25vw;
-      bottom: 2vh;
-      left: unset;
-    }
+    width: 7% !important;
+    top: unset;
+    right: 25vw;
+    bottom: 2vh;
+    left: unset;
+  }
 
   .about:hover {
     width: 7% !important;
@@ -177,43 +176,42 @@ div.footer {
     right: 25vw;
     bottom: 2vh;
     left: unset;
-
-    }
+  }
 
   .leaf {
-      top: unset;
-      bottom: 3vh;
-      left: 55vw;
+    top: unset;
+    bottom: 3vh;
+    left: 55vw;
   }
 
   .leaf:hover {
-      top: unset;
-      bottom: 3vh;
-      left: 55vw;
+    top: unset;
+    bottom: 3vh;
+    left: 55vw;
   }
 
   .stop {
-      top: unset;
-      bottom: 3vh;
-      left: 40vw;
+    top: unset;
+    bottom: 3vh;
+    left: 40vw;
   }
 
   .stop:hover {
-      top: unset;
-      bottom: 3vh;
-      left: 40vw;
+    top: unset;
+    bottom: 3vh;
+    left: 40vw;
   }
 
   .record {
-      top: unset;
-      bottom: 3vh;
-      left: 25vw;
+    top: unset;
+    bottom: 3vh;
+    left: 25vw;
   }
 
   .record:hover {
-      top: unset;
-      bottom: 3vh;
-      left: 25vw;
+    top: unset;
+    bottom: 3vh;
+    left: 25vw;
   }
 
   .about-text {

voicegardens/templates/about.html

@@ -13,7 +13,7 @@
   <div class="about-text">
 
     <h1>Kari Robertson<br>
-      <i>Wet Signal Voice Gardens</i></h1>
+    <i>Wet Signal Voice Gardens</i></h1>
 
     <h3>1. Key</h3>
 
@@ -83,7 +83,7 @@
     </p>
 
     <h3>7. Licensing for the code</h3>
-    The code for this website is licensed under <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL</a> and can be found <a href="https://git.vvvvvvaria.org/varia/voicegardens">here</a>.
+    The code for this website is licensed under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL</a> and can be found <a href="https://git.vvvvvvaria.org/varia/voicegardens">here</a>.
 
     <h3>8. Browser Compatibility</h3>