FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply linkedin approach to experiences section

Browse source
This commit is contained in:
Pau Trepat Segura 2020-07-14 20:21:57 +02:00
parent e6736d4828
commit 6b3f9ec2b9
6 changed files with 134 additions and 179 deletions
Download patch file Download diff file Expand all files Collapse all files

34
layouts/partials/experiences.html
View file

@ -1,25 +1,15 @@
<div class="container-fluid anchor pb-5 experiences-section" id="{{ replace (lower .section.name) " " "-" }}">
{{ if not (.section.hideTitle) }}
<h2 class="text-center">{{ .section.name }}</h1>
{{ end }}
<h2 class="text-center">{{ .section.name }}</h1>
{{ end }}
<div class="container timeline text-justify">
{{ $totalExperiences:= len .experiences }}
{{ range $index,$experience:= .experiences }}
{{ if eq (mod $index 2) 0 }}
<div class="row align-items-center d-flex">
{{ partial "experiences/vertical-line.html" $index }}
{{ partial "experiences/experience-info.html" $experience }}
</div>
{{else}}
<div class="row align-items-center justify-content-end d-flex">
{{ partial "experiences/experience-info.html" $experience }}
{{ partial "experiences/vertical-line.html" $index }}
</div>
{{ end }}
{{ if lt $index (sub $totalExperiences 1) }}
{{ partial "experiences/horizontal-line.html" $index }}
{{ end }}
{{ end }}
</div>
</div>
<div class="container timeline text-justify">
{{ range $experience:= .experiences }}
<div class="row d-flex experience">
<div class="col-12">
{{ partial "experiences/experience-info.html" $experience }}
</div>
</div>
{{ end }}
</div>
</div>