From 239ddaa38276f3b370cf957df806bb70d163e6d6 Mon Sep 17 00:00:00 2001 From: sowgro Date: Thu, 19 Oct 2023 00:56:20 -0400 Subject: add some fun glow effects, as well as other changes --- README.md | 3 -- css/website.css | 80 ++++++++++++++++++++++++++++++++++++++---------- templates/home.html.twig | 33 ++++++++++++-------- templates/page.html.twig | 13 +++++--- 4 files changed, 94 insertions(+), 35 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index d7d1fbb..0000000 --- a/README.md +++ /dev/null @@ -1,3 +0,0 @@ -This is the grav theme used for my website. - -[Grav CMS](http://github.com/getgrav/grav) diff --git a/css/website.css b/css/website.css index 77e8626..bb4c639 100644 --- a/css/website.css +++ b/css/website.css @@ -1,10 +1,12 @@ html { color: rgba(220,220,220); - background-color: #181a1b; + background-color: #141516; + background-size: 40px 40px; + background-image: radial-gradient(circle, #242424 1px, rgba(0, 0, 0, 0) 1px); } body { - height: 100vh; + min-height: 100vh; font-family: 'Inter'; line-height: 1.7; margin: 0; @@ -18,6 +20,7 @@ body { flex-direction: row; justify-content: center; align-items: center; + margin-top: -20px; } .content { @@ -51,10 +54,19 @@ h1 { line-height: normal; font-size: 300%; color: #de6b15; + /* text-shadow: 0 0 70px #c76317; */ +} + +.h1t { + margin-top: 20px; + font-size: 500%; + margin-bottom: 0px; + /* text-align: center; */ } h2 { - font-size: 200% + font-size: 200%; + /* text-shadow: 0 0 50px #8d8d8d; */ } h3 { @@ -152,8 +164,6 @@ a:hover { .wrbox { background-color: rgba(0, 0, 0, 0.411); - margin-bottom: 20px; - margin-top: 40px; display: flex; flex-direction: row; align-self: center; @@ -172,23 +182,61 @@ a:hover { background-color: #0000004d; } -.homebutton -{ - margin: 40px 0px 0px 40px; +.reveal_content { +/* transform: translateY(100%); */ +animation: reveal 1.7s forwards; +animation-delay: .5s; +} + +@keyframes reveal { +from { + text-shadow: 0 0 0px #c7631700; +} +to { + text-shadow: 0 0 100px; +} +} + +body { +visibility: hidden; +animation: reveal2 1s forwards; +} + +@keyframes reveal2 { +from { + opacity: 0; +} +to { + visibility: visible; +} +} + +.footer { + display: flex; + justify-content: center; + margin: 40px; +} + +.header { + display: flex; + justify-content: left; + margin: 40px; +} + +.header .wrlabel { + margin-right: 10px; } @media only screen -and (max-device-width: 600px) +and (max-device-width: 900px) { -.homebutton +.header { - margin: 10px 0px 0px 10px; + margin: 10px; } - -.wrbox +.h1t { - padding-bottom: 5px; -} + font-size: 300%; } - +} \ No newline at end of file diff --git a/templates/home.html.twig b/templates/home.html.twig index 9bc580d..9d68d5b 100644 --- a/templates/home.html.twig +++ b/templates/home.html.twig @@ -10,11 +10,15 @@ {{site.title|e}} -
- home +
+
+
+ home +
+
-
+
{% set foo = page.content|raw %} {% set sp = foo|split(page.header.page_list_placeholder) %} {{sp[0]|raw}} @@ -22,14 +26,19 @@ {{sp[1]|raw}}
-
- - arrow_back - - Queso Webring - - arrow_forward - -
+
+ {{ header.date|e }} +
+ {#
+
+ + arrow_back + + Queso Webring + + arrow_forward + +
+
#} \ No newline at end of file diff --git a/templates/page.html.twig b/templates/page.html.twig index c00d198..6671f5b 100644 --- a/templates/page.html.twig +++ b/templates/page.html.twig @@ -10,16 +10,21 @@ {{ header.title|e }} - - home - +
+
+ + home + + Tyler Ferrari's Site +
+
{{ page.content|raw }}
- {{ header.date|e }} + {{ header.date|e }}
\ No newline at end of file -- cgit v1.2.3