diff --git a/layouts/404.html b/layouts/404.html index e69de29..077796a 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -0,0 +1,206 @@ + + + + {{partial "head" .}} + 404: Not Found + + + {{partial "header" .}} + {{partial "banner-item" .}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + B + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+

Error 404

+

Unfortunately this isn't a real page (yet?).
+ If you believe this is a mistake please get in touch.

+

A search function is in the works...

+

Please consider Supporting this work

+
+
+ {{partial "footer" .}} + + \ No newline at end of file diff --git a/layouts/_default/list.html b/layouts/_default/list.html index d81b55e..ce91f61 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -198,7 +198,7 @@ {{if .Content}} {{.Content}} {{end}} -
+
{{ if .Pages }} {{range .Pages}} {{partial "item" .}} diff --git a/layouts/partials/banner-item.html b/layouts/partials/banner-item.html index 1587005..285bd24 100644 --- a/layouts/partials/banner-item.html +++ b/layouts/partials/banner-item.html @@ -1,8 +1,8 @@ {{if .Params.image }} -
\ No newline at end of file diff --git a/layouts/shortcodes/link-preview.html b/layouts/shortcodes/link-preview.html index 8db1d70..7fcd079 100644 --- a/layouts/shortcodes/link-preview.html +++ b/layouts/shortcodes/link-preview.html @@ -1,7 +1,10 @@ - +
-

{{ .Get 1 }}

-

{{.Get 2 }}

+ +

{{ .Get 1 }}

+ {{.Get 2 }} + + +
- - +
\ No newline at end of file diff --git a/static/css/theme.css b/static/css/theme.css index ebe1880..b7551d7 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -1,16 +1,9 @@ body { --theme-color-primary: white; --theme-color-secondary: black; - --theme-accent: #0727c5; + --theme-accent: #06225a; } -@media screen and (prefers-color-scheme:dark) { - body { - --theme-color-primary: black; - --theme-color-secondary: white; - --theme-accent: gold; - } -} body { line-height: 1.25; @@ -75,7 +68,7 @@ aside { flex-direction: row; align-items: flex-start; justify-content: space-evenly; - padding: 1rem; + padding: 5px; padding-top: 0; } article{ @@ -93,12 +86,12 @@ article > *{ .listing { margin: 15px; - width:620px; - height:340px; + width:540px; + height:280px; display: flex; flex-direction: row; align-items: center; - justify-content: flex-start; + justify-content: center; background-size:cover; background-repeat: no-repeat; background-position-x: center; @@ -112,43 +105,58 @@ article > *{ width:100%; height:100%; border-radius: 15px; - background:rgba(0, 0, 0, 0.55); - backdrop-filter: blur(0px); display:flex; flex-direction: column; align-items: center; justify-content: space-evenly; - font-size:24px; + font-size:18px; + font-weight: bolder; + text-decoration: none !important; + background-color: rgb(255, 255, 255,0.25); } -.listing-text >*{ - margin:5px; - width:fit-content +.listing-text h2{ + margin:0; } -.listing-text .bare-link,.listing-text h2{ +.listing-text >a{ + width:fit-content; + border-bottom-style:none; + background-color: rgba(255,255,255,0.25); + backdrop-filter: blur(55px); + padding:25px; + border-radius:25px; + max-width:80%; + text-align: center; - text-shadow: black -2px 2px 2px; +} +.listing-text:hover >a{ + animation:blur-out 0.2s; + background-color: transparent; + backdrop-filter: none; +} + +@keyframes blur-out{ + from{background-color: rgba(255,255,255,0.25);} + to{background-color: transparent; + backdrop-filter: blur(0px);} } @keyframes blur-in{ from { - backdrop-filter:blur(0px); - background:rgba(0, 0, 0, 0.55); + backdrop-filter: blur(0px); + background-color: rgb(255, 255, 255,0.15); } to { - backdrop-filter:blur(5px); - background:rgba(0, 0, 0, 0.25); + backdrop-filter: blur(15px); + background-color: rgb(255, 255, 255,0.5); } } .listing-text:hover{ animation: blur-in 0.2s; - backdrop-filter: blur(5px); - background:rgba(0, 0, 0, 0.25); -} -.listing p{ - font-size:25px; + backdrop-filter: blur(15px); + background-color: rgb(255, 255, 2550,0.5); } .listing .tags a { - font-size:15px; + font-size:12px; } .listing .tags { display: flex; @@ -336,7 +344,8 @@ article h3 { article img { align-self: center; - max-width: 80%; + max-width: 95%; + max-height:60vh } @@ -513,7 +522,8 @@ video { margin: 5px; padding:10px; border-radius: 50px; - font-size:20px; + font-size:16px; + font-weight: bold; background-color: var(--theme-accent); color: var(--theme-color-primary); font-weight: bolder; @@ -536,7 +546,9 @@ video { #banner{ position:relative; width:100vw; - height:35vh; + padding-top:3rem; + padding-bottom:3rem; + max-height:20vh; overflow:hidden; background-repeat: no-repeat; background-size:cover; @@ -556,7 +568,11 @@ video { min-width: 10vw; border-radius:25px; text-shadow: 1px 1px 2px black; - padding:1rem; + padding:1.5rem; + font-size:22px; +} +#banner-text>*{ + margin:0; } .image-container { @@ -653,6 +669,9 @@ video { } #social-links img{ } + #banner-text { + font-size:12px; + } } svg{ @@ -667,7 +686,9 @@ svg{ height:1rem; width:1rem; } - +.metadata #info{ + min-width:50%; +} #info>div{ display:flex; flex-direction: row; @@ -677,6 +698,46 @@ svg{ } .bare-link{ - color:var(--theme-color-secondary) !important; text-decoration: none; +} + + +@media screen and (prefers-color-scheme:dark) { + body { + --theme-color-primary: black; + --theme-color-secondary: white; + --theme-accent: gold; + } + @keyframes blur-in{ + from { + backdrop-filter: blur(0px); + background-color: unset; + } + to { + backdrop-filter: blur(15px); + background-color: rgba(0, 0, 0, 0.55); + } + } + .listing-text,.listing-text>a { + + background-color: rgba(0, 0, 0, 0.25); + } + .listing-text:hover{ + animation: blur-in 0.25s; + backdrop-filter: blur(15px); + background-color: rgba(0, 0, 0, 0.55); + } + .listing-text .bare-link,.listing-text h2{ + + text-shadow: rgb(0, 0, 0) 0px 0px 20px; + } + .listing-text:hover >a{ + animation:blur-out 0.2s; + background-color: transparent; + } + + @keyframes blur-out{ + from{background-color: rgba(0, 0, 0, 0.25);} + to{background-color: transparent;backdrop-filter: blur(0px);} + } } \ No newline at end of file