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

presentable?

Browse source
This commit is contained in:
Gabriel 2022-09-09 17:02:10 -04:00
parent 8f060fcd9d
commit 2f47f36ef2
3 changed files with 52 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
layouts/partials/metadata.html
View file

@ -3,15 +3,16 @@
{{$author := index .Site.Data.details.staff (.Params.author | default "default")}} {{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
<img src="{{$author.image}}" style="max-width:10rem;border-radius:5rem;"> <img src="{{$author.image}}" style="max-width:10rem;border-radius:5rem;">
<h2>{{$author.name}}</h2> <h2>{{$author.name}}</h2>
<p>Date: {{.Date | time.Format "Jan 02 2006"}}</p> <p>Published: {{.Date | time.Format "Jan 02 2006"}}</p>
</div> </div>
<div> <div>
<h2>Tags</h2>
<h3>Tags:</h3> <div id="tags">
{{ range (.GetTerms "tags")}} {{ range (.GetTerms "tags")}}
<a href="{{.Permalink}}">{{.LinkTitle}}</a> <a href="{{.Permalink}}">{{.LinkTitle}}</a>
{{end}} {{end}}
</div> </div>
</div> </div>
</div>
</div> </div>

13
layouts/partials/sidebar.html
View file

@ -1,8 +1,8 @@
<div class="section-heading">
<h2>Recent Content</h2> <h2>Recent Content</h2>
</div>
{{range first 3 .Site.RegularPages}} {{range first 3 .Site.RegularPages}}
<section class="recent"> <section class="recent">
<a href="{{.Permalink}}"> <a href="{{.Permalink}}">
{{if .Params.video}} {{if .Params.video}}
@ -19,11 +19,10 @@
</div> </div>
</section> </section>
{{end}} {{end}}
<hr>
{{if .Site.Data.details.featured}} {{if .Site.Data.details.featured}}
<h2>Featured</h2> <div class="section-heading">
<h2>Featured</h2>
</div>
{{ range .Site.Data.details.featured}} {{ range .Site.Data.details.featured}}
<section class="featured"> <section class="featured">
<a href="{{.href}}"> <a href="{{.href}}">

55
static/css/theme.css
View file

@ -2,7 +2,7 @@ body {
line-height: 1.25; line-height: 1.25;
--theme-color-primary: white; --theme-color-primary: white;
--theme-color-secondary: black; --theme-color-secondary: black;
--theme-color-accent: #1d7fd4; --theme-color-accent: #076cc5;
--theme-color-accent-transparent: #1d7fd444; --theme-color-accent-transparent: #1d7fd444;
--theme-color-accent2: #0852a5; --theme-color-accent2: #0852a5;
--theme-color-accent2-transparent: #ebb71644; --theme-color-accent2-transparent: #ebb71644;
@ -17,6 +17,7 @@ body {
align-items: center; align-items: center;
color: var(--theme-color-secondary); color: var(--theme-color-secondary);
background-color: var(--theme-color-primary); background-color: var(--theme-color-primary);
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
} }
.background-photo { .background-photo {
@ -48,18 +49,18 @@ p {
} }
a { a {
color: var(--theme-color-accent2); color: var(--theme-color-accent);
} }
a:visited { a:visited {
color: var(--theme-color-accent2); color: var(--theme-color-accent);
} }
hr { hr {
width: 100%; width: 100%;
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
color: var(--theme-color-accent2); color: var(--theme-color-accent);
} }
main,aside { main,aside {
@ -71,10 +72,13 @@ main,aside {
padding:1rem; padding:1rem;
max-width:90vw; max-width:90vw;
} }
main>section{
margin:1rem;
}
main{ main{
padding-left:10%; padding-left:5rem;
padding-right:10%; padding-right:5rem;
} }
#main-content{ #main-content{
min-width:30vw; min-width:30vw;
@ -112,6 +116,8 @@ audio {
flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
font-size: 1.25rem;
} }
.metadata>div { .metadata>div {
@ -167,10 +173,6 @@ section {
display:flex; display:flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
padding: 1.25rem;
border-radius: 1rem;
} }
article { article {
@ -181,6 +183,8 @@ article {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-size:2.25rem; font-size:2.25rem;
font-family:Verdana, Geneva, Tahoma, sans-serif;
max-width:60rem;
} }
blockquote { blockquote {
@ -298,17 +302,22 @@ aside .listing img{
#sidebar { #sidebar {
padding-top:0; padding-top:0;
margin-top:3rem; border:0.5rem solid var(--theme-color-accent);
border:0.25rem solid var(--theme-color-accent); border-radius: 1rem;
align-items: flex-start; align-items: flex-start;
} }
.recent *, .recent *,
.featured *{ .featured *{
margin:0; margin:0.25rem;
padding:0; padding:0;
text-align: left; text-align: left;
} }
.recent p,
.featured p{
min-width: 20vw;
}
.recent img, .recent img,
.featured img, .featured img,
.recent video, .recent video,
@ -368,11 +377,18 @@ aside .listing img{
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
padding:1rem;
} }
.featured a,.recent a{ .featured a,.recent a{
width:initial; width:initial;
} }
.section-heading{
background-color: var(--theme-color-accent);
color: var(--theme-color-primary);
width: 100%;
}
@media screen and (orientation:portrait){ @media screen and (orientation:portrait){
main{ main{
@ -385,3 +401,16 @@ aside .listing img{
} }
} }
#tags{
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
#tags>*{
margin:1rem;
background-color: var(--theme-color-accent);
color:var(--theme-color-primary);
border-radius: 1.5rem;
padding:1.5rem;
font-weight: bolder;
}