hq/basspistol2025
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

faggen proggrezzzz

Browse source
This commit is contained in:
sakrecoer 2025-06-11 22:56:02 +02:00
parent aba2ed43d9
commit 83a1783bab
10 changed files with 203 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

114
themes/basspistol2025/assets/css/style.css
View file

@ -1,21 +1,7 @@
/* Root stuff */ /* Root stuff */
* { :root {
filter: grayscale(100%); font-size: calc(1vw + 1vh + .25vmin);
transition: filter 17s linear;
scroll-behavior: smooth;
} }
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
img {
filter: blur(17px) !important;
}
img:hover {
filter: blur(0px) !important;
}
body { body {
font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif; font-family: Sigoil, Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
@ -24,11 +10,8 @@ body {
padding: 0px; padding: 0px;
background-color: black; background-color: black;
color: orange; color: orange;
display: block; width: 100vw;
top: 0px; height: 100vh;
left: 0px;
position: absolute;
/* overflow-x: hidden;*/ /* overflow-x: hidden;*/
} }
#main-wrapper { #main-wrapper {
@ -36,41 +19,84 @@ body {
margin: auto; margin: auto;
padding: 0px; padding: 0px;
display: inline; display: inline;
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
} }
#navigation { #navigation {
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
position: fixed; position: fixed;
bottom: 20px; bottom: 20px;
height: 150px; left: 20px;
left: 50%; overflow: hidden;
float: right; width: calc(100vw - 40px);
transform: translateX(-50%); height: 100px;
padding: 10px 20px; box-shadow: 0 4px 15px rgba(0,0,0,.3);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); z-index: 1000;
z-index: 1000; /* Ensures nav stays on top */
} }
nav { nav {
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
margin: auto;
transition: all unset; transition: all unset;
color: orange; color: orange;
background-color: rgba(180,100,100,0.5); background-color: rgba(25,25,25,.5);
-webkit-backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
border-radius: 5px; border-radius: 5px;
align-items: center;
ul { ul {
display: flex; display: flex;
list-style-type: none; list-style-type: none;
height: 100px;
justify-content: center; justify-content: center;
height: 100%;
padding: 0; padding: 0;
margin: auto;
} }
li { li {
flex: 1 1 100%; flex: 1 1 100%;
align-self: center; align-self: center;
margin: auto;
padding: 10px;
max-width: 100px;
} }
li > a { li > a {
color: orange; color: orange;
@ -127,20 +153,20 @@ strong {
font-weight: bold; font-weight: bold;
} }
.section-headers {
border-radius: 300px;
}
/* Screen size root */ /* Screen size root */
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
img {
filter: blur(0px) !important;
}
h1 { h1 {
font-size: 12em; font-size: 12em;
} }
} }
/* Sections */ /* Sections Begin */
@ -149,11 +175,21 @@ strong {
width: 100%; width: 100%;
padding:0; padding:0;
transition: all 2s linear; transition: all 2s linear;
display: flex;
flex-wrap: wrap;
.overlay { .overlay {
display: block; display: block;
top: 0; top: 0;
left: 0; left: 0;
max-width: 720px; max-width: 720px;
flex: 1 0 200px;
}
pre {
font-size: .6em;
text-align: right;
flex: 1 1 300px;
} }
} }
#hero:hover { #hero:hover {
@ -161,6 +197,10 @@ strong {
transition: all 2s linear; transition: all 2s linear;
} }
/* End Sections */
/* FORMS */ /* FORMS */
#newsletter { #newsletter {
background-color: #000; background-color: #000;
@ -178,7 +218,7 @@ margin: 0;
.inf-rgpd {} .inf-rgpd {}
.inf-submit {} .inf-submit {}
/* Profiles */

8
themes/basspistol2025/layouts/_default/index.html
View file

@ -3,11 +3,9 @@
{{ end }} {{ end }}
{{ define "hero" }} {{ define "hero" }}
<section id="hero">
<div class="overlay"> {{ partial "body/hero.html" . }}
{{ partial "body/header-hero.svg" . }}
</div>
</section>
{{ end }} {{ end }}
{{ define "main" }} {{ define "main" }}

19
themes/basspistol2025/layouts/partials/body/discog.html
View file

