diff options
| -rw-r--r-- | README.md | 3 | ||||
| -rw-r--r-- | css/website.css | 80 | ||||
| -rw-r--r-- | templates/home.html.twig | 33 | ||||
| -rw-r--r-- | templates/page.html.twig | 13 |
4 files changed, 94 insertions, 35 deletions
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 @@ <title>{{site.title|e}}</title> </head> <body> - <div class="iconholder homebutton"> - <span class="icon">home</span> + <div class="header"> + <div class=wrbox> + <div class="iconholder wrbutton wrleft"> + <span class="icon">home</span> + </div> + </div> </div> <div class="center"> - <div class="content"> + <div class="content reveal"> {% set foo = page.content|raw %} {% set sp = foo|split(page.header.page_list_placeholder) %} {{sp[0]|raw}} @@ -22,14 +26,19 @@ {{sp[1]|raw}} </div> </div> - <div class=wrbox> - <a class="iconbutton wrbutton wrleft" href="{{page.header.webring.left}}"> - <span class="icon">arrow_back</span> - </a> - <span class="wrlabel">Queso Webring</span> - <a class="iconbutton wrbutton wrright" href="{{page.header.webring.right}}"> - <span class="icon">arrow_forward</span> - </a> - </div> + <div class=datebox> + <span class="date" title="Last Edited">{{ header.date|e }}</span> + </div> + {# <div class="footer"> + <div class=wrbox> + <a class="iconbutton wrbutton wrleft" href="{{page.header.webring.left}}"> + <span class="icon">arrow_back</span> + </a> + <span class="wrlabel">Queso Webring</span> + <a class="iconbutton wrbutton wrright" href="{{page.header.webring.right}}"> + <span class="icon">arrow_forward</span> + </a> + </div> + </div> #} </body> </html>
\ 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 @@ <title>{{ header.title|e }}</title> </head> <body> - <a href="https://sowgro.net" class="iconbutton homebutton"> - <span class="icon">home</span> - </a> + <div class="header"> + <div class=wrbox> + <a class="iconbutton wrbutton wrleft" href="/"> + <span class="icon" title="/">home</span> + </a> + <span class="wrlabel">Tyler Ferrari's Site</span> + </div> + </div> <div class="center"> <div class="content"> {{ page.content|raw }} </div> </div> <div class=datebox> - <span class="date">{{ header.date|e }}</span> + <span class="date" title="Last Edited">{{ header.date|e }}</span> </div> </body> </html>
\ No newline at end of file |