evan/protomask
1
Fork 0
Code

Fix some web scaling bugs

Browse Source
This commit is contained in:
Evan Pratten 2023-08-04 00:09:36 -04:00
parent 718dfbed24
commit a28e720b1a
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
docs/website/sass/main.scss
View File

@ -5,3 +5,17 @@
font-weight: bold; font-weight: bold;
} }
} }
@media screen and (max-width: 405px) {
.navbar-brand{
display:none;
}
}
#hero-title {
font-size:5em;
@media screen and (max-width: 420px) {
font-size: 3em;
}
}

8
docs/website/templates/base.html
View File

@ -17,12 +17,12 @@
<body> <body>
<nav class="navbar navbar-expand-lg bg-body-tertiary sticky-top"> <nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container"> <div class="container">
<a class="navbar-brand" href="/">Protomask</a> <a class="navbar-brand" href="/">Protomask</a>
<div class="navbar-nav ml-auto"> <div class="navbar-nav ml-auto" style="flex-direction: row;">
<a class="nav-link active" aria-current="page" href="/book"><i class="fa-solid fa-book"></i> Documentation</a> <a class="nav-link active" style="padding:8px" aria-current="page" href="/book"><i class="fa-solid fa-book"></i> Documentation</a>
<a class="nav-link active" aria-current="page" href="https://github.com/ewpratten/protomask" target="_blank"> <a class="nav-link active" style="padding:8px" aria-current="page" href="https://github.com/ewpratten/protomask" target="_blank">
<i class="fa-brands fa-github"></i> <i class="fa-brands fa-github"></i>
Source Code Source Code
</a> </a>

2
docs/website/templates/index.html
View File

@ -5,7 +5,7 @@
{% block content %} {% block content %}
<div style="background-color:lightgray;width:100%;height:20vh;display:flex;justify-content:center;align-items:center;"> <div style="background-color:lightgray;width:100%;height:20vh;display:flex;justify-content:center;align-items:center;">
<div style="text-align:center;"> <div style="text-align:center;">
<h1 style="font-weight:bold;font-size:5em;padding:0;margin:0;">Protomask</h1> <h1 id="hero-title" style="font-weight:bold;padding:0;margin:0;">Protomask</h1>
<span style="font-size: 1.25em;">Fast & reliable user space NAT64</span> <span style="font-size: 1.25em;">Fast & reliable user space NAT64</span>
</div> </div>
</div> </div>