refactor: update details CSS

assets/css/4-aoudiamoncef.css

@@ -16,27 +16,6 @@ h1, h2, h3, h4, h5, h6 {
     margin-bottom: 2rem;
 }
 
-details {
-    margin: 1rem;
-}
-
-details[open] > summary:first-of-type {
-    list-style-type: disclosure-open;
-    list-style-image: url(/images/icons/right-arrow.svg);
-}
-
-summary {
-    list-style-image: url(/images/icons/down-arrow.svg);
-}
-
-summary::-webkit-details-marker {
-    background: url(/images/icons/down-arrow.svg);
-}
-
-summary:focus::-webkit-details-marker {
-    background: url(/images/icons/right-arrow.svg);
-}
-
 .bilberry-hugo-theme {
     font-size: 1.7em;
 }
@@ -267,6 +246,52 @@ summary:focus::-webkit-details-marker {
     display: inline-table;
 }
 
+ details[open].badge summary {
+    animation: open 0.3s ease-in-out;
+}
+
+@keyframes open {
+    0% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+ details.badge summary::-webkit-details-marker {
+    display: none;
+}
+
+ details.badge summary {
+    width: 100%;
+    padding: 0.5rem 0;
+    border-top: 1px solid black;
+    position: relative;
+    cursor: pointer;
+    font-size: 1.75rem;
+    font-weight: 300;
+    list-style: none;
+}
+
+ details.badge summary:after {
+    content: "+";
+    color: black;
+    position: absolute;
+    font-size: 1.75rem;
+    line-height: 0;
+    margin-top: 1.5rem;
+    padding-right: 0.25rem;
+    right: 0;
+    font-weight: 200;
+    transform-origin: center;
+    transition: 200ms linear;
+}
+
+ details[open].badge summary:after {
+    transform: rotate(45deg);
+}
+
 .bilberry-hugo-theme article .featured-image img {
     width: 100%;
     height: auto;

content/page/about/index.adoc

@@ -197,8 +197,8 @@ Technologies I have used at work and/or side projects.
 
 .Languages
 [%collapsible]
-====
 [.badge]
+====
 {java}
 {kotlin}
 {sql}

content/page/about/index.fr.adoc

@@ -196,8 +196,8 @@ Technologies que j'ai utilisées au travail et/ou dans le cadre de projets paral
 
 .Languages
 [%collapsible]
-====
 [.badge]
+====
 {java}
 {kotlin}
 {sql}

content/status/website/index.adoc

@@ -13,7 +13,7 @@ exclude = true
 ====
 * link:https://www.maoudia.com/about/[About]
 
-* link:https://www.maoudia.com/uses/[Usages]
+* link:https://www.maoudia.com/uses/[Uses]
 ====
 
 [WARNING]

pwa/service-worker.js

@@ -154,7 +154,7 @@ registerRoute(
 );
 
 registerRoute(
-  "https://utteranc.es/client.js",
+  "https://giscus.app/client.js",
   new StaleWhileRevalidate({
     plugins: [
       new CacheableResponsePlugin({