diff --git a/themes/basspistol2025/assets/css/style.css b/themes/basspistol2025/assets/css/style.css index 20702d8..2f6d713 100644 --- a/themes/basspistol2025/assets/css/style.css +++ b/themes/basspistol2025/assets/css/style.css @@ -6,7 +6,7 @@ } *:hover { filter: grayscale(0%) !important; - transition: filter .5s linear; + transition: filter .1s linear; } img { @@ -18,27 +18,82 @@ img:hover { body { - font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif; font-weight: normal; - width: 100vw; - height: 100vh; - top: 0; - left: 0; - - position: absolute; + margin: 0px; + padding: 0px; background-color: black; color: orange; display: block; + top: 0px; + left: 0px; + position: absolute; + +/* overflow-x: hidden;*/ } #main-wrapper { - display: flex; + + margin: auto; + padding: 0px; + display: inline; +} +#navigation { + position: fixed; + top: 0px; + left: 0px; + + z-index: 1000; + +} +nav { + + color: orange; + background-color: rgba(0,0,0,0.5); + -webkit-backdrop-filter: blur(20px); + backdrop-filter: blur(20px); + transition: all unset; + border-radius: 5px; + ul { + display: flex; + list-style-type: none; + height: 100px; + justify-content: center; + padding: 0; + } + li { + flex: 1 1 100%; + align-self: center; + } + li > a { + color: orange; + } +} + +main { + + display: relative; + flex-wrap: wrap; padding: 0; - max-width: 100vw; + overflow-x: hidden; } + + + +footer { + position: relative; + bottom: 0; + left: 0; + display: flex; + height: 300px; + margin: 0px; + padding: 0; + +} + + section { - width: 100%; + } a { text-decoration: none; @@ -64,12 +119,7 @@ strong { font-weight: bold; } -main { - width: 100vw; - height: 100vh; - display: flex; - flex-wrap: wrap; -} + /* Screen size root */ @@ -88,7 +138,7 @@ main { #hero { margin: 0; - width: 100vw; + width: 100%; padding:0; transition: all 2s linear; .overlay { @@ -125,10 +175,4 @@ margin: 0; -footer { - display: flex; - width: 100%; - margin: 20px; - padding: 0; -} diff --git a/themes/basspistol2025/layouts/_default/baseof.html b/themes/basspistol2025/layouts/_default/baseof.html index 1ae218e..f93a4af 100644 --- a/themes/basspistol2025/layouts/_default/baseof.html +++ b/themes/basspistol2025/layouts/_default/baseof.html @@ -14,26 +14,20 @@ + +
- {{ block "navigation" . }}{{ end }} +{{ block "navigation" . }}{{ end }} +{{ block "hero" . }}{{ end }} - -
- - {{ block "hero" . }}{{ end }} - - {{ block "main" . }}{{ end }} - -
- - - +
+ diff --git a/themes/basspistol2025/layouts/_default/index.html b/themes/basspistol2025/layouts/_default/index.html index 5f1f69f..f38b882 100644 --- a/themes/basspistol2025/layouts/_default/index.html +++ b/themes/basspistol2025/layouts/_default/index.html @@ -11,6 +11,7 @@ {{ end }} {{ define "main" }} +
{{ partial "body/peertube.html" . }} @@ -21,12 +22,11 @@ {{ partial "body/radio.html" . }} {{ partial "body/gang.html" . }} - - - - +
{{ end }} {{ define "footer"}} +{{ partial "footer/footer.html" . }} + {{ end }} diff --git a/themes/basspistol2025/layouts/partials/body/discog.html b/themes/basspistol2025/layouts/partials/body/discog.html index 8c2ae86..bd6c742 100644 --- a/themes/basspistol2025/layouts/partials/body/discog.html +++ b/themes/basspistol2025/layouts/partials/body/discog.html @@ -38,9 +38,6 @@ justify-content: space-between; figure { padding: 4px; margin: auto; - - - border-style: double; border-color: purple; border-width: 10px; @@ -55,47 +52,58 @@ figure { } figcaption { font-family: Sigoil, 'Arial', 'Helvetica', sans-serif; - font-size: 1em; - line-height: 1em; - height: 100px; - font-weight: bold; - /* font-style: italic;*/ background-color: black; color: white; + height: 286px; padding: 20px; - text-align: center; - + margin-bottom: 4px; border-color: purple; border-width: 10px; color: orange; z-index: 100; position: relative; text-decoration: none; - margin-bottom: 4px; - text-transform: uppercase; + line-height: 1.25em; + + p { + font-size: .8em; + line-height: 1.75em; + + strong { + font-size: 1.25em; + line-height: 1.2em; + } + } + } .section-headers { padding: 80px; border-style: double; border-color: purple; border-width: 10px; - flex: 1 0 100%; - max-width: 100%; + flex: 1 1 100%; + margin-top: 0; } } +{{ $data := dict }} +{{ $url := "https://shop.basspistol.com/podcast.rss" }} +

Discography

The sound of freedom
Powerful. Syndicated. Music.

-
+ {{ with $data.channel }} +

{{ .description }}
+ {{ .generator }}

+ {{ end }} + + - {{ $data := dict }} -{{ $url := "https://shop.basspistol.com/podcast.rss" }} {{ with try (resources.GetRemote $url) }} {{ with .Err }} {{ errorf "%s" . }} @@ -114,10 +122,15 @@ figcaption {
-
{{ .title }}
{{ range .image }} {{ end }} +
+

{{ .title }}

+

 

+

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

+ +
@@ -126,7 +139,7 @@ figcaption { {{ end }} - +
diff --git a/themes/basspistol2025/layouts/partials/body/gang.html b/themes/basspistol2025/layouts/partials/body/gang.html index 5123e47..0ae0da6 100644 --- a/themes/basspistol2025/layouts/partials/body/gang.html +++ b/themes/basspistol2025/layouts/partials/body/gang.html @@ -14,12 +14,13 @@ } h2 { - font-size: 24em; -/* text-transform: uppercase;*/ - line-height: 1em; - flex: 1 1 100%; + font-size: 24em; + /* text-transform: uppercase;*/ + line-height: 1em; + flex: 1 1 100%; } - p { + + p { flex: 1 1 100%; font-size: 1.5em; line-height: 1em; @@ -31,60 +32,58 @@ p { font-size: 1em; } + figcaption { + font-size: 1em; + line-height: 1em; + } } figure { padding: 4px; margin: auto; - - - border-style: double; border-color: purple; border-width: 10px; + display: flex; img { width: 100%; object-fit: cover; - + width: 96px; + flex: 0 0 96px; max-height: 300px; } + figcaption { + font-size: 1.5em; + line-height: 1em; + overflow-x: hidden; + overflow-wrap: break-word; + font-weight: bold; + /* font-style: italic;*/ + background-color: black; + color: white; + padding: 20px; + text-align: center; + color: orange; + z-index: 100; + position: relative; + text-decoration: none; + margin-bottom: 4px; + text-transform: lowercase; + p { + font-size: .75em; + } + } + } - } - figcaption { - font-family: Outward, 'Arial', 'Helvetica', sans-serif; - font-size: 9em; - line-height: 0.3em; - - font-weight: bold; -/* font-style: italic;*/ - background-color: black; - color: white; - padding: 20px; - text-align: center; - - color: orange; - z-index: 100; - position: relative; - text-decoration: none; - margin-bottom: 4px; - text-transform: lowercase; - } - @media screen and (max-width: 1024px) { - figcaption { - font-size: 7em; - line-height: 0.35em; - } - } .section-headers { padding: 80px; border-style: double; border-color: purple; border-width: 10px; - flex: 1 0 100%; - max-width: 100%; + flex: 1 1 100%; margin-top: 0; } } @@ -107,7 +106,7 @@ }} {{ with resources.GetRemote $url $opts }} {{ $monsters := unmarshal .Content }} - {{ range $monsters }} + {{ range $monsters | shuffle }}
{{ if .url }} @@ -116,13 +115,21 @@ {{ end }}
-
{{ .username }}
+ +
+

