Merge pull request #40 from hackerhgl/cv-38

CV-38: Improved the content

build/index.html

@@ -25,7 +25,7 @@ <h1 class="contact ah3 afw6">Contacts and Profiles</h1><a class="link" href="mai
     <div class="white-card" id="story">
       <div class="container">
         <div class="container-content">
-          <h1 class="heading ah1 afw6">Introduction</h1><span class="ab1 afw6">Hi, I am Hamza Iqbal self learned full stack developer with more than 4 years of experience.</span><span class="space"></span><span class="ab1 afw6">My knowledge and experience is the result of my hard work and my desire for polishing my skills to absolute perfection.</span><span class="space"></span><span class="ab1 afw6">I can confidently say I have absolute mastery in Flutter, React JS and React Native.</span><span class="space"></span><span class="ab1 afw6">I enjoy tech a lot and also like to showcase my skills to the world. I have also published several open source projects on github,</span><span class="space"></span><span class="ab1 afw6">Project links can be found right after skills section if you wish to check out my work.</span><span class="space"></span><br/><br/><span class="ab1 afw6">Aside from development I'm a computer enthusiast and gamer.</span><span class="space"></span><span class="ab1 afw6">I own a custom built 4th gen i7 computer with dual boot setup for Hackintosh (A way to run MacOS on custom hardware) for development and Windows for gaming.</span><span class="space"></span><span class="ab1 afw6">I mostly play CS:GO and Age of empires: DE. I've also finished Detroit: Become human, CyberPunk 2077, GTA 4 and GTA 5.</span><span class="space"></span>
+          <h1 class="heading ah1 afw6">Introduction</h1><span class="ab1 afw6">Hey there, I am 22 years old, born and raised in Karachi.</span><span class="space"> </span><span class="ab1 afw6">I have been developing end-to-end smart solutions for more than four years.</span><span class="space"> </span><span class="ab1 afw6">My knowledge and experience are the results of my hard work.</span><span class="space"> </span><span class="ab1 afw6">My goal is to polish my skills to absolute perfection.</span><span class="space"> </span><span class="ab1 afw6">I can confidently say I have absolute mastery in Flutter, React JS, and React Native.</span><span class="space"> </span><span class="ab1 afw6">I enjoy technology a lot and like to showcase my skills to the world.</span><span class="space"> </span><span class="ab1 afw6">I have published several open-source projects on my Github profile.</span><span class="space"> </span><span class="ab1 afw6">Links for the projects are right after the skills section.</span><span class="space"> </span><br/><br/><span class="ab1 afw6">Aside from my development interests,</span><span class="space"> </span><span class="ab1 afw6">I am also a computer enthusiast and gamer.</span><span class="space"> </span><span class="ab1 afw6">I have a custom-built i7 4th generation system,</span><span class="space"> </span><span class="ab1 afw6">Which I have configured to dual boot Hackintosh and Windows.</span><span class="space"> </span><span class="ab1 afw6">Hackintosh is a very complex setup to enables non-apple hardware to run macOS,</span><span class="space"> </span><span class="ab1 afw6">Which I only use for development work</span><span class="space"> </span><span class="ab1 afw6">And my Windows OS is only for gaming</span><span class="space"> </span><span class="ab1 afw6">I like to play CS: GO and Age of Empires: DE every once in a while.</span><span class="space"> </span><span class="ab1 afw6">I have also finished Detroit: Become human, CyberPunk 2077, GTA 4, and GTA 5.</span><span class="space"> </span>
         </div>
       </div>
     </div>

build/style.css

@@ -1828,10 +1828,6 @@ body {
   color: #E31C25;
   margin-bottom: 8px;
 }
-#story span.space {
-  width: 6px;
-  display: inline-block;
-}
 
 #download-card {
   padding: 24px 0;

scripts/data/story.json

