fix: cleanup

Author: NotAwar

about.md

@@ -4,41 +4,20 @@ title: About
 permalink: /about/
 ---
 
-<div class="about-section">
-  # About This Site
+# About
 
-  LinkedIn's character limits make it challenging to explore complex technical topics in depth. This site hosts expanded versions of my LinkedIn posts, providing:
+Hi, I'm Awar Abdulkarim — Senior Cloud Engineer and Cloud Native Competency Lead. I specialize in building scalable, modern cloud solutions and leading teams to deliver innovative results.
 
-- Detailed technical explanations
-- Complete code examples
-- Step-by-step tutorials
-- Additional resources and references
+**What I do:**
+- Cloud architecture & DevOps
+- Kubernetes, Azure, AWS
+- Automation & CI/CD
+- Technical leadership & mentoring
 
-## About Me
+**About this site:**
+This is my digital home for sharing insights, projects, and professional highlights. If you want to connect, collaborate, or just say hi, you’ll find all the links below.
 
-  I'm a Senior Engineer at {{ site.data.about.current_position.company | default: "Sopra Steria" }} with expertise in cloud architecture and DevOps. I'm passionate about sharing knowledge and insights that help others solve complex technical problems.
-
-  <div class="linkedin-badge-container">
-    <div class="badge-base LI-profile-badge" data-locale="no_NO" data-size="large" data-theme="dark" data-type="HORIZONTAL" data-vanity="notawar" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://no.linkedin.com/in/notawar?trk=profile-badge">Awar Abdulkarim</a></div>
-  </div>
-
-  <div class="tech-icons">
-    {% if site.data.about.skills %}
-      {% for skill in site.data.about.skills %}
-        <span class="tech-icon">{{ skill }}</span>
-      {% endfor %}
-    {% else %}
-      <span class="tech-icon">Cloud Architecture</span>
-      <span class="tech-icon">DevOps</span>
-      <span class="tech-icon">Kubernetes</span>
-      <span class="tech-icon">Automation</span>
-    {% endif %}
-  </div>
-
-## Connect With Me
-
-  <div class="connect-buttons">
-    <a href="{{ site.linkedin.profile_url }}" class="connect-btn linkedin-btn">LinkedIn</a>
-    <a href="https://github.com/{{ site.github_username }}" class="connect-btn github-btn">GitHub</a>
-  </div>
+<div class="about-links">
+  <a href="https://www.linkedin.com/in/notawar" class="btn linkedin-btn" target="_blank">LinkedIn</a>
+  <a href="https://github.com/NotAwar" class="btn github-btn" target="_blank">GitHub</a>
 </div>

assets/css/style.scss

