added quotes to the footer

index.html

@@ -140,7 +140,11 @@
     <!-- Footer -->
     <div class="footer">
         <span class="text-muted"><a href="https://github.com/Ellpeck/Web">&copy; 2018 Ellpeck</a> - <a id="impressum-button" href="#impressum">Impressum</a></span>
-        <img src="res/blobheart.png" id="blobheart">
+        <div class="quote">
+            <span id="quote-text"></span>
+            <script src="scripts/quote.js"></script>
+            <img src="res/blobheart.png" id="blobheart">
+        </div>
     </div>
 
     <!-- Book -->

scripts/quote.js

@@ -0,0 +1,37 @@
+const quotes = [
+    "I'm an oddity and that's alright",
+    "There's no such thing as luck",
+    "Let me be who I wanna be",
+    "Let me fly and follow my dreams",
+    "Cold integrity keeps me wide awake",
+    "Welcome back, winter, once again",
+    "Your shivers freeze all the rivers",
+    "Rivulets flow from your eyes",
+    "Paint runs from your mouth like a waterfall",
+    "I'll brave glaciers and frozen lakes",
+    "I left my heart in metropolis",
+    "I'll never forget when we started out",
+    "It's better this way, it's better this way",
+    "Remember the road runnin' under our feet?",
+    "Only when you look forward can you see behind",
+    "I opened my eyes last night",
+    "You happened to look and see the tunnels all around me",
+    "All the subways around create a great sound",
+    "With your ear to a seashell",
+    "You can hear the waves in underwater caves",
+    "Be yourself, but don't be so dramatic",
+    "Cause life is cinematic",
+    "Plot twist, it's a trilogy",
+    "I'll be out of my mind, and you'll be out of ideas",
+    "Let's spend the afternoon in a cold hot air balloon",
+    "I'll kiss the ground wherever we touch back down",
+    "You made my frown turn upside down",
+    "I'll pack my bags and off I go",
+    "As far as I know, I am halfway home",
+    "The open summer breeze will sweep you through the hills",
+    "I am floating away",
+    "Lost in a silent ballet",
+    "I'm dreaming you're out in the blue",
+    "My darling, we're both on our way"
+];
+$('#quote-text').html('<em>' + quotes[Math.floor(Math.random() * quotes.length)] + '</em>');

style.css

@@ -87,6 +87,7 @@ body {
     background-color: #f5f5f5;
     text-align: center;
     padding: 15px;
+    overflow: auto;
 }
 
 .impressum-data {
@@ -95,8 +96,15 @@ body {
     font-size: 125%;
 }
 
-#blobheart {
+.quote {
     float: right;
+}
+
+#quote-text {
+    margin-right: 20px;
+}
+
+#blobheart {
     width: 30px;
     height: 30px;
 }