ybbond

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

commit 3ac97340033528e8101763bec95a4d1f1bc74988
parent c670a7d6b394c3d7cd1836b9bf05e6b1643a2c5b
Author: Yohanes Bandung <bandungpenting@gmail.com>
Date:   Mon,  4 May 2020 16:55:42 +0700

refactor: notes outline

Diffstat:
Massets/content.scss | 10++++++++++
Mcontent/notes/04 May 2020 - 2.md | 2+-
Mlayouts/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" }}