diff --git a/Website/Data/WorkExperience.cs b/Website/Data/WorkExperience.cs
index 49c0040..9b0b090 100644
--- a/Website/Data/WorkExperience.cs
+++ b/Website/Data/WorkExperience.cs
@@ -44,6 +44,17 @@ public static class WorkExperience
Description =
"Taken the initiative in creating a variety of onboarding internal wiki documents explaining parts of the codebase that were well-loved by the team.",
IsVisible = true
+ },
+ new Point
+ {
+ Description =
+ "Taken the initiative in creating a variety of onboarding internal wiki documents explaining parts of the codebase that were well-loved by the team.",
+ IsVisible = true
+ },
+ new Point
+ {
+ Description = "Created an Azure DevOps pipeline to automate taking snapshots of the database schema to be aware of changes from multiple teams altering the database.",
+ IsVisible = true
}
]
},
diff --git a/resume_html/index.html b/resume_html/index.html
index 5363cea..97e9de7 100644
--- a/resume_html/index.html
+++ b/resume_html/index.html
@@ -93,6 +93,7 @@
Moved from backend to frontend as needed to fix bugs and add features to React frontend to help the UI team with their higher workload.
Took part in converting legacy VB-coded app functionality to a C# .NET web development server.
Taken the initiative in creating a variety of onboarding internal wiki documents explaining parts of the codebase that were well-loved by the team.
+ Created an Azure DevOps pipeline to automate taking snapshots of the database schema to be aware of changes from multiple teams altering the database.
diff --git a/resume_html/style.css b/resume_html/style.css
index a06dd85..402d394 100644
--- a/resume_html/style.css
+++ b/resume_html/style.css
@@ -8,7 +8,7 @@ body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
background: #e8ecf1;
color: #2d3436;
- line-height: 1.6;
+ line-height: 1.5;
}
.container {
@@ -27,53 +27,53 @@ body {
min-width: 300px;
background: #1a1d23;
color: #e0e0e0;
- padding: 40px 28px;
+ padding: 36px 28px;
}
.profile {
text-align: center;
- margin-bottom: 32px;
+ margin-bottom: 28px;
}
.avatar {
- width: 80px;
- height: 80px;
+ width: 72px;
+ height: 72px;
border-radius: 50%;
background: linear-gradient(135deg, #6c5ce7, #512da8);
color: #fff;
- font-size: 28px;
+ font-size: 26px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
- margin: 0 auto 16px;
+ margin: 0 auto 14px;
}
.profile h1 {
- font-size: 22px;
+ font-size: 20px;
color: #fff;
margin-bottom: 4px;
}
.tagline {
color: #a29bfe;
- font-size: 14px;
+ font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
}
.info-section {
- margin-bottom: 28px;
+ margin-bottom: 24px;
}
.info-section h2 {
- font-size: 13px;
+ font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #a29bfe;
border-bottom: 1px solid #2d2d35;
- padding-bottom: 8px;
- margin-bottom: 14px;
+ padding-bottom: 6px;
+ margin-bottom: 12px;
}
.contact-list {
@@ -83,43 +83,43 @@ body {
.contact-list li {
display: flex;
flex-direction: column;
- margin-bottom: 10px;
- font-size: 13px;
+ margin-bottom: 8px;
+ font-size: 12px;
}
.contact-list .label {
color: #888;
- font-size: 11px;
+ font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
- margin-bottom: 2px;
+ margin-bottom: 1px;
}
.skill-group {
- margin-bottom: 18px;
+ margin-bottom: 16px;
}
.skill-group h3 {
- font-size: 12px;
+ font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.8px;
color: #a29bfe;
- margin-bottom: 8px;
+ margin-bottom: 6px;
}
.skill-list {
list-style: none;
display: flex;
flex-wrap: wrap;
- gap: 6px;
+ gap: 5px;
}
.skill-list li {
background: #2d2d35;
color: #ccc;
- padding: 4px 10px;
+ padding: 3px 9px;
border-radius: 4px;
- font-size: 12px;
+ font-size: 11px;
}
.skill-list li:first-child {
@@ -131,23 +131,23 @@ body {
/* Main content */
.main {
flex: 1;
- padding: 40px 44px;
+ padding: 36px 40px;
}
.overview {
- margin-bottom: 36px;
+ margin-bottom: 32px;
}
.overview h2 {
- font-size: 13px;
+ font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #6c5ce7;
- margin-bottom: 10px;
+ margin-bottom: 8px;
}
.overview p {
- font-size: 15px;
+ font-size: 14px;
color: #555;
}
@@ -157,17 +157,18 @@ body {
/* Experience */
.experience-section h2 {
- font-size: 13px;
+ font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #6c5ce7;
- margin-bottom: 20px;
+ margin-bottom: 18px;
}
.experience {
- margin-bottom: 28px;
- padding-left: 16px;
+ margin-bottom: 24px;
+ padding-left: 14px;
border-left: 3px solid #e0e0e0;
+ page-break-inside: avoid;
}
.experience:last-child {
@@ -179,24 +180,24 @@ body {
justify-content: space-between;
align-items: baseline;
flex-wrap: wrap;
- gap: 8px;
+ gap: 6px;
}
.exp-header h3 {
- font-size: 17px;
+ font-size: 15px;
color: #1a1d23;
}
.exp-date {
- font-size: 13px;
+ font-size: 12px;
color: #888;
white-space: nowrap;
}
.exp-location {
- font-size: 13px;
+ font-size: 12px;
color: #6c5ce7;
- margin-bottom: 10px;
+ margin-bottom: 8px;
font-weight: 500;
}
@@ -206,16 +207,16 @@ body {
.experience ul li {
position: relative;
- padding-left: 18px;
- margin-bottom: 6px;
- font-size: 14px;
+ padding-left: 16px;
+ margin-bottom: 5px;
+ font-size: 13px;
color: #444;
}
.experience ul li::before {
content: "–";
position: absolute;
- left: 2px;
+ left: 1px;
color: #6c5ce7;
}
@@ -226,7 +227,7 @@ body {
@media (max-width: 768px) {
.container {
flex-direction: column;
- margin: 20px;
+ margin: 16px;
}
.sidebar {
@@ -235,6 +236,138 @@ body {
}
.main {
- padding: 28px 24px;
+ padding: 24px 20px;
+ }
+}
+
+@media print {
+ body {
+ background: #fff;
+ color: #000;
+ font-size: 11px;
+ line-height: 1.35;
+ }
+
+ .container {
+ flex-direction: row;
+ max-width: 100%;
+ margin: 0;
+ border-radius: 0;
+ box-shadow: none;
+ }
+
+ .sidebar {
+ width: 260px;
+ min-width: 260px;
+ background: #fff;
+ color: #000;
+ padding: 24px 20px;
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+ }
+
+ .sidebar h2 {
+ color: #512da8 !important;
+ border-bottom-color: #ccc !important;
+ }
+
+ .profile h1 {
+ color: #000;
+ font-size: 18px;
+ }
+
+ .tagline {
+ color: #512da8;
+ }
+
+ .avatar {
+ width: 60px;
+ height: 60px;
+ font-size: 20px;
+ background: #512da8 !important;
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+ }
+
+ .contact-list .label {
+ color: #666;
+ }
+
+ .contact-list li {
+ font-size: 11px;
+ }
+
+ .skill-group h3 {
+ color: #512da8 !important;
+ }
+
+ .skill-list li {
+ background: #ddd !important;
+ color: #000 !important;
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+ font-size: 10px;
+ padding: 2px 7px;
+ }
+
+ .skill-list li:first-child {
+ background: #512da8 !important;
+ color: #fff !important;
+ }
+
+ .main {
+ padding: 24px 28px;
+ }
+
+ .overview h2,
+ .experience-section h2 {
+ color: #512da8 !important;
+ font-size: 11px;
+ }
+
+ .overview p {
+ color: #333;
+ font-size: 12px;
+ }
+
+ .overview strong,
+ .experience ul li strong {
+ color: #512da8 !important;
+ }
+
+ .exp-header h3 {
+ color: #000;
+ font-size: 13px;
+ }
+
+ .exp-date {
+ color: #666;
+ font-size: 11px;
+ }
+
+ .exp-location {
+ color: #512da8 !important;
+ font-size: 11px;
+ }
+
+ .experience {
+ padding-left: 10px;
+ border-left-color: #ccc;
+ margin-bottom: 14px;
+ page-break-inside: avoid;
+ }
+
+ .experience ul li {
+ color: #333;
+ font-size: 11px;
+ margin-bottom: 3px;
+ }
+
+ .experience ul li::before {
+ color: #512da8 !important;
+ }
+
+ .experience:last-of-type {
+ page-break-after: avoid;
}
}