Put drop case only on post page and make whole card a link

This commit is contained in:
Joseph Hutchinson
2018-03-19 14:43:45 -04:00
parent 1fca68207d
commit df668bdb61
3 changed files with 12 additions and 11 deletions

View File

@@ -1,8 +1,8 @@
<article class="card">
<h2 class="card-title">
<a href="{{ .Permalink }}" rel="bookmark" title="Link to {{ .Title }}">{{ .Title }}</a>
</h2>
<span class="post-date">Published {{ .Date.Format "Jan 2, 2006" }}</span>
<p>{{ .Description }}</p>
{{ if .Truncated }}<a class="moretag" href="{{ .Permalink }}">Continue reading</a>{{ end }}
</article>
<a href="{{ .Permalink }}" rel="bookmark" title="Link to {{ .Title }}" style="display: block;">
<article class="card">
<h2 class="card-title">{{ .Title }}</h2>
<span class="post-date">Published {{ .Date.Format "Jan 2, 2006" }}</span>
<p>{{ .Description }}</p>
<!-- {{ if .Truncated }}<a class="moretag" href="{{ .Permalink }}">Continue reading</a>{{ end }} -->
</article>
</a>

View File

@@ -4,7 +4,7 @@
<body>
<div class="content-container">
<main class="content">
<article>
<article class="post">
<header>
<h1>{{ .Title }}</h1>
<time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}" class="post-date">{{ .PublishDate.Format "Jan 2, 2006" }}</time>

View File

@@ -6,6 +6,7 @@ body {
padding: 0;
}
p {
line-height: 1.5rem;
margin: 1.5rem 0;
}
b,
@@ -22,7 +23,7 @@ header > h1 {
color: #7A7B7C;
font-size: .8em
}
article > p:first-of-type::first-letter {
.post > p:first-of-type::first-letter {
font-family: 'LatoLatinWebHeavyItalic';
float: left;
font-size: 3em;
@@ -56,7 +57,7 @@ img {
.card {
background-color: white;
padding: 15px;
border-radius: 10px;
border-radius: 5px;
box-shadow: 0 20px 25px 0px rgba(0, 0, 0, 0.05);
}
.card-title {