styling styling styling

This commit is contained in:
sakrecoer 2025-05-18 23:19:04 +02:00
parent 3b55694ea9
commit e5885d2c63
6 changed files with 72 additions and 61 deletions

View file

@ -131,7 +131,4 @@ footer {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.border {
border-style: double;
border-width: 10px;
}

View file

@ -6,30 +6,34 @@ display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
a { a {
text-decoration: none; text-decoration: none;
} }
article { article {
margin:2px; margin:2px;
flex: 1 1 300px; flex: 1 1 300px;
} }
h2 { h2 {
font-size: 24em; font-size: 24em;
/* text-transform: uppercase;*/ /* text-transform: uppercase;*/
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
}
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
} }
} p {
p {
flex: 1 1 100%; flex: 1 1 100%;
font-size: 1.5em; font-size: 1.5em;
line-height: 1em; line-height: 1em;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: 1em;
}
}
figure { figure {
padding: 4px; padding: 4px;
@ -50,8 +54,8 @@ figure {
} }
figcaption { figcaption {
font-family: Sigoil, Outward, 'Arial', 'Helvetica', sans-serif; font-family: Sigoil, 'Arial', 'Helvetica', sans-serif;
font-size: 1.3em; font-size: 1em;
line-height: 1em; line-height: 1em;
height: 100px; height: 100px;
font-weight: bold; font-weight: bold;
@ -125,5 +129,4 @@ figcaption {
</section> </section>

View file

@ -19,16 +19,20 @@
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 12em;
}
}
p { p {
flex: 1 1 100%; flex: 1 1 100%;
font-size: 1.5em; font-size: 1.5em;
line-height: 1em; line-height: 1em;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: 1em;
}
}
figure { figure {
padding: 4px; padding: 4px;

View file

@ -19,16 +19,20 @@
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 12em;
}
}
p { p {
flex: 1 1 100%; flex: 1 1 100%;
font-size: 1.5em; font-size: 1.5em;
line-height: 1em; line-height: 1em;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: 1em;
}
}
figure { figure {
padding: 4px; padding: 4px;

View file

@ -9,7 +9,7 @@
article { article {
margin:2px; margin: 2px;
flex: 1 1 300px; flex: 1 1 300px;
} }
@ -19,26 +19,27 @@
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 12em;
}
}
p { p {
flex: 1 1 100%; flex: 1 1 100%;
font-size: 1.5em; font-size: 1.5em;
line-height: 1em; line-height: 1em;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: 1em;
}
}
.border { .border {
display: flex; display: flex;
border-style: double;
border-color: purple;
border-width: 10px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex: 1 1 300px; flex: 1 1 300px;
padding: 80px; 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)), linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
@ -49,9 +50,7 @@
.section-headers { .section-headers {
padding: 80px; padding: 80px;
border-style: double;
border-color: purple;
border-width: 10px;
flex: 1 1 300px; flex: 1 1 300px;
max-width: 100%; max-width: 100%;
@ -71,7 +70,7 @@
{{ $data := dict }} {{ $data := dict }}
{{ $url := "https://v.basspistol.org/api/v1/videos?isLocal=true&nsfw=false&sort=-hot&categoryOneOf=1&count=7" }} {{ $url := "https://v.basspistol.org/api/v1/videos?isLocal=true&nsfw=false&sort=-hot&categoryOneOf=1&count=4" }}
{{ with try (resources.GetRemote $url) }} {{ with try (resources.GetRemote $url) }}
{{ with .Err }} {{ with .Err }}
{{ errorf "%s" . }} {{ errorf "%s" . }}

View file

@ -19,16 +19,20 @@
line-height: 1em; line-height: 1em;
flex: 1 1 100%; flex: 1 1 100%;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 12em;
}
}
p { p {
flex: 1 1 100%; flex: 1 1 100%;
font-size: 1.5em; font-size: 1.5em;
line-height: 1em; line-height: 1em;
} }
@media screen and (max-width: 1024px) {
h2 {
font-size: 8em;
}
p {
font-size: 1em;
}
}
.border { .border {
border-style: double; border-style: double;