lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rearranged directories, improved css, added gitea to navbar, etc

Browse Source
This commit is contained in:
edwark43 2025-03-21 03:39:57 -04:00
parent 20a5dde958
commit c58b658358
23 changed files with 188 additions and 264 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.gitignore vendored Normal file
View File

@ -0,0 +1,5 @@
/dynmap/
/files/
/skins0917/
/skins1718/
/mc/

18
.htaccess
View File

@ -1,12 +1,8 @@
AddType video/mp4 mp4 m4v f4v f4p ErrorDocument 400 /error-pages/400.html
AddType video/ogg ogv ErrorDocument 401 /error-pages/401.html
AddType video/webm webm ErrorDocument 403 /error-pages/403.html
AddType video/x-flv flv ErrorDocument 404 /error-pages/404.html
ErrorDocument 400 /p/errors/400.html ErrorDocument 410 /error-pages/410.html
ErrorDocument 401 /p/errors/401.html ErrorDocument 500 /error-pages/500.html
ErrorDocument 403 /p/errors/403.html ErrorDocument 502 /error-pages/502.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
IndexIgnore .. IndexIgnore ..

25
p/about/index.html → about/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="noscroll"> <html id="noscroll">
<head> <head>
<title>About</title> <title>About</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -11,21 +11,20 @@
</head> </head>
<body> <body>
<div id="page-container"> <div id="page-container">
<div class="bg"></div> <div id="bg"></div>
<ul id="navbar"> <ul>
<li class="materialtext"> <li><a href="/" title="Home">Home</a></li>
<a title="Home" href="/">Home</a> <li><a href="/dynmap/" title="Dynmap">Dynmap</a></li>
</li> <li><a href="https://git.lkarch.org" title="Git">Git</a></li>
<li class="materialtext"><a href="/dynmap/" title="Dynmap">Dynmap</a></li> <li><a href="/skins0917/" title="Skins 1">MC Skins 1</a></li>
<li class="materialtext"><a href="/p/skins0917/" title="Skins 1">MC Skins 1</a></li> <li><a href="/skins1718/" title="Skins 2">MC Skins 2</a></li>
<li class="materialtext"><a href="/p/skins1718/" title="Skins 2">MC Skins 2</a></li> <li>
<li class="materialtext"> <a id="active" href="/about/" title="About">About</a>
<a class="active" href="/p/about/" title="About">About</a>
</li> </li>
</ul> </ul>
<div id="content-wrap"> <div id="content-wrap">
<div class="links"> <div id="socials-div">
<p class="links-title">Links</p> <p id="socials-title">Socials</p>
<a class="social-link" target="_blank" rel="noreferrer noopener" href="https://git.lkarch.org/lkarch" <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" ><img class="img" src="/assets/imgs/gitea.png" alt="Gitea"
/></a> /></a>

BIN
assets/imgs/github.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.4 KiB

BIN
assets/styles/Font/opensans.woff
View File

Binary file not shown.

BIN
assets/styles/Font/opensans.woff2
View File

Binary file not shown.

32
assets/styles/about.css
View File

@ -1,19 +1,8 @@
.social-link { #socials-div {
width: 50px;
height: 50px;
margin-left: 15px;
margin-bottom: 10px;
float: left;
}
.img {
max-width: 100%;
}
.links {
background-color: #eeeeee; background-color: #eeeeee;
width: 20%; width: 20%;
height: 300px; height: auto;
min-height: 300px;
border-radius: 25px; border-radius: 25px;
float: right; float: right;
border-style: solid; border-style: solid;
@ -21,7 +10,7 @@
margin-right: 25px; margin-right: 25px;
} }
.links-title { #socials-title {
font-size: 2vw; font-size: 2vw;
text-align: center; text-align: center;
} }
@ -30,6 +19,7 @@
background-color: #eeeeee; background-color: #eeeeee;
width: 78%; width: 78%;
height: auto; height: auto;
min-height: 300px;
border-radius: 25px; border-radius: 25px;
border-color: #000000; border-color: #000000;
border-style: solid; border-style: solid;
@ -41,3 +31,15 @@
margin-right: 25px; margin-right: 25px;
font-size: 1.2vw; font-size: 1.2vw;
} }
.social-link {
width: 50px;
height: 50px;
margin-left: 15px;
margin-bottom: 10px;
float: left;
}
.img {
max-width: 100%;
}

9
assets/styles/error.css
View File

@ -1,14 +1,9 @@
h1 { h1 {
text-align: center; text-align: center;
font-size: 60px;
} }
p { p {
text-align: center; text-align: center;
} font-size: 30px;
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
} }

17
assets/styles/index.css
View File

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

190
assets/styles/main.css
View File