@@ -1,11 +1,20 @@
 [
-  "Hi, I am Hamza Iqbal self learned full stack developer with more than 4 years of experience.",
-  "My knowledge and experience is the result of my hard work and my desire for polishing my skills to absolute perfection.",
-  "I can confidently say I have absolute mastery in Flutter, React JS and React Native.",
-  "I enjoy tech a lot and also like to showcase my skills to the world. I have also published several open source projects on github,",
-  "Project links can be found right after skills section if you wish to check out my work.",
+  "Hey there, I am 22 years old, born and raised in Karachi.",
+  "I have been developing end-to-end smart solutions for more than four years.",
+  "My knowledge and experience are the results of my hard work.",
+  "My goal is to polish my skills to absolute perfection.",
+  "I can confidently say I have absolute mastery in Flutter, React JS, and React Native.",
+  "I enjoy technology a lot and like to showcase my skills to the world.",
+  "I have published several open-source projects on my Github profile.",
+  "Links for the projects are right after the skills section.",
   "",
-  "Aside from development I'm a computer enthusiast and gamer.",
-  "I own a custom built 4th gen i7 computer with dual boot setup for Hackintosh (A way to run MacOS on custom hardware) for development and Windows for gaming.",
-  "I mostly play CS:GO and Age of empires: DE. I've also finished Detroit: Become human, CyberPunk 2077, GTA 4 and GTA 5."
+  "Aside from my development interests,",
+  "I am also a computer enthusiast and gamer.",
+  "I have a custom-built i7 4th generation system,",
+  "Which I have configured to dual boot Hackintosh and Windows.",
+  "Hackintosh is a very complex setup to enables non-apple hardware to run macOS,",
+  "Which I only use for development work",
+  "And my Windows OS is only for gaming",
+  "I like to play CS: GO and Age of Empires: DE every once in a while.",
+  "I have also finished Detroit: Become human, CyberPunk 2077, GTA 4, and GTA 5."
 ]

src/components/story/story.pug

@@ -1,4 +1,4 @@
-- var data = ["Hi, I am Hamza Iqbal self learned full stack developer with more than 4 years of experience.","My knowledge and experience is the result of my hard work and my desire for polishing my skills to absolute perfection.","I can confidently say I have absolute mastery in Flutter, React JS and React Native.","I enjoy tech a lot and also like to showcase my skills to the world. I have also published several open source projects on github,","Project links can be found right after skills section if you wish to check out my work.","","Aside from development I'm a computer enthusiast and gamer.","I own a custom built 4th gen i7 computer with dual boot setup for Hackintosh (A way to run MacOS on custom hardware) for development and Windows for gaming.","I mostly play CS:GO and Age of empires: DE. I've also finished Detroit: Become human, CyberPunk 2077, GTA 4 and GTA 5."];
+- var data = ["Hey there, I am 22 years old, born and raised in Karachi.","I have been developing end-to-end smart solutions for more than four years.","My knowledge and experience are the results of my hard work.","My goal is to polish my skills to absolute perfection.","I can confidently say I have absolute mastery in Flutter, React JS, and React Native.","I enjoy technology a lot and like to showcase my skills to the world.","I have published several open-source projects on my Github profile.","Links for the projects are right after the skills section.","","Aside from my development interests,","I am also a computer enthusiast and gamer.","I have a custom-built i7 4th generation system,","Which I have configured to dual boot Hackintosh and Windows.","Hackintosh is a very complex setup to enables non-apple hardware to run macOS,","Which I only use for development work","And my Windows OS is only for gaming","I like to play CS: GO and Age of Empires: DE every once in a while.","I have also finished Detroit: Become human, CyberPunk 2077, GTA 4, and GTA 5."];
 
 #story.white-card
   .container
@@ -7,7 +7,7 @@
       each text in data
         if (text != "")
           span.ab1.afw6= text
-          span.space
+          span.space= " "
         else
           br
           br

src/components/story/story.sass

@@ -2,6 +2,3 @@
   .heading
     color: $primary1
     margin-bottom: 8px
-  span.space
-    width: 6px
-    display: inline-block