Rearranged directories, improved css, added gitea to navbar, etc
This commit is contained in:
edwark43
parent
20a5dde958
commit
c58b658358
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
/dynmap/
|
||||
/files/
|
||||
/skins0917/
|
||||
/skins1718/
|
||||
/mc/
|
||||
18
.htaccess
18
.htaccess
@ -1,12 +1,8 @@
|
||||
AddType video/mp4 mp4 m4v f4v f4p
|
||||
AddType video/ogg ogv
|
||||
AddType video/webm webm
|
||||
AddType video/x-flv flv
|
||||
ErrorDocument 400 /p/errors/400.html
|
||||
ErrorDocument 401 /p/errors/401.html
|
||||
ErrorDocument 403 /p/errors/403.html
|
||||
ErrorDocument 404 /p/errors/404.html
|
||||
ErrorDocument 410 /p/errors/410.html
|
||||
ErrorDocument 500 /p/errors/500.html
|
||||
ErrorDocument 502 /p/errors/502.html
|
||||
ErrorDocument 400 /error-pages/400.html
|
||||
ErrorDocument 401 /error-pages/401.html
|
||||
ErrorDocument 403 /error-pages/403.html
|
||||
ErrorDocument 404 /error-pages/404.html
|
||||
ErrorDocument 410 /error-pages/410.html
|
||||
ErrorDocument 500 /error-pages/500.html
|
||||
ErrorDocument 502 /error-pages/502.html
|
||||
IndexIgnore ..
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="noscroll">
|
||||
<html id="noscroll">
|
||||
<head>
|
||||
<title>About</title>
|
||||
<meta charset="UTF-8" />
|
||||
@ -11,21 +11,20 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="page-container">
|
||||
<div class="bg"></div>
|
||||
<ul id="navbar">
|
||||
<li class="materialtext">
|
||||
<a title="Home" href="/">Home</a>
|
||||
</li>
|
||||
<li class="materialtext"><a href="/dynmap/" title="Dynmap">Dynmap</a></li>
|
||||
<li class="materialtext"><a href="/p/skins0917/" title="Skins 1">MC Skins 1</a></li>
|
||||
<li class="materialtext"><a href="/p/skins1718/" title="Skins 2">MC Skins 2</a></li>
|
||||
<li class="materialtext">
|
||||
<a class="active" href="/p/about/" title="About">About</a>
|
||||
<div id="bg"></div>
|
||||
<ul>
|
||||
<li><a href="/" title="Home">Home</a></li>
|
||||
<li><a href="/dynmap/" title="Dynmap">Dynmap</a></li>
|
||||
<li><a href="https://git.lkarch.org" title="Git">Git</a></li>
|
||||
<li><a href="/skins0917/" title="Skins 1">MC Skins 1</a></li>
|
||||
<li><a href="/skins1718/" title="Skins 2">MC Skins 2</a></li>
|
||||
<li>
|
||||
<a id="active" href="/about/" title="About">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="content-wrap">
|
||||
<div class="links">
|
||||
<p class="links-title">Links</p>
|
||||
<div id="socials-div">
|
||||
<p id="socials-title">Socials</p>
|
||||
<a class="social-link" target="_blank" rel="noreferrer noopener" href="https://git.lkarch.org/lkarch"
|
||||
><img class="img" src="/assets/imgs/gitea.png" alt="Gitea"
|
||||
/></a>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
Binary file not shown.
@ -1,19 +1,8 @@
|
||||
.social-link {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: 15px;
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.links {
|
||||
#socials-div {
|
||||
background-color: #eeeeee;
|
||||
width: 20%;
|
||||
height: 300px;
|
||||
height: auto;
|
||||
min-height: 300px;
|
||||
border-radius: 25px;
|
||||
float: right;
|
||||
border-style: solid;
|
||||
@ -21,7 +10,7 @@
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
.links-title {
|
||||
#socials-title {
|
||||
font-size: 2vw;
|
||||
text-align: center;
|
||||
}
|
||||
@ -30,6 +19,7 @@
|
||||
background-color: #eeeeee;
|
||||
width: 78%;
|
||||
height: auto;
|
||||
min-height: 300px;
|
||||
border-radius: 25px;
|
||||
border-color: #000000;
|
||||
border-style: solid;
|
||||
@ -41,3 +31,15 @@
|
||||
margin-right: 25px;
|
||||
font-size: 1.2vw;
|
||||
}
|
||||
|
||||
.social-link {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-left: 15px;
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@ -1,14 +1,9 @@
|
||||
h1 {
|
||||
text-align: center;
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
@ -1,17 +0,0 @@
|
||||
.welcome {
|
||||
font-size: large;
|
||||
color: #eeeeee;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#terminal {
|
||||
width: 98%;
|
||||
height: 120px;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.border {
|
||||
border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round;
|
||||
border-width: 28px;
|
||||
border-style: solid;
|
||||
}
|
||||
@ -10,20 +10,32 @@ body {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.bg {
|
||||
position: fixed;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
right: -50%;
|
||||
bottom: -50%;
|
||||
width: 200%;
|
||||
height: 200vh;
|
||||
z-index: -1;
|
||||
background: transparent url("/assets/imgs/noise-transparent.png") repeat 0 0;
|
||||
background-repeat: repeat;
|
||||
animation: shake 0.2s infinite;
|
||||
opacity: 0.9;
|
||||
visibility: visible;
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: auto;
|
||||
padding: auto;
|
||||
overflow: hidden;
|
||||
background-color: hsl(0, 0%, 0%);
|
||||
width: 98%;
|
||||
border-radius: 50px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a:hover:not(.active) {
|
||||
background-color: hsl(144, 72%, 18%);
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
@ -72,6 +84,38 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.leftcolumn,
|
||||
.rightcolumn {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "notosans";
|
||||
src: url("/assets/styles/Font/NotoSans.woff2") format("woff2"),
|
||||
url("/assets/styles/Font/NotoSans.woff") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#bg {
|
||||
position: fixed;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
right: -50%;
|
||||
bottom: -50%;
|
||||
width: 200%;
|
||||
height: 200vh;
|
||||
z-index: -1;
|
||||
background: transparent url("/assets/imgs/noise-transparent.png") repeat 0 0;
|
||||
background-repeat: repeat;
|
||||
animation: shake 0.2s infinite;
|
||||
opacity: 0.9;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
#page-container {
|
||||
min-height: 100vh;
|
||||
}
|
||||
@ -82,114 +126,30 @@ body {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.leftcolumn,
|
||||
.rightcolumn {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "opensans";
|
||||
src: url("/assets/styles/Font/opensans.woff2") format("woff2"),
|
||||
url("/assets/styles/Font/opensans.woff") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "notosans";
|
||||
src: url("/assets/styles/Font/NotoSans.woff2") format("woff2"),
|
||||
url("/assets/styles/Font/NotoSans.woff") format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Material Symbols Rounded";
|
||||
font-style: normal;
|
||||
font-weight: 100 700;
|
||||
src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v92/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2)
|
||||
format("woff2");
|
||||
}
|
||||
|
||||
.material-symbols-rounded {
|
||||
font-family: "Material Symbols Rounded";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-feature-settings: "liga";
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
|
||||
.material-symbols-rounded {
|
||||
font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 200, "opsz" 48;
|
||||
}
|
||||
|
||||
.materialtext {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: auto;
|
||||
padding: auto;
|
||||
overflow: hidden;
|
||||
background-color: hsl(0, 0%, 0%);
|
||||
width: 98%;
|
||||
border-radius: 50px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
li a {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 14px 16px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
li a:hover:not(.active) {
|
||||
background-color: hsl(144, 72%, 18%);
|
||||
}
|
||||
|
||||
.active {
|
||||
#active {
|
||||
background-color: hsl(141, 100%, 24%);
|
||||
}
|
||||
|
||||
.noscroll {
|
||||
#noscroll {
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 15px 25px;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
background-color: #3c3c3c;
|
||||
border: none;
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 9px #999;
|
||||
}
|
||||
.button:hover {
|
||||
#terminal {
|
||||
width: 98%;
|
||||
height: 120px;
|
||||
background-color: #000000;
|
||||
}
|
||||
.button:active {
|
||||
background-color: #000000;
|
||||
box-shadow: 0 5px #666;
|
||||
transform: translateY(4px);
|
||||
|
||||
#terminal-text {
|
||||
font-size: large;
|
||||
color: #eeeeee;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.border {
|
||||
border-image: url("/assets/imgs/border.png") 28 / 28px / 0 round;
|
||||
border-width: 28px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
|
||||
11
error-pages/400.html
Executable file
11
error-pages/400.html
Executable file
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>400</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>400 Bad Request</h1>
|
||||
<p>The server cannot or refuses to process your request due to something that it assumes to be a client error</p>
|
||||
</body>
|
||||
</html>
|
||||
11
error-pages/401.html
Executable file
11
error-pages/401.html
Executable file
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>401</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>401 Unauthorized</h1>
|
||||
<p>The server could not verify that you are authorized to view this page.</p>
|
||||
</body>
|
||||
</html>
|
||||
11
error-pages/403.html
Executable file
11
error-pages/403.html
Executable file
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>403</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>403 Forbidden</h1>
|
||||
<p>The server understands your request, but it refuses to fulfill it.</p>
|
||||
</body>
|
||||
</html>
|
||||
11
error-pages/404.html
Executable file
11
error-pages/404.html
Executable file
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>404</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>404 Not Found</h1>
|
||||
<p>The server could not find the page you are looking for, or it does not exist.</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -5,9 +5,7 @@
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="font-size: 60px">410 Gone</h1>
|
||||
<p style="font-size: 30px">
|
||||
This page has been permanently removed from the internet.
|
||||
</p>
|
||||
<h1>410 Gone</h1>
|
||||
<p>This page has been permanently removed from the internet.</p>
|
||||
</body>
|
||||
</html>
|
||||
11
error-pages/500.html
Executable file
11
error-pages/500.html
Executable file
@ -0,0 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>500</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>500 Internal Server Error</h1>
|
||||
<p>The server encountered an internal error and was unable to fulfill your request.<br /> <br />Try to <a href="javascript:window.location.href=window.location.href">refresh</a> and see if that fixes the issue.<br />If not, try again later.</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -5,7 +5,7 @@
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="font-size: 60px">502 Bad Gateway</h1>
|
||||
<p style="font-size: 30px">The server returned an incomplete request.</p>
|
||||
<h1>502 Bad Gateway</h1>
|
||||
<p>The server returned an incomplete request.</p>
|
||||
</body>
|
||||
</html>
|
||||
22
index.html
22
index.html
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="noscroll">
|
||||
<html id="noscroll">
|
||||
<head>
|
||||
<title>Home</title>
|
||||
<meta charset="UTF-8" />
|
||||
@ -7,19 +7,19 @@
|
||||
<meta name="keywords" content="lkarch, website, gitea, minecraft" />
|
||||
<meta author="lkarch" />
|
||||
<link rel="stylesheet" href="/assets/styles/main.css" />
|
||||
<link rel="stylesheet" href="/assets/styles/index.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="page-container">
|
||||
<div class="bg"></div>
|
||||
<ul id="navbar">
|
||||
<li class="materialtext">
|
||||
<a class="active" title="Home" href="/">Home</a>
|
||||
<div id="bg"></div>
|
||||
<ul>
|
||||
<li>
|
||||
<a id="active" href="/" title="Home">Home</a>
|
||||
</li>
|
||||
<li class="materialtext"><a href="/dynmap/" title="Dynmap">Dynmap</a></li>
|
||||
<li class="materialtext"><a href="/p/skins0917/" title="Skins 1">MC Skins 1</a></li>
|
||||
<li class="materialtext"><a href="/p/skins1718/" title="Skins 2">MC Skins 2</a></li>
|
||||
<li class="materialtext"><a href="/p/about/" title="About">About</a></li>
|
||||
<li><a href="/dynmap/" title="Dynmap">Dynmap</a></li>
|
||||
<li><a href="https://git.lkarch.org" title="Git">Git</a></li>
|
||||
<li><a href="/skins0917/" title="Skins 1">MC Skins 1</a></li>
|
||||
<li><a href="/skins1718/" title="Skins 2">MC Skins 2</a></li>
|
||||
<li><a href="/about/" title="About">About</a></li>
|
||||
</ul>
|
||||
<div id="content-wrap">
|
||||
<img
|
||||
@ -30,7 +30,7 @@
|
||||
class="border"
|
||||
/>
|
||||
<div id="terminal">
|
||||
<p class="welcome">lkarch ~/website<br>$ <span class="auto-type"></span></p>
|
||||
<p id="terminal-text">lkarch ~/website<br>$ <span class="auto-type"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,13 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>400</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="font-size: 60px">400 Bad Request</h1>
|
||||
<p style="font-size: 30px">
|
||||
The server cannot or refuses to process your request due to something that it assumes to be a client error
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,13 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>401</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="font-size: 60px">401 Unauthorized</h1>
|
||||
<p style="font-size: 30px">
|
||||
The server could not verify that you are authorized to view this page.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,13 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>403</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="font-size: 60px">403 Forbidden</h1>
|
||||
<p style="font-size: 30px">
|
||||
The server understands your request, but it refuses to fulfill it.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,14 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>404</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="font-size: 60px">404 Not Found</h1>
|
||||
<p style="font-size: 30px">
|
||||
The server could not find the page you are looking for, or it does not
|
||||
exist.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,16 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>500</title>
|
||||
<link rel="stylesheet" href="/assets/styles/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="font-size: 60px">500 Internal Server Error</h1>
|
||||
<p style="font-size: 30px">
|
||||
The server encountered an internal error and was unable to fulfill your
|
||||
request.<br /> <br />
|
||||
Try to <a href="javascript:window.location.href=window.location.href">refresh</a> and see if that fixes the issue.<br />If
|
||||
not, try again later.
|
||||
</p>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user