diff --git a/assets/sass/code.scss b/assets/sass/code.scss index 660b1e6..dd4a795 100644 --- a/assets/sass/code.scss +++ b/assets/sass/code.scss @@ -1,18 +1,4 @@ -code { - background: $dark; - border-radius: .4rem; - margin: 0 .2rem; - padding: .2rem .5rem; - white-space: nowrap; -} - -p code { - font-size: .9rem !important; -} - -li code { - font-size: .9rem !important; -} +code { white-space: nowrap; } pre { background-color: $background-color !important; @@ -27,5 +13,6 @@ pre { max-width: 100%; overflow-x: auto; border-left: .3rem solid $code-edge; + border-radius: .4rem; } } diff --git a/assets/sass/main.scss b/assets/sass/main.scss index ca4264b..88b422d 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -14,95 +14,47 @@ body { color: $font-color; margin: 0px; overflow-y: scroll; - font-family: 'Source Sans Pro'; + font-family: 'Helvetica'; + font-size: 1.1rem; } header { background-color: $top-bar; box-shadow: 0px 5px 10px black; - .spread { - gap: 24px; - display: flex; - align-items: flex-end; - justify-content: space-between; - @include screen-max(1000px){justify-content: center;} - ul { - margin: 0px; - padding: 0px; - list-style-type: none; - a { - text-align: center; - margin: auto; - font-weight: bold; - text-decoration: none; - color: $font-color-alternate; - } - } - } nav { - max-width: 1400px; - margin: 0px auto; - padding: 8px; - flex-wrap: wrap; - a { - @include screen-max(1000px){flex-basis: 100%;} - } - img { - max-width: 300px; - display: block; - @include screen-max(1000px){margin: auto; flex-basis: 100%;} - } - } -} - -a { - color: $link-color; - - &:visited, &:hover { - color: $link-color-visited; + @include screen-max(840px){text-align: center;} + img { max-width: 300px; } + + a { + margin-right: 12px; + font-weight: bold; + text-decoration: none; + color: $font-color-alternate; + &:visited {color: $font-color-alternate;} + } } } -main { - max-width: 820px; - margin: auto; - @include screen-max(840px){padding: 0px 16px;} +header, main, section, nav {padding: 0 16px;} - img { - width: 100%; - } -} +main, section, nav {max-width: 920px; margin: auto;} +main img {max-width: 100%} -.center-text { - text-align: center; - flex-basis: 100%; -} +footer {text-align: center;} -a, p, li, h2 { - font-size: 1.25rem; -} -img { - object-fit: cover; +a { + color: $link-color; + &:visited, &:hover { color: $link-color-visited; } } img.featured { - border-radius: 8px; - max-height: 500px; - max-width: 100%; display: block; -} - -.margin { + border-radius: 8px; margin: 12px auto; -} - -.small-text { - font-size: 1rem; -} - -.large-text { - font-size: 2rem; + max-height: 888px; + object-fit: cover; + aspect-ratio: 4/3; } .left-to-right { @@ -117,26 +69,14 @@ img.featured { align-items: center; } -section { - max-width: 1000px; - margin: 16px auto; - padding: 8px; -} - section.article-list { + margin: 8px 0px; display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; } -.center-box { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - .fill-wh { width: 100%; height: 100% diff --git a/layouts/404.html b/layouts/404.html index 180ba9f..f369e15 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,7 +1,7 @@ {{ define "main" }} -