WIP: need help adding above 6 sections doesnt fit navbar
This commit is contained in:
parent
1c3154d47a
commit
8abdd621d0
4 changed files with 167 additions and 1 deletions
35
layouts/partials/cards/accomplishments.html
Normal file
35
layouts/partials/cards/accomplishments.html
Normal file
|
@ -0,0 +1,35 @@
|
|||
<div
|
||||
class="col-sm-12 col-md-6 col-lg-4 p-2 filtr-item"
|
||||
|
||||
>
|
||||
<div class="card mt-1">
|
||||
<div class="card">
|
||||
<a class="card-header">
|
||||
<div>
|
||||
<div class="d-flex">
|
||||
{{ if .logo }}
|
||||
|
||||
{{ $logoImage:= resources.Get .logo}}
|
||||
{{ if $logoImage }}
|
||||
{{ $logoImage := $logoImage.Fit "24x24" }}
|
||||
|
||||
<img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" />
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<h6 class="card-title mb-0">{{ .name }}</h6>
|
||||
</div>
|
||||
<div class="sub-title ml-2 pl-4 ">
|
||||
<span>{{ .organization }}</span>
|
||||
<span>{{ .timeline }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="card-body text-justify pt-1 pb-1">
|
||||
<p class="ml-2 mb-2 pl-2 ">{{ .overview | markdownify }}</p>
|
||||
<!-- Display certificate discription and link -->
|
||||
<a class="btn btn-outline-info ml-1 pl-2 mb-2" href="{{ if .url }}{{ .url }}{{ else }}#accomplishments{{ end }}" target="_blank" role="button">see certificate</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
18
layouts/partials/sections/accomplishments.html
Normal file
18
layouts/partials/sections/accomplishments.html
Normal file
|
@ -0,0 +1,18 @@
|
|||
{{ $sectionID := replace (lower .section.name) " " "-" }}
|
||||
{{ if .section.id }}
|
||||
{{ $sectionID = .section.id }}
|
||||
{{ end }}
|
||||
|
||||
<div class="container-fluid anchor pb-5 accomplishments-section" id="{{ $sectionID }}">
|
||||
{{ if not (.section.hideTitle) }}
|
||||
<h1 class="text-center">{{ .section.name }}</h1>
|
||||
{{ end }}
|
||||
|
||||
<div class="container">
|
||||
<div class="row" id="acomplishment-card-holder">
|
||||
{{ range .certificates }}
|
||||
{{ partial "cards/accomplishments" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
Loading…
Add table
Add a link
Reference in a new issue