#297 add linkedin group to navigation (#335)

idrinth-api-bench · Feb 19, 2024 · c46b879 · c46b879
1 parent 7215748
commit c46b879
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 23 deletions.
diff --git a/website/src/components/navbar.tsx b/website/src/components/navbar.tsx
@@ -14,18 +14,18 @@ import ExternalLink from './external-link.tsx';
 const Navbar = () => <>
   <header>
     <div>
-      <img src={IAB} alt="@idrinth/api-bench"/>
+      <img src={IAB} alt="@idrinth/api-bench" />
       <strong>@idrinth/api-bench</strong>
       <em>v{pkg.version}</em>
     </div>
     <nav>
       <ul>
         <li>
-          <NavLink to="/"><Lang lnkey='home.nav'/></NavLink>
+          <NavLink to="/"><Lang lnkey='home.nav' /></NavLink>
         </li>
         <li>
           <NavLink to="/quick-start/">
-            <Lang lnkey='quick-start.nav'/>
+            <Lang lnkey='quick-start.nav' />
           </NavLink>
         </li>
         <li>
@@ -40,56 +40,62 @@ const Navbar = () => <>
             label={'GITHUB'}
           />
         </li>
+        <li>
+          <ExternalLink
+            to="https://www.linkedin.com/groups/9588634/"
+            label={'LINKEDIN'}
+          />
+        </li>
         <li>
           <NavLink to="/contributing/">
-            <Lang lnkey='contributing.nav'/>
+            <Lang lnkey='contributing.nav' />
           </NavLink>
           <ul>
             <li>
               <NavLink to="/contributing/contributors/">
-                <Lang lnkey='contributors.nav'/>
+                <Lang lnkey='contributors.nav' />
               </NavLink>
             </li>
             <li>
               <NavLink to="/contributing/sponsors/">
-                <Lang lnkey='sponsors.nav'/>
+                <Lang lnkey='sponsors.nav' />
               </NavLink>
             </li>
           </ul>
         </li>
         <li>
           <NavLink to="/usage/">
-            <Lang lnkey='usage.nav'/>
+            <Lang lnkey='usage.nav' />
           </NavLink>
           <ul>
             <li>
               <NavLink to="/usage/autowiring/">
-                <Lang lnkey='autowiring.nav'/>
+                <Lang lnkey='autowiring.nav' />
               </NavLink>
             </li>
             <li>
               <NavLink to="/usage/results/">
-                <Lang lnkey='results.nav'/>
+                <Lang lnkey='results.nav' />
               </NavLink>
             </li>
             <li>
               <NavLink to="/usage/logging/">
-                <Lang lnkey='logging.nav'/>
+                <Lang lnkey='logging.nav' />
               </NavLink>
             </li>
             <li>
               <NavLink to="/usage/middlewares/">
-                <Lang lnkey='middlewares.nav'/>
+                <Lang lnkey='middlewares.nav' />
               </NavLink>
             </li>
             <li>
               <NavLink to="/usage/storage/">
-                <Lang lnkey='storage.nav'/>
+                <Lang lnkey='storage.nav' />
               </NavLink>
             </li>
             <li>
               <NavLink to="/usage/routes/">
-                <Lang lnkey='routes.nav'/>
+                <Lang lnkey='routes.nav' />
               </NavLink>
             </li>
           </ul>

diff --git a/website/src/index.css b/website/src/index.css
@@ -1,10 +1,10 @@
 :root {
   --white: hsla(0deg 0% 100% / 100%);
-  --light-gray: hsla(204deg 8% 76% / 100%);;
+  --light-gray: hsla(204deg 8% 76% / 100%);
   --dark-gray: hsla(0deg 0% 25% / 100%);
   --dark-green: hsla(132deg 33% 29% / 100%);
   --green: hsla(120deg 77% 36% / 100%);
-  --black: hsla(0deg 0% 0% / 100%); 
+  --black: hsla(0deg 0% 0% / 100%);
   --light-green: hsla(99deg 90% 36% / 100%);
   --very-dark-gray: hsla(0deg 0% 12.94% / 100%);
   --darker: hsla(0deg 0% 0% / 5%);
@@ -141,6 +141,7 @@ nav li {
   width: 100%;
   text-align: center;
   padding: 0.5em 0;
+  font-size: 14px;
 }
 
 footer {
@@ -156,7 +157,7 @@ footer ul {
   justify-content: flex-end;
 }
 
-footer  a {
+footer a {
   text-decoration: none;
 }
 
@@ -266,11 +267,11 @@ footer li:last-child::after {
 }
 
 nav.breadcrumbs li::after {
-  content: ' > ';
+  content: " > ";
 }
 
 nav.breadcrumbs li:last-of-type::after {
-  content: '';
+  content: "";
 }
 
 .profile h2,
@@ -282,14 +283,20 @@ nav.breadcrumbs li:last-of-type::after {
   footer {
     grid-template-columns: 1fr 1fr;
     padding: 1rem 0;
-   }
+  }
 
   footer ul {
     margin-right: 4rem;
   }
 
-  header, footer {
-    background-image: linear-gradient(to bottom, hsla(0deg 0% 100% / 10%), hsla(0deg 0% 100% / 15%), hsla(0deg 0% 100% / 5%));
+  header,
+  footer {
+    background-image: linear-gradient(
+      to bottom,
+      hsla(0deg 0% 100% / 10%),
+      hsla(0deg 0% 100% / 15%),
+      hsla(0deg 0% 100% / 5%)
+    );
   }
 
   header div {
@@ -318,7 +325,7 @@ nav.breadcrumbs li:last-of-type::after {
     width: initial;
   }
 
-  nav ul ul{
+  nav ul ul {
     display: none;
   }
 
@@ -405,7 +412,7 @@ nav.breadcrumbs li:last-of-type::after {
   }
 
   pre {
-    background-color: var(--black)
+    background-color: var(--black);
   }
 
   a[target="_blank"] {