fix: improve a11y

Author: binick

src/assets/css/a11y.css

@@ -3,10 +3,14 @@
   background: var(--code-bg);
 }
 
-.post-header a {
-  color: var(--content);
+body:not(.dark) .post-content p a:not(.lnlinks) {
+  color: var(--secondary);
 }
 
-.post-content a {
-  color: var(--secondary);
-}
+.post-content p a:not(.lnlinks) {
+  color: var(--tetriary);
+}
+
+.post-meta a {
+  color: var(--tetriary);
+}

src/assets/css/binick.css

@@ -58,12 +58,13 @@
   height: 160px;
 }
 
-.post-content section.certifications .badges div {
-  max-width: 30%;
-  margin: 0 auto;
+.post-content section.certifications .badges {
+  list-style: none;
+  margin: auto;
+  justify-content: space-between;
 }
 
-.post-content section.certifications .badges div p {
+.post-content section.certifications .badges li p {
   padding-top: 15px;
   text-align: center;
 }

src/assets/css/patches.css

@@ -1,4 +1,5 @@
 .post-content a,
+.post-meta a,
 .toc a:hover {
   box-shadow: 0 1px, -0.1em 0 0.1em transparent;
 }

src/data/earnedbadges.yml

@@ -22,11 +22,4 @@
   issuer:
     name: Microsoft
     url: https://www.microsoft.com/
-- id: 7f3ec753-a30d-4b78-a213-e3197988946e
-  badge:
-    icon: https://images.credly.com/size/150x150/images/00634f82-b07f-4bbd-a6bb-53de397fc3a6/image.png
-  name: AWS Certified Cloud Practitioner
-  url: https://www.credly.com/badges/7f3ec753-a30d-4b78-a213-e3197988946e/public_url
-  issuer:
-    name: Amazon Web Services Training and Certification
-    url: https://www.credly.com/org/amazon-web-services
+

src/layouts/_default/about.html

@@ -24,18 +24,18 @@ <h2 id="keep-in-contact">{{ i18n "keep_in_contact" }}<a hidden="" class="anchor"
     </section>
     <section class="certifications">
       <h2 id="certifications">{{ i18n "certifications" }}<a hidden="" class="anchor" aria-hidden="true" href="#certifications">#</a></h2>
-      <span class="badges">
+      <ul class="badges">
       {{ range site.Data.earnedbadges }}
-        <div>
-          <a target="_blank" href="{{ .url }}">
-            <img alt="" aria-label="{{ .name }} badge" src="{{ .badge.icon }}">
+        <li>
+          <a target="_blank" href="{{ .url }}" aria-label="{{ .name }} badge">
+            <img alt="" src="{{ .badge.icon }}">
           </a>
           <p>
-            {{ i18n "issued_by" }}<br /><a title="{{ .issuer.name }}" target="_blank" href="{{ .issuer.url }}"><b>{{ .issuer.name }}</b></a>
+            {{ i18n "issued_by" }}<br /><a target="_blank" href="{{ .issuer.url }}"><b>{{ .issuer.name }}</b></a>
           </p>
-        </div>
+        </li>
       {{ end }}
-      </span>
+      </ul>
     </section>
   </div>