From cab7bb8f3f4497dde513984c8a81e9d125a122d0 Mon Sep 17 00:00:00 2001 From: mjfernez Date: Fri, 25 Feb 2022 20:12:23 -0500 Subject: Update main css. Add new CSS for resume --- static/main.css | 17 +++++++- static/resume.css | 128 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ templates/site | 2 +- 3 files changed, 145 insertions(+), 2 deletions(-) create mode 100644 static/resume.css diff --git a/static/main.css b/static/main.css index 08ca707..82a3645 100644 --- a/static/main.css +++ b/static/main.css @@ -94,9 +94,21 @@ iframe { } @media screen and (max-device-width: 480px) { + h1 { + font-size: 150%; + } + h2 { + font-size: 125%; + } + h3 { + font-size: 115%; + } + h4 { + font-size: 100%; + } body { max-width: 100%; - font-size: 90%; + font-size: 100%; } .license { font-size: 0; @@ -108,4 +120,7 @@ iframe { code.longboi { font-size: 65%; } + .content { + text-align: left; + } } diff --git a/static/resume.css b/static/resume.css new file mode 100644 index 0000000..b1ff032 --- /dev/null +++ b/static/resume.css @@ -0,0 +1,128 @@ +h1 { + text-align: center; + margin: 1% auto; + white-space: normal; +} +h2,h3,h4 { + text-align: left; + margin: 1% auto; + white-space: normal; +} +h2.center { + text-align: center; +} +h3.center { + text-align: center; +} +h1 { + font-size: 150%; + color: #000000; +} +h2 { + font-size: 125%; + color: #202020; +} +h3 { + font-size: 100%; + color: #404040; +} +h4 { + font-size: 90%; + color: #808080; +} +body { + margin: 0 auto; + text-align: center; + font-family: Courier, Monospace; + word-wrap: normal; + white-space: normal; + font-size: 120%; +} +p { + margin-top: 1.5%; + margin-bottom: 1.5%; +} +small { + font-size: 75%; +} +code { + display: inline-block; + font-size: 125%; + background-color: #d8d8d8; + white-space: pre-wrap; + word-wrap: break-all; +} +th { + text-align: center; + padding: 1%; + background-color: #cccccc; +} +td { + text-align: center; + padding: 1%; +} +img { + max-width: 100%; + height: auto; + width: auto; +} +img.icon { + filter: invert(50%); +} +iframe { + border: 0; +} + +.navbar { + text-align: center; + max-width: 95%; + display: block; +} +.content { + text-align: justify; + max-width: 90%; + display: inline-block; +} +.license { + font-size: 50%; + text-align: center; + max-width: 35%; + display: block; +} +.longboi { + word-wrap: break-word; +} + +@media screen and (max-device-width: 480px) { + h1 { + font-size: 150%; + } + h2 { + font-size: 125%; + text-align: center; + } + h3 { + font-size: 100%; + text-align: center; + } + h4 { + font-size: 70%; + } + body { + max-width: 100%; + font-size: 100%; + } + .license { + font-size: 0; + } + p { + margin-top: 5%; + margin-bottom: 5%; + } + code.longboi { + font-size: 65%; + } + .content { + text-align: left; + } +} diff --git a/templates/site b/templates/site index 82c2c08..3d3e73a 160000 --- a/templates/site +++ b/templates/site @@ -1 +1 @@ -Subproject commit 82c2c085f877f6dca63d847bd2599abeebf76933 +Subproject commit 3d3e73a38ee04b49e16cda424782b1bcb619461b -- cgit v1.2.3