diff --git a/assets/scss/style.scss b/assets/scss/style.scss index ab992ba..0a22729 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -385,14 +385,13 @@ p.img-404 { } .btn-http-error { - font-size: .8em; + font-size: 1em; + display: flex; + justify-content: center; a { - display: inline-block; - border: 2px solid $text; - border-radius: 5px; - padding: 5px; transition-property: color, border-color; + transition: 0.5s; &:first-child { margin-right: 1em; @@ -419,6 +418,26 @@ p.img-404 { #home-title { margin: 0; text-align: center; + + @keyframes fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } + } + + #caret { + display: inline-block; + margin-left: 6px; + width: 20px; + animation: fadein 0.75s alternate infinite; + } + + #usrid { + color:rgb(27, 138, 33) + } } #home-subtitle { @@ -938,3 +957,22 @@ a.footnote-ref { right: 1.2em; } } + +.toxicGlow { + background: rgb(25,221,22); + background: linear-gradient(45deg, rgba(25,221,22,1) 0%, rgba(0,0,0,1) 57%); + background-size: 200% 200%; + animation: toxicGlow 5s ease-in-out infinite; +} + +@keyframes toxicGlow { + 0% { + background-position: 80% 50%; + } + 50% { + background-position: 90% 50%; + } + 100% { + background-position: 80% 50%; + } +} \ No newline at end of file diff --git a/layouts/404.html b/layouts/404.html index bc7db7d..b45a6fa 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,11 +1,15 @@ +{{ define "extrabodyclass" }} +class="toxicGlow" +{{ end }} {{ define "main" }}
{{ . }}
diff --git a/static/arrow-left.svg b/static/arrow-left.svg new file mode 100644 index 0000000..9608874 --- /dev/null +++ b/static/arrow-left.svg @@ -0,0 +1,4 @@ +