commit 3ac97340033528e8101763bec95a4d1f1bc74988 parent c670a7d6b394c3d7cd1836b9bf05e6b1643a2c5b Author: Yohanes Bandung <bandungpenting@gmail.com> Date: Mon, 4 May 2020 16:55:42 +0700 refactor: notes outline Diffstat:
| M | assets/content.scss | | | 10 | ++++++++++ |
| M | content/notes/04 May 2020 - 2.md | | | 2 | +- |
| M | layouts/partials/post/notes-item.html | | | 4 | ++-- |
3 files changed, 13 insertions(+), 3 deletions(-)
diff --git a/assets/content.scss b/assets/content.scss @@ -103,6 +103,7 @@ margin-right: auto; } } + .notes { & > div, & > p { margin: 0; @@ -131,4 +132,13 @@ flex-direction: column; } } + + &:target { + outline: solid 0.2em; + outline-offset: 0.6em; + transition: outline-offset 0.6s ease-out; + @include themify($themes) { + outline-color: themed('color-background-hover'); + } + } } diff --git a/content/notes/04 May 2020 - 2.md b/content/notes/04 May 2020 - 2.md @@ -4,4 +4,4 @@ tags: - Notes #notes --- -I've succesfully [IndieWebified](https://indiewebify.me/) my site 🥰🙌🦇 Mentions and likes not yet displayed, but can be seen on https://webmention.io/api/mentions.html?token=AdTeNszCWG2M0ODd39Ahsw +I've succesfully [IndieWebified](https://indiewebify.me/) my site 🥰🙌🦇 Mentions and likes not yet displayed, but can be seen on [my webmention page](https://webmention.io/api/mentions.html?token=AdTeNszCWG2M0ODd39Ahsw) diff --git a/layouts/partials/post/notes-item.html b/layouts/partials/post/notes-item.html @@ -1,6 +1,6 @@ {{ $dateformat := .Date.Format "2006-01-02 15:04" }} {{ $idslug := (print "date-" $dateformat "-") | urlize }} -<div class="notes h-entry"> +<div class="notes h-entry" id={{ $idslug }}> <div id="h-card" class="hcard"> <img class="u-photo" src={{ "logo.png" | absURL }} alt="Weird photo of yohanes bandung" /> <a class="p-author h-card" href={{ .Site.Params.MainSiteURL }} rel="author">{{ substr .Site.Params.Author 0 20 }}.</a> @@ -13,7 +13,7 @@ <br> <a class="p-category" href={{ "notes/" | absURL }}>notes</a> </div> - <p class="notes__title" id={{ $idslug }}> + <p class="notes__title"> <span> <time title="{{ .Date.Format "Monday, 02 January 2006 on 15:04:05" }} GMT+7" class="notes__title__date dt-published" datetime="{{ .Date.Format "2006-01-02T15:04:05" }}+07:00"> {{ .Date.Format "02 Jan 2006" }}