Lots of changes
This commit is contained in:
@@ -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>
|
||||||
@@ -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>
|
||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user