diff --git a/site/assets/chloe.css b/site/assets/chloe.css index 150f1df..5f37f87 100644 --- a/site/assets/chloe.css +++ b/site/assets/chloe.css @@ -32,6 +32,9 @@ --background-color: #000000; --text-color: #FFFFFF; --text-color-dim: #C0C0C0; + --red: #C00000; + --green: #00C000; + --blue: #0000C0; } .mobile-only { @@ -86,9 +89,30 @@ a { padding: 0.5em; } +.body { + margin-top: 1em; +} + .section .descriptor { font-size: 1.5em; font-weight: bold; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + gap: 0.5em; +} + +.section .descriptor > * { + flex-grow: 0; +} + +.section .descriptor .decoration { + flex-grow: 1; + height: 0px; + border-top: 1px solid var(--text-color); + position: relative; + top: 1px; } .section .block { @@ -213,4 +237,16 @@ ul.spaced li { .print-hide { display: none; } + + .section .descriptor .decoration.red { + border-top: 2px solid var(--red); + } + + .section .descriptor .decoration.green { + border-top: 2px solid var(--green); + } + + .section .descriptor .decoration.blue { + border-top: 2px solid var(--blue); + } } \ No newline at end of file diff --git a/site/index.html b/site/index.html index 78ae5a8..fcc2004 100644 --- a/site/index.html +++ b/site/index.html @@ -182,7 +182,10 @@
- Professional Experience +
+ Professional Experience +
+
@@ -211,7 +214,10 @@
- Key Technologies +
+ Key Technologies +
+
@@ -250,7 +256,10 @@
- Work & Education +
+ Work & Education +
+