diff options
Diffstat (limited to '_site/includes/dom/header.php')
| -rw-r--r-- | _site/includes/dom/header.php | 144 |
1 files changed, 128 insertions, 16 deletions
diff --git a/_site/includes/dom/header.php b/_site/includes/dom/header.php index 8022ae3..978e766 100644 --- a/_site/includes/dom/header.php +++ b/_site/includes/dom/header.php @@ -370,27 +370,139 @@ register_shutdown_function("customShutdown"); color: #ff0000 !important; } + #apps_outer { + background: transparent; + border: none; + } + + #apps_outer::after { + display: none; + } + + #apps_path { + fill: #00ff00; + } + + #apps_outer:hover #apps_path { + opacity: .75; + } + + #apps_outer:active #apps_path, #apps_outer:focus #apps_path { + opacity: .5; + } + + .app-icon { + width: 24px; + height: 24px; + vertical-align: middle; + margin-right: 5px; + filter: invert(1); + } + + .app-title { + vertical-align: middle; + } + + .nav-item.dropdown { + float: right; + display: block; + position: fixed; + right: 10px; + } + + .nav-item.dropdown, .nav-item.dropdown * { + outline: none !important; + } + + #apps, #apps * { + color: #212529 !important; + font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; + } + + #apps { + filter: invert(1); + } + + ::-webkit-scrollbar { + width: 10px; + margin-left: 1px; + } + + ::-webkit-scrollbar-track { + background: transparent; + margin-left: 1px; + } + + ::-webkit-scrollbar-thumb { + background-color: #00dd00; + margin-left: 1px; + } + + ::-webkit-scrollbar-thumb:hover { + background-color: #00bb00; + } + + ::-webkit-scrollbar-thumb:active { + background-color: #009900; + } + + .navbar-toggler { + border-color: #00ff00 !important; + border-radius: 0; + } + + .navbar-collapse.collapse.show { + height: calc(100vh - 63px); + } + + .navbar-toggler-icon { + background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba%280, 255, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !important; + } + </style> + <script src="/js/jquery.js"></script> + <script src="/js/bootstrap.bundle.min.js"></script> </head> <body> - <nav class="navbar navbar-expand-sm bg-dark navbar-dark"> + <nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-top"> <a class="navbar-brand" href="/"><img id="siteicon" src="/logo-alt.svg" width="32px"> <span style="vertical-align: middle;"># unchainedtech_ <?= $admin ? '<span class="badge badge-secondary">admin</span>' : '' ?></span></a> - <ul class="navbar-nav"> - <li class="nav-item"> - <a class="nav-link" href="/home">Home</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="/articles">All Articles</a> - </li> - <li class="nav-item"> - <a class="nav-link" href="/about">About</a> - </li> - <?php if ($admin): ?> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> + <span class="navbar-toggler-icon"></span> + </button> + + <div id="collapsibleNavbar" class="collapse navbar-collapse"> + <ul class="navbar-nav"> <li class="nav-item"> - <a class="nav-link nav-admin" href="/admin">Administration</a> + <a class="nav-link" href="/home">Home</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/articles">All Articles</a> + </li> + <li class="nav-item"> + <a class="nav-link" href="/about">About</a> + </li> + <?php if ($admin): ?> + <li class="nav-item"> + <a class="nav-link nav-admin" href="/admin">Administration</a> + </li> + <?php endif; ?> + + <li class="nav-item dropdown"> + <a class="nav-link dropdown-toggle" href="#" id="apps_outer" data-toggle="dropdown"> + <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" class="glyph_f10"><path d="M1 19h4v-4H1zm7 0h4v-4H8zm7 0h4v-4h-4zM1 12h4V8H1zm7 0h4V8H8zm7 0h4V8h-4zM1 5h4V1H1zm7 0h4V1H8zm7-4v4h4V1z" id="apps_path"></path></svg> + </a> + <div class="dropdown-menu" id="apps" style="position:fixed;top:48px;left:initial;right:10px;"> + <a href="https://github.com/Minteck" class="dropdown-item"><img alt="" src="/apps/github.png" class="app-icon"> <span class="app-title">GitHub</span></a> + <a href="https://kartik.hopto.org/online" class="dropdown-item"><img alt="" src="/apps/kartik.png" class="app-icon"> <span class="app-title">Kartik Online</span></a> + <a href="https://minteck.ro.lt" class="dropdown-item"><span class="app-title"><img alt="" src="/apps/minteck.svg" class="app-icon"> Minteck's Space</span></a> + <a href="https://unchainedtech.minteck.ro.lt" class="dropdown-item"><span class="app-title"><img alt="" src="/apps/unchainedtech.png" class="app-icon"> UnchainedTech</span></a> + <a href="https://jetbrains.minteck.ro.lt/hub" class="dropdown-item"><img alt="" src="/apps/hub.svg" class="app-icon"> <span class="app-title">Minteck's Hub</span></a> + <a href="https://jetbrains.minteck.ro.lt/youtrack" class="dropdown-item"><img alt="" src="/apps/youtrack.svg" class="app-icon"> <span class="app-title">YouTrack</span></a> + </div> </li> - <?php endif; ?> - </ul> + </ul> + </div> - </nav>
\ No newline at end of file + </nav> +<div id="separator" style="margin-top:72px;"></div>
\ No newline at end of file |