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

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

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

16
layouts/_default/li.html
View File

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

2
layouts/_default/single.html
View File

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

5
static/css/style.css
View File

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