dfbhnsfgjmsrtyjhsyrbhn

templates/base/head_navbar.tmpl

@@ -1,4 +1,7 @@
 <div class="card layout-card" id="navbar">
+    <div class="navigation-branding">
+        <b class="navigation-branding-text">git.</b>
+    </div>
     <div class="navigation-buttons">
         {{if and .IsSigned .MustChangePassword}}
             {{/* No links */}}
@@ -178,7 +181,6 @@
             </div><!-- end signed user right menu -->
         {{else}}
             <a class="button-default" target="_blank" rel="noopener noreferrer" href="https://docs.gitea.io">{{.i18n.Tr "help"}}</a>
-            <div>
             {{if .ShowRegistrationButton}}
                 <a class="button-default{{if .PageIsSignUp}} active{{end}}" href="{{AppSubUrl}}/user/sign_up">
                     {{svg "octicon-person"}} {{.i18n.Tr "register"}}
@@ -187,7 +189,6 @@
             <a class="button-default{{if .PageIsSignIn}} active{{end}}" rel="nofollow" href="{{AppSubUrl}}/user/login?redirect_to={{.CurrentURL}}">
                 {{svg "octicon-sign-in"}} {{.i18n.Tr "sign_in"}}
             </a>
-            </div><!-- end anonymous right menu -->
         {{end}}
     </div>
 </div>

templates/custom/header.tmpl

@@ -1 +1,112 @@
-<link rel="stylesheet" href="https://hippoz.xyz/res/style.css">
+<style>
+    :root {
+        --body-bg-color: #2E2E2E;
+        --accent-bg-color: #d4d3d3;
+        --button-accent-color: #3d3d3d;
+        --selected-bg-color: #2E2E2E;
+        --hover-bg-color: #555555;
+        --card-border-radius: 0;
+        --button-border-radius: 4px;
+        --main-font-weight: 500;
+        --cards-length: 600px;
+
+        --fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
+        --fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
+        --fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
+        --fonts-regular: var(--fonts-override,var(--fonts-proportional)),"Noto Sans","Liberation Sans",var(--fonts-emoji),sans-serif;
+    }
+
+    body {
+        background: var(--body-bg-color);
+        font-family: var(--fonts-regular);
+        font-weight: var(--main-font-weight);
+    }
+
+    br {
+        display: block;
+        content: "";
+        margin-top: 2px;
+    }
+
+    .wave-background {
+        background-image: url(wave.svg);
+        background-size: 100% auto;
+        background-repeat: no-repeat;
+    }
+
+    .card .ui {
+        margin: 25px auto;
+        padding: 20px;
+        background: var(--accent-bg-color);
+        border-radius: var(--card-border-radius);
+
+        box-shadow: 2px -2px 38px 1px rgba(0,0,0,0.59);
+    }
+
+    .card.layout-card .container {
+        width: var(--cards-length);
+    }
+
+    .navigation-buttons {
+        text-align: right;
+    }
+
+    .navigation-branding {
+        float: left;
+    }
+    .navigation-branding-text {
+        text-decoration: none;
+        display: inline-block;
+        padding: 8px;
+        font-size: 18px;
+        white-space: nowrap;
+        margin-left: 10px;
+        margin-right: 10px;
+    }
+
+    .noselect {
+        user-select: none;
+    }
+
+    .button-default {
+        display: inline-block;
+        text-decoration: none;
+        font-weight: 500;
+        border: none;
+        background-color: var(--accent-bg-color);
+        border-radius: var(--button-border-radius);
+        padding: 8px;
+        font-size: 18px;
+        white-space: nowrap;
+        margin-left: 10px;
+        margin-right: 10px;
+        color: var(--button-accent-color);
+        cursor: pointer;
+        outline: none;
+    }
+
+    .button-default:hover:not(.button-selected) {
+        color: var(--accent-bg-color);
+        background-color: var(--hover-bg-color);
+    }
+
+    .button-selected {
+        color: var(--accent-bg-color);
+
+        background-color: var(--selected-bg-color);
+    }
+
+    .input {
+        border: none;
+        outline: none;
+        border-radius: 2px;
+        padding: 3px;
+        margin: 8px;
+    }
+
+    @media screen and (max-width: 768px) {
+        .card.layout-card {
+            width: 80%;
+        }
+    }
+</style>