Update to current version

themes/hugo-coder/assets/scss/_content.scss

@@ -3,30 +3,43 @@
   display: flex;
   margin-top: 1.6rem;
   margin-bottom: 3.2rem;
+  @media only screen and (max-width: 768px) {
+    margin-top: 1rem;
+    margin-bottom: 1.6rem;
+  }
+
+  header {
+    margin-top: 6.4rem;
+    margin-bottom: 3.2rem;
+
+    h1 {
+      font-size: 4.2rem;
+      line-height: 4.6rem;
+      margin: 0;
+
+      @media only screen and (max-width: 768px) {
+        font-size: 4rem;
+        line-height: 4.4rem;
+      }
+    }
+  }
 
   article {
+    a:where(.external-link):not(:has(img)):after {
+      @extend %fa-icon;
+      @extend .fa-solid;
+      content: fa-content($fa-var-external-link);
+      padding-left: 0.5em;
+      font-size: 0.75em;
+      display: inline;
+    }
+
     details {
       summary {
         cursor: pointer;
       }
     }
 
-    header {
-      margin-top: 6.4rem;
-      margin-bottom: 3.2rem;
-
-      h1 {
-        font-size: 4.2rem;
-        line-height: 4.6rem;
-        margin: 0;
-
-        @media only screen and (max-width: 768px) {
-          font-size: 4rem;
-          line-height: 4.4rem;
-        }
-      }
-    }
-
     footer {
       margin-top: 4rem;
 
@@ -42,6 +55,8 @@
     p {
       text-align: justify;
       text-justify: auto;
+      -ms-hyphens: auto;
+      -webkit-hyphens: auto;
       hyphens: auto;
     }
   }
@@ -72,11 +87,12 @@
           padding: 0.3rem 0.6rem;
           background-color: $alt-bg-color;
           border-radius: 0.6rem;
-          line-height: 1.4em;
+          line-height: 1.5em;
 
           a {
             color: $fg-color;
           }
+
           a:active {
             color: $fg-color;
           }
@@ -104,7 +120,7 @@
   border-radius: 50%;
 
   @media only screen and (max-width: 768px) {
-    width: 10rem;
+    width: 17rem;
   }
 }
 
@@ -185,6 +201,7 @@
       list-style: none;
       margin: 3rem 0 1rem 0;
       padding: 0;
+      cursor: pointer;
 
       li {
         display: inline-block;
@@ -203,7 +220,7 @@
           }
 
           @media only screen and (max-width: 768px) {
-            font-size: 1.4rem;
+            font-size: 1.5rem;
           }
         }
       }