Make soft skill's color configurable + add 'sky' and 'orange' colors (#22)

* Add about circle colors for 'sky' and 'orange'

* Make color configurable

Co-authored-by: hossainemruz <emruz@appscode.com>
This commit is contained in:
Jason Tipton 2020-07-02 19:57:27 -08:00 committed by GitHub
parent 8658773212
commit 2936164cc1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 5 deletions

View file

@ -1,12 +1,24 @@
<div class="col-6 col-lg-4 p-2">
<div class="circular-progress {{ .color }}">
{{ $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"></span>
<span
class="circular-progress-bar"
{{ if not $predefinedColor }}
style="border-color: {{.color}};"
{{ end }}
></span>
</span>
<div class="circular-progress-value">{{ .name }}</div>
</div>