Add tiny footer
This commit is contained in:
parent
aba799b174
commit
663edf97cd
|
|
@ -137,6 +137,16 @@
|
||||||
// Initial load
|
// Initial load
|
||||||
loadData();
|
loadData();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer class="tiny-footer">
|
||||||
|
<span>
|
||||||
|
Art by <a href="https://x.com/Raven4Seth" target="_blank" rel="noopener noreferrer">SethRave4</a>
|
||||||
|
•
|
||||||
|
Message <a href="mailto:vixi@snowsune.net">vixi@snowsune.net</a> for questions/comments/anything!
|
||||||
|
</span>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -133,8 +133,8 @@ h1 {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
/* DEBUG: Temporary visible area for clickable link */
|
/* DEBUG: Temporary visible area for clickable link */
|
||||||
outline: 2px dashed #ff0;
|
/* outline: 2px dashed #ff0;
|
||||||
background: rgba(255, 255, 0, 0.2);
|
background: rgba(255, 255, 0, 0.2); */
|
||||||
}
|
}
|
||||||
|
|
||||||
.artist-link a {
|
.artist-link a {
|
||||||
|
|
@ -156,3 +156,21 @@ h1 {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #23232b;
|
color: #23232b;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Footer */
|
||||||
|
.tiny-footer {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: #aaa;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: -10px; /* shifts footer upward */
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tiny-footer a {
|
||||||
|
color: #aaa;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tiny-footer a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue