update 2024

.nvmrc

@@ -1 +1 @@
-v11.15.0
+v22.4.1

css/_header.scss

@@ -3,8 +3,8 @@ img.profile {
     box-shadow: $card;
     border-radius: 50%;
     float: left;
-    margin: $spacing / 3;
-    margin-right: $spacing / 2;
+    margin: calc($spacing / 3);
+    margin-right: calc($spacing / 2);
 }
 
 h4.role {

css/_layout.scss

@@ -1,6 +1,6 @@
 .section {
-    padding-top: $spacing / 3;
-    padding-bottom: $spacing / 3;
+    padding-top: calc($spacing / 3);
+    padding-bottom: calc($spacing / 3);
     padding-left: $spacing;
     padding-right: $spacing;
 }
@@ -25,4 +25,4 @@ h4 > small:nth-child(2) {
 
 .role {
     padding-top: 10px;
-}
+}

css/_page.scss

@@ -45,14 +45,89 @@ p + p {
 	/* Restore the spacing between the paragraphs */
 	margin-top: 0.5cm;
 }
-/* For links in the document */
-a {
-	/* Prevent colorization or decoration */
-	text-decoration: none;
-	color: $textcolour;
-}
+
 /* For tables in the document */
 table {
 	/* Avoid page breaks inside */
 	page-break-inside: avoid;
 }
+
+
+/* emoji icons */
+p.role {
+    font-weight: 600;
+}
+p.role::before {
+    content: "👷‍♂️ ";
+}
+
+p.timeline::before {
+    content: "🗓️ ";
+
+}
+
+p.tagline::before {
+    content: "📌 ";
+}
+
+p.tech::before {
+    content: "🔧 ";
+}
+
+/* inline list */
+$inline_list_spacing: 10px;
+
+ul.inline-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    align-items: center;
+	margin-top: -10px;
+}
+
+ul.inline-list li {
+    margin-left: $inline_list_spacing;
+}
+
+ul.inline-list li:first-child {
+    margin-left: 0;
+}
+
+ul.inline-list li::before {
+    content: "|";
+    margin-right: $inline_list_spacing;
+}
+
+ul.inline-list li.ng-hide::before {
+    content: "";
+}
+
+ul.inline-list li:first-child::before {
+    content: "";
+    margin-right: 0;
+}
+
+/* Additional rule to handle visible elements */
+ul.inline-list li:not(.ng-hide):first-of-type::before {
+    content: "";
+    margin-right: 0;
+}
+
+/* un-link the header hrefs */
+h2 > a {
+	text-decoration: none;
+	color: $textcolour;
+}
+
+h2.company {
+	background-color: lighten($accent, 25%);
+}
+
+.header.section {
+	background-color: lighten($brand, 25%);
+}
+
+.education.section {
+	background-color: lighten($brand, 25%);
+}

css/_print.scss

@@ -61,7 +61,7 @@
 	ul.duties {
 		// list-style: disc !important;
 		// list-style-type: disc !important;
-		margin-top: -20px;
+		// margin-top: -20px;
 		// display: list-item !important;
 	}
 
@@ -85,6 +85,29 @@
 		box-shadow:  inset 0 0 0 1000px $brand !important;
 		color: white !important;
 	}
+
+	/* For links in the document */
+	a {
+		/* Prevent colorization or decoration */
+		text-decoration: none;
+		color: $textcolour;
+	}
+
+	.end {
+		display: none;
+	}
+
+	h2.company {
+		background-color: inherit;
+	}
+
+	.header.section {
+		background-color: inherit;
+	}
+
+	.education.section {
+		background-color: inherit;
+	}
 }
 @media print and (color) {
 	* {

css/main.scss

@@ -1,6 +1,6 @@
 $textcolour: #333;
-$textcolourl: lighten($textcolour, 25%);
-$textcolourll: lighten($textcolourl, 25%);
+$textcolourl: lighten($textcolour, 5%);
+$textcolourll: lighten($textcolourl, 10%);
 //$brand: #0076c9;
 $brand: #75aafd;
 //$accent: #C97700;