sudovanilla-ark/forgejo/gitea/templates/base/head_navbar.tmpl
2024-05-14 00:34:01 -04:00

153 lines
11 KiB
Cheetah

<header data-astro-cid-eiyd7voq="">
<div class="header-content" data-astro-cid-eiyd7voq="">
<div class="header-row-top" data-astro-cid-eiyd7voq="">
<div data-astro-cid-eiyd7voq="">
<a href="/" data-astro-cid-eiyd7voq="">
<div class="sudovanilla-logo" data-astro-cid-4zunyjcd="">
<img width="30px" alt="SudoVanilla Logo" src="https://md.sudovanilla.org/images/SudoVanilla-Full-Logo.svg" data-astro-cid-4zunyjcd="" />
<p style="color: white" data-astro-cid-4zunyjcd=""><span data-astro-cid-4zunyjcd="">Sudo</span> <span style="font-family: RedHatDisplay; font-weight: bold;" data-astro-cid-4zunyjcd="">Vanilla</span></p>
</div>
</a>
</div>
<div data-astro-cid-eiyd7voq="">
<a class="header-link-item" href="/blog/" data-astro-cid-eiyd7voq="">Blog</a>
<a style="color: white" class="header-link-item" href="#" data-astro-cid-eiyd7voq="">Ark</a>
<a class="header-link-item" href="/docs/" data-astro-cid-eiyd7voq="">Docs</a>
<a class="header-link-item" href="/init/" data-astro-cid-eiyd7voq="">Init Privacy</a>
<noscript> <a class="header-link-item" href="#" title="Everything is up!" data-astro-cid-eiyd7voq>Status</a> </noscript>
<sl-tooltip class="with-js" content="Everything is up!" placement="bottom-end" style="--sl-tooltip-arrow-size: 0; --max-width: 500px;" data-astro-cid-eiyd7voq="">
<a class="header-link-item" href="#" data-astro-cid-eiyd7voq="">Status</a>
</sl-tooltip>
</div>
</div>
<div class="header-row-bottom" data-astro-cid-eiyd7voq="">
<div>
<p class="header-sub-service"><span id="show-w-scroll">SudoVanilla</span> Ark</p>
<a href="/explore/repos/"><svg width="1.5em" height="1.5em" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor"><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg> Search</a>
<a href="/repo/create/"><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#676767" style="--darkreader-inline-color: #a79f94;" data-darkreader-inline-color=""><path d="M8 12H12M16 12H12M12 12V8M12 12V16" stroke="#676767" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #676767;" data-darkreader-inline-stroke=""></path><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="#676767" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="--darkreader-inline-stroke: #676767;" data-darkreader-inline-stroke=""></path></svg> Create</a>
</div>
<div>
<a href="/explore/repos/">Explore</a>
{{if not .IsSigned}}
<a href="/user/login?redirect_to=%2f">Login</a>
{{end}}
{{if and .IsSigned}}
<a href="/issues/">Issues</a>
<a href="/pulls/">Pull Requests</a>
<a href="/notifications/">Notifications</a>
<a title="Your Account" href="/{{.SignedUser.Name}}/"><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#606060"><path d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M4.271 18.3457C4.271 18.3457 6.50002 15.5 12 15.5C17.5 15.5 19.7291 18.3457 19.7291 18.3457" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
<a title="Settings" href="/user/settings"><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#606060"><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="#606060" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
{{end}}
</div>
</div>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2024 SudoVanilla
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
window.addEventListener(
"scroll",
function () {
if (window.scrollY > 50) {
document.querySelector(".header-row-bottom").style.position = "fixed";
document.getElementById("show-w-scroll").style.opacity = "1";
document.getElementById("show-w-scroll").style.width = "100px";
} else {
document.querySelector(".header-row-bottom").style.position = "inherit";
document.getElementById("show-w-scroll").style.opacity = "0";
document.getElementById("show-w-scroll").style.width = "0";
}
},
false
);
</script>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2024 SudoVanilla
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
function ToggleMobileMenu() {
var MobileMenu = document.querySelector(".mobile-popup-menu");
if (MobileMenu.style.display === "flex") {
MobileMenu.style.display = "none";
} else {
MobileMenu.style.display = "flex";
}
}
</script>
</div>
</header>
<mobilebar data-astro-cid-eiyd7voq="">
<div class="mobile-popup-menu" data-astro-cid-eiyd7voq="" style="display: none;">
<a class="header-link-item" href="/blog/" data-astro-cid-eiyd7voq="">Blog</a>
<a class="header-link-item" href="#" data-astro-cid-eiyd7voq="">Ark</a>
<a class="header-link-item" href="/docs/" data-astro-cid-eiyd7voq="">Docs</a>
<a class="header-link-item" href="/init/" data-astro-cid-eiyd7voq="">Init Privacy</a>
<hr/>
<a href="/explore/repos/">Explore</a>
{{if not .IsSigned}}
<a href="/user/login?redirect_to=%2f">Login</a>
{{end}}
{{if and .IsSigned}}
<a href="/issues/">Issues</a>
<a href="/pulls/">Pull Requests</a>
<a href="/notifications/">Notifications</a>
<a title="Your Account" href="/{{.SignedUser.Name}}/">Your Account</a>
<a title="Settings" href="/user/settings">Settings</a>
{{end}}
</div>
<a href="/" data-astro-cid-eiyd7voq="">
<div class="sudovanilla-logo" data-astro-cid-4zunyjcd=""><img alt="SudoVanilla Logo" src="https://md.sudovanilla.org/images/SudoVanilla-Full-Logo.svg" data-astro-cid-4zunyjcd="" /></div>
</a>
<p data-astro-cid-eiyd7voq="">Ark</p>
<button onclick="ToggleMobileMenu()" data-astro-cid-eiyd7voq="">
<svg width="1.5em" height="1.5em" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="currentColor" data-astro-cid-eiyd7voq="true">
<path d="M3 5H11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3 12H16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3 19H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</mobilebar>