44 lines
No EOL
1.3 KiB
HTML
44 lines
No EOL
1.3 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">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="/blog">Blog</a>
|
|
<input type="radio" name="nav" id="nav-blog" />
|
|
<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>
|
|
(function () {
|
|
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> |