140 lines
No EOL
3.6 KiB
HTML
140 lines
No EOL
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="utf-8">
|
|
<meta name="language" content="English">
|
|
<title>{{ .Title }}</title>
|
|
<meta name="description" content="{{ .Desc }}">
|
|
<meta name="og:image" content="/public/img/knuckles_owo.png">
|
|
<link rel="shortcut icon" href="https://media.dof.dev/kit/logo.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="/public/style.css?v5">
|
|
<script src="/public/js/mono.js?v2"></script>
|
|
<link rel="canonical" href="https://{{ .Host }}{{ .PagePath }}">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- nav -->
|
|
<div id="nav">
|
|
<div style="display: flex; gap: 12px;">
|
|
<div
|
|
id="nav_side"
|
|
style="
|
|
display: flex;
|
|
gap: 12px;
|
|
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>
|
|
|
|
<div id="side">
|
|
<div
|
|
style="
|
|
display: flex;
|
|
flex-flow: column;
|
|
gap: 6px;
|
|
"
|
|
>
|
|
<a href="/">
|
|
<img src="/public/img/icons/home.svg?v1" height="32" width="auto" />
|
|
<div>home</div>
|
|
</a>
|
|
|
|
<a href="/moves">
|
|
<img src="/public/img/icons/dofs.svg?v1" height="32" width="auto" />
|
|
<div>moves</div>
|
|
</a>
|
|
|
|
<a href="/games">
|
|
<img src="/public/img/icons/games.svg?v1" height="32" width="auto" />
|
|
<div>games</div>
|
|
</a>
|
|
|
|
<a href="/projects">
|
|
<img src="/public/img/icons/projects.svg?v1" height="32" width="auto" />
|
|
<div>projects</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<div
|
|
style="
|
|
height: 2px;
|
|
width: 75%;
|
|
margin: 6px auto;
|
|
background: var(--col-06);
|
|
"
|
|
></div>
|
|
<a href="https://discord.gg/65jZCW9">
|
|
<img src="/public/img/icons/discord.svg?v1" height="32" width="auto" />
|
|
<div>discord</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div style="flex: 1;"></div>
|
|
|
|
<div id="support">
|
|
<a href="https://www.patreon.com/bePatron?u=31202689">
|
|
<img width="48px" src="/public/img/icons/patreon.svg?v29" style="border-radius: 24px;">
|
|
</a>
|
|
<a href="https://dofdev-shop.fourthwall.com">
|
|
<img width="48px" src="/public/img/icons/merch.svg?v29" style="border-radius: 24px;">
|
|
</a>
|
|
<a href="https://ko-fi.com/dofdev">
|
|
<img width="48px" src="/public/img/icons/kofi.svg?v29" style="border-radius: 24px;">
|
|
</a>
|
|
</div>
|
|
|
|
<div id="foot">
|
|
{{ template "footer.html" }}
|
|
</div>
|
|
</div>
|
|
<div id="side_border"></div>
|
|
|
|
<main id="main"> |