varia/voicegardens
14
0
Fork 0
Code Issues Releases Activity

Run style formatter

Browse Source
This commit is contained in:
Luke Murphy 2020-02-12 20:25:04 +01:00
parent bea077d5a2
commit 75400bfcbb
No known key found for this signature in database
GPG Key ID: 5E2EF5A63E3718CC
2 changed files with 83 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

164
voicegardens/static/styles.css
View File

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

4
voicegardens/templates/about.html
View File

@ -13,7 +13,7 @@
<div class="about-text"> <div class="about-text">
<h1>Kari Robertson<br> <h1>Kari Robertson<br>
<i>Wet Signal Voice Gardens</i></h1> <i>Wet Signal Voice Gardens</i></h1>
<h3>1. Key</h3> <h3>1. Key</h3>
@ -83,7 +83,7 @@
</p> </p>
<h3>7. Licensing for the code</h3> <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> <h3>8. Browser Compatibility</h3>