From 2f67080912bd01b1094c2e37bade93ce3c5fdf71 Mon Sep 17 00:00:00 2001 From: Vrifox Date: Mon, 21 Sep 2020 11:21:54 +0200 Subject: [PATCH] fixed source code link; footer height on sites with less content maximized --- assets/scss/partials/_footer.scss | 11 +++++- assets/scss/partials/_main.scss | 4 +++ assets/scss/partials/_nav.scss | 2 +- config.yaml | 4 +-- ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 36 +++++++++++++------ ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 36 +++++++++++++------ ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 36 +++++++++++++------ ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 36 +++++++++++++------ 8 files changed, 117 insertions(+), 48 deletions(-) diff --git a/assets/scss/partials/_footer.scss b/assets/scss/partials/_footer.scss index fe6763b..0d7a3a4 100644 --- a/assets/scss/partials/_footer.scss +++ b/assets/scss/partials/_footer.scss @@ -7,7 +7,6 @@ footer { .container { display: flex; align-items: center; - max-width: none; .website-subnav { margin-left: auto; ul { @@ -24,9 +23,19 @@ footer { } } } +footer::after { + content: ''; + background: rgb(30, 30, 45); + position: fixed; + height: 10000px; + width: 100vw; + overflow: hidden; +} + @media (max-width: 600px) { footer { .container { + max-width: none; .website-version { order: 2; padding: 10px 20px; diff --git a/assets/scss/partials/_main.scss b/assets/scss/partials/_main.scss index edb2e5c..99f61df 100644 --- a/assets/scss/partials/_main.scss +++ b/assets/scss/partials/_main.scss @@ -9,6 +9,10 @@ a:hover { text-decoration: underline; } +html { + scrollbar-width: thin; + scrollbar-color: rgb(255, 130, 130) rgb(60, 60, 90); +} body { background: rgb(40, 40, 60); color: rgb(240, 240, 255); diff --git a/assets/scss/partials/_nav.scss b/assets/scss/partials/_nav.scss index ca0b385..8e0d81f 100644 --- a/assets/scss/partials/_nav.scss +++ b/assets/scss/partials/_nav.scss @@ -5,7 +5,6 @@ nav { .container { display: flex; align-items: center; - max-width: none; .website-name { a { color: rgb(245, 245, 245); @@ -36,6 +35,7 @@ nav { @media (max-width: 600px) { nav { .container { + max-width: none; .website-nav { padding: 0 20px; } diff --git a/config.yaml b/config.yaml index ff106bc..7a443fa 100644 --- a/config.yaml +++ b/config.yaml @@ -3,7 +3,7 @@ languageCode: en-us title: vrifox.cc enableRobotsTXT: true params: - version: 2020-09-20 + version: 2020-09-21 menu: main: - identifier: blog @@ -31,5 +31,5 @@ menu: - identifier: sourcecode name: source code title: source code - url: https://git.vrifox.cc/vrifox/cursors + url: https://git.vrifox.cc/vrifox/vrifox.cc weight: 2 diff --git a/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 1b26253..d565af7 100644 --- a/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/_default/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -8,6 +8,10 @@ a { a:hover { text-decoration: underline; } +html { + scrollbar-width: thin; + scrollbar-color: #ff8282 #3c3c5a; } + body { background: #28283c; color: #f0f0ff; @@ -30,8 +34,7 @@ nav { overflow-x: auto; } nav .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } nav .container .website-name a { color: whitesmoke; text-decoration: none; @@ -52,8 +55,10 @@ nav { text-decoration: none; } @media (max-width: 600px) { - nav .container .website-nav { - padding: 0 20px; } } + nav .container { + max-width: none; } + nav .container .website-nav { + padding: 0 20px; } } footer { background: #1e1e2d; @@ -63,8 +68,7 @@ footer { overflow-x: auto; } footer .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } footer .container .website-subnav { margin-left: auto; } footer .container .website-subnav ul { @@ -76,12 +80,22 @@ footer { footer .container .website-subnav a { color: #c8c8e6; } +footer::after { + content: ''; + background: #1e1e2d; + position: fixed; + height: 10000px; + width: 100vw; + overflow: hidden; } + @media (max-width: 600px) { - footer .container .website-version { - order: 2; - padding: 10px 20px; } - footer .container .website-subnav li { - padding: 10px 30px 10px 0; } } + footer .container { + max-width: none; } + footer .container .website-version { + order: 2; + padding: 10px 20px; } + footer .container .website-subnav li { + padding: 10px 30px 10px 0; } } header { text-align: center; diff --git a/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index d81ef3a..7e4a1b5 100644 --- a/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/_default/single.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -8,6 +8,10 @@ a { a:hover { text-decoration: underline; } +html { + scrollbar-width: thin; + scrollbar-color: #ff8282 #3c3c5a; } + body { background: #28283c; color: #f0f0ff; @@ -30,8 +34,7 @@ nav { overflow-x: auto; } nav .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } nav .container .website-name a { color: whitesmoke; text-decoration: none; @@ -52,8 +55,10 @@ nav { text-decoration: none; } @media (max-width: 600px) { - nav .container .website-nav { - padding: 0 20px; } } + nav .container { + max-width: none; } + nav .container .website-nav { + padding: 0 20px; } } .section-article article { max-width: 720px; @@ -146,8 +151,7 @@ footer { overflow-x: auto; } footer .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } footer .container .website-subnav { margin-left: auto; } footer .container .website-subnav ul { @@ -159,9 +163,19 @@ footer { footer .container .website-subnav a { color: #c8c8e6; } +footer::after { + content: ''; + background: #1e1e2d; + position: fixed; + height: 10000px; + width: 100vw; + overflow: hidden; } + @media (max-width: 600px) { - footer .container .website-version { - order: 2; - padding: 10px 20px; } - footer .container .website-subnav li { - padding: 10px 30px 10px 0; } } + footer .container { + max-width: none; } + footer .container .website-version { + order: 2; + padding: 10px 20px; } + footer .container .website-subnav li { + padding: 10px 30px 10px 0; } } diff --git a/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 64999e9..8011d1f 100644 --- a/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/index.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -8,6 +8,10 @@ a { a:hover { text-decoration: underline; } +html { + scrollbar-width: thin; + scrollbar-color: #ff8282 #3c3c5a; } + body { background: #28283c; color: #f0f0ff; @@ -30,8 +34,7 @@ nav { overflow-x: auto; } nav .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } nav .container .website-name a { color: whitesmoke; text-decoration: none; @@ -52,8 +55,10 @@ nav { text-decoration: none; } @media (max-width: 600px) { - nav .container .website-nav { - padding: 0 20px; } } + nav .container { + max-width: none; } + nav .container .website-nav { + padding: 0 20px; } } header { text-align: center; @@ -154,8 +159,7 @@ footer { overflow-x: auto; } footer .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } footer .container .website-subnav { margin-left: auto; } footer .container .website-subnav ul { @@ -167,9 +171,19 @@ footer { footer .container .website-subnav a { color: #c8c8e6; } +footer::after { + content: ''; + background: #1e1e2d; + position: fixed; + height: 10000px; + width: 100vw; + overflow: hidden; } + @media (max-width: 600px) { - footer .container .website-version { - order: 2; - padding: 10px 20px; } - footer .container .website-subnav li { - padding: 10px 30px 10px 0; } } + footer .container { + max-width: none; } + footer .container .website-version { + order: 2; + padding: 10px 20px; } + footer .container .website-subnav li { + padding: 10px 30px 10px 0; } } diff --git a/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 0cecd9a..3fa3ebf 100644 --- a/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/scss/projects/list.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -8,6 +8,10 @@ a { a:hover { text-decoration: underline; } +html { + scrollbar-width: thin; + scrollbar-color: #ff8282 #3c3c5a; } + body { background: #28283c; color: #f0f0ff; @@ -30,8 +34,7 @@ nav { overflow-x: auto; } nav .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } nav .container .website-name a { color: whitesmoke; text-decoration: none; @@ -52,8 +55,10 @@ nav { text-decoration: none; } @media (max-width: 600px) { - nav .container .website-nav { - padding: 0 20px; } } + nav .container { + max-width: none; } + nav .container .website-nav { + padding: 0 20px; } } header { text-align: center; @@ -113,8 +118,7 @@ footer { overflow-x: auto; } footer .container { display: flex; - align-items: center; - max-width: none; } + align-items: center; } footer .container .website-subnav { margin-left: auto; } footer .container .website-subnav ul { @@ -126,9 +130,19 @@ footer { footer .container .website-subnav a { color: #c8c8e6; } +footer::after { + content: ''; + background: #1e1e2d; + position: fixed; + height: 10000px; + width: 100vw; + overflow: hidden; } + @media (max-width: 600px) { - footer .container .website-version { - order: 2; - padding: 10px 20px; } - footer .container .website-subnav li { - padding: 10px 30px 10px 0; } } + footer .container { + max-width: none; } + footer .container .website-version { + order: 2; + padding: 10px 20px; } + footer .container .website-subnav li { + padding: 10px 30px 10px 0; } }