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

cosmetic changes

Browse source
This commit is contained in:
Gabriel 2022-09-09 15:34:02 -04:00
parent 8a2f71f7a1
commit 8f060fcd9d
5 changed files with 47 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/_default/list.html
View file

@ -13,7 +13,7 @@
</article> </article>
{{end}} {{end}}
{{ if .Pages }} {{ if .Pages }}
<article> <section>
{{range .Pages}} {{range .Pages}}
<section class="listing"> <section class="listing">
<div> <div>
@ -33,7 +33,7 @@
</div> </div>
</section> </section>
{{end}} {{end}}
</article> </section>
{{end}} {{end}}
</main> </main>

6
layouts/index.html
View file

@ -6,7 +6,7 @@
<body> <body>
{{partial "header" .}} {{partial "header" .}}
<main> <main>
<section> <section id="main-content">
<article> <article>
{{.Content}} {{.Content}}
</article> </article>
@ -28,9 +28,9 @@
</article> </article>
{{end}} {{end}}
</section> </section>
<article id="sidebar"> <section id="sidebar">
{{partial "sidebar" .}} {{partial "sidebar" .}}
</article> </section>
</main> </main>
{{ partial "footer" .}} {{ partial "footer" .}}
</body> </body>

39
layouts/partials/sidebar.html
View file

@ -1,23 +1,7 @@
{{if .Site.Data.details.featured}}
<h2>Featured</h2>
{{ range .Site.Data.details.featured}}
<section class="featured">
<a href="{{.href}}">
<img src="{{.img}}">
</a>
<div>
<a href="{{.href}}">
<h3>{{.title}}</h3>
</a>
<p>{{.description}}</p>
</div>
</section>
{{end}}
{{end}}
<hr>
<h2>Recent Content</h2> <h2>Recent Content</h2>
{{range first 5 .Site.RegularPages}} {{range first 3 .Site.RegularPages}}
<section class="recent"> <section class="recent">
<a href="{{.Permalink}}"> <a href="{{.Permalink}}">
@ -35,3 +19,22 @@
</div> </div>
</section> </section>
{{end}} {{end}}
<hr>
{{if .Site.Data.details.featured}}
<h2>Featured</h2>
{{ range .Site.Data.details.featured}}
<section class="featured">
<a href="{{.href}}">
<img src="{{.img}}">
</a>
<div>
<a href="{{.href}}">
<h3>{{.title}}</h3>
</a>
<p>{{.description}}</p>
</div>
</section>
{{end}}
{{end}}

2
layouts/shortcodes/video.html
View file

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

40
static/css/theme.css
View file

@ -1,10 +1,10 @@
body { body {
line-height: 1.25; line-height: 1.25;
--theme-color-primary: black; --theme-color-primary: white;
--theme-color-secondary: white; --theme-color-secondary: black;
--theme-color-accent: #1d7fd4; --theme-color-accent: #1d7fd4;
--theme-color-accent-transparent: #1d7fd444; --theme-color-accent-transparent: #1d7fd444;
--theme-color-accent2: #ebb716; --theme-color-accent2: #0852a5;
--theme-color-accent2-transparent: #ebb71644; --theme-color-accent2-transparent: #ebb71644;
width: 100vw; width: 100vw;
margin: 0px; margin: 0px;
@ -38,7 +38,6 @@ footer{
margin-bottom:0; margin-bottom:0;
} }
nav{ nav{
background-color:rgba(0,0,0,0.7);
border-radius:30%; border-radius:30%;
} }
@ -77,6 +76,9 @@ main{
padding-left:10%; padding-left:10%;
padding-right:10%; padding-right:10%;
} }
#main-content{
min-width:30vw;
}
.listing { .listing {
width: 100%; width: 100%;
margin: 1rem; margin: 1rem;
@ -146,6 +148,7 @@ header {
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
bottom: 0; bottom: 0;
font-size:1.5rem
} }
nav { nav {
@ -168,20 +171,16 @@ section {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
padding: 1.25rem; padding: 1.25rem;
border-radius: 1rem; border-radius: 1rem;
font-size:125%;
} }
article { article {
background-color: #000015b6;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
padding: 0.5rem; padding: 1.5rem;
border-radius: 1rem;
box-shadow: 0 0 0.45rem var(--theme-color-accent);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-size:115%; font-size:2.25rem;
} }
blockquote { blockquote {
@ -232,19 +231,21 @@ article img{
} }
article video, article video,
article iframe { article iframe {
align-self: center;
max-width: 60rem; max-width: 60rem;
width: 80%; width: 80%;
}
article iframe{
height:30rem; height:30rem;
background-color: transparent;
} }
article>section>a{ article>section>a{
display:flex; display:flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width:100%;
}
.listing h2{
text-align: left;
} }
@ -269,9 +270,10 @@ video{
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
padding:1.5%; padding:1.5%;
justify-content: flex-start; justify-content: center;
text-decoration: none; text-decoration: none;
text-align: left; text-align: left;
width:80%;
} }
.link-preview>div{ .link-preview>div{
margin:1rem; margin:1rem;
@ -295,10 +297,9 @@ aside .listing img{
} }
#sidebar { #sidebar {
padding:1rem;
padding-top:0; padding-top:0;
margin:2rem;
margin-top:3rem; margin-top:3rem;
border:0.25rem solid var(--theme-color-accent);
align-items: flex-start; align-items: flex-start;
} }
@ -306,15 +307,14 @@ aside .listing img{
.featured *{ .featured *{
margin:0; margin:0;
padding:0; padding:0;
font-size:100%;
text-align: left; text-align: left;
} }
.recent img, .recent img,
.featured img, .featured img,
.recent video, .recent video,
.featured video{ .featured video{
max-width: 20rem; max-width: 10vw;
margin:1rem; margin:0.25rem;
} }
#social-links{ #social-links{