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 {
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;

View file

@ -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);

View file

@ -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;
}

View file

@ -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

View file

@ -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;

View file

@ -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; } }

View file

@ -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; } }

View file

@ -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; } }