FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed and improved circular progess animation on about section

Browse source
This commit is contained in:
Augusto Pace 2023-12-19 10:42:41 +01:00
parent 2801749573
commit 773259b013
2 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
layouts/partials/misc/badge.html
View file

@ -12,10 +12,16 @@
{{ if hasPrefix .color "#"}}
{{ $predefinedColor = false }}
{{ end }}
{{ $leftProgress := 0 }}
{{ $rightProgress := .percentage }}
{{ if ge .percentage 50 }}
{{ $rightProgress = 50 }}
{{ $leftProgress = sub .percentage 50 }}
{{ end }}
<div class="circular-progress {{if $predefinedColor}}{{ .color }}{{end}}">
<span class="circular-progress-left">
<span
class="circular-progress-bar circular-progress-percentage-{{ .percentage }}"
class="circular-progress-bar circular-progress-percentage-{{ $leftProgress }} circular-progress-percentage-50-delay"
{{ if not $predefinedColor }}
style="border-color: {{.color}};"
{{ end }}
@ -23,7 +29,7 @@
</span>
<span class="circular-progress-right">
<span
class="circular-progress-bar"
class="circular-progress-bar circular-progress-percentage-{{ $rightProgress }}"
{{ if not $predefinedColor }}
style="border-color: {{.color}};"
{{ end }}