almost there, but good enough for now
This commit is contained in:
sakrecoer
parent
cd3c9fe6e4
commit
c0bd932d57
8 changed files with 114 additions and 111 deletions
|
|
@ -117,7 +117,7 @@ footer {
|
|||
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
font-size: .75em;
|
||||
font-size: .5em;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
|
|
@ -138,25 +138,23 @@ h1, h2, h3 {
|
|||
font-family: Outward, Space-Grotesk, 'Arial', 'Helvetica', sans-serif;
|
||||
|
||||
}
|
||||
h1 {
|
||||
font-family: Outward, 'Arial', 'Helvetica', sans-serif;
|
||||
font-size: 48em;
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
/* letter-spacing: -0.1em;*/
|
||||
line-height: .75em;
|
||||
rotate: -14deg;
|
||||
margin: 50px 0 0 10px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
font-size: 10em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
text-transform: uppercase;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: .75em;
|
||||
}
|
||||
|
||||
strong, b {
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
}
|
||||
|
||||
article {
|
||||
|
|
@ -164,7 +162,24 @@ article {
|
|||
flex: 1 1 300px;
|
||||
|
||||
}
|
||||
figcaption > h4 {
|
||||
font-size: .75em;
|
||||
}
|
||||
|
||||
figcaption > p {
|
||||
font-size: .5em;
|
||||
}
|
||||
|
||||
time {
|
||||
color: white;
|
||||
font-size: .5em;
|
||||
}
|
||||
.news > h4 {
|
||||
font-size: .75em;
|
||||
}
|
||||
.news > p {
|
||||
font-size: .5em;
|
||||
}
|
||||
.section-headers {
|
||||
margin: 2px 4px;
|
||||
border-radius: 100px;
|
||||
|
|
@ -180,35 +195,12 @@ article {
|
|||
|
||||
h2, h4, p {
|
||||
margin: 20px 0;
|
||||
}
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
|
||||
line-height: 1.5em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: .75em;
|
||||
flex: 1 1 100%;
|
||||
line-height: 1.5em;
|
||||
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.section-footers {
|
||||
|
|
@ -238,18 +230,6 @@ article {
|
|||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Screen size root */
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
||||
h1 {
|
||||
font-size: 12em;
|
||||
}
|
||||
footer {
|
||||
font-size: .9em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sections Begin */
|
||||
|
||||
|
||||
|
|
@ -277,14 +257,6 @@ article {
|
|||
font-family: inherit;
|
||||
}
|
||||
}
|
||||
#hero:hover {
|
||||
|
||||
transition: all 2s linear;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* NOW */
|
||||
#now {
|
||||
|
|
@ -301,33 +273,44 @@ article {
|
|||
figure, div {
|
||||
flex: 1 1 300px;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: .5em;
|
||||
figure {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.inf-rgpd {
|
||||
font-size: .5em;
|
||||
}
|
||||
.inf-form > div {
|
||||
background-color: black;
|
||||
padding: 0;
|
||||
}
|
||||
.inf-input > input {
|
||||
color: orange;
|
||||
background-color: black;
|
||||
border: 1px solid orange;
|
||||
figure > img {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: .6em;
|
||||
}
|
||||
.inf-rgpd {
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
/* NEWSLETTER */
|
||||
|
||||
.inf-form > div {
|
||||
background-color: black;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.inf-form > div > h4 {
|
||||
color: orange !important;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.inf-form > div > span {
|
||||
color: orange;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.inf-rgpd {
|
||||
font-size: .5em;
|
||||
color: orange;
|
||||
}
|
||||
.inf-form > div {
|
||||
background-color: black;
|
||||
padding: 0;
|
||||
}
|
||||
.inf-input > input {
|
||||
color: orange;
|
||||
background-color: black;
|
||||
border: 1px solid orange;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -371,24 +354,10 @@ justify-content: space-between;
|
|||
height: 300px;
|
||||
padding: 20px;
|
||||
z-index: 100;
|
||||
line-height: 1.5em;
|
||||
overflow-y: hidden;
|
||||
font-size: .75em;
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
||||
figcaption {
|
||||
h4 {
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
.inf-rgpd {
|
||||
font-size: .8em;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* RADIO */
|
||||
|
|
@ -402,25 +371,57 @@ justify-content: space-between;
|
|||
|
||||
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
@media screen and (max-width: 720px) {
|
||||
|
||||
|
||||
footer {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.25
|
||||
}
|
||||
p {
|
||||
font-size: .9em;
|
||||
font-size: 1em;
|
||||
max-width: unset !important;
|
||||
|
||||
strong {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
figcaption {
|
||||
font-size: .9em;
|
||||
p { font-size: .9em;}
|
||||
date {
|
||||
font-size: .7em;
|
||||
|
||||
figcaption > h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
figcaption > p {
|
||||
font-size: .75em;
|
||||
}
|
||||
|
||||
time {
|
||||
color: white;
|
||||
font-size: .75em;
|
||||
}
|
||||
.news > h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.news > p {
|
||||
font-size: .75em;
|
||||
}
|
||||
|
||||
.inf-rgpd {
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
#now {
|
||||
figure {
|
||||
margin-right: 0px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<section id="discog">
|
||||
<div class="section-headers" style="background-image: url(/2025/images/vinyl.webp);">
|
||||
<h2>Discography</h2>
|
||||
<h4>The sound of freedom</h4>
|
||||
<h4>𝕿𝖍𝖊 𝕾𝖔𝖚𝖓𝖉 𝖔𝖋 𝕱𝖗𝖊𝖊𝖉𝖔𝖒</h4>
|
||||
<p>Basspistol's discography is a non-possessive aggregation of cuts recoreded by independent musicians. Getting your music from here implies 100% of your support being channeled straight to the artist. (Minus whatever fees charged by the monetization service they leverage.)
|
||||
</p>
|
||||
<p>The bellow selection is shuffled every 30 minutes. Anything pikcing your curiosity? The random gods may just have something to tell you... Check out the Tienda for more.</p>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<section id="gancio">
|
||||
<div class="section-headers">
|
||||
<h2>Agenda</h2>
|
||||
<h4>Outernational events</h4>
|
||||
<h4>𝕺𝖚𝖙𝖊𝖗𝖓𝖆𝖙𝖎𝖔𝖓𝖆𝖑 𝕰𝖛𝖊𝖓𝖙𝖘</h4>
|
||||
<p>Through the power of federation, we aggregate event data from the deep-web to keep you in the loop of what's happening below the radars.</p>
|
||||
<p>Want your event featured here? <a href="https://do.basspistol.org/add" target="_blank" style="text-decoration: underline;">Head over to this page</a>. No account required.</p>
|
||||
<a class="button" href="https://do.basspistol.org/">Full agenda 🗓️</a>
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<figcaption>
|
||||
|
||||
<h4>{{ .title }}</h4>
|
||||
<date>{{ .start_datetime | int | dateFormat "2006-01-02 15:04 CET" }}</date>
|
||||
<time datetime="{{ .start_datetime | int | dateFormat "2006-01-02T15:04" }}">{{ .start_datetime | int | dateFormat "2006-01-02 15:04 CET" }}</time>
|
||||
<p><b>Organizer:</b> {{ .place.name }}</p>
|
||||
<p><b>Address: </b>{{ .place.address }}</p>
|
||||
<!-- <p>{{ range .tags }}#{{ . }} {{ end }}</p>-->
|
||||
|
|
|
|||
|
|
@ -86,8 +86,10 @@
|
|||
<section id="gang">
|
||||
<div class="section-headers">
|
||||
<h2>Gung</h2>
|
||||
<h4>Link Root</h4>
|
||||
<h4>𝕷𝖎𝖓𝖐 𝕽𝖔𝖔𝖙</h4>
|
||||
<p>The Basspistol network is composed of Powerful Syndicated Artists and Groups. These links are presented to you, ordered by the random god. </p><p>Follow the white Rabbit, Neo!</p>
|
||||
|
||||
<a class="button" href="https://matrix.to/#/#hq:basspistol.org">Come say Hi! 🐇</a>
|
||||
</div>
|
||||
|
||||
{{/* prebuild/layouts/index.html */}}
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
<section id="now">
|
||||
<div class="section-headers" style="background-image: url(/2025/images/now-banner.svg);">
|
||||
<h2>NOW</h2>
|
||||
<h4>What's up, fellow space-time traveler!</h4>
|
||||
<p>Here's what's going down right now! Never been here before? <a href="https://www.basspistol.com/index2024.html#read">This page</a> might answer some of your questions. </p>
|
||||
<h4>𝖂𝖊𝖑𝖈𝖔𝖒𝖊, 𝖘𝖕𝖆𝖈𝖊-𝖙𝖎𝖒𝖊 𝖙𝖗𝖆𝖛𝖊𝖑𝖊𝖗</h4>
|
||||
<p>Here's what's going down! Never been here before? <a href="https://www.basspistol.com/index2024.html#read">This page</a> might answer some of your questions. </p>
|
||||
</div>
|
||||
|
||||
{{ range first 2 (where .Site.RegularPages "Type" "news") }}
|
||||
|
||||
<div class="border now" style="background-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, .9)), url({{ .Params.image.url }});">
|
||||
|
||||
<figure style="flex: 1 1 50%;">
|
||||
<figure>
|
||||
<img src="{{ .Params.image.url }}" alt="{{ .Params.image.alt }}" />
|
||||
<figcaption>
|
||||
<p><b>Artwork:</b> <a href="{{ .Params.image.credits.url }}" target="_blank">{{ .Params.image.credits.name }}</a> ({{ .Params.image.license }})</p>
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<div>
|
||||
<div class="news">
|
||||
<h4>{{ .Title }}</h4>
|
||||
{{ .Content | markdownify }}
|
||||
|
||||
|
|
|
|||
|
|
@ -101,7 +101,7 @@
|
|||
<article class="section-headers" style="background-image: url(/2025/images/peertube.webp);">
|
||||
<h2>BassTube</h2>
|
||||
<p>
|
||||
<strong>Videos from the deepweb.</strong>
|
||||
<strong>𝖁𝖎𝖉𝖊𝖔𝖘 𝖋𝖗𝖔𝖒 𝖙𝖍𝖊 𝕯𝖊𝖊𝖕𝖜𝖊𝖇</strong>
|
||||
<br />Decentralized, peer-to-peer, for the people! All you saw was sound!
|
||||
|
||||
<br /><br />
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<section id="radio">
|
||||
<div class="section-headers" style="background-image: url(/2025/images/radio.webp);">
|
||||
<h2>RadioStation</h2>
|
||||
<h4>Basspistol Radio Station! </h4>
|
||||
<h4>𝕭𝖆𝖘𝖘𝖕𝖎𝖘𝖙𝖔𝖑 𝕽𝖆𝖉𝖎𝖔 𝕾𝖙𝖆𝖙𝖎𝖔𝖓</h4>
|
||||
<p>777% music, without commercials! RobotDJ-sets and live interventions! This is the sound of freedom.</p>
|
||||
<a class="button" href="https://radio.basspistol.com/">Request song 📻</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<footer>
|
||||
<section id="footer">
|
||||
<article class="border" style="border-radius: 100px; height: 480px">
|
||||
<p><strong>Copyleft {{ now | dateFormat "2006" }} Basspistol (CC-BY-NC-SA)</strong></p>
|
||||
<p><strong>{{ now | dateFormat "2006" }} Basspistol (CC-BY-NC-SA)</strong></p>
|
||||
<p>Last build: {{ now | dateFormat "2006-01-02 15:04 UTC" }}</p>
|
||||
<p>Big thanks to <a href="https://velvetyne.fr/">Velvetyne</a> for the mad fonts.
|
||||
<p>𝕿𝖍𝖊 𝖚𝖓𝖉𝖊𝖗𝖌𝖗𝖔𝖚𝖓𝖉 𝖎𝖘 𝖉𝖊𝖆𝖉, 𝖑𝖔𝖓𝖌 𝖑𝖎𝖛𝖊 𝖙𝖍𝖊 𝖚𝖓𝖉𝖊𝖗𝖌𝖗𝖔𝖚𝖓𝖉.</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue