fixed #23

layouts/partials/sections/v3/experience.html

@@ -29,21 +29,55 @@
         role="tablist" aria-orientation="vertical">
         {{ range $index, $element := .Site.Params.experience }}
         {{ if (eq $index 0) }}
+        {{ if .id }}
+        <a class="nav-link active" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab"
+          aria-controls="{{ .id }}" aria-selected="true">
+          {{ .company }}
+        </a>
+        {{ else }}
         <a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
           aria-controls="{{ .company }}" aria-selected="true">
           {{ .company }}
         </a>
+        {{ end }}
+
+
+        {{ else }}
+        {{ if .id }}
+        <a class="nav-link" id="{{ .id }}-tab" data-toggle="pill" href="#{{ .id }}" role="tab" aria-controls="{{ .id }}"
+          aria-selected="false">
+          {{ .company }}
+        </a>
         {{ else }}
         <a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
           aria-controls="{{ .company }}" aria-selected="false">
           {{ .company }}
         </a>
+        {{ end }}
+
         {{ end }} {{ end }}
       </div>
 
       <div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
         {{ range $index, $element := .Site.Params.experience }}
         {{ if (eq $index 0) }}
+        {{ if .id }}
+        <div class="tab-pane fade show active" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
+          <div class="h4 text-muted">
+            <span class="text-primary">{{ .company }}</span> - {{ .role }}
+          </div>
+          <div>
+            <small>{{ .startdate }}</small>
+            -
+            <small>{{ .enddate }}</small>
+          </div>
+          <ul class="py-2 ex">
+            {{ range .featuredpoints }}
+            <li class="ex-item">{{ .point }}</li>
+            {{ end }}
+          </ul>
+        </div>
+        {{ else }}
         <div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
           <div class="h4 text-muted">
             <span class="text-primary">{{ .company }}</span> - {{ .role }}
@@ -59,6 +93,25 @@
             {{ end }}
           </ul>
         </div>
+        {{ end }}
+
+        {{ else }}
+        {{ if .id }}
+        <div class="tab-pane fade" id="{{ .id }}" role="tabpanel" aria-labelledby="{{ .id }}-tab">
+          <div class="h4 text-muted">
+            <span class="text-primary">{{ .company }}</span> - {{ .role }}
+          </div>
+          <div>
+            <small>{{ .startdate }}</small>
+            -
+            <small>{{ .enddate }}</small>
+          </div>
+          <ul class="py-2 ex">
+            {{ range .featuredpoints }}
+            <li class="ex-item">{{ .point }}</li>
+            {{ end }}
+          </ul>
+        </div>
         {{ else }}
         <div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
           <div class="h4 text-muted">
@@ -75,6 +128,8 @@
             {{ end }}
           </ul>
         </div>
+        {{ end }}
+
         {{ end }}
         {{ end }}
       </div>

website/config.yaml

@@ -4,7 +4,7 @@ title: "Hugo-profile"
 theme: "./.."
 relativeURLs: true
 
-googleanalytics: UA-xxxxxx-x
+googleanalytics: UA-167646412-8
 disqusShortname:
 Paginate: 3
 markup:
@@ -57,6 +57,7 @@ params:
   disable_experience: false
   experience:
     - company: "Google"
+      # id: "google-developer"   // use this, when you want to change the id(used for navigation)
       role: "Software developer"
       startdate: Feb 2021
       enddate: present
@@ -64,6 +65,7 @@ params:
         - point: Lead backend developer for a product.
         - point: Created a frontend design for a product.
     - company: "Facebook"
+      # id: "facebook-developer" // use this, when you want to change the id(used for navigation)
       role: "Fullstack developer"
       startdate: Mar 2020
       enddate: Dec 2020
@@ -71,6 +73,7 @@ params:
         - point: Lead backend developer for a product.
         - point: Created a frontend design for a product.
     - company: "Amazon"
+      # id: "amazon-developer" // use this, when you want to change the id(used for navigation)
       role: "Fullstack developer"
       startdate: Feb 2019
       enddate: Jan 2020

website/v3.yaml

@@ -1,4 +1,4 @@
-baseURL: "https://example.com"
+baseURL: "https://profile.gurusabarish.tech"
 languageCode: "en-us"
 title: "Hugo-profile"
 theme: "./.."
@@ -57,6 +57,7 @@ params:
   disable_experience: false
   experience:
     - company: "Google"
+      # id: "google-developer"   // use this, when you want to change the id(used for navigation)
       role: "Software developer"
       startdate: Feb 2021
       enddate: present
@@ -64,6 +65,7 @@ params:
         - point: Lead backend developer for a product.
         - point: Created a frontend design for a product.
     - company: "Facebook"
+      # id: "facebook-developer" // use this, when you want to change the id(used for navigation)
       role: "Fullstack developer"
       startdate: Mar 2020
       enddate: Dec 2020
@@ -71,6 +73,7 @@ params:
         - point: Lead backend developer for a product.
         - point: Created a frontend design for a product.
     - company: "Amazon"
+      # id: "amazon-developer" // use this, when you want to change the id(used for navigation)
       role: "Fullstack developer"
       startdate: Feb 2019
       enddate: Jan 2020