doctype html

html(lang="en")

head

meta(charset="UTF-8")

meta(name="viewport", content="width=device-width, initial-scale=1.0")

title Offion

link(href="styles/global.sass", rel="stylesheet")

body

#navbar

span#ip-address Loading IP...

input(type="text", id="url-input", value="about:blank")

button#back-button

svg(xmlns="http://www.w3.org/2000/svg", width="16", height="16", fill="currentColor", class="bi bi-arrow-right", viewBox="0 0 16 16")

path(fill-rule="evenodd", d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8")

button#go-button

svg(xmlns="http://www.w3.org/2000/svg", width="16", height="16", fill="currentColor", class="bi bi-arrow-right", viewBox="0 0 16 16")

path(fill-rule="evenodd", d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8")

button#refresh-button

svg(xmlns="http://www.w3.org/2000/svg", width="16", height="16", fill="currentColor", class="bi bi-arrow-right", viewBox="0 0 16 16")

path(fill-rule="evenodd", d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z")

path(d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466")

#tabs-container

button#new-tab-button +

#webview-container

script(src="scripts/global.ts", type="module")