commit af2b0bae6c8ef5889d61f8893e4098c85841d0e4 parent a81d43878bba7be1e0a9d0c2aa75a06ec5ae23b5 Author: Yohanes Bandung <bandungpenting@gmail.com> Date: Sun, 3 May 2020 23:13:05 +0700 feature: add h-card Diffstat:
| M | assets/styles.scss | | | 37 | ++++++++++++++++++++++++++++++++++++- |
| M | assets/variables.scss | | | 2 | ++ |
| M | layouts/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>