@ -10,20 +10,32 @@ body {
font-family: sans-serif; font-family: sans-serif;
} }
.bg { ul {
position: fixed; list-style-type: none;
top: -50%; margin: auto;
left: -50%; padding: auto;
right: -50%; overflow: hidden;
bottom: -50%; background-color: hsl(0, 0%, 0%);
width: 200%; width: 98%;
height: 200vh; border-radius: 50px;
z-index: -1; margin-top: 10px;
background: transparent url("/assets/imgs/noise-transparent.png") repeat 0 0; }
background-repeat: repeat;
animation: shake 0.2s infinite; li {
opacity: 0.9; font-size: 20px;
visibility: visible; 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 { @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 { #page-container {
min-height: 100vh; min-height: 100vh;
} }
@ -82,114 +126,30 @@ body {
margin-left: 20px; margin-left: 20px;
} }
@media screen and (max-width: 800px) { #active {
.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 {
background-color: hsl(141, 100%, 24%); background-color: hsl(141, 100%, 24%);
} }
.noscroll { #noscroll {
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
} }
.button { #terminal {
padding: 15px 25px; width: 98%;
font-size: 24px; height: 120px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #3c3c3c;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
}
.button:hover {
background-color: #000000; background-color: #000000;
} }
.button:active {
background-color: #000000; #terminal-text {
box-shadow: 0 5px #666; font-size: large;
transform: translateY(4px); 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
View 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
View 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
View 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
View 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>

6
p/errors/410.html → error-pages/410.html
View File

@ -5,9 +5,7 @@
<link rel="stylesheet" href="/assets/styles/error.css" /> <link rel="stylesheet" href="/assets/styles/error.css" />
</head> </head>
<body> <body>
<h1 style="font-size: 60px">410 Gone</h1> <h1>410 Gone</h1>
<p style="font-size: 30px"> <p>This page has been permanently removed from the internet.</p>
This page has been permanently removed from the internet.
</p>
</body> </body>
</html> </html>

11
error-pages/500.html Executable file
View 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>

4
p/errors/502.html → error-pages/502.html
View File

@ -5,7 +5,7 @@
<link rel="stylesheet" href="/assets/styles/error.css" /> <link rel="stylesheet" href="/assets/styles/error.css" />
</head> </head>
<body> <body>
<h1 style="font-size: 60px">502 Bad Gateway</h1> <h1>502 Bad Gateway</h1>
<p style="font-size: 30px">The server returned an incomplete request.</p> <p>The server returned an incomplete request.</p>
</body> </body>
</html> </html>

22
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html class="noscroll"> <html id="noscroll">
<head> <head>
<title>Home</title> <title>Home</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -7,19 +7,19 @@
<meta name="keywords" content="lkarch, website, gitea, minecraft" /> <meta name="keywords" content="lkarch, website, gitea, minecraft" />
<meta author="lkarch" /> <meta author="lkarch" />
<link rel="stylesheet" href="/assets/styles/main.css" /> <link rel="stylesheet" href="/assets/styles/main.css" />
<link rel="stylesheet" href="/assets/styles/index.css" />
</head> </head>
<body> <body>
<div id="page-container"> <div id="page-container">
<div class="bg"></div> <div id="bg"></div>
<ul id="navbar"> <ul>
<li class="materialtext"> <li>
<a class="active" title="Home" href="/">Home</a> <a id="active" href="/" title="Home">Home</a>
</li> </li>
<li class="materialtext"><a href="/dynmap/" title="Dynmap">Dynmap</a></li> <li><a href="/dynmap/" title="Dynmap">Dynmap</a></li>
<li class="materialtext"><a href="/p/skins0917/" title="Skins 1">MC Skins 1</a></li> <li><a href="https://git.lkarch.org" title="Git">Git</a></li>
<li class="materialtext"><a href="/p/skins1718/" title="Skins 2">MC Skins 2</a></li> <li><a href="/skins0917/" title="Skins 1">MC Skins 1</a></li>
<li class="materialtext"><a href="/p/about/" title="About">About</a></li> <li><a href="/skins1718/" title="Skins 2">MC Skins 2</a></li>
<li><a href="/about/" title="About">About</a></li>
</ul> </ul>
<div id="content-wrap"> <div id="content-wrap">
<img <img
@ -30,7 +30,7 @@
class="border" class="border"
/> />
<div id="terminal"> <div id="terminal">
<p class="welcome">lkarch&nbsp~/website<br>$&nbsp;<span class="auto-type"></span></p> <p id="terminal-text">lkarch&nbsp~/website<br>$&nbsp;<span class="auto-type"></span></p>
</div> </div>
</div> </div>
</div> </div>

13
p/errors/400.html
View File

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

13
p/errors/401.html
View File

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

13
p/errors/403.html
View File

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

14
p/errors/404.html
View File

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

16
p/errors/500.html
View File

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