varia
/
voicegardens
13
0
Fork 0
Code Issues Releases Activity
Browse Source

Run style formatter

main
Luke Murphy 4 years ago
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
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 164
      voicegardens/static/styles.css
  2. 4
      voicegardens/templates/about.html

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>

Write Preview
Loading…
Cancel
Save