progress i guess
This commit is contained in:
sakrecoer
parent
b93aa8e840
commit
e036451236
9 changed files with 189 additions and 138 deletions
|
|
@ -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 {
|
||||
|
||||
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;
|
||||
max-width: 100vw;
|
||||
}
|
||||
li {
|
||||
flex: 1 1 100%;
|
||||
align-self: center;
|
||||
}
|
||||
li > a {
|
||||
color: orange;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
|
||||
display: relative;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -14,26 +14,20 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="main-wrapper">
|
||||
|
||||
{{ block "navigation" . }}{{ end }}
|
||||
{{ block "navigation" . }}{{ end }}
|
||||
|
||||
{{ block "hero" . }}{{ end }}
|
||||
|
||||
|
||||
<main id="main-wrapper">
|
||||
|
||||
{{ block "hero" . }}{{ end }}
|
||||
|
||||
{{ block "main" . }}{{ end }}
|
||||
|
||||
</main>
|
||||
<!-- END Wrapper -->
|
||||
|
||||
<footer>
|
||||
{{ block "main" . }}{{ end }}
|
||||
|
||||
{{ block "footer" . }}{{ end }}
|
||||
|
||||
</footer>
|
||||
</div>
|
||||
<!-- END Wrapper -->
|
||||
|
||||
</body>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
<main>
|
||||
|
||||
{{ partial "body/peertube.html" . }}
|
||||
|
||||
|
|
@ -21,12 +22,11 @@
|
|||
{{ partial "body/radio.html" . }}
|
||||
|
||||
{{ partial "body/gang.html" . }}
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
{{ end }}
|
||||
|
||||
{{ define "footer"}}
|
||||
|
||||
{{ partial "footer/footer.html" . }}
|
||||
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{{ $data := dict }}
|
||||
{{ $url := "https://shop.basspistol.com/podcast.rss" }}
|
||||
|
||||
<section id="discog">
|
||||
<article class="section-headers">
|
||||
<h2>Discography</h2>
|
||||
<p>The sound of freedom<br />
|
||||
Powerful. Syndicated. Music.</p>
|
||||
{{ with $data.channel }}
|
||||
<p>{{ .description }} <br />
|
||||
{{ .generator }}</p>
|
||||
{{ end }}
|
||||
</article>
|
||||
|
||||
{{ $data := dict }}
|
||||
{{ $url := "https://shop.basspistol.com/podcast.rss" }}
|
||||
|
||||
{{ with try (resources.GetRemote $url) }}
|
||||
{{ with .Err }}
|
||||
{{ errorf "%s" . }}
|
||||
|
|
@ -114,10 +122,15 @@ figcaption {
|
|||
<a href="{{ .link }}" target="_blank">
|
||||
|
||||
<figure>
|
||||
<figcaption>{{ .title }}</figcaption>
|
||||
{{ range .image }}
|
||||
<img src="{{ . }}" />
|
||||
{{ end }}
|
||||
<figcaption>
|
||||
<p><strong>{{ .title }}</strong></p>
|
||||
<p> </p>
|
||||
<p>{{ .description | transform.Plainify | safeHTML | truncate 160 }}</p>
|
||||
|
||||
</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</article>
|
||||
|
|
@ -126,7 +139,7 @@ figcaption {
|
|||
{{ end }}
|
||||
|
||||
|
||||
|
||||
<!--<pre>{{ debug.Dump $data }}</pre>-->
|
||||
|
||||
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -15,10 +15,11 @@
|
|||
}
|
||||
h2 {
|
||||
font-size: 24em;
|
||||
/* text-transform: uppercase;*/
|
||||
/* text-transform: uppercase;*/
|
||||
line-height: 1em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
flex: 1 1 100%;
|
||||
font-size: 1.5em;
|
||||
|
|
@ -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-family: Outward, 'Arial', 'Helvetica', sans-serif;
|
||||
font-size: 9em;
|
||||
line-height: 0.3em;
|
||||
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
overflow-x: hidden;
|
||||
overflow-wrap: break-word;
|
||||
font-weight: bold;
|
||||
/* font-style: italic;*/
|
||||
/* 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;
|
||||
|
||||
p {
|
||||
font-size: .75em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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 }}
|
||||
|
||||
<article>
|
||||
{{ if .url }}
|
||||
|
|
@ -116,13 +115,21 @@
|
|||
<a href="https://s.basspistol.org/@{{ .username }}" target="_blank">
|
||||
{{ end }}
|
||||
<figure>
|
||||
<figcaption>{{ .username }}</figcaption>
|
||||
|
||||
<img src="{{ .avatarUrl }}" />
|
||||
<figcaption>
|
||||
<p><strong>{{ .username }}</strong>
|
||||
<br />
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
{{ end }}
|
||||
|
||||
<!-- <pre>{{ debug.Dump $monsters }}</pre>-->
|
||||
|
||||
{{ end }}
|
||||
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,4 @@
|
|||
<style>
|
||||
nav {
|
||||
padding: 20px;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
z-index: 1000;
|
||||
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;
|
||||
}
|
||||
li > a {
|
||||
color: orange;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div id="navigation">
|
||||
<nav>
|
||||
<ul>
|
||||
|
||||
|
|
@ -41,4 +16,4 @@ nav {
|
|||
<li><a href="/2025/#discog">Discography</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@
|
|||
margin: 2px;
|
||||
flex: 1 1 300px;
|
||||
|
||||
|
||||
.cartouche {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -39,9 +40,13 @@
|
|||
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) {
|
||||
|
|
@ -76,26 +81,28 @@
|
|||
padding: 80px;
|
||||
|
||||
flex: 1 1 300px;
|
||||
max-width: 100%;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
{{ $data := dict }}
|
||||
{{ $url := "https://v.basspistol.org/api/v1/video-playlists/tubcTiUQaJ29JxeCzRqvUc/videos" }}
|
||||
|
||||
<section id="peertube">
|
||||
|
||||
<article class="section-headers">
|
||||
<h2>BassTube</h2>
|
||||
<p>Videos from the deepweb</p>
|
||||
<p><strong>Videos from the deepweb.</strong>
|
||||
<br />Decentralized, peer-to-peer, for the people!
|
||||
</p>
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
{{ $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,7 +114,8 @@
|
|||
{{ end }}
|
||||
|
||||
{{ with $data.data }}
|
||||
{{ range . | last 5 }}
|
||||
{{ range . | shuffle | last 5 }}
|
||||
|
||||
|
||||
<article class="peertubes" style="background-image:linear-gradient(to bottom, rgba(128, 0, 128, 1), rgba(128, 0, 128, .75)),url(https://v.basspistol.org{{ .video.previewPath }})">
|
||||
<div class="cartouche">
|
||||
|
|
@ -163,7 +171,10 @@
|
|||
width="58.376736"
|
||||
height="57.679001"
|
||||
preserveAspectRatio="none"
|
||||
xlink:href="{{ range .video.channel.avatars | first 1 }}{{ .fileUrl }}{{ end }}"
|
||||
{{ range .video.channel.avatars | first 1 }}
|
||||
{{ if .fileUrl }}xlink:href="{{ .fileUrl }}"{{ else }}xlink:href="https://v.basspistol.org/client/assets/images/logo.svg"{{ end }}
|
||||
{{ end }}
|
||||
|
||||
id="image1"
|
||||
x="0"
|
||||
y="0"
|
||||
|
|
@ -177,12 +188,15 @@
|
|||
id="path2" />
|
||||
</svg>
|
||||
</a>
|
||||
<div>
|
||||
<p>{{ .video.name }}</p>
|
||||
|
||||
<p>{{ .video.account.displayName }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
{{ end }}
|
||||
<!-- <pre>{{ debug.Dump $data }}</pre>-->
|
||||
{{ end }}
|
||||
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -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 @@
|
|||
<iframe src="https://radio.basspistol.com/public/basspistol/history?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 480px; border: 0;"></iframe>
|
||||
</div>
|
||||
<!-- <div class="border">
|
||||
<h2>REWIND</h2>
|
||||
<p>Request a banger! Strictly for the conaisseurs!</p>
|
||||
<iframe src="https://radio.basspistol.com/public/basspistol/embed-requests?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 950px; border: 0;"></iframe>
|
||||
</div>-->
|
||||
<!-- <div class="border">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,3 @@
|
|||
<footer>
|
||||
|
||||
</footer>
|
||||
Loading…
Add table
Add a link
Reference in a new issue