candycanearter07/comicsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

marquee blinkers to clean up sidebar

Browse Source
This commit is contained in:
etherware-novice 2024-07-31 14:53:00 -05:00
parent e7260bc875
commit 47e5935560
No known key found for this signature in database
GPG Key ID: 5DB73B4D57B9D701
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_layouts/default.html
View File

@ -27,10 +27,6 @@ navbar: topnav
<img src="https://slimepondcount.goatcounter.com/counter/{{ page.url }}.png" style="width: 100%"> <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> <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 swatchclock.html %}
{% include statuscafe.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" /> <link href="https://melonking.net/styles/flood.css" rel="stylesheet" type="text/css" media="all" />
<script src="https://melonking.net/scripts/flood.js"></script> <script src="https://melonking.net/scripts/flood.js"></script>
{% endunless %} {% endunless %}
<marquee id="blinkerscroll">
{% for blink in site.data.blinkers %}
<img src="/assets/images/blinkers/{{ blink.name }}" class="blinkers"></img>
{% endfor %}
</marquee>
</body> </body>
</html> </html>

11
_sass/main.scss
View File

@ -44,3 +44,14 @@ img {
#flood-menu { #flood-menu {
z-index: 9999999999 !important; z-index: 9999999999 !important;
} }
#blinkerscroll {
position: absolute;
left: 0;
bottom: 3vh;
}
.blinkers {
max-height: 7vh;
min-height: 32px;
}