Lots of changes

This commit is contained in:
Joseph Hutchinson
2018-03-16 15:12:19 -04:00
parent 6d6a70e705
commit 7a09a9d3e2
3 changed files with 58 additions and 17 deletions

View File

@@ -1,13 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}" dir="ltr"> <html lang="{{ .Site.LanguageCode }}" dir="ltr">
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body> <body style="background-color: #f3f3f3;">
{{.Content}} <div class="content-container">
<section id="content" role="main" class="article-list card-columns"> <main class="card-container">
{{ range $index, $page := .Paginator.Pages }} {{.Content}}
{{ .Render "li" }} <section class="article-list card-columns">
{{ end }} {{ range $index, $page := .Paginator.Pages }}
</section> {{ .Render "li" }}
{{ end }}
</section>
</main>
</div>
</body> </body>
{{ partial "scripts.html" . }} {{ partial "scripts.html" . }}
</html> </html>

View File

@@ -3,19 +3,20 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body> <body>
<div class="content-container"> <div class="content-container">
<section class="article-body" role="main"> <main class="content">
<section>
<span class="post-date">{{ .Date.Format "Jan 2, 2006" }}</span>
</section>
<article> <article>
<header>
<h1>{{ .Title }}</h1>
<time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}" class="post-date">{{ .PublishDate.Format "Jan 2, 2006" }}</time>
</header>
{{ .Content }} {{ .Content }}
</article> </article>
<hr /> <hr />
<!-- <!--
If you're going to use DISQUS comments, insert code here. If you're going to use DISQUS comments, insert code here.
--> -->
</section> </main>
</div> </div>
</body>
{{ partial "scripts.html" . }} {{ partial "scripts.html" . }}
</body>
</html> </html>

View File

@@ -14,18 +14,51 @@ strong {
font-family: 'LatoLatinWebHeavy'; font-family: 'LatoLatinWebHeavy';
font-weight: normal font-weight: normal
} }
header > h1 {
font-size: 2em;
line-height: 1.2em;
margin-bottom: 0;
}
.post-date {
color: #7A7B7C;
font-size: .8em
}
article > p:first-of-type::first-letter {
font-family: 'LatoLatinWebHeavyItalic';
float: left;
font-size: 3em;
line-height: 1em;
padding-right: 0.1em;
margin-bottom: -0.2em;
/* initial-letter: 2; Maybe someday*/
}
img { img {
width: 100%; width: 100%;
height: auto height: auto
} }
.content-container { .content-container {
margin: 0 auto; display: flex;
justify-content: center;
padding: 0 20px; padding: 0 20px;
} }
.article-body { .content {
max-width: 700px; max-width: 700px;
width: 100%; }
margin: 0 auto; .card-container {
max-width: 1000px;
}
.card-columns {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
box-sizing: content-box;
}
.card {
background-color: white;
width: 300px;
margin: 5px;
padding: 10px;
} }
blockquote { blockquote {
border-left: 5px solid #D1D1D1; border-left: 5px solid #D1D1D1;
@@ -40,6 +73,9 @@ ul,
ol { ol {
padding-left: 35px padding-left: 35px
} }
li ul, li ol {
padding-left: 20px;
}
li > p { li > p {
margin: 0px; margin: 0px;
} }