summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--css/resume.css117
-rw-r--r--css/style.css6
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;