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;
|
||||
padding: 0;
|
||||
}
|
||||
.border {
|
||||
border-style: double;
|
||||
border-width: 10px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,30 +6,34 @@ display: flex;
|
|||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
article {
|
||||
margin:2px;
|
||||
flex: 1 1 300px;
|
||||
|
||||
}
|
||||
h2 {
|
||||
font-size: 24em;
|
||||
/* text-transform: uppercase;*/
|
||||
line-height: 1em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
p {
|
||||
flex: 1 1 100%;
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
article {
|
||||
margin:2px;
|
||||
flex: 1 1 300px;
|
||||
|
||||
}
|
||||
h2 {
|
||||
font-size: 24em;
|
||||
/* text-transform: uppercase;*/
|
||||
line-height: 1em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
p {
|
||||
flex: 1 1 100%;
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
padding: 4px;
|
||||
|
|
@ -50,8 +54,8 @@ figure {
|
|||
|
||||
}
|
||||
figcaption {
|
||||
font-family: Sigoil, Outward, 'Arial', 'Helvetica', sans-serif;
|
||||
font-size: 1.3em;
|
||||
font-family: Sigoil, 'Arial', 'Helvetica', sans-serif;
|
||||
font-size: 1em;
|
||||
line-height: 1em;
|
||||
height: 100px;
|
||||
font-weight: bold;
|
||||
|
|
@ -125,5 +129,4 @@ figcaption {
|
|||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -19,16 +19,20 @@
|
|||
line-height: 1em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 12em;
|
||||
}
|
||||
}
|
||||
p {
|
||||
flex: 1 1 100%;
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
padding: 4px;
|
||||
|
|
|
|||
|
|
@ -19,16 +19,20 @@
|
|||
line-height: 1em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 12em;
|
||||
}
|
||||
}
|
||||
p {
|
||||
p {
|
||||
flex: 1 1 100%;
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
padding: 4px;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
|
||||
article {
|
||||
margin:2px;
|
||||
margin: 2px;
|
||||
flex: 1 1 300px;
|
||||
|
||||
}
|
||||
|
|
@ -19,26 +19,27 @@
|
|||
line-height: 1em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 12em;
|
||||
}
|
||||
}
|
||||
p {
|
||||
p {
|
||||
flex: 1 1 100%;
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.border {
|
||||
display: flex;
|
||||
border-style: double;
|
||||
border-color: purple;
|
||||
border-width: 10px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1 1 300px;
|
||||
padding: 80px;
|
||||
min-height: 300px;
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
|
||||
|
|
@ -49,9 +50,7 @@
|
|||
|
||||
.section-headers {
|
||||
padding: 80px;
|
||||
border-style: double;
|
||||
border-color: purple;
|
||||
border-width: 10px;
|
||||
|
||||
flex: 1 1 300px;
|
||||
max-width: 100%;
|
||||
|
||||
|
|
@ -71,7 +70,7 @@
|
|||
|
||||
|
||||
{{ $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 .Err }}
|
||||
{{ errorf "%s" . }}
|
||||
|
|
|
|||
|
|
@ -19,16 +19,20 @@
|
|||
line-height: 1em;
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 12em;
|
||||
}
|
||||
}
|
||||
p {
|
||||
flex: 1 1 100%;
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
h2 {
|
||||
font-size: 8em;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.border {
|
||||
border-style: double;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue