Add design system link (#1745)

* Add design system link * add tips and tricks link --------- Co-authored-by: Mateusz Leciejewski <m.leciejewski@mdbootstrap.com>
mdbootstrap · Jun 30, 2023 · 51e851c · 51e851c
1 parent 27ca7a5
commit 51e851c
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 6 deletions.
diff --git a/site/config/_default/config.toml b/site/config/_default/config.toml
@@ -6,3 +6,9 @@ enableInlineShortcodes = "true"
 
 [params]
 recaptchaPublicKey = "6Ld6dIgkAAAAAIpY7wJD8aZnFAWF-S1O5HOtdItU"
+
+[[menu.gettingstarted]]
+identifier = "design-system"
+name = "Design system"
+url = "https://material-minimal.com/learn/material-minimal/about/"
+weight = 2
diff --git a/site/config/production/config.toml b/site/config/production/config.toml
@@ -6,3 +6,9 @@ enableInlineShortcodes = "true"
 
 [params]
 recaptchaPublicKey = "6Ld6dIgkAAAAAIpY7wJD8aZnFAWF-S1O5HOtdItU"
+
+[[menu.gettingstarted]]
+identifier = "design-system"
+name = "Design system"
+url = "https://material-minimal.com/learn/material-minimal/about/"
+weight = 2
diff --git a/site/config/tst/config.toml b/site/config/tst/config.toml
@@ -6,3 +6,9 @@ enableInlineShortcodes = "true"
 
 [params]
 recaptchaPublicKey = "6LcpeIgkAAAAALdS4oKmgSPscp8ZYFLjavMstifN"
+
+[[menu.gettingstarted]]
+identifier = "design-system"
+name = "Design system"
+url = "https://material-minimal.com/learn/material-minimal/about/"
+weight = 2
diff --git a/site/layouts/partials/sidenav/standard.html b/site/layouts/partials/sidenav/standard.html
@@ -42,18 +42,16 @@
     <ul
       class="!visible relative m-0 hidden list-none p-0 data-[te-collapse-show]:block"
       data-te-sidenav-collapse-ref
-      {{ if in .Page "gettingstarted" }}
+      {{ if in .Page "getting-started" }}
         data-te-collapse-show
       {{ end }}>
       {{ $currentNode := . }}
       {{ range.Site.Menus.gettingstarted }}
         <li class="relative">
           <a
-            {{ if in .URL "/learn/te-foundations/basics/introduction/" }}
-              href="https://material-minimal.com/learn/material-minimal/about/"
+            href="{{ .URL }}"
+            {{ if in .URL "material-minimal.com" }}
               target="_blank"
-            {{ else }}
-              href="{{ .URL }}"
             {{ end }}
             class="{{ if $currentNode.IsMenuCurrent "gettingstarted"  . }}
               bg-blue-50 dark:bg-blue-600/10 dark:hover:bg-blue-600/10
@@ -712,7 +710,7 @@
       <li>
         <a
           target="_blank"
-          href="https://material-minimal.com/learn/design-hacks/tips-and-tricks/"
+          href="https://material-minimal.com/"
           class="flex h-6 cursor-pointer items-center truncate rounded-[5px] py-4 pl-[3.4rem] pr-6 text-[0.78rem] text-gray-600 outline-none transition duration-300 ease-linear hover:bg-slate-50 hover:text-inherit hover:outline-none focus:bg-slate-50 focus:text-inherit focus:outline-none active:bg-slate-50 active:text-inherit active:outline-none data-[te-sidenav-state-active]:text-inherit data-[te-sidenav-state-focus]:outline-none motion-reduce:transition-none dark:text-gray-300 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10"
           data-te-sidenav-link-ref=""
           tabindex="0">
@@ -723,6 +721,17 @@
           >
         </a>
       </li>
+
+      <li>
+        <a
+          target="_blank"
+          href="https://material-minimal.com/learn/design-hacks/tips-and-tricks/"
+          class="flex h-6 cursor-pointer items-center truncate rounded-[5px] py-4 pl-[3.4rem] pr-6 text-[0.78rem] text-gray-600 outline-none transition duration-300 ease-linear hover:bg-slate-50 hover:text-inherit hover:outline-none focus:bg-slate-50 focus:text-inherit focus:outline-none active:bg-slate-50 active:text-inherit active:outline-none data-[te-sidenav-state-active]:text-inherit data-[te-sidenav-state-focus]:outline-none motion-reduce:transition-none dark:text-gray-300 dark:hover:bg-white/10 dark:focus:bg-white/10 dark:active:bg-white/10"
+          data-te-sidenav-link-ref=""
+          tabindex="0">
+          UI / UX tips
+        </a>
+      </li>
     </ul>
   </li>
 </ul>