Simplify code removing duplicated templates

layouts/partials/experiences.html

@@ -3,24 +3,21 @@
     <h1 class="text-center">Experiences</h1>
 
     <div class="container timeline text-justify">
-      {{ $total:= len .Site.Data.experiences.experiences }}
-      {{ range $idx,$val:= .Site.Data.experiences.experiences }}
-        {{ if eq (mod $idx 2) 0 }}
+      {{ $totalExperiences:= len .Site.Data.experiences.experiences }}
+      {{ range $index,$experience:= .Site.Data.experiences.experiences }}
+        {{ if eq (mod $index 2) 0 }}
           <div class="row align-items-center  d-flex">
-            {{ partial "experiences/left-v-line.html" $idx }}
-            {{ partial "experiences/experience-info.html" $val }}
+            {{ partial "experiences/vertical-line.html" $index }}
+            {{ partial "experiences/experience-info.html" $experience }}
           </div>
-          {{ if lt $idx (sub $total 1) }}
-            {{ partial "experiences/left-to-right-h-line.html" $idx }}
-          {{ end }}
         {{else}}
           <div class="row align-items-center justify-content-end d-flex">
-            {{ partial "experiences/experience-info.html" $val }}
-            {{ partial "experiences/right-v-line.html" $idx }}
+            {{ partial "experiences/experience-info.html" $experience }}
+            {{ partial "experiences/vertical-line.html" $index }}
           </div>
-          {{ if lt $idx (sub $total 1) }}
-            {{ partial "experiences/right-to-left-h-line.html" $idx }}
-          {{ end }}
+        {{ end }}
+        {{ if lt $index (sub $totalExperiences 1) }}
+          {{ partial "experiences/horizontal-line.html" $index }}
         {{ end }}
       {{ end }}
     </div>

layouts/partials/experiences/right-to-left-h-line.html

@@ -1,11 +0,0 @@
-<div class="row horizontal-line">
-  <div class="col-1 col-lg-2 timeline-side-div">
-    <div class="corner"></div>
-  </div>
-  <div class="col-10 col-lg-8">
-    <hr />
-  </div>
-  <div class="col-1 col-lg-2 timeline-side-div">
-    <div class="corner"></div>
-  </div>
-</div>

layouts/partials/experiences/right-v-line.html

@@ -1,3 +0,0 @@
-<div class="col-1 col-lg-2 text-center vertical-line d-inline-flex justify-content-center">
-  <div class="circle font-weight-bold">{{ add . 1 }}</div>
-</div>