6dc9d1d33d
* Refactor CSS Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor about section Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor CSS for experiences section Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Update education section Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Update projects section Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Update publication + accomplishment section Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Update achievements section Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor footer CSS Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Re-use section title adjustment css for top header Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor navbar CSS Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor sidebar CSS Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Use unified navbar for all pages Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor 404 page CSS Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor list page css Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Fix notes page css Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Refactor single page css Signed-off-by: hossainemruz <hossainemruz@gmail.com> * Introduce color variables Signed-off-by: hossainemruz <hossainemruz@gmail.com> --------- Signed-off-by: hossainemruz <hossainemruz@gmail.com>
35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<div class="col-6 col-lg-4 p-2">
|
|
{{ if eq .type "certification" }}
|
|
{{/* Verifiable certificate badge from https://www.credly.com */}}
|
|
<div class="certificate-badge">
|
|
<a href="{{ .url }}" target="_blank" rel="noopener noreferrer">
|
|
<img src="{{ .badge }}" alt="{{ .name }}" />
|
|
</a>
|
|
</div>
|
|
{{ else if eq .type "soft-skill-indicator" }}
|
|
{{/* Circular bar indicating the level of expertise in a skill */}}
|
|
{{ $predefinedColor:= true}}
|
|
{{ if hasPrefix .color "#"}}
|
|
{{ $predefinedColor = false }}
|
|
{{ end }}
|
|
<div class="circular-progress {{if $predefinedColor}}{{ .color }}{{end}}">
|
|
<span class="circular-progress-left">
|
|
<span
|
|
class="circular-progress-bar circular-progress-percentage-{{ .percentage }}"
|
|
{{ if not $predefinedColor }}
|
|
style="border-color: {{.color}};"
|
|
{{ end }}
|
|
></span>
|
|
</span>
|
|
<span class="circular-progress-right">
|
|
<span
|
|
class="circular-progress-bar"
|
|
{{ if not $predefinedColor }}
|
|
style="border-color: {{.color}};"
|
|
{{ end }}
|
|
></span>
|
|
</span>
|
|
<div class="circular-progress-value">{{ .name }}</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|