Skip to content

Commit 35e15b6

Browse files
committed
fix: cleanup
1 parent 29a784b commit 35e15b6

File tree

4 files changed

+71
-80
lines changed

4 files changed

+71
-80
lines changed

about.md

Lines changed: 12 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -4,41 +4,20 @@ title: About
44
permalink: /about/
55
---
66

7-
<div class="about-section">
8-
# About This Site
7+
# About
98

10-
LinkedIn's character limits make it challenging to explore complex technical topics in depth. This site hosts expanded versions of my LinkedIn posts, providing:
9+
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.
1110

12-
- Detailed technical explanations
13-
- Complete code examples
14-
- Step-by-step tutorials
15-
- Additional resources and references
11+
**What I do:**
12+
- Cloud architecture & DevOps
13+
- Kubernetes, Azure, AWS
14+
- Automation & CI/CD
15+
- Technical leadership & mentoring
1616

17-
## About Me
17+
**About this site:**
18+
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.
1819

19-
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.
20-
21-
<div class="linkedin-badge-container">
22-
<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>
23-
</div>
24-
25-
<div class="tech-icons">
26-
{% if site.data.about.skills %}
27-
{% for skill in site.data.about.skills %}
28-
<span class="tech-icon">{{ skill }}</span>
29-
{% endfor %}
30-
{% else %}
31-
<span class="tech-icon">Cloud Architecture</span>
32-
<span class="tech-icon">DevOps</span>
33-
<span class="tech-icon">Kubernetes</span>
34-
<span class="tech-icon">Automation</span>
35-
{% endif %}
36-
</div>
37-
38-
## Connect With Me
39-
40-
<div class="connect-buttons">
41-
<a href="{{ site.linkedin.profile_url }}" class="connect-btn linkedin-btn">LinkedIn</a>
42-
<a href="https://github.com/{{ site.github_username }}" class="connect-btn github-btn">GitHub</a>
43-
</div>
20+
<div class="about-links">
21+
<a href="https://www.linkedin.com/in/notawar" class="btn linkedin-btn" target="_blank">LinkedIn</a>
22+
<a href="https://github.com/NotAwar" class="btn github-btn" target="_blank">GitHub</a>
4423
</div>

assets/css/style.scss

Lines changed: 31 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -268,27 +268,39 @@ p {
268268
letter-spacing: -0.5px;
269269
color: var(--gold-primary);
270270
text-shadow: 0 2px 10px rgba(0,0,0,0.3);
271+
opacity: 0;
272+
transform: translateY(40px);
273+
animation: fadeInUp 1s 0.1s forwards;
271274
}
272275

273276
.hero-subtitle {
274277
font-size: 1.6rem;
275278
margin: 0 0 30px;
276279
color: var(--text-primary);
277280
font-weight: 500;
281+
opacity: 0;
282+
transform: translateY(40px);
283+
animation: fadeInUp 1s 0.3s forwards;
278284
}
279285

280286
.hero-description {
281287
max-width: 700px;
282288
margin: 0 auto 40px;
283289
font-size: 1.2rem;
284290
color: var(--text-secondary);
291+
opacity: 0;
292+
transform: translateY(40px);
293+
animation: fadeInUp 1s 0.5s forwards;
285294
}
286295

