Minor tweaks

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
                         }
                     ]
                 },

resume_html/index.html

@@ -93,6 +93,7 @@
             <li>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.</li>
             <li>Took part in converting legacy VB-coded app functionality to a <strong>C# .NET web development server</strong>.</li>
             <li>Taken the initiative in creating a variety of onboarding internal wiki documents explaining parts of the codebase that were well-loved by the team.</li>
+            <li>Created an <strong>Azure DevOps pipeline</strong> to automate taking snapshots of the database schema to be aware of changes from multiple teams altering the database.</li>
           </ul>
         </div>
 

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;
+  width: 72px;
-  height: 80px;
+  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;
+  padding-bottom: 6px;
-  margin-bottom: 14px;
+  margin-bottom: 12px;
 }
 
 .contact-list {
@@ -83,43 +83,43 @@ body {
 .contact-list li {
   display: flex;
   flex-direction: column;
-  margin-bottom: 10px;
+  margin-bottom: 8px;
-  font-size: 13px;
+  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;
+  margin-bottom: 24px;
-  padding-left: 16px;
+  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;
+  padding-left: 16px;
-  margin-bottom: 6px;
+  margin-bottom: 5px;
-  font-size: 14px;
+  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;
   }
 }