feat: dark icons and 5 grades for skills

* add a css attribute to handle dark color and add icons to readme

* Proper skill value

---------

Co-authored-by: Dima Snisarenko <snisarenkodima@gmail.com>

README.md

@@ -1,6 +1,12 @@
 # The Curriculum Vitae Template
 
-You are a fantastic developer. Keep your CV on GitHub. Host it on GitHub Pages. Have both HTML and PDF versions automatically generated and consistent.
+You are a fantastic developer. Keep your CV on GitHub, exploiting Node.js GitHub action. Host it on GitHub Pages. Have both HTML and PDF versions automatically generated and consistent.
+
+<img src="https://raw.githubusercontent.com/dheereshagrwal/colored-icons/f926a9cacef437021842aa53029d1b73fb03de15/svg/nodejs.svg" alt="nodejs Logo" width="40" height="40" /> &nbsp; &nbsp;
+<img src="https://raw.githubusercontent.com/dheereshagrwal/colored-icons/f926a9cacef437021842aa53029d1b73fb03de15/svg/npm.svg" alt="npm Logo" width="40" height="40" /> &nbsp; &nbsp;
+<img src="https://raw.githubusercontent.com/dheereshagrwal/colored-icons/f926a9cacef437021842aa53029d1b73fb03de15/svg/html.svg" alt="html Logo" width="40" height="40" /> &nbsp; &nbsp;
+<img src="https://raw.githubusercontent.com/dheereshagrwal/colored-icons/f926a9cacef437021842aa53029d1b73fb03de15/svg/css.svg" alt="css Logo" width="40" height="40" /> &nbsp; &nbsp;
+<img src="https://raw.githubusercontent.com/dheereshagrwal/colored-icons/f926a9cacef437021842aa53029d1b73fb03de15/svg/js.svg" alt="js Logo" width="40" height="40" /> 
 
 ## What does this project do?
 

src/assets/styles.css

@@ -4,6 +4,7 @@
     --bs-body-color: #858585;
     --bs-body-color-rgb: 133, 133, 133;
     --light-color: #D9D9D9;
+    --dark-color: #7a7a7a;
     --bs-body-font-size: 1.2rem;
 }
 
@@ -124,7 +125,7 @@ h1, h2, h3, h4 {
 
 .fact-icon {
     width: 1em;
-    color: var(--light-color);
+    color: var(--dark-color);
     margin-right: 0.5rem;
 }
 
@@ -141,7 +142,7 @@ h1, h2, h3, h4 {
 
 .skills::after {
     display: block;
-    content: '••••';
+    content: '•••••';
     color: var(--light-color);
 }
 
@@ -154,6 +155,6 @@ h1, h2, h3, h4 {
 
 .skills-bar::after {
     display: block;
-    content: '••••';
+    content: '•••••';
     color: var(--bs-primary);
 }

src/metadata/metadata.js

@@ -15,11 +15,11 @@ module.exports = {
     ['Theater', 100],
     ['Tragedy', 100],
     ['Poetry', 100],
-    ['Erotic', 75],
+    ['Erotic', 60],
     ['Sonnets', 100],
     ['Plays', 100],
     ['Writing', 100],
-    ['Directing', 75],
+    ['Directing', 80],
     ['Literature', 100],
     ['Influence', 100],
   ],