diff --git a/static/main.css b/static/main.css index 92d98cc..2b4bd69 100644 --- a/static/main.css +++ b/static/main.css @@ -1,33 +1,20 @@ -* { - margin: 0rem; - padding: 0rem; -} - -html { - color: #000000; -} - -/* Magic background CSS lives here */ body { - font-family: monospace; + font-family: Open Sans, Arial; color: #e4e4e4; - font-size: 18px; + font-size: 14px; margin: auto; - max-width: 57rem; + max-width: 50em; line-height: 1.4; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-align: center; - background: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(65,14,105, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0,1) 90%); -} - -ul { - margin-top: 4rem; + height: 100%; + width: 100%; } li { - margin-top: 1rem; + margin-top: 1em; list-style-type: none; } @@ -46,21 +33,20 @@ a:hover { } #site-content { - margin: 5rem auto; - padding: 1rem; - padding-bottom: 2rem; - border-radius: 1rem; + height: 100%; + margin: 5em auto; + padding: 1em; + padding-bottom: 2em; + border-radius: 1em; background: rgba(0,0,0, 0.7); - box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5); + box-shadow: 1em 1em 1em 1em rgba(0,0,0, 0.5); } #ascii-header { font-size: 10px; color: #e4e4e4; text-decoration: none; - margin: 1rem; - padding-bottom: 14px; - border-bottom: #e4e4e4 8px dotted; + border-bottom: #541287 0.8em dotted; } #ascii-header a { @@ -73,13 +59,30 @@ a:hover { text-decoration: none; } -#welcome-message { - margin: 1rem; - padding-bottom: 14px; - font-weight: bold; - border-bottom: #e4e4e4 8px dotted; +.blog-post-date { + margin: 0; + padding: 0; } -.title { - letter-spacing: -2px; +.blog-title { + margin-bottom: 0; +} + + +/* Magic background CSS lives here */ +#bg-effect-container { + z-index: -1; + position: absolute; + bottom: 0%; + left: 0%; + height: 100%; + width: 100%; + background-color: #000000; + overflow: hidden; +} + +.bg-effect { + background: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(65,14,105, 0.6) 40%, rgba(55,17,95,0.7) 50%, rgba(32,14,84,0.6) 60%, rgba(0,0,0,1) 90%); + height: 100%; + width: 100%; } diff --git a/templates/base.html b/templates/base.html index 8657201..4f56b3b 100644 --- a/templates/base.html +++ b/templates/base.html @@ -6,7 +6,7 @@ 🐸 CyberFrog - + 
@@ -17,21 +17,20 @@
  ██████    ██    ██████  ███████ ██   ██ ██      ██   ██  ██████   ██████  ██ ██      ██ ███████
-
-

- Welcome -

-

- This blog is made with 💜 and Zola! -
- It's currently running on Vultr for free with 500MB of RAM and OpenBSD -

-
+

+ This is my blog made with Zola! +

+

It's currently running on Vultr for free with 500MB of RAM and OpenBSD

{% block content %} {% endblock %}
+ +
+
+
+