From 47e593556029d995248f7d657bacdcd564a8046a Mon Sep 17 00:00:00 2001
From: etherware-novice <73374039+etherware-novice@users.noreply.github.com>
Date: Wed, 31 Jul 2024 14:53:00 -0500
Subject: [PATCH] marquee blinkers to clean up sidebar

---
 _layouts/default.html | 10 ++++++----
 _sass/main.scss       | 11 +++++++++++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index f086a29..4d278b3 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -27,10 +27,6 @@ navbar: topnav
 					<img src="https://slimepondcount.goatcounter.com/counter/{{ page.url }}.png" style="width: 100%">
 					<iframe src="https://www3.cbox.ws/box/?boxid=3539632&boxtag=JU8HaS" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="5" marginwidth="5" scrolling="auto"></iframe>
 
-					{% for blink in site.data.blinkers %}
-						<img src="/assets/images/blinkers/{{ blink.name }}"
-						style="max-width:100%"></img>
-					{% endfor %}
 					
 					{% include swatchclock.html %}
 					{% include statuscafe.html %}
@@ -42,6 +38,12 @@ navbar: topnav
 		<link href="https://melonking.net/styles/flood.css" rel="stylesheet" type="text/css" media="all" />
 		<script src="https://melonking.net/scripts/flood.js"></script>
 	{% endunless %}
+
+	<marquee id="blinkerscroll">
+		{% for blink in site.data.blinkers %}
+			<img src="/assets/images/blinkers/{{ blink.name }}" class="blinkers"></img>
+		{% endfor %}
+	</marquee>
             
 	</body>
 </html>
diff --git a/_sass/main.scss b/_sass/main.scss
index 66c62ca..e1717df 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -44,3 +44,14 @@ img {
 #flood-menu {
 	z-index: 9999999999 !important;
 }
+
+#blinkerscroll {
+	position: absolute;
+	left: 0;
+	bottom: 3vh;
+}
+
+.blinkers {
+	max-height: 7vh;
+	min-height: 32px;
+}