From f3d046a92241d71619acda87458e1641e6be811e Mon Sep 17 00:00:00 2001 From: etherware-novice <73374039+etherware-novice@users.noreply.github.com> Date: Mon, 5 Aug 2024 16:05:51 -0500 Subject: [PATCH] adds a stupid lil midi player to the layout --- _includes/mplayer.html | 19 +++++++++++++++++++ _layouts/default.html | 2 ++ _sass/main.scss | 21 +++++++++++++++++++++ 3 files changed, 42 insertions(+) create mode 100644 _includes/mplayer.html diff --git a/_includes/mplayer.html b/_includes/mplayer.html new file mode 100644 index 0000000..72fb157 --- /dev/null +++ b/_includes/mplayer.html @@ -0,0 +1,19 @@ +
+ + stop + play +
+ + + diff --git a/_layouts/default.html b/_layouts/default.html index 9d76c1d..706984b 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -8,6 +8,7 @@ navbar: topnav {{ page.title }} + @@ -17,6 +18,7 @@ navbar: topnav {% include background.html %} + {% include mplayer.html %}
diff --git a/_sass/main.scss b/_sass/main.scss index db012c6..d357061 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -75,3 +75,24 @@ img { background-color: white; justify-content: center; } + +#player { + display: flex; + justify-content: flex-end; + position: fixed; + bottom: 15vh; left: 4vw; + padding: 10px; + gap: 10px; + width: 25vw; + background-color: black; + color: white; + + transform: rotate(3deg); + z-index: 5; +} + +#player * { + color: white; + text-decoration: none; +} +