diff --git a/resume.md-main/postamble.html b/resume.md-main/postamble.html index 547718f..09865ee 100755 --- a/resume.md-main/postamble.html +++ b/resume.md-main/postamble.html @@ -2,8 +2,30 @@
diff --git a/resume.md-main/resume.css b/resume.md-main/resume.css index 8f18e70..dee1cfd 100755 --- a/resume.md-main/resume.css +++ b/resume.md-main/resume.css @@ -5,15 +5,43 @@ body { line-height: 1.2; margin: 40px 0; } -#resume { - margin: 0 auto; - max-width: 800px; - padding: 40px 60px; +#resume, footer { background: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 2px 2px 4px #AAAAAA; -webkit-box-shadow: 2px 2px 4px #AAAAAA; } +#social > a { + display: block; + max-width: 2em; +} +#social { + padding: 20px 30px; + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +#social a, #social a:link, #social a:visited { + color: #000; + text-decoration: underline; +} +#social a { + margin: 0 1em 0 0; +} +#social a:hover { + color: #444; + text-decoration: underline; +} +#resume { + max-width: 800px; + padding: 40px 60px; +} +footer { + max-width: 925px; +} +#resume, footer { + margin: 0 auto; +} h1 { text-transform: uppercase; text-align: center; @@ -75,6 +103,24 @@ h1 + ul > li:last-child:after { h1 + ul + p { margin: 1em 0; } +footer { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +footer > div { + flex: 2; + min-width: 20em; +} +#thanks { + flex: 1; + text-align: center; + font-style: italic; + opacity: 75%; + display: flex; + align-items: center; + justify-content: center; + } @media print { body { font-size: 12pt; diff --git a/resume.md-main/resume.html b/resume.md-main/resume.html index dd35149..3050c11 100644 --- a/resume.md-main/resume.html +++ b/resume.md-main/resume.html @@ -49,8 +49,30 @@