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

better media integration

Browse source
This commit is contained in:
Gabriel 2022-09-16 16:04:37 -04:00
parent 8807411a61
commit 0312f241d5
6 changed files with 28 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/header.html
View file

@ -1,5 +1,5 @@
<header> <header>
<img src="{{.Site.Data.details.logo}}"> <img src="{{.Site.Params.default_img}}">
<div> <div>
<h1>{{.Site.Title }}</h1> <h1>{{.Site.Title }}</h1>
<i>{{.Site.Params.subtitle}}</i> <i>{{.Site.Params.subtitle}}</i>

2
layouts/shortcodes/audio.html
View file

@ -1,3 +1,3 @@
<audio controls> <audio controls preload="false">
<source src='{{.Get "src" }}'> <source src='{{.Get "src" }}'>
</audio> </audio>

4
layouts/shortcodes/gif.html Normal file
View file

@ -0,0 +1,4 @@
<video autoplay muted loop preload="true">
<source src='{{.Get "src" }}'>
<source src='{{.Get 0 }}'>
</video>

2
layouts/shortcodes/image.html
View file

@ -1,7 +1,7 @@
{{ if .Get "href"}} {{ if .Get "href"}}
<a href='{{.Get "href"}}'> <a href='{{.Get "href"}}'>
{{end}} {{end}}
<img <img loading="lazy"
src='{{.Get "src"}}' src='{{.Get "src"}}'
{{if .Get "alt"}} {{if .Get "alt"}}
alt='{{.Get "alt"}}' alt='{{.Get "alt"}}'

2
layouts/shortcodes/video.html
View file

@ -1,3 +1,3 @@
<video {{if .Get "autoplay"}}autoplay muted loop{{else}}controls {{end}}> <video {{if .Get "autoplay"}}autoplay muted loop preload="true"{{else}}controls preload="false"{{end}}>
<source src='{{.Get "src" }}'> <source src='{{.Get "src" }}'>
</video> </video>

23
static/css/theme.css
View file

@ -152,7 +152,6 @@ header {
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
bottom: 0;
font-size:1.25rem font-size:1.25rem
} }
@ -173,7 +172,12 @@ section {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
h1{
font-size:200%;
}
h2{
font-size:150%;
}
article { article {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -181,7 +185,6 @@ article {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-size:1.5rem;
font-family:Verdana, Geneva, Tahoma, sans-serif; font-family:Verdana, Geneva, Tahoma, sans-serif;
max-width:80rem; max-width:80rem;
} }
@ -408,4 +411,18 @@ aside .listing img{
border-radius: 1.5rem; border-radius: 1.5rem;
padding:1.5rem; padding:1.5rem;
font-weight: bolder; font-weight: bolder;
}
.gallery{
width:90%;
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
.gallery>*{
margin:0.1rem;
border:1px solid var(--theme-color-accent);
} }