misc changes
This commit is contained in:
parent
21ab4db6ce
commit
a0ceae22ad
4 changed files with 84 additions and 72 deletions
|
@ -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>
|
|
@ -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">
|
||||||
|
|
|
@ -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,19 +11,16 @@
|
||||||
</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}}
|
<a href="{{.Permalink}}" ><h2>{{.Title}}</h2></a>
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
|
|
||||||
<p>{{.Params.description}}</p>
|
<p>{{.Params.description}}</p>
|
||||||
{{if .GetTerms "tags"}}
|
{{if .GetTerms "tags"}}
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue