40 lines
No EOL
1.1 KiB
HTML
40 lines
No EOL
1.1 KiB
HTML
<navbar>
|
|
<input type="checkbox" id="nav-toggle-checkbox">
|
|
<navbar-toggle>
|
|
<label for="nav-toggle-checkbox" class="hamburger">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</label>
|
|
</navbar-toggle>
|
|
<navbar-content>
|
|
<a href="/">Home</a>
|
|
<input type="radio" name="nav" id="nav-home" checked>
|
|
<a href="/about">About me</a>
|
|
<input type="radio" name="nav" id="nav-about">
|
|
<a href="/projects">Projects</a>
|
|
<input type="radio" name="nav" id="nav-projects">
|
|
<a href="/music">Music</a>
|
|
<input type="radio" name="nav" id="nav-music">
|
|
</navbar-content>
|
|
<pink-statusbar>
|
|
<status-dot></status-dot>
|
|
<username>Online</username>
|
|
<current-date></current-date>
|
|
</pink-statusbar>
|
|
</navbar>
|
|
|
|
<script>
|
|
const dateEl = document.querySelector('current-date');
|
|
if (dateEl) {
|
|
const update = () => {
|
|
const now = new Date();
|
|
const h = String(now.getHours()).padStart(2, '0');
|
|
const m = String(now.getMinutes()).padStart(2, '0');
|
|
const s = String(now.getSeconds()).padStart(2, '0');
|
|
dateEl.textContent = `${h}:${m}:${s}`;
|
|
};
|
|
update();
|
|
setInterval(update, 1000);
|
|
}
|
|
</script> |