gabriel/freedom
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Activity

misc changes

Browse source
This commit is contained in:
Gabriel 2022-09-21 15:54:30 -04:00
parent 21ab4db6ce
commit a0ceae22ad
4 changed files with 84 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
layouts/_default/list.html
View file

@ -1,26 +1,27 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
{{partial "head" .}} {{partial "head" .}}
</head> </head>
<body> <body>
{{partial "header" .}} {{partial "header" .}}
<main> <main>
<section>
{{ if .Content}}
<article> <article>
{{if .Content}}
<section>
{{.Content}} {{.Content}}
</article> </section>
{{end}} {{end}}
{{ if .Pages }} {{ if .Pages }}
<section>
{{range .Pages}} {{range .Pages}}
{{partial "item" .}} {{partial "item" .}}
{{end}} {{end}}
</section>
{{end}} {{end}}
</article>
</main> </main>
{{partial "footer" .}} {{partial "footer" .}}
</body> </body>
</html> </html>

1
layouts/partials/head.html
View file

@ -2,6 +2,7 @@
<link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css"> <link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css">
<link rel="stylesheet" href="{{.Site.BaseURL}}style.css"> <link rel="stylesheet" href="{{.Site.BaseURL}}style.css">
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="title" content="{{ .Site.Title }}"> <meta name="title" content="{{ .Site.Title }}">
<meta name="description" content="{{.Params.description}}"> <meta name="description" content="{{.Params.description}}">
<meta name="og:site_name" content="Libre Solutions Network"> <meta name="og:site_name" content="Libre Solutions Network">

16
layouts/partials/item.html
View file

@ -1,6 +1,5 @@
<section class="listing"> <section class="listing">
<div> <a href="{{.Permalink}}">
{{ if .Params.gif}} {{ if .Params.gif}}
<video autoplay loop preload="true"> <video autoplay loop preload="true">
<source src="{{.Site.BaseURL}}{{.Params.gif}}"> <source src="{{.Site.BaseURL}}{{.Params.gif}}">
@ -12,18 +11,15 @@
</video> </video>
{{else}} {{else}}
{{if .Params.image}} {{if .Params.image}}
<a href="{{.Site.BaseURL}}{{.Permalink}}">
<img src="{{.Site.BaseURL}}{{.Params.image}}"> <img src="{{.Site.BaseURL}}{{.Params.image}}">
</a>
{{else}} {{else}}
<a href="{{.Site.BaseURL}}{{.Permalink}}">
<img src="{{.Site.BaseURL}}{{.Site.Params.default_img}}"> <img src="{{.Site.BaseURL}}{{.Site.Params.default_img}}">
{{end}}
{{end}}
{{end}}
</a> </a>
{{end}}
{{end}} <div class="listing-text">
{{end}}
</div>
<div>
<a href="{{.Permalink}}" ><h2>{{.Title}}</h2></a> <a href="{{.Permalink}}" ><h2>{{.Title}}</h2></a>
<p>{{.Params.description}}</p> <p>{{.Params.description}}</p>
{{if .GetTerms "tags"}} {{if .GetTerms "tags"}}

92
static/css/theme.css
View file

@ -83,12 +83,30 @@ main{
} }
.listing { .listing {
width: 100%; width: 100%;
margin: 1rem; margin-bottom: 1rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
} }
.listing *{
margin:0;
}
.listing-text{
width:80%;
max-width:40rem;
padding:1rem;
}
.listing img,
.listing video{
width:25rem;
max-width:25vw;
}
.listing h2, .listing p{
margin:0;
text-align: left;
}
.listing-preview { .listing-preview {
display: flex; display: flex;
@ -97,6 +115,9 @@ main{
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
} }
.listing a{
width: fit-content;
}
img, img,
@ -245,10 +266,6 @@ article>section>a{
align-items: center; align-items: center;
} }
.listing h2{
text-align: left;
}
table{ table{
@ -287,15 +304,6 @@ video{
color: var(--theme-color-secondary); color: var(--theme-color-secondary);
} }
.listing img,
.listing video {
max-width:25rem;
margin:1rem;
}
aside .listing img{
max-height: 15vh;
}
#sidebar { #sidebar {
padding-top:0; padding-top:0;
@ -386,31 +394,6 @@ aside .listing img{
} }
@media screen and (orientation:portrait){
main{
flex-direction: column-reverse;
align-items: center;
}
.recent,.featured{
flex-direction: column;
align-items: center;
width: 100%;
}
.recent img,
.featured img,
.recent video,
.featured video{
max-width:unset;
width:100%;
margin:0;
}
.listing{
flex-direction: column;
}
}
#tags{ #tags{
display:flex; display:flex;
flex-direction: row; flex-direction: row;
@ -438,3 +421,34 @@ aside .listing img{
margin:0.1rem; margin:0.1rem;
border:1px solid var(--theme-color-accent); border:1px solid var(--theme-color-accent);
} }
@media screen and (orientation:portrait){
main{
flex-direction: column-reverse;
align-items: center;
}
.recent,.featured{
flex-direction: column;
align-items: center;
width: 100%;
}
.listing img,
.listing video{
width:unset;
max-width: 100%;
height:25vh;
}
.recent img,
.featured img,
.recent video,
.featured video{
max-width:unset;
width:100%;
margin:0;
}
.listing{
flex-direction: column;
}
}