From e5885d2c6364044e537735d55f5b6391fa046607 Mon Sep 17 00:00:00 2001 From: sakrecoer Date: Sun, 18 May 2025 23:19:04 +0200 Subject: [PATCH] styling styling styling --- themes/basspistol2025/assets/css/style.css | 5 +- .../layouts/partials/body/discog.html | 55 ++++++++++--------- .../layouts/partials/body/gancio.html | 14 +++-- .../layouts/partials/body/gang.html | 16 ++++-- .../layouts/partials/body/peertube.html | 29 +++++----- .../layouts/partials/body/radio.html | 14 +++-- 6 files changed, 72 insertions(+), 61 deletions(-) diff --git a/themes/basspistol2025/assets/css/style.css b/themes/basspistol2025/assets/css/style.css index e0dd4f1..9f37432 100644 --- a/themes/basspistol2025/assets/css/style.css +++ b/themes/basspistol2025/assets/css/style.css @@ -131,7 +131,4 @@ footer { margin: 0; padding: 0; } -.border { - border-style: double; - border-width: 10px; -} + diff --git a/themes/basspistol2025/layouts/partials/body/discog.html b/themes/basspistol2025/layouts/partials/body/discog.html index c623f57..8c2ae86 100644 --- a/themes/basspistol2025/layouts/partials/body/discog.html +++ b/themes/basspistol2025/layouts/partials/body/discog.html @@ -6,30 +6,34 @@ display: flex; flex-wrap: wrap; justify-content: space-between; -a { - text-decoration: none; -} -article { - margin:2px; - flex: 1 1 300px; - -} -h2 { - font-size: 24em; - /* text-transform: uppercase;*/ - line-height: 1em; - flex: 1 1 100%; -} -@media screen and (max-width: 1024px) { - h2 { - font-size: 8em; + a { + text-decoration: none; } -} -p { - flex: 1 1 100%; - font-size: 1.5em; - line-height: 1em; -} + article { + margin:2px; + flex: 1 1 300px; + + } + h2 { + font-size: 24em; + /* text-transform: uppercase;*/ + line-height: 1em; + flex: 1 1 100%; + } + p { + flex: 1 1 100%; + font-size: 1.5em; + line-height: 1em; + } + @media screen and (max-width: 1024px) { + h2 { + font-size: 8em; + } + p { + font-size: 1em; + } + } + figure { padding: 4px; @@ -50,8 +54,8 @@ figure { } figcaption { - font-family: Sigoil, Outward, 'Arial', 'Helvetica', sans-serif; - font-size: 1.3em; + font-family: Sigoil, 'Arial', 'Helvetica', sans-serif; + font-size: 1em; line-height: 1em; height: 100px; font-weight: bold; @@ -125,5 +129,4 @@ figcaption { - diff --git a/themes/basspistol2025/layouts/partials/body/gancio.html b/themes/basspistol2025/layouts/partials/body/gancio.html index 8a30778..0fcccbf 100644 --- a/themes/basspistol2025/layouts/partials/body/gancio.html +++ b/themes/basspistol2025/layouts/partials/body/gancio.html @@ -19,16 +19,20 @@ line-height: 1em; flex: 1 1 100%; } - @media screen and (max-width: 1024px) { - h2 { - font-size: 12em; - } - } p { flex: 1 1 100%; font-size: 1.5em; line-height: 1em; } + @media screen and (max-width: 1024px) { + h2 { + font-size: 8em; + } + p { + font-size: 1em; + } + } + figure { padding: 4px; diff --git a/themes/basspistol2025/layouts/partials/body/gang.html b/themes/basspistol2025/layouts/partials/body/gang.html index d17d43f..5123e47 100644 --- a/themes/basspistol2025/layouts/partials/body/gang.html +++ b/themes/basspistol2025/layouts/partials/body/gang.html @@ -19,16 +19,20 @@ line-height: 1em; flex: 1 1 100%; } - @media screen and (max-width: 1024px) { - h2 { - font-size: 12em; - } - } - p { + p { flex: 1 1 100%; font-size: 1.5em; line-height: 1em; } + @media screen and (max-width: 1024px) { + h2 { + font-size: 8em; + } + p { + font-size: 1em; + } + } + figure { padding: 4px; diff --git a/themes/basspistol2025/layouts/partials/body/peertube.html b/themes/basspistol2025/layouts/partials/body/peertube.html index fa0305e..375b9d9 100644 --- a/themes/basspistol2025/layouts/partials/body/peertube.html +++ b/themes/basspistol2025/layouts/partials/body/peertube.html @@ -9,7 +9,7 @@ article { - margin:2px; + margin: 2px; flex: 1 1 300px; } @@ -19,26 +19,27 @@ line-height: 1em; flex: 1 1 100%; } - @media screen and (max-width: 1024px) { - h2 { - font-size: 12em; - } - } - p { + p { flex: 1 1 100%; font-size: 1.5em; line-height: 1em; } + @media screen and (max-width: 1024px) { + h2 { + font-size: 8em; + } + p { + font-size: 1em; + } + } + .border { display: flex; - border-style: double; - border-color: purple; - border-width: 10px; align-items: center; justify-content: center; flex: 1 1 300px; - padding: 80px; + min-height: 300px; background-size: cover; background-position: center center; linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)), @@ -49,9 +50,7 @@ .section-headers { padding: 80px; - border-style: double; - border-color: purple; - border-width: 10px; + flex: 1 1 300px; max-width: 100%; @@ -71,7 +70,7 @@ {{ $data := dict }} -{{ $url := "https://v.basspistol.org/api/v1/videos?isLocal=true&nsfw=false&sort=-hot&categoryOneOf=1&count=7" }} +{{ $url := "https://v.basspistol.org/api/v1/videos?isLocal=true&nsfw=false&sort=-hot&categoryOneOf=1&count=4" }} {{ with try (resources.GetRemote $url) }} {{ with .Err }} {{ errorf "%s" . }} diff --git a/themes/basspistol2025/layouts/partials/body/radio.html b/themes/basspistol2025/layouts/partials/body/radio.html index 6b2539e..e7415db 100644 --- a/themes/basspistol2025/layouts/partials/body/radio.html +++ b/themes/basspistol2025/layouts/partials/body/radio.html @@ -19,16 +19,20 @@ line-height: 1em; flex: 1 1 100%; } - @media screen and (max-width: 1024px) { - h2 { - font-size: 12em; - } - } p { flex: 1 1 100%; font-size: 1.5em; line-height: 1em; } + @media screen and (max-width: 1024px) { + h2 { + font-size: 8em; + } + p { + font-size: 1em; + } + } + .border { border-style: double;