@@ -268,27 +268,39 @@ p {
     letter-spacing: -0.5px;
     color: var(--gold-primary);
     text-shadow: 0 2px 10px rgba(0,0,0,0.3);
+    opacity: 0;
+    transform: translateY(40px);
+    animation: fadeInUp 1s 0.1s forwards;
   }
 
   .hero-subtitle {
     font-size: 1.6rem;
     margin: 0 0 30px;
     color: var(--text-primary);
     font-weight: 500;
+    opacity: 0;
+    transform: translateY(40px);
+    animation: fadeInUp 1s 0.3s forwards;
   }
 
   .hero-description {
     max-width: 700px;
     margin: 0 auto 40px;
     font-size: 1.2rem;
     color: var(--text-secondary);
+    opacity: 0;
+    transform: translateY(40px);
+    animation: fadeInUp 1s 0.5s forwards;
   }
 
   .hero-buttons {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
+    opacity: 0;
+    transform: translateY(40px);
+    animation: fadeInUp 1s 0.7s forwards;
 
     .btn {
       padding: 12px 28px;
@@ -297,7 +309,8 @@ p {
       transition: var(--transition);
 
       &:hover {
-        transform: translateY(-3px);
+        transform: translateY(-3px) scale(1.05);
+        box-shadow: 0 4px 20px var(--shadow-color);
       }
     }
 
@@ -322,6 +335,17 @@ p {
   }
 }
 
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    transform: translateY(40px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 // Projects Section
 .projects-section {
   padding: 80px 0;
@@ -361,9 +385,10 @@ p {
     flex-direction: column;
 
     &:hover {
-      transform: translateY(-5px);
+      transform: translateY(-5px) scale(1.03);
       box-shadow: 0 10px 25px var(--shadow-color);
       border-color: var(--gold-muted);
+      transition: var(--transition);
     }
 
     .project-title {
@@ -453,9 +478,10 @@ p {
     flex-direction: column;
 
     &:hover {
-      transform: translateY(-3px);
+      transform: translateY(-3px) scale(1.03);
       box-shadow: 0 8px 20px var(--shadow-color);
       border-color: var(--gold-muted);
+      transition: var(--transition);
     }
 
     .linkedin-header {
@@ -637,8 +663,9 @@ p {
     box-shadow: 0 5px 15px var(--shadow-color);
 
     &:hover {
-      transform: translateY(-5px);
+      transform: translateY(-5px) scale(1.03);
       box-shadow: 0 10px 25px var(--shadow-color);
+      transition: var(--transition);
     }
 
     &.github, &.linkedin, &.email {

contact/index.html

@@ -7,36 +7,24 @@
 <div class="contact-page">
   <div class="container">
     <h1 class="page-title">Contact</h1>
-    
-    <p class="page-description">
-      Feel free to reach out to me through any of the channels below.
-    </p>
-    
+    <p class="page-description">Want to connect, collaborate, or just say hi? Reach out via any of the channels below.</p>
     <div class="contact-options">
       <div class="contact-card github">
-        <div class="contact-icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
-        </div>
+        <div class="contact-icon">🐙</div>
         <h3>GitHub</h3>
         <p class="contact-details">@NotAwar</p>
         <a href="https://github.com/NotAwar" class="btn secondary-btn" target="_blank">View Profile</a>
       </div>
-      
       <div class="contact-card linkedin">
-        <div class="contact-icon">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#0077B5" d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"></path></svg>
-        </div>
+        <div class="contact-icon">in</div>
         <h3>LinkedIn</h3>
-        <p class="contact-details">Connect with me professionally</p>
+        <p class="contact-details">notawar</p>
         <a href="https://www.linkedin.com/in/notawar" class="btn linkedin-btn" target="_blank">Connect</a>
       </div>
-      
       <div class="contact-card email">
-        <div class="contact-icon">
-          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
-        </div>
+        <div class="contact-icon">✉️</div>
         <h3>Email</h3>
-        <p class="contact-details">Get in touch via email</p>
+        <p class="contact-details">[email protected]</p>
         <a href="mailto:[email protected]" class="btn primary-btn">Email Me</a>
       </div>
     </div>

cv/index.html

@@ -8,12 +8,10 @@
   <div class="container">
     <div class="cv-gold">
       <h1>Awar Abdulkarim</h1>
-      <p class="position">Senior Cloud Engineer | Cloud Native Competency Lead</p>
-      
-      <!-- Profile -->
+      <p class="position">Senior Cloud Engineer & Cloud Native Competency Lead</p>
       <section class="cv-section">
         <h2>Profile</h2>
-        <p>Experienced cloud engineer specializing in cloud-native technologies, infrastructure as code, and DevOps practices. Leading cloud transformation initiatives and building scalable infrastructure solutions.</p>
+        <p>Cloud engineer with a passion for building scalable, reliable infrastructure and leading teams to deliver modern cloud-native solutions. Experienced in Azure, AWS, Kubernetes, and automation. I focus on technical excellence, mentoring, and driving innovation.</p>
       </section>
 
       <!-- Experience -->
@@ -31,17 +29,22 @@ <h3>{{ position.title }}</h3>
           {% endfor %}
         {% else %}
           <div class="experience">
-            <h3>Cloud Native Competency Lead</h3>
-            <p class="company">Tech Company Inc.</p>
-            <p class="date">2021 - Present</p>
-            <p>Leading the cloud-native transformation initiative, establishing best practices, and building a center of excellence for containerization and Kubernetes.</p>
+            <h3>Senior Engineer | Competency Lead</h3>
+            <p class="company">Sopra Steria</p>
+            <p class="date">July 2024 - Present</p>
+            <p>Leading cloud-native initiatives and overseeing projects on Microsoft Azure. Focus on developing cloud infrastructure, enhancing DevOps practices, and mentoring junior engineers.</p>
+          </div>
+          <div class="experience">
+            <h3>Cloud Engineer</h3>
+            <p class="company">Sopra Steria</p>
+            <p class="date">August 2022 - July 2024</p>
+            <p>Specialized in programming and infrastructure, contributing to the development of scalable cloud solutions and improving deployment processes.</p>
           </div>
-          
           <div class="experience">
-            <h3>Senior Cloud Engineer</h3>
-            <p class="company">Digital Solutions Ltd</p>
-            <p class="date">2018 - 2021</p>
-            <p>Designed and implemented cloud infrastructure on AWS and Azure, focusing on scalability, security, and cost optimization.</p>
+            <h3>IT Employee</h3>
+            <p class="company">OsloMet – Storbyuniversitetet</p>
+            <p class="date">August 2021 - August 2022</p>
+            <p>Provided technical support and contributed to various IT projects within the university, focusing on automation and system management.</p>
           </div>
         {% endif %}
       </section>
@@ -56,14 +59,13 @@ <h2>Skills</h2>
             {% endfor %}
           {% else %}
             <span>Cloud Architecture</span>
-            <span>AWS</span>
             <span>Azure</span>
             <span>Kubernetes</span>
             <span>Docker</span>
             <span>CI/CD</span>
-            <span>Terraform</span>
             <span>Python</span>
-            <span>DevOps</span>
+            <span>C++</span>
+            <span>VHDL</span>
           {% endif %}
         </div>
       </section>
@@ -81,15 +83,10 @@ <h3>{{ edu.degree }}</h3>
           {% endfor %}
         {% else %}
           <div class="education">
-            <h3>Master's Degree, Computer Science</h3>
-            <p class="institution">University of Technology</p>
-            <p class="date">2016 - 2018</p>
-          </div>
-          
-          <div class="education">
-            <h3>Bachelor's Degree, Computer Engineering</h3>
-            <p class="institution">Technical University</p>
-            <p class="date">2012 - 2016</p>
+            <h3>Bachelor's Degree in Electronics and IT Engineering</h3>
+            <p class="institution">OsloMet</p>
+            <p class="date">2021</p>
+            <p>Focus on cloud technologies and software development</p>
           </div>
         {% endif %}
       </section>