add resume css & absolutize css imports

2 files changed, 120 insertions, 3 deletions

diff --git a/css/resume.css b/css/resume.css
new file mode 100644
index 0000000..ad5312e
--- /dev/null
+++ b/css/resume.css
@@ -0,0 +1,117 @@
+@import url("/css/normalize.css");
+@import url("/css/fonts.css");
+
+body {
+    font-family: Alegreya, serif;
+    background-color: #FFF;
+    color: #333;
+    max-width: 47em;
+    margin: 1em auto;
+}
+
+.page {
+    margin-bottom: 2em;
+    padding: 0 1em 0.5em;
+    border: 1px solid #000;
+    box-shadow: -1rem 1rem 0 0 rgba(0, 0, 0, 0.1);
+}
+
+.pagebreak {
+    padding-bottom: 1em;
+    page-break-before: always;
+}
+
+a, a:visited {
+    color: #1455FB;
+    text-decoration: none;
+}
+
+h1, h2, h3, b {
+    color: #000;
+}
+
+hr {
+    margin-top: 0;
+    margin-bottom: 0.5em;
+}
+
+ul {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+#blurb {
+    max-width: 100%;
+}
+
+#blurb i {
+    font-style: normal;
+}
+
+#contact {
+    list-style: none;
+    margin-top: 1em;
+    padding-left: 0;
+}
+
+#pdf {
+    font-size: 0.5em;
+}
+
+.title {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    list-style-type: circle;
+    margin-bottom: 0;
+    margin-top: 0;
+}
+
+.title div {
+    max-width: 450px;
+}
+
+.title h1, .title h2, .title h3 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+}
+
+/* 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: auto;
+        font-size: 2.1vw; /* literal magic */
+    }
+    ul {
+        padding-left: 20px;
+    }
+}
+
+@page {
+    size: auto;
+    margin: 2mm;
+}
+
+@media print {
+    body {
+        background-color: #FFF;
+        color: #000;
+        font-size: 0.95em;
+    }
+    /* a, a:visited, hr {
+        color: #000;
+    } */
+    .text::after {
+        content: ": " attr(href);
+    }
+    #pdf {
+        display: none;
+    }
+}
diff --git a/css/style.css b/css/style.css
index 0508254..4f891f2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,6 +1,6 @@
-@import url("normalize.css");
-@import url("fonts.css");
-@import url("code.css");
+@import url("/css/normalize.css");
+@import url("/css/fonts.css");
+@import url("/css/code.css");
 
 body {
 	font-family: Alegreya, serif;