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

home card

Browse Source
This commit is contained in:
Joseph Hutchinson
2018-04-26 22:52:01 -04:00
parent 8e1e4ca2da
commit dbb82f6904
4 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/_default/li.html
View File

@@ -11,7 +11,7 @@
<div class="card-subtext muted-text"> <div class="card-subtext muted-text">
<p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p> <p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>
<p style="margin: 0 1em 0 0;">|</p> <p style="margin: 0 1em 0 0;">|</p>
<p style="margin: 0 1em 0 0;">#{{ .Params.tags }}</p> <p style="margin: 0 1em 0 0;">#{{ .Params.categories }}</p>
</div> </div>
</article> </article>
</a> </a>

2
layouts/_default/single-li.html
View File

@@ -12,7 +12,7 @@
<div class="card-subtext muted-text"> <div class="card-subtext muted-text">
<p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p> <p style="margin: 0 1em 0 0;">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>
<p style="margin: 0 1em 0 0;">|</p> <p style="margin: 0 1em 0 0;">|</p>
<p style="margin: 0 1em 0 0;">#{{ .Params.category}}</p> <p style="margin: 0 1em 0 0;">#{{ .Params.categories }}</p>
</div> </div>
</article> </article>
</a> </a>

4
layouts/partials/home-card.html Normal file
View File

@@ -0,0 +1,4 @@
<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)"
href="/" class="card home-card" rel="bookmark" >
Home
</a>

17
static/css/style.css
View File

@@ -3,7 +3,7 @@ body {
"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #3A3B3C; color: #3A3B3C;
font-size: 1.1em; font-size: 1.1em;
background-color: #f0f1f2; background-color: #ecedef;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex; display: flex;
@@ -68,7 +68,7 @@ strong {
box-shadow: 0 0.15em 0.3em 0 rgba(0, 0, 0, 0.16), 0 0.15em 0.3em -0.04em rgba(0, 0, 0, 0.23); box-shadow: 0 0.15em 0.3em 0 rgba(0, 0, 0, 0.16), 0 0.15em 0.3em -0.04em rgba(0, 0, 0, 0.23);
} }
.list-header { .list-header {
margin: 9em 0; margin: 8em 0 6em 0;
text-align: center; text-align: center;
} }
.list-header-title { .list-header-title {
@@ -84,11 +84,11 @@ strong {
margin: 0; margin: 0;
} }
.card-container { .card-container {
max-width: 46rem; max-width: 47rem;
} }
.card { .card {
display: block; display: block;
margin: 2rem 0; margin: 2.2rem 0;
box-sizing: border-box; box-sizing: border-box;
background-color: white; background-color: white;
text-decoration: none; text-decoration: none;
@@ -103,7 +103,7 @@ strong {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: white; color: white;
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),url(../img/antony-xia-522597-unsplash.jpg) center center no-repeat; background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../img/city.jpg) center center no-repeat;
object-fit: cover; object-fit: cover;
} }
.blog-card { .blog-card {
@@ -161,7 +161,7 @@ strong {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
max-width: 46rem; max-width: 47rem;
} }
.button { .button {
padding: 0.5em 0.6em; padding: 0.5em 0.6em;
@@ -271,15 +271,12 @@ footer {
font-size: 1.125rem; font-size: 1.125rem;
} }
.list-header { .list-header {
margin: 8em 0; margin: 8em 0 6em 0;
} }
.list-header-title { .list-header-title {
font-weight: normal; font-weight: normal;
font-size: 4.2em; font-size: 4.2em;
} }
.card-columns {
grid-gap: 2em;
}
.card { .card {
border-radius: 0.2rem; border-radius: 0.2rem;
} }