menu data configuration working

Author: zaynaib

README.md

@@ -9,6 +9,8 @@ This is a custom made site for the Mir Community. The design is heavily inspired
 Go to the team folder and create a bundle.
 
 
+
+
 ## Live Demo
 
 

data/menu.yml

@@ -12,3 +12,7 @@ menu:
   - name: "Webinars"
     url: "/webinars"
 
+  - name: "Join MiR"
+    url: "/contact"
+
+

resources/_gen/assets/scss/css/style.scss_48b060fe05b0a273d182ef83c0605941.content

@@ -1 +1 @@
-@import "https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Montserrat:300,400,500,600,700&display=swap";body{font-family:josefin sans,sans-serif;font-size:16px;color:#9d9ea5}h1,h2,h3,h4,h5,h6{font-family:montserrat,sans-serif;font-weight:600;color:#00113e}p{font-size:16px;color:#9d9ea5}h1{font-size:60px}h2{font-size:50px}h3{font-size:30px}h4{font-size:25px}h5{font-size:18px}h6{font-size:15px;font-weight:300}.btn{font-family:montserrat,sans-serif;border:none;border-radius:0}.btn:focus{box-shadow:none}.btn-area{padding:20px 45px}.btn-sm-rounded{border-radius:40px}.btn-primary{background:#eaa4a4;color:#fff}.btn-primary:hover{background:#e07b7b}.btn-secondary{background:#add6d2;color:#fff}.btn-secondary:hover{background:#8bc5bf}.site-navigation{padding:20px 0}.nav-link{font-family:montserrat,sans-serif;color:#00113e;transition:all .3s ease;padding:15px 18px;position:relative}.nav-link:last-child{margin-left:15px}.navbar-brand{padding:0;margin:0}.navbar-brand img{max-width:78px}.card-img-top{width:100%;height:30vh;object-fit:contain}.site-counter{padding:85px 0;background-color:#add6d2;color:#fff}.jumbotron{background-color:#fff}
+@import "https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Montserrat:300,400,500,600,700&display=swap";body{font-family:josefin sans,sans-serif;font-size:16px;color:#9d9ea5}h1,h2,h3,h4,h5,h6{font-family:montserrat,sans-serif;font-weight:600;color:#00113e}p{font-size:16px;color:#9d9ea5}h1{font-size:60px}h2{font-size:50px}h3{font-size:30px}h4{font-size:25px}h5{font-size:18px}h6{font-size:15px;font-weight:300}.btn{font-family:montserrat,sans-serif;border:none;border-radius:0}.btn:focus{box-shadow:none}.btn-area{padding:20px 45px}.btn-sm-rounded{border-radius:40px;color:#fff}.btn-primary{background:#eaa4a4;color:#fff}.btn-primary:hover{background:#e07b7b}.btn-primary a{color:#fff}.btn-secondary{background:#add6d2;color:#fff}.btn-secondary:hover{background:#8bc5bf}.site-navigation{padding:20px 0}.nav-link{font-family:montserrat,sans-serif;color:#00113e;transition:all .3s ease;padding:15px 18px;position:relative}.nav-link:last-child{margin-left:15px}.navbar-brand{padding:0;margin:0}.navbar-brand img{max-width:78px}.card-img-top{width:100%;height:30vh;object-fit:contain}.site-counter{padding:85px 0;background-color:#add6d2;color:#fff}.jumbotron{background-color:#fff}

resources/_gen/assets/scss/css/style.scss_48b060fe05b0a273d182ef83c0605941.json

@@ -1 +1 @@
-{"Target":"css/style.min.6b3f2c1ac02cc4dabf7651b0f2d25f4f45a5289ce5969ebac9e13b48e87b6622.css","MediaType":"text/css","Data":{"Integrity":"sha256-az8sGsAsxNq/dlGw8tJfT0WlKJzllp66yeE7SOh7ZiI="}}
+{"Target":"css/style.min.7e2043acc8e2903a318674c83e61a138f70d928ba3f46f2e8ad38e0a4c1967cb.css","MediaType":"text/css","Data":{"Integrity":"sha256-fiBDrMjikDoxhnTIPmGhOPcNkouj9G8uitOOCkwZZ8s="}}

themes/basic/assets/css/_buttons.scss

@@ -18,6 +18,9 @@
 
   .btn-sm-rounded{
     border-radius: 40px;
+    color: $white;
+
+
   }
 
 .btn-primary{
@@ -26,6 +29,11 @@
     &:hover{
       background: darken($color: $primary-color, $amount: 10);
     }
+
+  }
+
+  .btn-primary a{
+    color:$white;
   }
 
   .btn-secondary{

themes/basic/layouts/partials/nav.html

@@ -13,20 +13,28 @@
   <div class="collapse navbar-collapse" id="navbarSupportedContent">
     <ul class="navbar-nav ml-auto">
 
-      {{ range .Site.Data.menu.menu.main}}
-
-        
-      <li class="nav-item">
-        <a class="nav-link" href="{{.url}}">{{.name}} </a>
-      </li>
-
-      {{ end }}
+     
 
+       {{$menu := (.Site.Data.menu.menu.main)}} 
+        {{$len := (len $menu)}} 
+
+        {{ range $index, $element := $menu }} 
+          {{ if eq (add $index 1) $len }}
+              <button type="button"  class="btn btn-primary "> <a href="#">{{.name}}</a>
+</button>
+
+          {{ else }}
+          <li class="nav-item">
+            <a class="nav-link" href="{{ .url | absURL }}"
+              >{{ .name }}</a
+            >
+          </li>
+          {{ end }} 
+        {{ end }}
 
 
 
     </ul>
-    <button type="button"  class="btn btn-primary ">Join MiR</button>
   </div>
 </nav>