diff options
| -rw-r--r-- | static/main.css | 66 | ||||
| -rw-r--r-- | templates/base.html | 15 |
2 files changed, 48 insertions, 33 deletions
diff --git a/static/main.css b/static/main.css index 3834e8b..eeaeffc 100644 --- a/static/main.css +++ b/static/main.css @@ -1,11 +1,12 @@ -h1,h2,h3,h4 { +h1,h2 { text-align: center; - margin: 0.25em auto; + margin: 1% auto; white-space: normal; } h3,h4 { text-align: justify; - margin: 0.25em auto; + margin: 1% auto; + white-space: normal; } h3.center { text-align: center; @@ -20,11 +21,11 @@ h2 { } h3 { font-size: 150%; - color: #808080; + color: #404040; } h4 { font-size: 125%; - color: #bfbfbf; + color: #808080; } body { margin: 0 auto; @@ -34,26 +35,6 @@ body { white-space: normal; font-size: 120%; } - -.navbar { - text-align: center; - max-width: 95%; - display: block; -} -.content { - text-align: justify; - max-width: 85%; - display: inline-block; -} -.license { - font-size: 50%; - text-align: center; - max-width: 35%; - display: block; -} -.longboi { - word-wrap: break-word; -} p { margin-top: 1.5%; margin-bottom: 1.5%; @@ -68,13 +49,14 @@ code { white-space: pre-wrap; word-wrap: break-all; } - -table { - border-spacing: 0 10px; +th { + text-align: center; + padding: 1%; + background-color: #cccccc; } td { - text-align: left; - padding: 2%; + text-align: center; + padding: 1%; } img { max-width: 100%; @@ -84,6 +66,30 @@ img { img.icon { filter: invert(50%); } +iframe { + border: 0; +} + +.navbar { + text-align: center; + max-width: 95%; + display: block; +} +.content { + text-align: justify; + max-width: 85%; + display: inline-block; +} +.license { + font-size: 50%; + text-align: center; + max-width: 35%; + display: block; +} +.longboi { + word-wrap: break-word; +} + @media screen and (max-device-width: 480px) { body { max-width: 100%; diff --git a/templates/base.html b/templates/base.html index 1509d5c..2515795 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,9 +3,18 @@ <title>{{ domain }}/{{ title }}</title> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> - <meta name="viewport" content="width=device-width, initial-scale=1.0"/> + <meta name="description" content="a homepage run by an idiot, + full of sound and fury, signifying nothing."/> + <meta name="keywords" content="HTML, web, servers, linux, bsd, + hacking, forensics, tor, anonymity, internet, society, luddite, + futurism, lulz, fun, poetry, games, vidya, thoughts, random, + homepage, email server, web server, sound, fury, shakespeare, + nothing, writing, audio, classical music, video game music"/> + <meta name="author" content="mjfernez"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"/> {% block css%} <link rel="stylesheet" type="text/css" href="/static/main.css"> + <link rel="icon" href="/site/favicon.ico"> {% endblock %} </head> <body><center> @@ -18,7 +27,7 @@ {% endfor %} <!-- Add icons here --> <a href="/feed.xml" target="_blank" rel="noopener noreferrer"> - <img class="icon" src="/static/rss.svg"></a> + <img class="icon" src="/static/rss.svg"></a> <a href="mailto:mjf@mjfer.net"><img class="icon" src="/static/email.svg"></a> </div> <h2>{{ title }}</h2> @@ -30,7 +39,7 @@ <h3 class="center"><a href="{{ parent_dir }}">Go up to parent folder ({{ parent_dir }})</a></h3> {% endif %} </div> - {% if last_update %} + {% if last_update %} <p>Last update: {{ last_update }} -4:00 UTC</p> {% endif %} <div class="license">{% include 'site/license.html' %}</div> |