MountainLinuxClub
/
website
1
2
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

add 404 page #2

Merged
boots merged 3 commits from caton101/website:404 into master 2022-03-24 23:42:05 +00:00
Conversation 2 Commits 3 Files Changed 5 +117 -118
5 changed files with 117 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7b0a0dd771 - Show all commits

4
.gitmodules vendored
View File

@ -1,6 +1,6 @@
[submodule "starfield"]
path = starfield
path = static/submodules/starfield
url = https://github.com/mlesniak/starfield
[submodule "comic-mono-font"]
path = comic-mono-font
path = static/submodules/comic-mono-font
url = https://github.com/dtinth/comic-mono-font

70
scss/404.css Normal file
View File

@ -0,0 +1,70 @@
@font-face {
font-family: comic-mono;
src: url("/submodules/comic-mono-font/ComicMono.ttf");
}
html {
background-image: url("/submodules/starfield/animation.gif");
background-repeat: repeat;
background-size: 10em;
color: white;
font-family: comic-mono;
}
#main {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
width: 50em;
height: 50em;
margin-left: auto;
margin-right: auto;
}
.img-div,
#text-div {
margin: 1em;
text-align: center;
}
img {
width: 100%;
height: 100%;
border-width: 0.2em;
border-style: ridge;
border-color: lightgrey;
}
#text-div {
place-self: center;
}
p {
text-align: center;
}
span {
display: block;
}
#line1,
#line3,
#line4 {
font-size: 1.5em;
}
#line2 {
font-size: 5em;
}
a:link {
color: lightskyblue;
}
a:visited {
color: mediumpurple;
}
a:active {
color: salmon;
}

0
comic-mono-font → static/submodules/comic-mono-font
View File

0
starfield → static/submodules/starfield
View File

73
404.html → templates/404.html
View File

@ -4,78 +4,7 @@
<head>
<meta charset="utf-8">
<title>404: Mountain Linux</title>
<style>
@font-face {
font-family: comic-mono;
src: url("./comic-mono-font/ComicMono.ttf");
}
html {
background-image: url("./starfield/animation.gif");
background-repeat: repeat;
background-size: 10em;
color: white;
font-family: comic-mono;
}
#main {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
width: 50em;
height: 50em;
margin-left: auto;
margin-right: auto;
}
.img-div,
#text-div {
margin: 1em;
text-align: center;
}
img {
width: 100%;
height: 100%;
border-width: 0.2em;
border-style: ridge;
border-color: lightgrey;
}
#text-div {
place-self: center;
}
p {
text-align: center;
}
span {
display: block;
}
#line1,
#line3,
#line4 {
font-size: 1.5em;
}
#line2 {
font-size: 5em;
}
a:link {
color: lightskyblue;
}
a:visited {
color: mediumpurple;
}
a:active {
color: salmon;
}
</style>
<link rel="stylesheet" type="text/css" href="{{ get_url(path='404.css') }}">
</head>
<body>