From 448ebd94a5e1890e2d6b7ff94519f6184fc6882a Mon Sep 17 00:00:00 2001
From: j-james
Date: Sat, 16 Oct 2021 01:37:09 -0700
Subject: Create first iteration of a (serious) resume

---
 css/resume.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 82 insertions(+)
 create mode 100644 css/resume.css

(limited to 'css')

diff --git a/css/resume.css b/css/resume.css
new file mode 100644
index 0000000..74f0c1d
--- /dev/null
+++ b/css/resume.css
@@ -0,0 +1,82 @@
+@import url("fonts.css");
+
+body {
+    font-family: Alegreya, serif;
+    background-color: #FFF;
+    color: #333;
+    max-width: 40em;
+    margin: 1em auto;
+    padding: 0em 1em;
+    border: 1px solid #000;
+    box-shadow: -1rem 1rem 0 0 rgba(0, 0, 0, 0.1);
+}
+
+h1, h2, h3, b {
+    color: #000;
+}
+
+ul {
+    margin-top: 0;
+}
+
+a, a:visited {
+    color: #1455FB;
+    text-decoration: none;
+}
+
+#blurb {
+    font-style: normal;
+}
+
+#contact {
+    list-style: none;
+}
+
+.title {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: end;
+    list-style-type: circle;
+    margin-bottom: 0;
+    margin-top: 0;
+}
+
+h2 {
+    margin-bottom: 0;
+}
+
+h2::after {
+    content: "";
+    width: 100px;
+    border-top: 2px solid #333;
+}
+
+@media screen and (max-width: 700px) {
+    /* todo: fix lumping of contact section on the se/seii size */
+    body {
+        max-width: 80vw;
+        font-size: 0.5em;
+    }
+}
+
+@page {
+    /* todo: fit the resume all on one page */
+    size: auto;
+    margin: 2mm;
+}
+
+@media print {
+    body {
+        background-color: #FFF;
+        color: #000;
+        border: none;
+        box-shadow: none;
+    }
+    a, a:visited, hr {
+        color: #000;
+    }
+    b > a::after {
+        content: ": " attr(href)
+    }
+}
-- 
cgit v1.2.3-70-g09d2