diff options
| -rw-r--r-- | css/website.css | 57 | ||||
| -rw-r--r-- | templates/directory.html.twig | 1 | ||||
| -rw-r--r-- | templates/home.html.twig | 1 | ||||
| -rw-r--r-- | templates/page.html.twig | 3 | ||||
| -rw-r--r-- | templates/partials/header.html.twig | 6 | ||||
| -rw-r--r-- | 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 @@ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> {{ assets.css()|raw }} + {{ assets.js()|raw }} <title>{{ header.title|e }} - {{site.title|e}}</title> </head> <body> 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 @@ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> {{ assets.css()|raw }} + {{ assets.js()|raw }} <title>{{site.title|e}}</title> </head> <body> 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 @@ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> {{ assets.css()|raw }} + {{ assets.js()|raw }} <title>{{ header.title|e }} - {{site.title|e}}</title> </head> <body> @@ -21,4 +22,4 @@ <span title="Last Edited">{{ header.date|e }}</span> </div> </body> -</html>
\ No newline at end of file +</html> 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 @@ <div class="header"> <div id="left"> {% if page.url != "/" %} - <a class="anim3" href="{{ page.parent.url }}"> + <a class="anim0" href="{{ page.parent.url }}"> <div class="roundedButton"> - <span class="icon">arrow_back</span> - <span>Back</span> + <span class="icon">arrow_upward</span> + <span>Up</span> </div> </a> {% 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 == "/" %} <div class="links" id="nextprev"> - {% set prevPage = page.prevSibling() %} + {% set prevPage = page.parent.children().nth(page.parent.children().currentPosition(page.path)-1) %} {% if prevPage %} <a class="anim2" id="prev" href="{{ prevPage.url }}"> <div class="roundedButton"> @@ -14,7 +13,7 @@ </a> {% endif %} - {% set nextPage = page.nextSibling() %} + {% set nextPage = page.parent.children().nth(page.parent.children().currentPosition(page.path)+1) %} {% if nextPage %} <a class="anim3" id="next" href="{{ nextPage.url }}"> <div class="roundedButton"> |