styling styling styling
This commit is contained in:
parent
3b55694ea9
commit
e5885d2c63
6 changed files with 72 additions and 61 deletions
|
|
@ -131,7 +131,4 @@ footer {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.border {
|
|
||||||
border-style: double;
|
|
||||||
border-width: 10px;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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" . }}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue