From db30275f49530d194fd00e935446541bc3733dfe Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Wed, 16 Jan 2019 20:55:28 +0000
Subject: [PATCH] Add realistic content to card

---
 content/github.md                  |  2 ++
 layouts/partials/account-name.html |  1 +
 layouts/partials/card.html         | 19 +++++++++----------
 scripts/build.sh                   |  2 ++
 static/src/index.scss              | 14 ++++++++++++++
 5 files changed, 28 insertions(+), 10 deletions(-)
 create mode 100644 layouts/partials/account-name.html
 create mode 100644 static/src/index.scss

diff --git a/content/github.md b/content/github.md
index 799d72f..72bd63f 100644
--- a/content/github.md
+++ b/content/github.md
@@ -1,6 +1,8 @@
 ---
 title: GitHub
 account: RealOrangeOne
+account_url: https://github.com/realorangeone
+icon: fab fa-github
 ---
 
 My GitHub account
diff --git a/layouts/partials/account-name.html b/layouts/partials/account-name.html
new file mode 100644
index 0000000..7d49838
--- /dev/null
+++ b/layouts/partials/account-name.html
@@ -0,0 +1 @@
+{{ default "@" .Params.account_prefix }}{{ .Params.account }}
diff --git a/layouts/partials/card.html b/layouts/partials/card.html
index a03df8c..de2bc64 100644
--- a/layouts/partials/card.html
+++ b/layouts/partials/card.html
@@ -1,11 +1,10 @@
-<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>
+<a href="{{ .Params.account_url }}">
+    <div class="card hoverable">
+        <i class="card-icon {{ .Params.icon }} fa-7x"></i>
+        <div class="card-content">
+            <span class="card-title" style="margin-bottom: -8px">{{ .Title }}</span>
+            <span class="card-title username"><h6>{{ partial "account-name.html" . }}</h6></span>
+            <p>{{ .Summary }}</p>
+        </div>
     </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>
+</a>
diff --git a/scripts/build.sh b/scripts/build.sh
index a942170..da3b870 100755
--- a/scripts/build.sh
+++ b/scripts/build.sh
@@ -10,4 +10,6 @@ cp -r node_modules/materialize-css/dist/* static/build/
 cp -r node_modules/@fortawesome/fontawesome-free/css/all.min.css static/build/css/font-awesome.css
 cp -r node_modules/@fortawesome/fontawesome-free/webfonts static/build/
 
+cp static/src/* static/build
+
 hugo -v --stepAnalysis --gc
diff --git a/static/src/index.scss b/static/src/index.scss
new file mode 100644
index 0000000..52784f7
--- /dev/null
+++ b/static/src/index.scss
@@ -0,0 +1,14 @@
+$primary: #E85537;
+
+.card {
+    text-align: center;
+    color: black;
+
+    .card-icon {
+        margin-top: 24px;
+    }
+
+    .username {
+        color: $primary;
+    }
+}