added quotes to the footer

This commit is contained in:
Ellpeck 2018-08-06 23:09:38 +02:00
parent c579a47c25
commit 6df593ca03
3 changed files with 51 additions and 2 deletions

View file

@ -140,7 +140,11 @@
<!-- Footer --> <!-- Footer -->
<div class="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> <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> </div>
<!-- Book --> <!-- Book -->

37
scripts/quote.js Normal file
View file

@ -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>');

View file

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