Welcome to mirror list, hosted at ThFree Co, Russian Federation.

badge.html « misc « partials « layouts - github.com/hossainemruz/toha.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: 08d90f5259409cb36944f5e4a13e276460e91c7f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div class="col-6 col-lg-4 p-2">
{{ if eq .type "certification" }}
    {{/* Verifiable certificate badge from https://www.credly.com */}}
    <div class="">
      <a href="{{ .url }}" target="_blank" >
       <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>