Skip to content

Commit

Permalink
Changed html layout defaults and ordering
Browse files Browse the repository at this point in the history
  • Loading branch information
blipovski committed Jan 13, 2024
1 parent ee66167 commit c5a5d81
Show file tree
Hide file tree
Showing 19 changed files with 545 additions and 80 deletions.
181 changes: 101 additions & 80 deletions config.yaml

Large diffs are not rendered by default.

File renamed without changes.
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ draft: false
image: /images/KIN364_img_MidtermPaper.jpg
description: "This manuscript was submitted for the term paper of KIN 364 (The Modern Olympics) at the University of British Columbia. This manuscript was graded an A+."
link-citations: true
attributes:
---

Image: [Foekje Dillema](https://www.nationaalarchief.nl/onderzoeken/fotocollectie/a8c9d974-d0b4-102d-bcf8-003048976d84) © Nationaal Archief, used under [CC BY-SA 3.0 nl](https://creativecommons.org/licenses/by-sa/3.0/nl/deed.en)
Expand Down
File renamed without changes.
Binary file modified layouts/partials/sections/.DS_Store
Binary file not shown.
75 changes: 75 additions & 0 deletions layouts/partials/sections/education.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
{{ if .Site.Params.education.enable | default false }}
<section id="education" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.education.title | default "Education" }}</h3>
<div class="row justify-content-center py-5">
{{ $indexMenu := .Site.Params.education.index }}
{{ range $index, $element := .Site.Params.education.items }}
<div class="col-12 p-0">
<div class="row row align-items-center justify-content-center m-1 mb-4">
{{ if $indexMenu }}
<div class="col-md-1 text-center me-2 p-0 d-none d-md-block">
<div class="py-2">
<span class="index shadow-lg">
{{ add $index 1 }}
</span>
</div>
</div>
{{ end }}

<div class="col-md-9">
<div class="card">
<div class="card-body">
<div class="row align-items-center">
<div class="col-auto">
<img class="img mx-auto" style="width: 100px;" src="{{ .logo }}" alt="">
</div>
<div class="col">
<div class="float-end">
<small>{{ .date }}</small>
</div>
<h5 class="card-title">{{ .title }}</h5>

{{ if .school.url }}
<a href="{{ .school.url }}" target="_blank" style="text-decoration:none">
<h6>
{{ .school.name }}
</h6>
</a>
{{ else }}
{{ .school.name }}
{{ end }}

<!--- ><p>&nbsp</p> --->

{{ if .GPA }}
<div class="py-1">
GPA:
<i>
<small>{{ .GPA }}</small>
</i>
</div>
{{ end }}
<div class="py-1 education-content">
{{ .content | markdownify}}
</div>

{{ if .featuredLink.enable }}
<div class="py-1">
<a href="{{ .featuredLink.url }}" class="btn">
{{ .featuredLink.name | default "Featured" }}
</a>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}
144 changes: 144 additions & 0 deletions layouts/partials/sections/experience.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,144 @@
{{ if .Site.Params.experience.enable | default false }}
<section id="experience" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.experience.title | default "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 primary-font" 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"
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"
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>
<div class="row align-items-center">
<div class="col-auto">
<img class="img mx-auto" style="width: 80px;" src="{{ .logo }}" alt="">
</div>
<div class="col">
<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
style="cursor: pointer;"
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>
</div>
</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>
<div class="row align-items-center">
<div class="col-auto">
<img class="img mx-auto" style="width: 80px;" src="{{ .logo }}" alt="">
</div>
<div class="col">
<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
style="cursor: pointer;"
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>
</div>
</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>
</div>
</div>
</div>
</div>
</section>
{{ end }}
83 changes: 83 additions & 0 deletions layouts/partials/sections/projects.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
{{ if .Site.Params.projects.enable | default false }}
<section id="projects" class="py-5">
<div class="container">
<h3 class="text-center">{{ .Site.Params.projects.title | default "Projects" }}</h3>
<div class="row justify-content-center px-3 px-md-5">
{{ range .Site.Params.projects.items }}
<div class="col-lg-4 col-md-6 my-3">
<div class="card my-3 h-100" title="{{ .title }}">
<div class="card-head">
<img class="card-img-top" src="{{ .image }}" alt="{{ .title }}">
</div>
<div class="card-body bg-transparent p-3">
<div class="pb-2 bg-transparent">
{{ range .badges }}
<span class="badge badge-secondary">{{ . }}</span>
{{ end }}
</div>
<h5 class="card-title bg-transparent mt-1">{{ .title }}</h5>
<div class="card-text bg-transparent secondary-font">
{{ .content }}
</div>
</div>
{{ if or (.links) (.featured) }}
<div class="card-footer py-3">
{{ range .links }}
<span class="m-1 mx-2">
<a href="{{ .url }}" target="_blank">
<i class="{{ .icon }}"></i>
</a>
</span>
{{ end }}
{{ if .featured }}
<span class="float-end">
<a class="btn btn-sm" href="{{ .featured.link }}" target="_blank">
{{ .featured.name }}
</a>
</span>
{{ end }}
</div>
{{ end }}
</div>
</div>
{{ end }}
{{ range ( where .Site.RegularPages "Type" "projects" ) }}
{{ if .Params.showInHome | default true }}
<div class="col-lg-4 col-md-6 my-3">
<div class="card my-3 h-100" title="{{ .Title }}">
<div class="card-head">
<img class="card-img-top" src="{{ .Params.image }}" alt="{{ .Title }}">
</div>
<div class="card-body bg-transparent p-3">
<div class="pb-2 bg-transparent">
{{ range .Params.badges }}
<span class="badge badge-secondary">{{ . }}</span>
{{ end }}
</div>
<h5 class="card-title bg-transparent">{{ .Title | truncate 50 }}</h5>
<div class="card-text bg-transparent secondary-font">
{{ .Summary | truncate 100 | safeHTML }}
</div>
</div>
<div class="card-footer py-3">
{{ range .Params.links }}
<span class="m-1 mx-2">
<a href="{{ .url }}">
<i class="{{ .icon }}"></i>
</a>
</span>
{{ end }}
<span class="float-end">
<a class="btn btn-sm" href="{{ .RelPermalink }}">
Know more
</a>
</span>
</div>
</div>
</div>
{{ end }}
{{ end }}
</div>
</div>
</section>
{{ end }}
Loading

0 comments on commit c5a5d81

Please sign in to comment.