{{ .username }} +
+

+
{{ end }} + + + {{ end }} diff --git a/themes/basspistol2025/layouts/partials/body/navigation.html b/themes/basspistol2025/layouts/partials/body/navigation.html index 2ae3e13..35d0df8 100644 --- a/themes/basspistol2025/layouts/partials/body/navigation.html +++ b/themes/basspistol2025/layouts/partials/body/navigation.html @@ -1,29 +1,4 @@ - - + diff --git a/themes/basspistol2025/layouts/partials/body/peertube.html b/themes/basspistol2025/layouts/partials/body/peertube.html index 554ea99..813d56f 100644 --- a/themes/basspistol2025/layouts/partials/body/peertube.html +++ b/themes/basspistol2025/layouts/partials/body/peertube.html @@ -12,6 +12,7 @@ margin: 2px; flex: 1 1 300px; + .cartouche { display: flex; align-items: center; @@ -39,10 +40,14 @@ flex: 1 1 100%; } p { + flex: 1 1 100%; - font-size: 1.5em; line-height: 1em; - } + + strong { + font-size: 1.5em; + } + } @media screen and (max-width: 1024px) { h2 { @@ -76,26 +81,28 @@ padding: 80px; flex: 1 1 300px; - max-width: 100%; + } } - +{{ $data := dict }} +{{ $url := "https://v.basspistol.org/api/v1/video-playlists/tubcTiUQaJ29JxeCzRqvUc/videos" }}

BassTube

-

Videos from the deepweb

+

Videos from the deepweb. +
Decentralized, peer-to-peer, for the people! +

-{{ $data := dict }} -{{ $url := "https://v.basspistol.org/api/v1/video-playlists/tubcTiUQaJ29JxeCzRqvUc/videos?count=100" }} + {{ with try (resources.GetRemote $url) }} {{ with .Err }} {{ errorf "%s" . }} @@ -107,9 +114,10 @@ {{ end }} {{ with $data.data }} -{{ range . | last 5 }} +{{ range . | shuffle | last 5 }} -
+ +
+

{{ .video.name }}

- +

{{ .video.account.displayName }}

+
{{ end }} + {{ end }}
diff --git a/themes/basspistol2025/layouts/partials/body/radio.html b/themes/basspistol2025/layouts/partials/body/radio.html index e7415db..18c79ca 100644 --- a/themes/basspistol2025/layouts/partials/body/radio.html +++ b/themes/basspistol2025/layouts/partials/body/radio.html @@ -48,7 +48,6 @@ border-color: purple; border-width: 10px; flex: 1 1 300px; - max-width: 100%; margin: 2px 1px 2px 1px; } } @@ -66,6 +65,8 @@