heimoshuiyu/aether
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Lots of changes

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

18
layouts/_default/list.html
View File

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

13
layouts/_default/single.html
View File

@@ -3,19 +3,20 @@
{{ partial "head.html" . }}
<body>
<div class="content-container">
<section class="article-body" role="main">
<section>
<span class="post-date">{{ .Date.Format "Jan 2, 2006" }}</span>
</section>
<main class="content">
<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 }}
</article>
<hr />
<!--
If you're going to use DISQUS comments, insert code here.
-->
</section>
</main>
</div>
</body>
{{ partial "scripts.html" . }}
</body>
</html>

44
static/css/style.css
View File

@@ -14,18 +14,51 @@ strong {
font-family: 'LatoLatinWebHeavy';
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 {
width: 100%;
height: auto
}
.content-container {
margin: 0 auto;
display: flex;
justify-content: center;
padding: 0 20px;
}
.article-body {
.content {
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 {
border-left: 5px solid #D1D1D1;
@@ -40,6 +73,9 @@ ul,
ol {
padding-left: 35px
}
li ul, li ol {
padding-left: 20px;
}
li > p {
margin: 0px;
}