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 (#850)

Browse source 
Co-authored-by: Emruz Hossain <hossainemruz@gmail.com>
This commit is contained in:
Augusto Pace 2023-12-29 18:04:27 +01:00 • committed by GitHub
parent 48a7b47319
commit d3968ca711
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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 }}