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; } }