diff --git a/css/main.css b/css/main.css index 22c9230..8fc6d5e 100644 --- a/css/main.css +++ b/css/main.css @@ -4,50 +4,40 @@ font-family: "Noto Serif"; font-style: normal; font-weight: 400; - src: url("/fonts/noto-serif-v6-latin-regular.eot"); - /* IE9 Compat Modes */ - src: local("Noto Serif"), local("NotoSerif"), url("/fonts/noto-serif-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-regular.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-regular.woff") format("woff"), url("/fonts/noto-serif-v6-latin-regular.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-regular.svg#NotoSerif") format("svg"); - /* Legacy iOS */ + src: url("/fonts/noto-serif-v6-latin-regular.eot"); /* IE9 Compat Modes */ + src: local("Noto Serif"), local("NotoSerif"), url("/fonts/noto-serif-v6-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-regular.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-regular.woff") format("woff"), url("/fonts/noto-serif-v6-latin-regular.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-regular.svg#NotoSerif") format("svg"); /* Legacy iOS */ } /* noto-serif-italic - latin */ @font-face { font-family: "Noto Serif"; font-style: italic; font-weight: 400; - src: url("/fonts/noto-serif-v6-latin-italic.eot"); - /* IE9 Compat Modes */ - src: local("Noto Serif Italic"), local("NotoSerif-Italic"), url("/fonts/noto-serif-v6-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-italic.svg#NotoSerif") format("svg"); - /* Legacy iOS */ + src: url("/fonts/noto-serif-v6-latin-italic.eot"); /* IE9 Compat Modes */ + src: local("Noto Serif Italic"), local("NotoSerif-Italic"), url("/fonts/noto-serif-v6-latin-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-italic.svg#NotoSerif") format("svg"); /* Legacy iOS */ } /* noto-serif-700 - latin */ @font-face { font-family: "Noto Serif"; font-style: normal; font-weight: 700; - src: url("/fonts/noto-serif-v6-latin-700.eot"); - /* IE9 Compat Modes */ - src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url("/fonts/noto-serif-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700.svg#NotoSerif") format("svg"); - /* Legacy iOS */ + src: url("/fonts/noto-serif-v6-latin-700.eot"); /* IE9 Compat Modes */ + src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url("/fonts/noto-serif-v6-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700.svg#NotoSerif") format("svg"); /* Legacy iOS */ } /* noto-serif-700italic - latin */ @font-face { font-family: "Noto Serif"; font-style: italic; font-weight: 700; - src: url("/fonts/noto-serif-v6-latin-700italic.eot"); - /* IE9 Compat Modes */ - src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic"), url("/fonts/noto-serif-v6-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700italic.svg#NotoSerif") format("svg"); - /* Legacy iOS */ + src: url("/fonts/noto-serif-v6-latin-700italic.eot"); /* IE9 Compat Modes */ + src: local("Noto Serif Bold Italic"), local("NotoSerif-BoldItalic"), url("/fonts/noto-serif-v6-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/fonts/noto-serif-v6-latin-700italic.woff2") format("woff2"), url("/fonts/noto-serif-v6-latin-700italic.woff") format("woff"), url("/fonts/noto-serif-v6-latin-700italic.ttf") format("truetype"), url("/fonts/noto-serif-v6-latin-700italic.svg#NotoSerif") format("svg"); /* Legacy iOS */ } /* croissant-one-regular - latin */ @font-face { font-family: "Croissant One"; font-style: normal; font-weight: 400; - src: url("/fonts/croissant-one-v5-latin-regular.eot"); - /* IE9 Compat Modes */ - src: local("Croissant One"), local("CroissantOne-Regular"), url("/fonts/croissant-one-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/croissant-one-v5-latin-regular.woff2") format("woff2"), url("/fonts/croissant-one-v5-latin-regular.woff") format("woff"), url("/fonts/croissant-one-v5-latin-regular.ttf") format("truetype"), url("/fonts/croissant-one-v5-latin-regular.svg#CroissantOne") format("svg"); - /* Legacy iOS */ + src: url("/fonts/croissant-one-v5-latin-regular.eot"); /* IE9 Compat Modes */ + src: local("Croissant One"), local("CroissantOne-Regular"), url("/fonts/croissant-one-v5-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/croissant-one-v5-latin-regular.woff2") format("woff2"), url("/fonts/croissant-one-v5-latin-regular.woff") format("woff"), url("/fonts/croissant-one-v5-latin-regular.ttf") format("truetype"), url("/fonts/croissant-one-v5-latin-regular.svg#CroissantOne") format("svg"); /* Legacy iOS */ } nav#left { position: fixed; @@ -90,6 +80,10 @@ nav#left figure figcaption { font-size: 1.2em; text-decoration: none; } +nav#left figure img { + max-width: 80%; + border-radius: 0 0 50% 50%; +} nav#left a { outline: none !important; display: block; @@ -280,7 +274,7 @@ nav#top:hover, nav#top:active { float: left; } #section-main article h2 { - margin: 0-24px; + margin: -24px; padding: 0.4em 24px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; @@ -478,7 +472,7 @@ nav#top:hover, nav#top:active { } #section-main article img.avatar { border: none; - border-radius: 100%; + border-radius: 0 0 50% 50%; max-height: 200px; } @@ -695,7 +689,6 @@ body[data-page=home] nav#left .arrow { #section-main { left: 230px; } - nav#left { left: 0px; } diff --git a/index.html b/index.html index a15b56c..6fb3bd1 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@