From 83a1783bab66596fc30af024ae5f7d0d81f7ece3 Mon Sep 17 00:00:00 2001 From: sakrecoer Date: Wed, 11 Jun 2025 22:56:02 +0200 Subject: [PATCH] faggen proggrezzzz --- themes/basspistol2025/assets/css/style.css | 114 ++++++++++++------ .../layouts/_default/index.html | 8 +- .../layouts/partials/body/discog.html | 19 ++- .../layouts/partials/body/gancio.html | 13 +- .../layouts/partials/body/gang.html | 13 +- .../layouts/partials/body/hero.html | 40 ++++++ .../layouts/partials/body/navigation.html | 9 +- .../layouts/partials/body/peertube.html | 64 ++++------ .../layouts/partials/body/radio.html | 13 +- .../layouts/partials/svg/gang1.svg | 1 + 10 files changed, 203 insertions(+), 91 deletions(-) create mode 100644 themes/basspistol2025/layouts/partials/body/hero.html create mode 100644 themes/basspistol2025/layouts/partials/svg/gang1.svg diff --git a/themes/basspistol2025/assets/css/style.css b/themes/basspistol2025/assets/css/style.css index 1877fcb..4565356 100644 --- a/themes/basspistol2025/assets/css/style.css +++ b/themes/basspistol2025/assets/css/style.css @@ -1,21 +1,7 @@ /* Root stuff */ -* { - filter: grayscale(100%); - transition: filter 17s linear; - scroll-behavior: smooth; +:root { + font-size: calc(1vw + 1vh + .25vmin); } -*:hover { - filter: grayscale(0%) !important; - transition: filter .1s linear; -} - -img { - filter: blur(17px) !important; -} -img:hover { - filter: blur(0px) !important; -} - body { font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif; @@ -24,11 +10,8 @@ body { padding: 0px; background-color: black; color: orange; - display: block; - top: 0px; - left: 0px; - position: absolute; - + width: 100vw; + height: 100vh; /* overflow-x: hidden;*/ } #main-wrapper { @@ -36,41 +19,84 @@ body { margin: auto; padding: 0px; display: inline; + + * { + filter: grayscale(100%); + transition: filter 17s linear; + + } + + *:hover { + filter: grayscale(0%) !important; + transition: filter .1s linear; + } + } + + + + + #navigation { +* { + filter: grayscale(100%); + transition: filter 17s linear; + +} + +*:hover { + filter: grayscale(0%) !important; + transition: filter .1s linear; +} position: fixed; bottom: 20px; -height: 150px; -left: 50%; -float: right; -transform: translateX(-50%); -padding: 10px 20px; -box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); -z-index: 1000; /* Ensures nav stays on top */ +left: 20px; +overflow: hidden; +width: calc(100vw - 40px); +height: 100px; +box-shadow: 0 4px 15px rgba(0,0,0,.3); +z-index: 1000; } nav { + + * { + filter: grayscale(100%); + transition: filter 17s linear; + + } + + *:hover { + filter: grayscale(0%) !important; + transition: filter .1s linear; + } + + margin: auto; transition: all unset; color: orange; - background-color: rgba(180,100,100,0.5); + background-color: rgba(25,25,25,.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 5px; - + align-items: center; ul { display: flex; list-style-type: none; - height: 100px; justify-content: center; + height: 100%; padding: 0; + margin: auto; } li { flex: 1 1 100%; align-self: center; + margin: auto; + padding: 10px; + max-width: 100px; } li > a { color: orange; @@ -127,20 +153,20 @@ strong { font-weight: bold; } - +.section-headers { + border-radius: 300px; +} /* Screen size root */ @media screen and (max-width: 1024px) { - img { - filter: blur(0px) !important; - } + h1 { font-size: 12em; } } -/* Sections */ +/* Sections Begin */ @@ -149,11 +175,21 @@ strong { width: 100%; padding:0; transition: all 2s linear; + display: flex; + flex-wrap: wrap; + .overlay { display: block; top: 0; left: 0; max-width: 720px; + flex: 1 0 200px; + } + + pre { + font-size: .6em; + text-align: right; + flex: 1 1 300px; } } #hero:hover { @@ -161,6 +197,10 @@ strong { transition: all 2s linear; } + + +/* End Sections */ + /* FORMS */ #newsletter { background-color: #000; @@ -178,7 +218,7 @@ margin: 0; .inf-rgpd {} .inf-submit {} -/* Profiles */ + diff --git a/themes/basspistol2025/layouts/_default/index.html b/themes/basspistol2025/layouts/_default/index.html index f38b882..fe06d3a 100644 --- a/themes/basspistol2025/layouts/_default/index.html +++ b/themes/basspistol2025/layouts/_default/index.html @@ -3,11 +3,9 @@ {{ end }} {{ define "hero" }} -
-
-{{ partial "body/header-hero.svg" . }} -
-
+ +{{ partial "body/hero.html" . }} + {{ end }} {{ define "main" }} diff --git a/themes/basspistol2025/layouts/partials/body/discog.html b/themes/basspistol2025/layouts/partials/body/discog.html index bd6c742..421c087 100644 --- a/themes/basspistol2025/layouts/partials/body/discog.html +++ b/themes/basspistol2025/layouts/partials/body/discog.html @@ -2,6 +2,19 @@ /* Discographys */ #discog { + + * { + filter: grayscale(100%); + transition: filter 17s linear; + + } + + *:hover { + filter: grayscale(0%) !important; + transition: filter .1s linear; + } + + display: flex; flex-wrap: wrap; justify-content: space-between; @@ -15,7 +28,7 @@ justify-content: space-between; } h2 { - font-size: 24em; + font-size: 12em; /* text-transform: uppercase;*/ line-height: 1em; flex: 1 1 100%; @@ -64,7 +77,7 @@ figcaption { position: relative; text-decoration: none; line-height: 1.25em; - + overflow-y: hidden; p { font-size: .8em; line-height: 1.75em; @@ -128,7 +141,7 @@ figcaption {

{{ .title }}

 

-

{{ .description | transform.Plainify | safeHTML | truncate 160 }}

+

{{ .description | transform.Plainify | safeHTML | truncate 256 }}

diff --git a/themes/basspistol2025/layouts/partials/body/gancio.html b/themes/basspistol2025/layouts/partials/body/gancio.html index 0fcccbf..c003329 100644 --- a/themes/basspistol2025/layouts/partials/body/gancio.html +++ b/themes/basspistol2025/layouts/partials/body/gancio.html @@ -1,6 +1,17 @@ {{ $data := dict }} @@ -99,39 +108,12 @@ position: relative;
-

BassTube

-

Videos from the deepweb. -
Decentralized, peer-to-peer, for the people! -
All you saw was sound! +

+ Videos from the deepweb. +
Decentralized, peer-to-peer, for the people! +
All you saw was sound!

- 
-
-
-  ...........'';,..
-  .........'',,;:o:,.
-  .......',;;::::::;;;,.
-  .....,;:ooooooooooo;,,''''.
-  ....,;ooooooooooooooo;,'..'''''.
-  ...,:ooooooooooooooooo;''......'''.
-  ..,;:ooooooooooooooooo',,.........,'.
-  ..,,;:,ooooo;;:ooo;o,:;,',.........;,''.
-  ..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''.
-  ..,'......':ooo:.......'';,'''''''',;,
-  ..,,.......,:o:'.......,'oooo:::::;:,.',;,
-  ..','.................',,..'',,,;;;;;;,.,:.
-  ...,,'...............',;oooooooooo:;;:,;oo,.
-  ....,,'.............,,;ooooooooo;,..'',oooo,.
-  .....',,'........',,;ooo::;;,'........'oooo;.
-  .......'',,'''',,;;;,,'...............';;;'.
-  ...........'''''.
-
-
-
-
-
-
-
{{ with try (resources.GetRemote $url) }} @@ -219,8 +201,10 @@ position: relative;
-

{{ .video.name }}

-

{{ .video.account.displayName }}

+

{{ .video.name }}

+

 

+

 

+

{{ .video.account.displayName }}

diff --git a/themes/basspistol2025/layouts/partials/body/radio.html b/themes/basspistol2025/layouts/partials/body/radio.html index 18c79ca..121018c 100644 --- a/themes/basspistol2025/layouts/partials/body/radio.html +++ b/themes/basspistol2025/layouts/partials/body/radio.html @@ -2,6 +2,17 @@ #radio { + * { + filter: grayscale(100%); + transition: filter 17s linear; + + } + + *:hover { + filter: grayscale(0%) !important; + transition: filter .1s linear; + } + display: flex; flex-wrap: wrap; flex-direction: row; @@ -14,7 +25,7 @@ } h2 { - font-size: 24em; + font-size: 12em; /* text-transform: uppercase;*/ line-height: 1em; flex: 1 1 100%; diff --git a/themes/basspistol2025/layouts/partials/svg/gang1.svg b/themes/basspistol2025/layouts/partials/svg/gang1.svg new file mode 100644 index 0000000..b3f2d3b --- /dev/null +++ b/themes/basspistol2025/layouts/partials/svg/gang1.svg @@ -0,0 +1 @@ +