From 5c8c29688e7da7a39726f3af4e62f9a56e9e17f3 Mon Sep 17 00:00:00 2001 From: Jason Tipton Date: Tue, 30 Jun 2020 12:33:49 -0800 Subject: [PATCH] Add about circle colors for 'sky' and 'orange' --- exampleSite/data/sections/about.yaml | 2 +- static/assets/css/about.css | 8 ++++++++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/exampleSite/data/sections/about.yaml b/exampleSite/data/sections/about.yaml index 8ae9359..8fcce7b 100644 --- a/exampleSite/data/sections/about.yaml +++ b/exampleSite/data/sections/about.yaml @@ -47,7 +47,7 @@ socialLinks: # your soft skills # give the percentage between 50 to 100 with 5 intervals. -# currently supported color: blue, yellow, pink, green +# currently supported colors: blue, yellow, pink, green, sky, orange softSkills: - name: Leadership percentage: 85 diff --git a/static/assets/css/about.css b/static/assets/css/about.css index a125768..918a3a4 100644 --- a/static/assets/css/about.css +++ b/static/assets/css/about.css @@ -111,6 +111,14 @@ border-color: #2dca73; } +.circular-progress.sky .circular-progress-bar { + border-color: #01e0fd; +} + +.circular-progress.orange .circular-progress-bar { + border-color: #FF7D51; +} + .circular-progress-percentage-50 { animation: circular-loading-50 0s linear forwards 1.8s; }