Merge branch 'develop' of rajukottedi/portfolio.web into prod

src/app/blog/blog.component.html

@@ -20,7 +20,7 @@
               <div class="blog-meta">
                 <p class="blog-category" *ngFor="let category of post.categories; index as i">{{post.categories.length - i > 1 ? category + ',' : category}}</p>
 
-                <span class="dot"></span>
+                <span class="dot" *ngIf="post.categories.length > 0"></span>
 
                 <time>{{post.createdDate}}</time>
               </div>

src/app/contact-sidebar/contact-sidebar.component.html

@@ -35,7 +35,7 @@
           <div class="contact-info">
             <p class="contact-title">Email</p>
 
-            <a href="mailto:richard@example.com" class="contact-link">{{model.candidate?.email}}</a>
+            <a href="mailto:{{model.candidate?.email}}" class="contact-link">{{model.candidate?.email}}</a>
           </div>
 
         </li>

src/app/resume/resume.component.html

@@ -74,7 +74,7 @@
           </div>
 
           <div class="skill-progress-bg">
-            <div class="skill-progress-fill" style="width: 80%;"></div>
+            <div class="skill-progress-fill" [style]="'width: ' + skill.proficiencyLevel + '%'"></div>
           </div>
 
         </li>

src/styles.scss

@@ -129,7 +129,7 @@
   
   li { list-style: none; }
   
-  img, ion-icon, a, button, time, span { display: block; }
+  img, i, a, button, time, span { display: block; }
   
   button {
     font: inherit;
@@ -206,7 +206,7 @@
     z-index: -1;
   }
   
-  .icon-box ion-icon { --ionicon-stroke-width: 35px; }
+  .icon-box i { --ionicon-stroke-width: 35px; }
   
 //   article { display: none; }
   
@@ -695,7 +695,7 @@
   .modal-close-btn:hover,
   .modal-close-btn:focus { opacity: 1; }
   
-  .modal-close-btn ion-icon { --ionicon-stroke-width: 50px; }
+  .modal-close-btn i { --ionicon-stroke-width: 50px; }
   
   .modal-avatar-box {
     background: var(--bg-gradient-onyx);
@@ -1000,7 +1000,7 @@
     opacity: 1;
   }
   
-  .project-item-icon-box ion-icon { --ionicon-stroke-width: 50px; }
+  .project-item-icon-box i { --ionicon-stroke-width: 50px; }
   
   .project-img img {
     width: 100%;
@@ -1212,7 +1212,7 @@
     transition: var(--transition-1);
   }
   
-  .form-btn ion-icon { font-size: 16px; }
+  .form-btn i { font-size: 16px; }
   
   .form-btn:hover { background: var(--bg-gradient-yellow-1); }
   
@@ -1363,7 +1363,7 @@
       font-size: var(--fs-8);
     }
   
-    .info_more-btn ion-icon { display: none; }
+    .info_more-btn i { display: none; }
   
     .separator { margin: 32px 0; }
   
@@ -1545,7 +1545,7 @@
       padding: 16px 20px;
     }
   
-    .form-btn ion-icon { font-size: 18px; }
+    .form-btn i { font-size: 18px; }
   
   }