| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <% const timeIcon = `
- <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
- <circle cx="12" cy="12" r="10" />
- <path d="M12 6v6l4 2" />
- </g>
- </svg>
- ` %>
- <% const dateIcon = `
- <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
- <path d="M8 2v4m8-4v4" />
- <rect width="18" height="18" x="3" y="4" rx="2" />
- <path d="M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01" />
- </g>
- </svg>
- ` %>
- <% const ipIcon = `
- <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
- <rect width="6" height="6" x="16" y="16" rx="1" />
- <rect width="6" height="6" x="2" y="16" rx="1" />
- <rect width="6" height="6" x="9" y="2" rx="1" />
- <path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3m-7-4V8" />
- </g>
- </svg>
- ` %>
- <% const homeIcon = `
- <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
- <path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" />
- <path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
- </g>
- </svg>
- ` %>
- <% const settingsIcon = `
- <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
- <path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0a2.34 2.34 0 0 0 3.319 1.915a2.34 2.34 0 0 1 2.33 4.033a2.34 2.34 0 0 0 0 3.831a2.34 2.34 0 0 1-2.33 4.033a2.34 2.34 0 0 0-3.319 1.915a2.34 2.34 0 0 1-4.659 0a2.34 2.34 0 0 0-3.32-1.915a2.34 2.34 0 0 1-2.33-4.033a2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" />
- <circle cx="12" cy="12" r="3" />
- </g>
- </svg>
- ` %>
- <% const usFlag = `
- <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
- <mask id="SVGuywqVbel">
- <circle cx="256" cy="256" r="256" fill="#fff" />
- </mask>
- <g mask="url(#SVGuywqVbel)">
- <path fill="#eee" d="M256 0h256v64l-32 32l32 32v64l-32 32l32 32v64l-32 32l32 32v64l-256 32L0 448v-64l32-32l-32-32v-64z" />
- <path fill="#d80027" d="M224 64h288v64H224Zm0 128h288v64H256ZM0 320h512v64H0Zm0 128h512v64H0Z" />
- <path fill="#0052b4" d="M0 0h256v256H0Z" />
- <path fill="#eee" d="m187 243l57-41h-70l57 41l-22-67zm-81 0l57-41H93l57 41l-22-67zm-81 0l57-41H12l57 41l-22-67zm162-81l57-41h-70l57 41l-22-67zm-81 0l57-41H93l57 41l-22-67zm-81 0l57-41H12l57 41l-22-67Zm162-82l57-41h-70l57 41l-22-67Zm-81 0l57-41H93l57 41l-22-67zm-81 0l57-41H12l57 41l-22-67Z" />
- </g>
- </svg>
- ` %>
- <% const date = new Date() %>
- <header>
- <p><%~ timeIcon %> <span id="topbarTime"><%= date.toLocaleString('sk-SK', { hour: 'numeric', minute: 'numeric', second: 'numeric' }) %></span></p>
-
- <p><%~ dateIcon %> <span id="topbarDate"><%= date.toLocaleDateString('sk-SK', { weekday: "long", year: "numeric", month: "long", day: "numeric" }) %></span></p>
-
- <div class="end">
- <a role="button" href="/en"><%~ usFlag %></a>
- <a role="button" href="/"><%~ homeIcon %></a>
- <a role="button" href="/settings"><%~ settingsIcon %></a>
- </div>
-
- <script defer>
- setInterval(() => {
- const topbarTime = document.querySelector("#topbarTime")
- const topbarDate = document.querySelector("#topbarDate")
- const date = new Date()
- const timeString = date.toLocaleString('sk-SK', { hour: 'numeric', minute: 'numeric', second: 'numeric' })
- const dateString = date.toLocaleDateString('sk-SK', { weekday: "long", year: "numeric", month: "long", day: "numeric" })
- topbarTime.textContent = timeString
-
- if (topbarDate.textContent !== dateString) {
- topbarDate.textContent = dateString
- }
- }, 1000)
- </script>
- </header>
|