28 lines
719 B
HTML
28 lines
719 B
HTML
<style>
|
|
span.magic {
|
|
font-weight: bold;
|
|
font-size: larger;
|
|
color: #e84545;
|
|
animation: 3s linear 0s infinite normal both running magic;
|
|
}
|
|
|
|
@keyframes magic {
|
|
0% { color: #e84545; }
|
|
33% { color: #45e845; }
|
|
66% {color: #4545e8; }
|
|
}
|
|
</style>
|
|
<ol>
|
|
<li>
|
|
<a href="/events">
|
|
Next Weekly Meeting: <span class="magic"></span>
|
|
</a>
|
|
</li>
|
|
</ol>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
var nextThursday = new Date(Date.now() + (((4 - new Date().getDay() + 7) % 7) * 86400000));
|
|
document.querySelector('span.magic').innerHTML = nextThursday.toDateString();
|
|
});
|
|
</script>
|