Cards for pages
This commit is contained in:
parent
2d690a2bbc
commit
6b120ecc7c
3 changed files with 21 additions and 11 deletions
6
content/github.md
Normal file
6
content/github.md
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
title: GitHub
|
||||||
|
account: RealOrangeOne
|
||||||
|
---
|
||||||
|
|
||||||
|
My GitHub account
|
|
@ -12,18 +12,11 @@
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
{{ range sort .Pages "Title" }}
|
||||||
<div class="col s3">
|
<div class="col s3">
|
||||||
<div class="card">
|
{{ partial "card.html" . }}
|
||||||
<div class="card-image">
|
|
||||||
<img src="images/sample-1.jpg" />
|
|
||||||
<span class="card-title">Card Title</span>
|
|
||||||
<a class="btn-floating halfway-fab waves-effect waves-light red"><i class="fas fa-plus"></i></a>
|
|
||||||
</div>
|
|
||||||
<div class="card-content">
|
|
||||||
<p>I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{ partial "script.html" "js/materialize.js" }}
|
{{ partial "script.html" "js/materialize.js" }}
|
||||||
|
|
11
layouts/partials/card.html
Normal file
11
layouts/partials/card.html
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
<div class="card hoverable">
|
||||||
|
<div class="card-image">
|
||||||
|
<img src="images/sample-1.jpg" />
|
||||||
|
<a class="btn-floating halfway-fab waves-effect waves-light red"><i class="fas fa-plus"></i></a>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<span class="card-title" style="margin-bottom: -8px">{{ .Title }}</span>
|
||||||
|
<span class="card-title"><h6>{{ .Params.account }}</h6></span>
|
||||||
|
<p>{{ .Summary }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
Reference in a new issue