fixed responsiveness, and added cli options to disable navigation or toggle localhost

2026-01-12 18:26:48 +01:00
parent fa60d23eb3
commit 4dd7c9c7be
3 changed files with 47 additions and 9 deletions
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -3,16 +3,19 @@
 <head>
    {% block head %}
    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    {% endblock head %}
 </head>

-<body>
+<body {% if no_navigation %}style="padding-top: 40px;"{% endif %}>
+    {% if not no_navigation %}
    <nav>
        <a href="/">Home</a>
    </nav>
+    {% endif %}

    <div id="content">{% block content %}{% endblock content %}</div>
 </body>
--- a/templates/style.css
+++ b/templates/style.css
@@ -35,6 +35,7 @@ body {
  display: flex;
  justify-content: center;
  min-height: 100vh;
+  font-size: 14px;
 }

 article {
@@ -212,7 +213,7 @@ input[type="checkbox"]:checked::before {
 }

 body {
-  padding-top: 100px;
+  padding-top: 75px;
 }

 nav {
@@ -234,6 +235,7 @@ nav {
 nav a {
  color: var(--text-main);
  text-decoration: none;
+  font-size: 1.2rem;
  font-weight: 600;
  margin-left: 20px;
  transition: color 0.2s ease;