148 lines
2.7 KiB
HTML
148 lines
2.7 KiB
HTML
<style>
|
|
#gang {
|
|
|
|
* {
|
|
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;
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
article {
|
|
margin:2px;
|
|
flex: 1 1 300px;
|
|
|
|
}
|
|
h2 {
|
|
font-size: 12em;
|
|
/* text-transform: uppercase;*/
|
|
line-height: 1em;
|
|
flex: 1 1 100%;
|
|
}
|
|
|
|
p {
|
|
flex: 1 1 100%;
|
|
font-size: .5em;
|
|
line-height: 1.75em;
|
|
max-width: 33vw;
|
|
|
|
strong {
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
h2 {
|
|
font-size: 8em;
|
|
}
|
|
p {
|
|
font-size: 1em;
|
|
max-width: unset;
|
|
}
|
|
}
|
|
|
|
|
|
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 {
|
|
|
|
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;
|
|
|
|
}
|
|
}
|
|
|
|
.section-headers {
|
|
padding: 80px;
|
|
border-style: double;
|
|
border-color: purple;
|
|
border-width: 10px;
|
|
flex: 1 1 100%;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|
|
<section id="gang">
|
|
<article class="section-headers">
|
|
<h2>Gung</h2>
|
|
<p><strong>Link Root</strong>
|
|
</br>
|
|
The Basspistol network is composed of Powerful Syndicated Artists and Groups. These links are presented to you, ordered by the random god. <br />Follow the white Rabbit, Neo!
|
|
</p>
|
|
</article>
|
|
|
|
{{/* prebuild/layouts/index.html */}}
|
|
{{ $url := "https://s.basspistol.org/api/pinned-users" }}
|
|
{{ $opts := dict
|
|
"method" "post"
|
|
"body" `{"complete": true}`
|
|
"headers" (dict "Content-Type" "application/json")
|
|
}}
|
|
{{ with resources.GetRemote $url $opts }}
|
|
{{ $monsters := unmarshal .Content }}
|
|
{{ range $monsters | shuffle }}
|
|
|
|
<article>
|
|
|
|
{{ if .uri }}
|
|
<a href="{{ .uri }}" target="_blank">
|
|
{{ else }}
|
|
<a href="https://s.basspistol.org/@{{ .username }}" target="_blank">
|
|
{{ end }}
|
|
<figure>
|
|
|
|
<img src="{{ .avatarUrl }}" />
|
|
<figcaption>
|
|
<p><strong>{{ .username }}</strong>
|
|
<br />
|
|
|
|
</p>
|
|
</figcaption>
|
|
</figure>
|
|
</a>
|
|
</article>
|
|
|
|
{{ end }}
|
|
|
|
<!-- <pre>{{ debug.Dump $monsters }}</pre>-->
|
|
|
|
{{ end }}
|
|
|
|
</section>
|