Merge branch 'master' into gh-pages

content/_index.html

@@ -13,12 +13,12 @@
     <h3 class="visually-hidden">Profiles</h3>
     <ul class="profile-links">
       <li>
-        <a href="https://www.linkedin.com/in/har79/">
+        <a class="profile-link" href="https://www.linkedin.com/in/har79/">
           {{< icon "icons/brands/linkedin.svg" >}}linkedin.com/in/har79/
         </a>
       </li>
       <li>
-        <a href="https://github.com/har79">
+        <a class="profile-link" href="https://github.com/har79">
           {{< icon "icons/brands/github.svg" >}}github.com/har79
         </a>
       </li>

layouts/partials/nav.html

@@ -10,8 +10,15 @@
     {{ range site.Menus.main }}
       {{ if .HasChildren }}
         <li class="nav-group">
-          {{ partial "nav-item.html" (dict "context" . "page" $ "hasDropdown" true) }}
+          {{/* {{ partial "nav-item.html" (dict "context" . "page" $ "hasDropdown" true) }} */}}
+          <button class="nav-link">
+            {{ .Name }}
+            {{ partial "nav-dropdown.html" true }}
+          </button>
           <ul>
+            <li>
+              <a href="{{ .URL }}" class="nav-link">All</a>
+            </li>
             {{ range .Children }}
               <li>
                 {{ partial "nav-item.html" (dict "context" . "page" $) }}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@har79/web",
   "private": true,
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "TODO",
   "license": "Apache-2.0",
   "author": {
@@ -35,8 +35,8 @@
   },
   "devDependencies": {
     "@fortawesome/fontawesome-free": "^6.5.2",
-    "@har79/config": "github:har79/config",
-    "@har79/theme": "github:har79/theme",
+    "@har79/config": "^6.2.1",
+    "@har79/theme": "^0.6.4",
     "@ianvs/prettier-plugin-sort-imports": "^4.3.0",
     "license-checker": "^25.0.1",
     "npm-check-updates": "",

src/sass/about.scss

@@ -2,11 +2,14 @@
 @use 'const';
 
 .me {
+  // Display
   display: flex;
 
+  // Box
   flex-flow: wrap;
 
   > * {
+    // Box
     margin-inline: 1rem;
   }
 }
@@ -16,21 +19,33 @@
   height: const.$logo-width;
   width: const.$logo-width;
 
-  // Box model
+  // Box
   margin-block-end: 1rem;
   border-radius: 50%;
 }
 
 .profile-name {
+  // Decoration
   @include typography.title;
 }
 
 .profile-links {
+  // Box
   padding: 0;
 
+  // Decoration
   list-style: none;
+}
+
+.profile-link {
+  // Display
+  display: inline-flex;
+
+  // Box
+  align-items: center;
 
   .fa-icon {
+    // Box
     margin-inline-end: 0.5rem;
   }
 }