navbar
This commit is contained in:
parent
62b4aa17e0
commit
7134d18c9e
1 changed files with 57 additions and 9 deletions
|
@ -15,12 +15,60 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<a style='
|
<!-- nav -->
|
||||||
position: fixed;
|
<div id="nav">
|
||||||
top: 10px;
|
<div style="display: flex; gap: 12px;">
|
||||||
left: 10px;
|
<div
|
||||||
width: 32px;
|
id="nav_side"
|
||||||
height: 32px;
|
style="
|
||||||
background-color: #000;
|
display: flex;
|
||||||
opacity: 0.02;
|
gap: 12px;
|
||||||
' href='/reload'></a>
|
width: auto;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a href="javascript:toggle_side()">
|
||||||
|
<img src="/public/img/icons/menu.svg?v1" height="32" width="auto" />
|
||||||
|
</a>
|
||||||
|
<a href="/about" style="display: flex; align-items: center; gap: 6px; text-decoration: none;">
|
||||||
|
<img src="https://media.dof.dev/kit/logo.svg?v1" height="32" width="auto" style="border-radius: 16px;" />
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 16px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
dofdev
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
background-color: #11111166;
|
||||||
|
color: var(--col-10);
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 0 12px;
|
||||||
|
border-radius: 16px;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<a href="/">
|
||||||
|
<img src="/public/img/icons/search.svg?v1" height="16" width="auto" />
|
||||||
|
</a>
|
||||||
|
<input id="search" maxlength="24" placeholder="search" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="nav_border"></div>
|
||||||
|
|
||||||
|
<div class="disabled" style="display: flex; gap: 12px;">
|
||||||
|
<a href="/settings">
|
||||||
|
<img src="/public/img/icons/settings.svg?v2" height="32" width="auto" />
|
||||||
|
</a>
|
||||||
|
<a href="/profile">
|
||||||
|
<img src="/public/img/profile-pic.png?v1" height="32" width="auto" style="border-radius: 16px;" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
Loading…
Add table
Reference in a new issue