287296
.hero-buttons {
288297
display: flex;
289298
justify-content: center;
290299
gap: 20px;
291300
flex-wrap: wrap;
301+
opacity: 0;
302+
transform: translateY(40px);
303+
animation: fadeInUp 1s 0.7s forwards;
292304

293305
.btn {
294306
padding: 12px 28px;
@@ -297,7 +309,8 @@ p {
297309
transition: var(--transition);
298310

299311
&:hover {
300-
transform: translateY(-3px);
312+
transform: translateY(-3px) scale(1.05);
313+
box-shadow: 0 4px 20px var(--shadow-color);
301314
}
302315
}
303316

@@ -322,6 +335,17 @@ p {
322335
}
323336
}
324337

338+
@keyframes fadeInUp {
339+
0% {
340+
opacity: 0;
341+
transform: translateY(40px);
342+
}
343+
100% {
344+
opacity: 1;
345+
transform: translateY(0);
346+
}
347+
}
348+
325349
// Projects Section
326350
.projects-section {
327351
padding: 80px 0;
@@ -361,9 +385,10 @@ p {
361385
flex-direction: column;
362386

363387
&:hover {
364-
transform: translateY(-5px);
388+
transform: translateY(-5px) scale(1.03);
365389
box-shadow: 0 10px 25px var(--shadow-color);
366390
border-color: var(--gold-muted);
391+
transition: var(--transition);
367392
}
368393

369394
.project-title {
@@ -453,9 +478,10 @@ p {
453478
flex-direction: column;
454479

455480
&:hover {
456-
transform: translateY(-3px);
481+
transform: translateY(-3px) scale(1.03);
457482
box-shadow: 0 8px 20px var(--shadow-color);
458483
border-color: var(--gold-muted);
484+
transition: var(--transition);
459485
}
460486

461487
.linkedin-header {
@@ -637,8 +663,9 @@ p {
637663
box-shadow: 0 5px 15px var(--shadow-color);
638664

639665
&:hover {
640-
transform: translateY(-5px);
666+
transform: translateY(-5px) scale(1.03);
641667
box-shadow: 0 10px 25px var(--shadow-color);
668+
transition: var(--transition);
642669
}
643670

644671
&.github, &.linkedin, &.email {

contact/index.html

Lines changed: 6 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -7,36 +7,24 @@
77
<div class="contact-page">
88
<div class="container">
99
<h1 class="page-title">Contact</h1>
10-
11-
<p class="page-description">
12-
Feel free to reach out to me through any of the channels below.
13-
</p>
14-
10+
<p class="page-description">Want to connect, collaborate, or just say hi? Reach out via any of the channels below.</p>
1511
<div class="contact-options">
1612
<div class="contact-card github">
17-
<div class="contact-icon">
18-
<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>
19-
</div>
13+
<div class="contact-icon">🐙</div>
2014
<h3>GitHub</h3>
2115
<p class="contact-details">@NotAwar</p>
2216
<a href="https://github.com/NotAwar" class="btn secondary-btn" target="_blank">View Profile</a>
2317
</div>
24-
2518
<div class="contact-card linkedin">
26-
<div class="contact-icon">
27-
<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>
28-
</div>
19+
<div class="contact-icon">in</div>
2920
<h3>LinkedIn</h3>
30-
<p class="contact-details">Connect with me professionally</p>
21+
<p class="contact-details">notawar</p>
3122
<a href="https://www.linkedin.com/in/notawar" class="btn linkedin-btn" target="_blank">Connect</a>
3223
</div>
33-
3424
<div class="contact-card email">
35-
<div class="contact-icon">
36-
<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>
37-
</div>
25+
<div class="contact-icon">✉️</div>
3826
<h3>Email</h3>
39-
<p class="contact-details">Get in touch via email</p>
27+
<p class="contact-details">[email protected]</p>
4028
<a href="mailto:[email protected]" class="btn primary-btn">Email Me</a>
4129
</div>
4230
</div>

cv/index.html

Lines changed: 22 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,10 @@
88
<div class="container">
99
<div class="cv-gold">
1010
<h1>Awar Abdulkarim</h1>
11-
<p class="position">Senior Cloud Engineer | Cloud Native Competency Lead</p>
12-
13-
<!-- Profile -->
11+
<p class="position">Senior Cloud Engineer & Cloud Native Competency Lead</p>
1412
<section class="cv-section">
1513
<h2>Profile</h2>
16-
<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>
14+
<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>
1715
</section>
1816

1917
<!-- Experience -->
@@ -31,17 +29,22 @@ <h3>{{ position.title }}</h3>
3129
{% endfor %}
3230
{% else %}
3331
<div class="experience">
34-
<h3>Cloud Native Competency Lead</h3>
35-
<p class="company">Tech Company Inc.</p>
36-
<p class="date">2021 - Present</p>
37-
<p>Leading the cloud-native transformation initiative, establishing best practices, and building a center of excellence for containerization and Kubernetes.</p>
32+
<h3>Senior Engineer | Competency Lead</h3>
33+
<p class="company">Sopra Steria</p>
34+
<p class="date">July 2024 - Present</p>
35+
<p>Leading cloud-native initiatives and overseeing projects on Microsoft Azure. Focus on developing cloud infrastructure, enhancing DevOps practices, and mentoring junior engineers.</p>
36+
</div>
37+
<div class="experience">
38+
<h3>Cloud Engineer</h3>
39+
<p class="company">Sopra Steria</p>
40+
<p class="date">August 2022 - July 2024</p>
41+
<p>Specialized in programming and infrastructure, contributing to the development of scalable cloud solutions and improving deployment processes.</p>
3842
</div>
39-
4043
<div class="experience">
41-
<h3>Senior Cloud Engineer</h3>
42-
<p class="company">Digital Solutions Ltd</p>
43-
<p class="date">2018 - 2021</p>
44-
<p>Designed and implemented cloud infrastructure on AWS and Azure, focusing on scalability, security, and cost optimization.</p>
44+
<h3>IT Employee</h3>
45+
<p class="company">OsloMet – Storbyuniversitetet</p>
46+
<p class="date">August 2021 - August 2022</p>
47+
<p>Provided technical support and contributed to various IT projects within the university, focusing on automation and system management.</p>
4548
</div>
4649
{% endif %}
4750
</section>
@@ -56,14 +59,13 @@ <h2>Skills</h2>
5659
{% endfor %}
5760
{% else %}
5861
<span>Cloud Architecture</span>
59-
<span>AWS</span>
6062
<span>Azure</span>
6163
<span>Kubernetes</span>
6264
<span>Docker</span>
6365
<span>CI/CD</span>
64-
<span>Terraform</span>
6566
<span>Python</span>
66-
<span>DevOps</span>
67+
<span>C++</span>
68+
<span>VHDL</span>
6769
{% endif %}
6870
</div>
6971
</section>
@@ -81,15 +83,10 @@ <h3>{{ edu.degree }}</h3>
8183
{% endfor %}
8284
{% else %}
8385
<div class="education">
84-
<h3>Master's Degree, Computer Science</h3>
85-
<p class="institution">University of Technology</p>
86-
<p class="date">2016 - 2018</p>
87-
</div>
88-
89-
<div class="education">
90-
<h3>Bachelor's Degree, Computer Engineering</h3>
91-
<p class="institution">Technical University</p>
92-
<p class="date">2012 - 2016</p>
86+
<h3>Bachelor's Degree in Electronics and IT Engineering</h3>
87+
<p class="institution">OsloMet</p>
88+
<p class="date">2021</p>
89+
<p>Focus on cloud technologies and software development</p>
9390
</div>
9491
{% endif %}
9592
</section>

0 commit comments

Comments
 (0)