shii.moe

commit 700526b76fe8acea1bc915b1aca2c13c56667ad3
parent adbae5a04741d81234e8b39a5b33e2f76ef0eb20
Author: Shiimoe <SameulFrost@tuta.io>
Date:   Sun, 13 Sep 2020 20:23:12 +0100

redesign

Diffstat:
A
background.png
 | 
0

A
lemon.mp3
 | 
0

M
music.html
 | 
6
+++---
M
norsk.html
 | 
2
+-
M
school.html
 | 
2
+-
M
style.css
 | 
26
+++++++++++++++++++++-----

6 files changed, 26 insertions(+), 10 deletions(-)
diff --git a/background.png b/background.png
Binary files differ.
diff --git a/lemon.mp3 b/lemon.mp3
Binary files differ.
diff --git a/music.html b/music.html
@@ -20,15 +20,15 @@
 
     <div class="guitarAudio">
     <audio controls s>
-        <source src="https://0x0.st/iiEl.mp3" type="audio/mpeg">
+        <source src="lemon.mp3" type="audio/mpeg">
     </audio>
     </div>
    
 
     <div class = "guitarCentre">
     <img src="gita.jpg" class="guitarPicture">
-    <p class="guitarText">A recording of Lemon Meringue Tie by Dance Gavin Dance played on my Epiphone Les Paul, coming 
-        through an Orange Crush 20 with a Boss DS-1 for distortion.
+    <p class="guitarText">A recording of <em>Lemon Meringue Tie</em> by <em>Dance Gavin Dance</em> played on my <em>Epiphone Les Paul</em>, coming 
+        through an <em>Orange Crush 20</em> with a <em>Boss DS-1</em> for distortion.
     </p>
     <p class="guitarText">Et opptak av <em>Lemon Merginue Tie</em> av <em>Dance Gavin Dance</em> spillet
     på <em>Epiphone Les Paul</em>en min, gjennom en <em>Orange Crush 20</em> med en <em>Boss DS-1</em>
diff --git a/norsk.html b/norsk.html
@@ -23,7 +23,7 @@
         Jeg laget dette i GIMP mange år siden.
     </p>
 
-    <img src="norsk.png" style="width: 100%; padding-top: 2em;">
+    <img src="norsk.png" class="image-card">
 
     </div>
 
diff --git a/school.html b/school.html
@@ -21,7 +21,7 @@
 
     <h3 style="text-align: center;">Maths</h3>
 
-    <iframe src="maths.pdf" width="100%" height="900pt"></iframe>
+    <iframe class="pdf" src="maths.pdf" width="100%" height="900pt"></iframe>
 
     </div>
 
diff --git a/style.css b/style.css
@@ -19,7 +19,8 @@ html, body {
 body {
     color: black;
     background: black;
-    background-image: url('Untitled.png');
+    background-image: url('background.png');
+    background-size: 10em;
     background-repeat: repeat;
     font-family: 'Lora', serif;
 
@@ -29,10 +30,10 @@ body {
 }
 
 .titleBar {
-    background-color: #e999e947;
+    background-color: #679dd74d;
     border-radius: 5pt;
     box-shadow: 0 4pt 22pt #0000003b;
-    border: 1pt solid violet;
+    border: 1pt solid #87b1dd;
     margin-left: 5em;
     margin-right: 5em;
     margin-bottom: 2em;
@@ -43,7 +44,7 @@ body {
 }
 
 .titleButton {
-    background-color: lightpink;
+    background-color: #acb9f8;
     display: inline-block;
     margin: 0.3em 0.3em;
     padding: 0.12em 0.3em;
@@ -56,6 +57,15 @@ body {
     box-shadow: 0.4em 0.4em 3pt #00000030;
 }
 
+.image-card {
+    width: 100%;
+    margin-top:2em;
+    box-shadow: 0pt 5pt 20pt #0006;
+    border: 1pt solid #eee;
+    border-radius: 7pt;
+}
+
+
 #content {
     /* background-color: #f7d4ff80; */
     padding: 1em;
@@ -76,7 +86,9 @@ body {
 .guitarPicture {
     width:30em; 
     float: right;
-    padding-left: 2em;
+    margin-left: 2em;
+    border: 2pt solid #0006;
+    border-radius: 7pt;
 }
 
 .audio {
@@ -111,6 +123,10 @@ body {
     .titleButton {
         width: 50%
     }
+    
+    .pdf {
+        height: 300pt;
+    }
 
     .comment-input {
         height: 5em;