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

Make cards display horizontally on desktop

Browse Source
This commit is contained in:
Joseph Hutchinson
2018-04-13 14:41:38 -04:00
parent fc6aba20f1
commit d0243c2c33
3 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
layouts/_default/li.html
View File

@@ -1,8 +1,11 @@
<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" href="{{ .Permalink }}" class="card-link-wrapper" rel="bookmark" title="Link to {{ .Title }}" >
<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)"
onmouseover="cardPressed.call(this)" onmouseout="cardReleased.call(this)" href="{{ .Permalink }}" class="card" rel="bookmark" title="Link to {{ .Title }}" >
{{ if isset .Params "featuredimage" }}
<div>
<img src="{{ .Site.BaseURL }}/{{.Params.featuredimage }}" class="card-img">
</div>
{{ end }}
<article class="card">
<article class="card-body">
<h2 class="card-title">{{ .Title }}</h2>
<p class="card-text">{{ .Description }}</p>
<p class="card-date post-date">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>