ybbond

commit 3e129700eaadc782104f43a041ca7ea3362f92d6
parent b0b6e02a9d837a5d2c8b6dc0d5f97b71536fc6e7
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Sun,  3 May 2020 23:39:26 +0700

hotfix: h-card u-uid rel=me

Diffstat:
M
assets/styles.scss
 | 
22
++++++++++++++--------
M
layouts/partials/footer/footer.html
 | 
16
++++++++--------

diff --git a/assets/styles.scss b/assets/styles.scss
@@ -275,9 +275,8 @@ time {
     }
   }
 
-  .h-card {
+  .hcard {
     max-width: 25em;
-    display: flex;
     font-size: 0.8em;
     margin: 2em auto 2.2em;
     padding: 1.5em;
@@ -297,12 +296,19 @@ time {
         margin: 0;
       }
     }
-    &__info {
-      margin-left: 2em;
-    }
-    img {
-      width: 5em;
-      height: 5em;
+    .h-card {
+      position: relative;
+      img {
+        position: absolute;
+        width: 5em;
+        height: 5em;
+      }
+      & > a {
+        padding-left: 6.5em;
+      }
+      & > .p-locality {
+        padding-left: 6.5em;
+      }
     }
   }
 
diff --git a/layouts/partials/footer/footer.html b/layouts/partials/footer/footer.html
@@ -22,16 +22,16 @@
   <a href="https://xn--sr8hvo.ws/%F0%9F%8E%B8%F0%9F%8D%8D%F0%9F%95%97/next">→</a>
 </center>
 
+<div class="hcard">
+  <div class="hcard__description"><p>My <a>h-card</a></p></div>
 <div id="h-card" class="h-card">
-  <div class="h-card__description"><p>My <a>h-card</a></p></div>
   <img class="u-photo" src={{ "logo.png" | absURL }} alt="Weird photo of yohanes bandung" />
-  <div class="h-card__info">
-    <a class="p-name u-url" href={{ .Site.BaseURL }}>{{ substr .Site.Params.Author 0 20 }}</a>
-    <br>
-    <a class="u-email" href="mailto:{{ .Site.Params.Email }}">{{ .Site.Params.Email }}</a>
-    <br>
-    <span class="p-locality">Jakarta</span>, <span class="p-country-name">Indonesia</span>
-  </div>
+  <a class="p-name u-url u-uid" href={{ .Site.Params.MainSiteURL }} rel="me">{{ substr .Site.Params.Author 0 20 }}.</a>
+  <br>
+  <a class="u-email" href="mailto:{{ .Site.Params.Email }}">{{ .Site.Params.Email }}</a>
+  <br>
+  <span class="p-locality">Jakarta</span>, <span class="p-country-name">Indonesia</span>
+</div>
 </div>
 
 <p class="footer__copyright">