cosmetic changes
This commit is contained in:
parent
8a2f71f7a1
commit
8f060fcd9d
5 changed files with 47 additions and 44 deletions
|
@ -13,7 +13,7 @@
|
|||
</article>
|
||||
{{end}}
|
||||
{{ if .Pages }}
|
||||
<article>
|
||||
<section>
|
||||
{{range .Pages}}
|
||||
<section class="listing">
|
||||
<div>
|
||||
|
@ -33,7 +33,7 @@
|
|||
</div>
|
||||
</section>
|
||||
{{end}}
|
||||
</article>
|
||||
</section>
|
||||
{{end}}
|
||||
</main>
|
||||
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<body>
|
||||
{{partial "header" .}}
|
||||
<main>
|
||||
<section>
|
||||
<section id="main-content">
|
||||
<article>
|
||||
{{.Content}}
|
||||
</article>
|
||||
|
@ -28,9 +28,9 @@
|
|||
</article>
|
||||
{{end}}
|
||||
</section>
|
||||
<article id="sidebar">
|
||||
<section id="sidebar">
|
||||
{{partial "sidebar" .}}
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
{{ partial "footer" .}}
|
||||
</body>
|
||||
|
|
|
@ -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>
|
||||
{{range first 5 .Site.RegularPages}}
|
||||
{{range first 3 .Site.RegularPages}}
|
||||
|
||||
<section class="recent">
|
||||
<a href="{{.Permalink}}">
|
||||
|
@ -35,3 +19,22 @@
|
|||
</div>
|
||||
</section>
|
||||
{{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}}
|
|
@ -1,3 +1,3 @@
|
|||
<video controls>
|
||||
<video {{if .Get "autoplay"}}autoplay muted loop{{else}}controls {{end}}>
|
||||
<source src='{{.Get "src" }}'>
|
||||
</video>
|
|
@ -1,10 +1,10 @@
|
|||
body {
|
||||
line-height: 1.25;
|
||||
--theme-color-primary: black;
|
||||
--theme-color-secondary: white;
|
||||
--theme-color-primary: white;
|
||||
--theme-color-secondary: black;
|
||||
--theme-color-accent: #1d7fd4;
|
||||
--theme-color-accent-transparent: #1d7fd444;
|
||||
--theme-color-accent2: #ebb716;
|
||||
--theme-color-accent2: #0852a5;
|
||||
--theme-color-accent2-transparent: #ebb71644;
|
||||
width: 100vw;
|
||||
margin: 0px;
|
||||
|
@ -38,7 +38,6 @@ footer{
|
|||
margin-bottom:0;
|
||||
}
|
||||
nav{
|
||||
background-color:rgba(0,0,0,0.7);
|
||||
border-radius:30%;
|
||||
}
|
||||
|
||||
|
@ -77,6 +76,9 @@ main{
|
|||
padding-left:10%;
|
||||
padding-right:10%;
|
||||
}
|
||||
#main-content{
|
||||
min-width:30vw;
|
||||
}
|
||||
.listing {
|
||||
width: 100%;
|
||||
margin: 1rem;
|
||||
|
@ -146,6 +148,7 @@ header {
|
|||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
bottom: 0;
|
||||
font-size:1.5rem
|
||||
}
|
||||
|
||||
nav {
|
||||
|
@ -168,20 +171,16 @@ section {
|
|||
margin-bottom: 0.5rem;
|
||||
padding: 1.25rem;
|
||||
border-radius: 1rem;
|
||||
font-size:125%;
|
||||
}
|
||||
|
||||
article {
|
||||
background-color: #000015b6;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.5rem;
|
||||
border-radius: 1rem;
|
||||
box-shadow: 0 0 0.45rem var(--theme-color-accent);
|
||||
padding: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-size:115%;
|
||||
font-size:2.25rem;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
|
@ -232,19 +231,21 @@ article img{
|
|||
}
|
||||
article video,
|
||||
article iframe {
|
||||
align-self: center;
|
||||
max-width: 60rem;
|
||||
width: 80%;
|
||||
}
|
||||
article iframe{
|
||||
height:30rem;
|
||||
background-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
article>section>a{
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width:100%;
|
||||
|
||||
}
|
||||
.listing h2{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
|
@ -269,9 +270,10 @@ video{
|
|||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
padding:1.5%;
|
||||
justify-content: flex-start;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
text-align: left;
|
||||
width:80%;
|
||||
}
|
||||
.link-preview>div{
|
||||
margin:1rem;
|
||||
|
@ -295,10 +297,9 @@ aside .listing img{
|
|||
}
|
||||
|
||||
#sidebar {
|
||||
padding:1rem;
|
||||
padding-top:0;
|
||||
margin:2rem;
|
||||
margin-top:3rem;
|
||||
border:0.25rem solid var(--theme-color-accent);
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
|
@ -306,15 +307,14 @@ aside .listing img{
|
|||
.featured *{
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:100%;
|
||||
text-align: left;
|
||||
}
|
||||
.recent img,
|
||||
.featured img,
|
||||
.recent video,
|
||||
.featured video{
|
||||
max-width: 20rem;
|
||||
margin:1rem;
|
||||
max-width: 10vw;
|
||||
margin:0.25rem;
|
||||
}
|
||||
|
||||
#social-links{
|
||||
|
|
Loading…
Reference in a new issue