ybbond

My site. The main domain
Log | Files | Refs | README | LICENSE | CC-LICENSE

commit af2b0bae6c8ef5889d61f8893e4098c85841d0e4
parent a81d43878bba7be1e0a9d0c2aa75a06ec5ae23b5
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Sun,  3 May 2020 23:13:05 +0700

feature: add h-card

Diffstat:
Massets/styles.scss | 37++++++++++++++++++++++++++++++++++++-
Massets/variables.scss | 2++
Mlayouts/partials/footer/footer.html | 13++++++++++++-

3 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/assets/styles.scss b/assets/styles.scss
@@ -23,6 +23,9 @@ body {
 
 hr {
   margin: 40px auto;
+  @include themify($themes) {
+    border: solid 1px themed('color-border');
+  }
 }
 
 @media (max-width: 599px) {
@@ -255,7 +258,7 @@ time {
     }
   }
   &__copyright {
-    margin: 10px 0 40px;
+    margin: 10px 0 2em;
     font-size: 0.8em;
     text-align: center;
     @media (max-width: 599px) {
@@ -268,3 +271,34 @@ time {
     }
   }
 }
+
+.h-card {
+  max-width: 25em;
+  display: flex;
+  font-size: 0.8em;
+  margin: 0 auto 2em;
+  padding: 1.5em;
+  position: relative;
+  @include themify($themes) {
+    border: solid 2px themed('color-border');
+  }
+  &__description {
+    top: -0.9em;
+    left: 1em;
+    padding: 0 0.5em;
+    position: absolute;
+    @include themify($themes) {
+      background-color: themed('color-background');
+    }
+    & > p {
+      margin: 0;
+    }
+  }
+  &__info {
+    margin-left: 2em;
+  }
+  img {
+    width: 5em;
+    height: 5em;
+  }
+}+
\ No newline at end of file
diff --git a/assets/variables.scss b/assets/variables.scss
@@ -24,6 +24,7 @@ $themes: (
     color-text: #242424,
     color-background: #E3E0D7,
     color-background-hover: #D4D1C7,
+    color-border: #555555,
     color-red: #C31B00,
     color-blue: #2585FF,
     color-green: #257933,
@@ -32,6 +33,7 @@ $themes: (
     color-text: #E3E0D7,
     color-background: #242424,
     color-background-hover: #303030,
+    color-border: #808080,
     color-red: #F9690E,
     color-blue: #8DBFFF,
     color-green: #79D688,
diff --git a/layouts/partials/footer/footer.html b/layouts/partials/footer/footer.html
@@ -20,9 +20,20 @@
   {{ with .Site.BaseURL }}
     <span class="footer__copyright__separator">-</span>
     <span class="footer__copyright__site">
-      <a href="{{ . }}" class="button">
+      <a href="{{ . }}">
         {{ . | replaceRE "^https?://([^/]+).*" "$1" }}
       </a>
     </span>
   {{ end }}
 </p>
+<div 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>
+</div>