fixed source code link; footer height on sites with less content maximized

This commit is contained in:
Vrifox 2020-09-21 11:21:54 +02:00
parent 740f1318ce
commit 2f67080912
8 changed files with 117 additions and 48 deletions

View file

@ -7,7 +7,6 @@ footer {
.container { .container {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: none;
.website-subnav { .website-subnav {
margin-left: auto; margin-left: auto;
ul { 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) { @media (max-width: 600px) {
footer { footer {
.container { .container {
max-width: none;
.website-version { .website-version {
order: 2; order: 2;
padding: 10px 20px; padding: 10px 20px;

View file

@ -9,6 +9,10 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
html {
scrollbar-width: thin;
scrollbar-color: rgb(255, 130, 130) rgb(60, 60, 90);
}
body { body {
background: rgb(40, 40, 60); background: rgb(40, 40, 60);
color: rgb(240, 240, 255); color: rgb(240, 240, 255);

View file

@ -5,7 +5,6 @@ nav {
.container { .container {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: none;
.website-name { .website-name {
a { a {
color: rgb(245, 245, 245); color: rgb(245, 245, 245);
@ -36,6 +35,7 @@ nav {
@media (max-width: 600px) { @media (max-width: 600px) {
nav { nav {
.container { .container {
max-width: none;
.website-nav { .website-nav {
padding: 0 20px; padding: 0 20px;
} }

View file

@ -3,7 +3,7 @@ languageCode: en-us
title: vrifox.cc title: vrifox.cc
enableRobotsTXT: true enableRobotsTXT: true
params: params:
version: 2020-09-20 version: 2020-09-21
menu: menu:
main: main:
- identifier: blog - identifier: blog
@ -31,5 +31,5 @@ menu:
- identifier: sourcecode - identifier: sourcecode
name: source code name: source code
title: source code title: source code
url: https://git.vrifox.cc/vrifox/cursors url: https://git.vrifox.cc/vrifox/vrifox.cc
weight: 2 weight: 2

View file

@ -8,6 +8,10 @@ a {
a:hover { a:hover {
text-decoration: underline; } text-decoration: underline; }
html {
scrollbar-width: thin;
scrollbar-color: #ff8282 #3c3c5a; }
body { body {
background: #28283c; background: #28283c;
color: #f0f0ff; color: #f0f0ff;
@ -30,8 +34,7 @@ nav {
overflow-x: auto; } overflow-x: auto; }
nav .container { nav .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
nav .container .website-name a { nav .container .website-name a {
color: whitesmoke; color: whitesmoke;
text-decoration: none; text-decoration: none;
@ -52,8 +55,10 @@ nav {
text-decoration: none; } text-decoration: none; }
@media (max-width: 600px) { @media (max-width: 600px) {
nav .container .website-nav { nav .container {
padding: 0 20px; } } max-width: none; }
nav .container .website-nav {
padding: 0 20px; } }
footer { footer {
background: #1e1e2d; background: #1e1e2d;
@ -63,8 +68,7 @@ footer {
overflow-x: auto; } overflow-x: auto; }
footer .container { footer .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
footer .container .website-subnav { footer .container .website-subnav {
margin-left: auto; } margin-left: auto; }
footer .container .website-subnav ul { footer .container .website-subnav ul {
@ -76,12 +80,22 @@ footer {
footer .container .website-subnav a { footer .container .website-subnav a {
color: #c8c8e6; } color: #c8c8e6; }
footer::after {
content: '';
background: #1e1e2d;
position: fixed;
height: 10000px;
width: 100vw;
overflow: hidden; }
@media (max-width: 600px) { @media (max-width: 600px) {
footer .container .website-version { footer .container {
order: 2; max-width: none; }
padding: 10px 20px; } footer .container .website-version {
footer .container .website-subnav li { order: 2;
padding: 10px 30px 10px 0; } } padding: 10px 20px; }
footer .container .website-subnav li {
padding: 10px 30px 10px 0; } }
header { header {
text-align: center; text-align: center;

View file

@ -8,6 +8,10 @@ a {
a:hover { a:hover {
text-decoration: underline; } text-decoration: underline; }
html {
scrollbar-width: thin;
scrollbar-color: #ff8282 #3c3c5a; }
body { body {
background: #28283c; background: #28283c;
color: #f0f0ff; color: #f0f0ff;
@ -30,8 +34,7 @@ nav {
overflow-x: auto; } overflow-x: auto; }
nav .container { nav .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
nav .container .website-name a { nav .container .website-name a {
color: whitesmoke; color: whitesmoke;
text-decoration: none; text-decoration: none;
@ -52,8 +55,10 @@ nav {
text-decoration: none; } text-decoration: none; }
@media (max-width: 600px) { @media (max-width: 600px) {
nav .container .website-nav { nav .container {
padding: 0 20px; } } max-width: none; }
nav .container .website-nav {
padding: 0 20px; } }
.section-article article { .section-article article {
max-width: 720px; max-width: 720px;
@ -146,8 +151,7 @@ footer {
overflow-x: auto; } overflow-x: auto; }
footer .container { footer .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
footer .container .website-subnav { footer .container .website-subnav {
margin-left: auto; } margin-left: auto; }
footer .container .website-subnav ul { footer .container .website-subnav ul {
@ -159,9 +163,19 @@ footer {
footer .container .website-subnav a { footer .container .website-subnav a {
color: #c8c8e6; } color: #c8c8e6; }
footer::after {
content: '';
background: #1e1e2d;
position: fixed;
height: 10000px;
width: 100vw;
overflow: hidden; }
@media (max-width: 600px) { @media (max-width: 600px) {
footer .container .website-version { footer .container {
order: 2; max-width: none; }
padding: 10px 20px; } footer .container .website-version {
footer .container .website-subnav li { order: 2;
padding: 10px 30px 10px 0; } } padding: 10px 20px; }
footer .container .website-subnav li {
padding: 10px 30px 10px 0; } }

View file

@ -8,6 +8,10 @@ a {
a:hover { a:hover {
text-decoration: underline; } text-decoration: underline; }
html {
scrollbar-width: thin;
scrollbar-color: #ff8282 #3c3c5a; }
body { body {
background: #28283c; background: #28283c;
color: #f0f0ff; color: #f0f0ff;
@ -30,8 +34,7 @@ nav {
overflow-x: auto; } overflow-x: auto; }
nav .container { nav .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
nav .container .website-name a { nav .container .website-name a {
color: whitesmoke; color: whitesmoke;
text-decoration: none; text-decoration: none;
@ -52,8 +55,10 @@ nav {
text-decoration: none; } text-decoration: none; }
@media (max-width: 600px) { @media (max-width: 600px) {
nav .container .website-nav { nav .container {
padding: 0 20px; } } max-width: none; }
nav .container .website-nav {
padding: 0 20px; } }
header { header {
text-align: center; text-align: center;
@ -154,8 +159,7 @@ footer {
overflow-x: auto; } overflow-x: auto; }
footer .container { footer .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
footer .container .website-subnav { footer .container .website-subnav {
margin-left: auto; } margin-left: auto; }
footer .container .website-subnav ul { footer .container .website-subnav ul {
@ -167,9 +171,19 @@ footer {
footer .container .website-subnav a { footer .container .website-subnav a {
color: #c8c8e6; } color: #c8c8e6; }
footer::after {
content: '';
background: #1e1e2d;
position: fixed;
height: 10000px;
width: 100vw;
overflow: hidden; }
@media (max-width: 600px) { @media (max-width: 600px) {
footer .container .website-version { footer .container {
order: 2; max-width: none; }
padding: 10px 20px; } footer .container .website-version {
footer .container .website-subnav li { order: 2;
padding: 10px 30px 10px 0; } } padding: 10px 20px; }
footer .container .website-subnav li {
padding: 10px 30px 10px 0; } }

View file

@ -8,6 +8,10 @@ a {
a:hover { a:hover {
text-decoration: underline; } text-decoration: underline; }
html {
scrollbar-width: thin;
scrollbar-color: #ff8282 #3c3c5a; }
body { body {
background: #28283c; background: #28283c;
color: #f0f0ff; color: #f0f0ff;
@ -30,8 +34,7 @@ nav {
overflow-x: auto; } overflow-x: auto; }
nav .container { nav .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
nav .container .website-name a { nav .container .website-name a {
color: whitesmoke; color: whitesmoke;
text-decoration: none; text-decoration: none;
@ -52,8 +55,10 @@ nav {
text-decoration: none; } text-decoration: none; }
@media (max-width: 600px) { @media (max-width: 600px) {
nav .container .website-nav { nav .container {
padding: 0 20px; } } max-width: none; }
nav .container .website-nav {
padding: 0 20px; } }
header { header {
text-align: center; text-align: center;
@ -113,8 +118,7 @@ footer {
overflow-x: auto; } overflow-x: auto; }
footer .container { footer .container {
display: flex; display: flex;
align-items: center; align-items: center; }
max-width: none; }
footer .container .website-subnav { footer .container .website-subnav {
margin-left: auto; } margin-left: auto; }
footer .container .website-subnav ul { footer .container .website-subnav ul {
@ -126,9 +130,19 @@ footer {
footer .container .website-subnav a { footer .container .website-subnav a {
color: #c8c8e6; } color: #c8c8e6; }
footer::after {
content: '';
background: #1e1e2d;
position: fixed;
height: 10000px;
width: 100vw;
overflow: hidden; }
@media (max-width: 600px) { @media (max-width: 600px) {
footer .container .website-version { footer .container {
order: 2; max-width: none; }
padding: 10px 20px; } footer .container .website-version {
footer .container .website-subnav li { order: 2;
padding: 10px 30px 10px 0; } } padding: 10px 20px; }
footer .container .website-subnav li {
padding: 10px 30px 10px 0; } }