Updated content

Author: ragauskl

pdf.js

@@ -19,6 +19,7 @@ const createBrowser = async () => {
   browser = await puppeteer.launch({headless: !DEBUG, devtools: DEBUG})
   page = await browser.newPage()
   // PDF W 1600 H 1900
+  // A4 eq W 1600 H 2260
   await page.setViewport({width: 1600, height: 900})
 }
 

skill-icons/skills-chart.ai

@@ -20,16 +20,16 @@ <h3 class="section-title" ><span>ROLE & AVAILABILITY</span></h3>
     <!-- SKILLS -->
     <div class="sub-content center">
         <div class="line"></div>
-        <h3 class="section-title" ><span>SKILLS</span></h3>
+        <h3 class="section-title" ><span>MAIN SKILLS</span></h3>
         <div class="line"></div>
     </div>
     <div class="sub-content center">
-        <img width="100%" src="assets/skills-2.svg" alt="Skills chart">
+        <img width="100%" src="assets/skills.svg" alt="Skills chart">
     </div>
 
     <div class="sub-content center">
         <div class="line"></div>
-        <h3 class="section-title" ><span>PROJECT PORTFOLIO</span></h3>
+        <h3 class="section-title" ><span>FEATURED PERSONAL PROJECTS</span></h3>
         <div class="line"></div>
     </div>
     <div class="sub-content column">

src/app/components/main-panel/main-panel.component.html

@@ -26,7 +26,7 @@
       </div> -->
       <div class="row">
           <div class="round-icon">
-              <img class="icon-img-s2" src="{{cvData.contacts.linkedin.img}}" alt="contact icon">
+              <img class="icon-img-s3" src="{{cvData.contacts.linkedin.img}}" alt="contact icon">
           </div>
           <p><a target="_blank" href="{{'http://' + cvData.contacts.linkedin.value}}">{{cvData.contacts.linkedin.value}}</a></p>
       </div>
@@ -37,6 +37,19 @@
           <p><a target="_blank" href="{{'http://' + cvData.contacts.github.value}}">{{cvData.contacts.github.value}}</a></p>
       </div>
   </div>
+  <!-- PORTFOLIO -->
+  <div class="sub-content column">
+    <div class="white-box">
+        <p>PORTFOLIO</p>
+    </div>
+    <p>{{cvData.portfolio.description}}</p>
+    <div class="row">
+      <div class="round-icon">
+          <img class="icon-img-s2" src="{{cvData.portfolio.img}}" alt="contact icon">
+      </div>
+      <p><a target="_blank" href="{{'https://' + cvData.portfolio.href}}">{{cvData.portfolio.href}}</a></p>
+    </div>
+</div>
   <!-- LANGUAGES -->
   <div class="sub-content column">
       <div class="white-box">

src/app/components/side-panel/side-panel.component.html

@@ -45,7 +45,7 @@
 .round-icon {
     width: 30px;
     height: 30px;
-    border-radius: 50%;
+    border-radius: 5px;
     background-color: $dark;
     display: flex;
     justify-content: center;
@@ -63,11 +63,17 @@
 }
 
 .icon-img-s2 {
-    width: 15px;
-    height: 15px;
+    width: 20px;
+    height: 20px;
     overflow: hidden;
 }
 
+.icon-img-s3 {
+  width: 15px;
+  height: 15px;
+  overflow: hidden;
+}
+
 
 .no-bottom-margin{
     margin-bottom: 0px;