From fed977bf864eb721fe4bcc5c9c2936bf2164e537 Mon Sep 17 00:00:00 2001 From: sowgro Date: Sun, 5 May 2024 13:38:02 -0400 Subject: Fix next and previous arrows and other tweaks --- css/website.css | 57 ++++++++++++++++++--------------- templates/directory.html.twig | 1 + templates/home.html.twig | 1 + templates/page.html.twig | 3 +- templates/partials/header.html.twig | 6 ++-- templates/partials/navigation.html.twig | 5 ++- 6 files changed, 40 insertions(+), 33 deletions(-) diff --git a/css/website.css b/css/website.css index 6f9360d..dd2d313 100644 --- a/css/website.css +++ b/css/website.css @@ -71,7 +71,7 @@ thead { } td { - padding-right: 100px; + padding-right: 40px; } /* icon */ @@ -89,14 +89,20 @@ td { /* Structure */ html { + display: flex; + min-height: 100%; color: rgba(220,220,220); background-color: #141516; background-size: 40px 40px; background-image: radial-gradient(circle, #242424 1px, rgba(0, 0, 0, 0) 1px); + padding: 30px; + box-sizing: border-box; } body { - min-height: 100vh; + display: flex; + min-width: 100%; + min-height: 100%; font-family: 'Inter'; line-height: 1.7; margin: 0; @@ -110,25 +116,23 @@ body { flex-direction: row; justify-content: center; align-items: center; - margin-top: 20px; } .content { width: 900px; - max-width: 95vw; + max-width: 100%; padding-bottom: 20px; + padding-top: 20px; } .footer { display: flex; justify-content: center; - margin: 40px; } .header { display: flex; justify-content: space-between; - margin: 40px; } .header #left { @@ -170,6 +174,7 @@ body { flex-wrap: wrap; display: flex; gap: 40px; + row-gap: 15px; } .stack @@ -179,7 +184,7 @@ body { } #nextprev { - padding-top: 20px; + padding-top: 40px; } #nextprev #next, #nextprev #prev{ @@ -187,25 +192,6 @@ body { overflow:hidden; } -/* mobile */ -@media only screen -and (max-device-width: 900px) -{ -.header -{ - margin: 10px; -} -.footer -{ - margin: 10px; -} -.h1t -{ - font-size: 300%; -} - -} - /* animation */ @keyframes reveal2 { from { opacity: 0.1; } @@ -262,4 +248,23 @@ hr { border-color: white; border: 1px solid #ffffff1f; margin: 60px 0px; +} + +/* mobile */ +@media only screen +and (max-device-width: 900px) +{ +.header +{ + margin: 10px; +} +.footer +{ + margin: 10px; +} +.h1t +{ + font-size: 300%; +} + } \ No newline at end of file diff --git a/templates/directory.html.twig b/templates/directory.html.twig index cc02e7f..6903f08 100644 --- a/templates/directory.html.twig +++ b/templates/directory.html.twig @@ -7,6 +7,7 @@ {{ assets.css()|raw }} + {{ assets.js()|raw }} {{ header.title|e }} - {{site.title|e}} diff --git a/templates/home.html.twig b/templates/home.html.twig index 7e5be9f..5c7d0b7 100644 --- a/templates/home.html.twig +++ b/templates/home.html.twig @@ -7,6 +7,7 @@ {{ assets.css()|raw }} + {{ assets.js()|raw }} {{site.title|e}} diff --git a/templates/page.html.twig b/templates/page.html.twig index 1291aaf..41733c9 100644 --- a/templates/page.html.twig +++ b/templates/page.html.twig @@ -7,6 +7,7 @@ {{ assets.css()|raw }} + {{ assets.js()|raw }} {{ header.title|e }} - {{site.title|e}} @@ -21,4 +22,4 @@ {{ header.date|e }} - \ No newline at end of file + diff --git a/templates/partials/header.html.twig b/templates/partials/header.html.twig index 7da672d..19fa2ae 100644 --- a/templates/partials/header.html.twig +++ b/templates/partials/header.html.twig @@ -1,10 +1,10 @@
{% if page.url != "/" %} - +
- arrow_back - Back + arrow_upward + Up
{% else %} diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig index 0c61b1d..46a0c45 100644 --- a/templates/partials/navigation.html.twig +++ b/templates/partials/navigation.html.twig @@ -1,7 +1,6 @@ - {% if page.parent.parent.url == "/" %}