Create first iteration of a (serious) resume

1 files changed, 82 insertions, 0 deletions

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)
+    }
+}