diff options
author | gurusabarish <gurusabarisha@gmail.com> | 2022-02-24 19:44:28 +0300 |
---|---|---|
committer | gurusabarish <gurusabarisha@gmail.com> | 2022-02-24 19:44:28 +0300 |
commit | f8eb6d0646478bc739fc1a1def86ea962a37f735 (patch) | |
tree | b5c78633ea1fb6f86cf99561d899678c6f6850db /layouts/partials/sections | |
parent | c353714c7ee41d3a3ea8b4c7f848b09c05debadf (diff) |
Added experience in home
Diffstat (limited to 'layouts/partials/sections')
-rw-r--r-- | layouts/partials/sections/experience.html | 167 | ||||
-rw-r--r-- | layouts/partials/sections/hero/index.html | 2 |
2 files changed, 168 insertions, 1 deletions
diff --git a/layouts/partials/sections/experience.html b/layouts/partials/sections/experience.html new file mode 100644 index 0000000..894e8f7 --- /dev/null +++ b/layouts/partials/sections/experience.html @@ -0,0 +1,167 @@ +<section id="experience" class="py-5">
+ <div class="container">
+ <h3 class="text-center">Experience</h3>
+ <div class="row justify-content-center">
+ <div class="col-sm-12 col-md-8 col-lg-8 py-5">
+ <div class="experience-container px-3 pt-2">
+ <ul class="nav nav-pills mb-3 bg-transparent" id="pills-tab" role="tablist">
+ {{ range $index, $element := .Site.Params.experience.items }}
+ {{ if (eq $index 0) }}
+ <li class="nav-item px-1 bg-transparent" role="presentation">
+ <div
+ class="nav-link active bg-transparent"
+ aria-selected="true"
+ type="button"
+ role="tab"
+ data-bs-toggle="pill"
+ id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+ data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+ aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+ >
+ {{ .company }}
+ </div>
+ </li>
+ {{ else }}
+ <li class="nav-item px-1 bg-transparent" role="presentation">
+ <div
+ class="nav-link bg-transparent"
+ aria-selected="true"
+ type="button"
+ role="tab"
+ data-bs-toggle="pill"
+ id='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+ data-bs-target='#pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+ aria-controls='{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+ >
+ {{ .company }}
+ </div>
+ </li>
+ {{ end }}
+ {{ end }}
+ </ul>
+ <div class="tab-content pb-5 pt-2 bg-transparent primary-font" id="pills-tabContent">
+ {{ range $index, $element := .Site.Params.experience.items }}
+ {{ if (eq $index 0) }}
+ <div
+ class="tab-pane fade show active bg-transparent"
+ role="tabpanel"
+ id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+ aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+ >
+ <div>
+ <span class="h4">{{ .job }}</span>
+ <small>-</small>
+ <a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
+ <div class="pb-1">
+ <small>{{ .date }}</small>
+ {{ if .info.enable | default true }}
+ <span class="p-2">
+ <span
+ data-bs-toggle="tooltip"
+ data-bs-placement="top"
+ data-bs-original-title={{ .info.content | default (print "Working as a " .job " at " .company ) }}
+ >
+ <i class="fas fa-info-circle fa-xs"></i>
+ </span>
+ </span>
+ {{ end }}
+ </div>
+
+ {{ if .featuredLink.enable | default false }}
+ <div class="py-2 featuredLink">
+ <a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
+ {{ .featuredLink.name | default "Featured Link" }}
+ </a>
+ </div>
+ {{ end }}
+ </div>
+
+ {{ .content | markdownify}}
+ </div>
+ {{ else }}
+ <div
+ class="tab-pane fade bg-transparent"
+ role="tabpanel"
+ id='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}'
+ aria-labelledby='pills-{{ replace .company " " "-" }}-{{ replace .date " " "-" }}-tab'
+ >
+ <div>
+ <span class="h4">{{ .job }}</span>
+ <small>-</small>
+ <a href="{{ .companyUrl }}" target="_blank">{{ .company }}</a>
+
+ <div class="pb-1">
+ <small>{{ .date }}</small>
+ {{ if .info.enable | default true }}
+ <span class="p-2">
+ <span
+ data-bs-toggle="tooltip"
+ data-bs-placement="top"
+ data-bs-original-title={{ .info.content | default (print "Worked as a " .job " at " .company ) }}
+ >
+ <i class="fas fa-info-circle fa-xs"></i>
+ </span>
+ </span>
+ {{ end }}
+ </div>
+
+ {{ if .featuredLink.enable | default false }}
+ <div class="py-2 featuredLink">
+ <a class="p-2 px-4 btn btn-outline-primary btn-sm" href={{ .featuredLink.url | default "#" }} target="_blank">
+ {{ .featuredLink.name | default "Featured Link" }}
+ </a>
+ </div>
+ {{ end }}
+ </div>
+
+ <div class="pt-2">
+ {{ .content | markdownify}}
+ </div>
+ </div>
+ {{ end }}
+ {{ end }}
+
+ <!-- <div class="tab-pane fade show active bg-transparent" id="pills-home" role="tabpanel"
+ aria-labelledby="pills-home-tab">
+ <h4>Software developer</h4>
+ <small>Feb 2021 - present</small>
+ <p>
+ Home is some placeholder content the Contact tab's associated content. Clicking another
+ tab
+ will
+ toggle the visibility
+ of this one for the next.
+ </p>
+ <ul>
+ <li>Lead backend developer for a product.</li>
+ <li>Created a frontend design for a product.</li>
+ </ul>
+ </div>
+ <div class="tab-pane fade bg-transparent" id="pills-profile" role="tabpanel"
+ aria-labelledby="pills-profile-tab">
+ Profile is some placeholder content the Contact tab's associated content. Clicking another
+ tab
+ will
+ toggle the visibility
+ of this one for the next. The tab JavaScript swaps classes to control the content visibility
+ and
+ styling. You can use it
+ with tabs, pills, and any other .nav-powered navigation.
+ </div>
+ <div class="tab-pane fade bg-transparent" id="pills-contact" role="tabpanel"
+ aria-labelledby="pills-contact-tab">
+ Contact is some placeholder content the Contact tab's associated content. Clicking another
+ tab
+ will
+ toggle the visibility
+ of this one for the next. The tab JavaScript swaps classes to control the content visibility
+ and
+ styling. You can use it
+ with tabs, pills, and any other .nav-powered navigation.
+ </div> -->
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
\ No newline at end of file diff --git a/layouts/partials/sections/hero/index.html b/layouts/partials/sections/hero/index.html index a4db34f..ce3ab27 100644 --- a/layouts/partials/sections/hero/index.html +++ b/layouts/partials/sections/hero/index.html @@ -1,4 +1,4 @@ -{{ if .Site.Params.hero.enable | default true }}
+{{ if .Site.Params.hero.enable | default false }}
<section id="hero" class="py-5">
<div class="container px-3 px-sm-5 px-md-5 px-lg-5">
<div id="primary-font">
|