Added representative h-card

5 files changed, 38 insertions, 7 deletions

diff --git a/config.yaml b/config.yaml
index 2d0fcdf..7eed1b6 100644
--- a/config.yaml
+++ b/config.yaml
@@ -8,4 +8,4 @@ SectionPagesMenu: "main"
 
 params:
   author: "RayHammer"
-  description: "Privacy and security online."
\ No newline at end of file
+  description: "Local Idiot Online."
\ No newline at end of file
diff --git a/static/img/rayhammer.jpg b/static/img/rayhammer.jpg
new file mode 100644
index 0000000..4754e38
--- /dev/null
+++ b/static/img/rayhammer.jpg
diff --git a/themes/stingray/layouts/index.html b/themes/stingray/layouts/index.html
index 31208e3..919ef99 100644
--- a/themes/stingray/layouts/index.html
+++ b/themes/stingray/layouts/index.html
@@ -1,9 +1,11 @@
 {{ define "main" }}
-<div class="text-center">
-    <h1 class="title">{{ .Site.Title }}</h1>
-    {{ .Description }}
-</div>
-<div>
-    {{ .Content }}
+<div id="card" class="h-card text-center">
+    <a class="u-url u-uid" href="https://rayhammer.dev" rel="me">
+        <img class="u-photo" src="img/rayhammer.jpg">
+    </a>
+    <p>
+        <span class="p-nickname">RayHammer</span>
+    </p>
 </div>
+{{ .Content }}
 {{ end }}
\ No newline at end of file
diff --git a/themes/stingray/layouts/partials/header.html b/themes/stingray/layouts/partials/header.html
index e69de29..5759242 100644
--- a/themes/stingray/layouts/partials/header.html
+++ b/themes/stingray/layouts/partials/header.html
@@ -0,0 +1,4 @@
+<div class="text-center">
+    <h1 class="title">{{ .Site.Title }}</h1>
+    {{ .Site.Params.Description }}
+</div>
\ No newline at end of file
diff --git a/themes/stingray/static/css/main.css b/themes/stingray/static/css/main.css
index 048f6c5..a32caa2 100644
--- a/themes/stingray/static/css/main.css
+++ b/themes/stingray/static/css/main.css
@@ -1,4 +1,29 @@
 .jumbotron {
     max-width: 900px;
     margin: auto;
+}
+
+#content {
+    display: block;
+    overflow: hidden;
+    padding: 20px;
+}
+
+#card {
+    float: left;
+    position: relative;
+    border: 1px solid black;
+    margin-right: 20px;
+    padding: 25px;
+    max-width: 200px;
+}
+
+#card .u-photo {
+    width: 100%;
+    height: auto;
+    object-fit: contain;
+}
+
+#card .p-nickname {
+    font-weight: bold;
 }
\ No newline at end of file