@ -2,6 +2,19 @@
/* Discographys */ /* Discographys */
#discog { #discog {
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@ -15,7 +28,7 @@ justify-content: space-between;
} }
h2 { h2 {
font-size: 24em; font-size: 12em;
/* text-transform: uppercase;*/ /* text-transform: uppercase;*/
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
@ -64,7 +77,7 @@ figcaption {
position: relative; position: relative;
text-decoration: none; text-decoration: none;
line-height: 1.25em; line-height: 1.25em;
overflow-y: hidden;
p { p {
font-size: .8em; font-size: .8em;
line-height: 1.75em; line-height: 1.75em;
@ -128,7 +141,7 @@ figcaption {
<figcaption> <figcaption>
<p><strong>{{ .title }}</strong></p> <p><strong>{{ .title }}</strong></p>
<p>&nbsp;</p> <p>&nbsp;</p>
<p>{{ .description | transform.Plainify | safeHTML | truncate 160 }}</p> <p>{{ .description | transform.Plainify | safeHTML | truncate 256 }}</p>
</figcaption> </figcaption>
</figure> </figure>

13
themes/basspistol2025/layouts/partials/body/gancio.html
View file

@ -1,6 +1,17 @@
<style> <style>
#gancio { #gancio {
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@ -14,7 +25,7 @@
} }
h2 { h2 {
font-size: 24em; font-size: 12em;
/* text-transform: uppercase;*/ /* text-transform: uppercase;*/
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;

13
themes/basspistol2025/layouts/partials/body/gang.html
View file

@ -1,6 +1,17 @@
<style> <style>
#gang { #gang {
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
@ -14,7 +25,7 @@
} }
h2 { h2 {
font-size: 24em; font-size: 12em;
/* text-transform: uppercase;*/ /* text-transform: uppercase;*/
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;

40
themes/basspistol2025/layouts/partials/body/hero.html Normal file
View file

@ -0,0 +1,40 @@
<section id="hero">
<div class="overlay">
{{ partial "body/header-hero.svg" . }}
</div>
<pre>
......................................................
..........................................................
._______........................._........._.........__....
\____ \____ _____ __________ |_| ______/ |_ ___ | |...
.| | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |...
..| | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |...
...| | _/\__ \/ __// __/\___ \| |/ __/\ _\/ \| |...
...| | \ / _ \__ \ \__ \ | |_> > |\__ \ | | ( <> ) |__.
.|____ /(___ /___ >____ >| __/|_/____ > |_| \__ /|___ /.
.\/....\/...\/....\/.|_|.........\/.........\/....\/..
......................................................
........... All you saw was sound! ..................
......................................................
.......................................................
.............'';,......................................
..........'',,;:o:,...................................
......',;;::::::;;;,................................
.,;:ooooooooooo;,,''''...........................
.,;ooooooooooooooo;,'..'''''......................
.,:ooooooooooooooooo;''......'''...................
.,;:ooooooooooooooooo',,.........,'.................
.,,;:,ooooo;;:ooo;o,:;,',.........;,''..............
.,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''.............
.,'......':ooo:.......'';,'''''''',;,,,.............
.,,.......,:o:'.......,'oooo:::::;:,.',;,...........
.','.................',,..'',,,;;;;;;,.,:...........
.,,'...............',;oooooooooo:;;:,;oo,..........
.,,'.............,,;ooooooooo;,..'',oooo,.........
.',,'........',,;ooo::;;,'........'oooo;.........
.'',,'''',,;;;,,'...............';;;'..........
.'''''.....................................
..........................................
........................
</pre>
</section>

9
themes/basspistol2025/layouts/partials/body/navigation.html
View file

@ -1,13 +1,16 @@
<nav id="navigation"> <nav id="navigation">
{{.File.BaseFileName }}
<ul> <ul>
<li> <li>
<a href="/2025/#about"> <a href="/2025/#hero">
{{ partial "svg/basspistol-logotype.svg" }} {{ partial "svg/basspistol-logotype.svg" }}
</a> </a>
</li> </li>
<li>
<a href="/2025/#gang">
{{ partial "svg/gang1.svg" }}
</a>
</li>
<li> <li>
<a href="/2025/#peertube"> <a href="/2025/#peertube">
{{ partial "svg/heart.svg" }} {{ partial "svg/heart.svg" }}

64
themes/basspistol2025/layouts/partials/body/peertube.html
View file

@ -2,6 +2,17 @@
#peertube { #peertube {
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
@ -34,7 +45,7 @@
} }
h2 { h2 {
font-size: 24em; font-size: 12em;
/* text-transform: uppercase;*/ /* text-transform: uppercase;*/
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
@ -67,7 +78,7 @@
min-height: 300px; min-height: 300px;
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)), background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0), rgba(117, 19, 93, 0));
} }
@ -78,20 +89,18 @@
} }
.section-headers { .section-headers {
padding: 80px;
flex: 1 1 300px; flex: 1 1 300px;
display: flex; display: flex;
max-width: 33vw;
} }
} }
.substance { .substance {
position: relative; position: relative;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex: 1 1 300px;
} }
</style> </style>
{{ $data := dict }} {{ $data := dict }}
@ -99,39 +108,12 @@ position: relative;
<section id="peertube"> <section id="peertube">
<div class="section-header"> <div class="section-header">
<article>
<h2>BassTube</h2> <h2>BassTube</h2>
<p><strong>Videos from the deepweb.</strong> <p>
<br />Decentralized, peer-to-peer, for the people! <strong>Videos from the deepweb.</strong>
<br />All you saw was sound! <br />Decentralized, peer-to-peer, for the people!
<br />All you saw was sound!
</p> </p>
<pre>
...........'';,..
.........'',,;:o:,.
.......',;;::::::;;;,.
.....,;:ooooooooooo;,,''''.
....,;ooooooooooooooo;,'..'''''.
...,:ooooooooooooooooo;''......'''.
..,;:ooooooooooooooooo',,.........,'.
..,,;:,ooooo;;:ooo;o,:;,',.........;,''.
..,'..,,;:o,''.,;;'''..'';,,,,,,''',;'''.
..,'......':ooo:.......'';,'''''''',;,
..,,.......,:o:'.......,'oooo:::::;:,.',;,
..','.................',,..'',,,;;;;;;,.,:.
...,,'...............',;oooooooooo:;;:,;oo,.
....,,'.............,,;ooooooooo;,..'',oooo,.
.....',,'........',,;ooo::;;,'........'oooo;.
.......'',,'''',,;;;,,'...............';;;'.
...........'''''.
</pre>
</article>
</div> </div>
<div class="substance"> <div class="substance">
{{ with try (resources.GetRemote $url) }} {{ with try (resources.GetRemote $url) }}
@ -219,8 +201,10 @@ position: relative;
</svg> </svg>
</a> </a>
<div> <div>
<p>{{ .video.name }}</p> <p class="title"><strong>{{ .video.name }}</strong></p>
<p>{{ .video.account.displayName }}</p> <p>&nbsp;</p>
<p>&nbsp;</p>
<p class="author">{{ .video.account.displayName }}</p>
</div> </div>
</div> </div>
</article> </article>

13
themes/basspistol2025/layouts/partials/body/radio.html
View file

@ -2,6 +2,17 @@
#radio { #radio {
* {
filter: grayscale(100%);
transition: filter 17s linear;
}
*:hover {
filter: grayscale(0%) !important;
transition: filter .1s linear;
}
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
@ -14,7 +25,7 @@
} }
h2 { h2 {
font-size: 24em; font-size: 12em;
/* text-transform: uppercase;*/ /* text-transform: uppercase;*/
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;

1
themes/basspistol2025/layouts/partials/svg/gang1.svg Normal file
View file

@ -0,0 +1 @@
<svg width="9.5125mm" height="18mm" version="1.1" viewBox="0 0 9.5125 18" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g transform="translate(-68.047 -22.476)"><path d="m68.715 39.577c-0.35005-0.36206 0.20793-1.0335 0.21041-1.4961 0.0022-0.39762-0.0091-0.48783-0.13989-1.1269-0.15285-0.74666-0.41809-1.843-0.57885-2.3926-0.08849-0.30255-0.10024-0.38844-0.10768-0.78726-0.0046-0.24621-0.02151-0.561-0.03759-0.69954-0.03766-0.32436-0.0093-0.4866 0.1451-0.83259 0.18802-0.42107 0.35954-1.1978 0.43548-1.9719 0.01832-0.18678 0.0745-0.54799 0.12484-0.80269 0.12784-0.64675 0.15777-1.1967 0.15625-2.8712-0.0013-1.4307-0.0024-1.4545-0.07406-1.7019-0.04511-0.15555-0.13906-0.36083-0.24727-0.54028-0.26552-0.44033-0.43214-0.95237-0.33038-1.0153 0.03153-0.01949 0.02952-0.04926-0.01001-0.14806-0.02721-0.06802-0.06571-0.21687-0.08555-0.33079-0.04233-0.24307-0.02948-0.26055 0.19196-0.26128 0.0788-2.56e-4 0.20384-0.02796 0.27786-0.06154 0.38119-0.17297 0.84671 0.03531 1.1196 0.50093 0.09278 0.15831 0.44393 1.0968 0.55913 1.4944 0.04236 0.14616 0.08502 0.36467 0.09482 0.48558 0.04589 0.56635 0.10543 0.85647 0.22814 1.1117 0.12921 0.26877 0.21453 0.57009 0.29382 1.0377 0.02735 0.16131 0.09024 0.46695 0.13973 0.6792 0.04949 0.21225 0.11254 0.56197 0.1401 0.77715 0.02756 0.21518 0.10177 0.58797 0.16491 0.82841 0.10314 0.39279 0.11931 0.43167 0.15929 0.38303 0.02447-0.02978 0.10626-0.09345 0.18175-0.14149 0.17779-0.11314 0.40503-0.11636 0.78893-0.01117 0.29805 0.08167 1.3945 0.29908 1.7752 0.35199 0.37977 0.05279 0.63022 0.17072 0.83806 0.3946 0.10259 0.11052 0.38653 0.54677 0.4149 0.63748 0.01169 0.03738 0.10173 0.15424 0.20009 0.2597 0.18651 0.19997 0.36544 0.49241 0.43048 0.70356 0.05364 0.17414 0.0714 0.1826 0.13507 0.06435 0.03091-0.05738 0.10257-0.12932 0.15926-0.15985 0.05669-0.03053 0.111-0.08712 0.1207-0.12576 0.02314-0.09219 0.11596-0.139 0.2806-0.14148 0.14715-0.0023 0.26304 0.05828 0.34176 0.17842 0.10363 0.15816 0.1779 1.1994 0.10725 1.5036-0.02707 0.11655 0.07725 0.76864 0.19465 1.2167 0.07502 0.28632 0.06453 0.36129-0.092 0.65816-0.1754 0.33267-0.25435 0.43832-0.98467 1.3176-1.1585 1.3948-1.3871 1.6278-2.9643 3.02-0.32209 0.28431-0.32618 0.60543-0.62308 0.71123-1.3166 0.46914-3.3815 0.08327-4.1348-0.69587zm5.823-4.1309c0-0.02378 0.23672-0.38815 0.49256-0.75816 0.06813-0.09853 0.14405-0.16672 0.21797-0.19575 0.11259-0.04422 0.11332-0.04568 0.09891-0.19571-0.01146-0.1193 0.0022-0.18541 0.06448-0.31365 0.04346-0.08937 0.08727-0.22501 0.09736-0.30142 0.02695-0.20414 0.15611-0.60204 0.24422-0.7524 0.04223-0.07207 0.1407-0.18994 0.21881-0.26194 0.16054-0.14798 0.1621-0.22365 0.0024-0.11526-0.13382 0.09081-0.29888 0.11706-0.51206 0.08145-0.36209-0.0605-0.68563-0.23804-0.832-0.45657-0.04245-0.06338-0.16255-0.19879-0.26688-0.30091-0.2002-0.19594-0.31939-0.36595-0.31959-0.45581-1.17e-4 -0.06711-0.04147-0.06949-0.09461-0.0055-0.02217 0.02671-0.09288 0.07538-0.15712 0.10816-0.15703 0.08011-0.66575 0.09017-0.83566 0.01652-0.06313-0.02736-0.15691-0.04976-0.20839-0.04976-0.08149 0-0.09363 0.01099-0.09378 0.0849-7e-4 0.32677-0.21135 0.58611-0.87586 1.0782l-0.1814 0.13431-0.0053 0.33153c-0.0036 0.22938-0.02665 0.41403-0.0747 0.59928-0.04897 0.18875-0.06678 0.3345-0.06035 0.49397l0.0091 0.22621 0.1698 0.11433c0.37307 0.25119 0.82298 0.45838 1.1969 0.55119 0.19921 0.04944 0.54975 0.15227 0.77898 0.22849 0.35673 0.11862 0.45348 0.13871 0.67148 0.13941 0.14009 4.67e-4 0.2547-0.01085 0.2547-0.0251z" fill="orange" stroke-width=".11668"/></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 3.4 KiB