diff --git a/_includes/navmenu.html b/_includes/navmenu.html index b1ef495..6e2d718 100644 --- a/_includes/navmenu.html +++ b/_includes/navmenu.html @@ -1,2 +1,6 @@ -
+ \ No newline at end of file diff --git a/_layouts/music.html b/_layouts/music.html index 1997a91..ffcbec8 100644 --- a/_layouts/music.html +++ b/_layouts/music.html @@ -6,8 +6,10 @@ layout: default
- -

{% if page.previous != nil %} +

 

+

+
+ {% if page.previous != nil %} {% endif %} @@ -16,14 +18,11 @@ layout: default {% if page.next != nil %} {% endif %} - - - -
-

{{ page.title }}

-

+ +
+
@@ -32,6 +31,8 @@ layout: default
{{ page.content }} + +
@@ -81,4 +82,4 @@ layout: default background-attachment: fixed; background-color: #0ff; } - \ No newline at end of file + diff --git a/_sass/main.scss b/_sass/main.scss index f7869bb..5f2b64f 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -49,6 +49,7 @@ a { width: 100%; margin: 0; padding: 0; + height: 100vh; } #controls { @@ -56,25 +57,15 @@ a { flex: 0 0 200px; flex-wrap: wrap; border: #000 solid 1px; - box-shadow: 5px 10px rgba(255, 0, 0, 0.493); + box-shadow: 5px 10px rgba(61, 0, 102, 0.5); border-radius: 3px; padding: 15px; margin: 0 auto; - min-height: 200px; + background-color: rgba(61, 0, 102, 0.884); - button { - background-color: #f00; - width: 100px; - height: 100px; - border-radius: 100px; - transition: background-color 0.5s ease-in-out; - } - button:hover { - background-color: rgb(253, 83, 83); - } + .container { - border: #000 solid 1px; - box-shadow: 5px 10px rgb(0, 0, 0); + border-radius: 3px; margin: 0 auto 0 0; width: 10em; @@ -83,9 +74,19 @@ a { padding: 10px; } } +button { + background-color: #f00; + width: 100px; + height: 100px; + border-radius: 100px; + transition: background-color 0.5s ease-in-out; +} +button:hover { + background-color: rgb(253, 83, 83); +} #info { flex: 1 1 500px; -min-height: 50vh; +min-height: 80vh; padding: 15px; background-color: rgba(61, 0, 102, 0.884); background-size: cover; @@ -94,7 +95,7 @@ min-height: 50vh; } #timer { flex: 1 1 200px; - + background-color: rgba(60, 0, 100, 0.856); padding: 15px; background-size: cover; background-position: center; @@ -103,10 +104,18 @@ min-height: 50vh; padding: 10px; border-radius: 3px; color: #fff; - box-shadow: 5px 10px rgba(255, 0, 0, 0.493); + box-shadow: 5px 10px rgba(61, 0, 102, 0.5); border: #000 solid 1px; } + img { + box-shadow: 5px 10px rgba(61, 0, 102, 0.5); + } } #tracktime { margin-bottom: auto; +} +#navigation { + position: fixed; + bottom: 10px; + right: 10px; } \ No newline at end of file