Compare commits

...

4 Commits

Author SHA1 Message Date
Cutieguwu
1fbd2dfd2d Add AIO build script. 2025-07-21 22:42:45 -04:00
Cutieguwu
c319f043a0 Delete Makefile 2025-07-21 22:10:07 -04:00
Cutieguwu
bd6a5c3142 Update balloon.py 2025-07-21 18:24:00 -04:00
Cutieguwu
e8c5ce652d Update error pages. 2025-07-21 17:57:19 -04:00
13 changed files with 280 additions and 643 deletions

View File

@@ -1,19 +0,0 @@
SASS_SRC=src/style.scss
SASS_DEST=target/style.css
SASS_CMD=sass \
$(SASS_SRC) \
$(SASS_DEST)
BALLOON_CMD=~/.pyenv/versions/3.12.9/bin/python \
balloon.py
sass:
$(SASS_CMD)
balloon:
$(BALLOON_CMD)
all: sass balloon
.DEFAULT_GOAL := all

View File

@@ -3,15 +3,17 @@ from __future__ import annotations
from dataclasses import dataclass from dataclasses import dataclass
from types import NoneType from types import NoneType
from typing import Optional from typing import Optional
from icecream.icecream import print_function
from result import Result, Ok, Err from result import Result, Ok, Err
from icecream import ic from icecream import ic
import os import os
import sys
from typing import TYPE_CHECKING from typing import TYPE_CHECKING
if TYPE_CHECKING: if TYPE_CHECKING:
from _typeshed import StrPath from _typeshed import StrPath
WORK_DIR: StrPath = os.getcwd() WORK_DIR: StrPath = os.getcwd() + '/'
@dataclass @dataclass
class Tag: class Tag:
@@ -98,10 +100,38 @@ class HTML:
def main() -> None: def main() -> None:
with open(str(WORK_DIR) + '/src/index.html', 'rt') as f: # If:
# Incorrect number of arguments
# Long help flag
# Short help flag
if len(sys.argv) != 2 or (
sys.argv[0] == '--help'
or sys.argv[0] == '-h'
):
help()
return
file_name = sys.argv[1].removeprefix('src/')
with open(str(WORK_DIR) + 'src/' + file_name, 'rt') as f:
html_src = HTML(f.read()) html_src = HTML(f.read())
with open(str(WORK_DIR) + '/target/index.html', 'w') as f:
try:
os.makedirs(str(WORK_DIR) + 'target/' + os.path.dirname(file_name))
except FileExistsError:
pass
with open(str(WORK_DIR) + 'target/' + file_name, 'w') as f:
f.write(html_src.write()) f.write(html_src.write())
def help() -> None:
print('Usage: python balloon.py [OPTIONS] <SOURCE>')
print()
print('Note: balloon implicitly assumes that <SOURCE> is in src/, and should inflate into target/')
print()
print()
print('Options:')
print('-h, --help Print help')
if __name__ == '__main__': if __name__ == '__main__':
main() main()

73
build.sh Executable file
View File

@@ -0,0 +1,73 @@
#! /usr/bin/bash
#
# I'm new to bash scripting, so give me a break.
# I know that this is probably crap, but it's cheap, dirty, and does the job.
python=~/.pyenv/versions/3.12.9/bin/python
green='\e[32m'
cyan='\e[36m'
# The "a" is just to make this work if no characters are present in $@
args=$@
args+=('a')
if [ $(expr length "$args") -gt 1 ]
then
args=$@
else
args='inflate style copy'
fi
for x in $args
do
if [ "$x" == 'inflate' ]
then
echo -e "$green"Inflating...
files=(`ls src/*.html`)
files+=(`ls src/errors/*.html`)
for html in "${files[@]}"
do
echo -e " $cyan$html -> target/"
eval $python 'balloon.py' $html
done
elif [ "$x" == 'style' ]
then
echo -e "$green"Styling...
sass src/style.scss target/style.css
echo -e "$cyan"' src/style.scss -> target/style.css'
elif [ "$x" == 'copy' ]
then
echo -e "$green"Copying...
files=(
'.well-known/security.txt'
'img'
'robots.txt'
)
for item in "${files[@]}"
do
echo -e "$cyan src/$item -> target/$item"
cp -R src/$item target/$item
done
elif [ "$x" == '-h' -o "$x" == '--help' ]
then
echo -e "$green"Usage:"$cyan" build.sh [OPTIONS] [COMMAND]
echo
echo -e "$green"Options:"$cyan"
echo ' -h, --help Print help'
echo
echo -e "$green"Commands:"$cyan"
echo ' inflate Inflate the HTML source'
echo ' style Compile SCSS to CSS'
echo ' copy Copy assets to target'
fi
done

View File

@@ -1,72 +1,19 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>400 | Cutieguwu</title> <title>400 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">400</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="error_pane">
<h1>400</h1> <h1>400</h1>
@@ -77,10 +24,10 @@
or deception. or deception.
</p> </p>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,81 +1,28 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>401 | Cutieguwu</title> <title>401 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">401</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>401</h1> <h1>401</h1>
<h2>Unauthorized!</h2> <h2>Unauthorized!</h2>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,83 +1,30 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>403 | Cutieguwu</title> <title>403 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">403</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>403</h1> <h1>403</h1>
<h2>Forbidden!</h2> <h2>Forbidden!</h2>
<hr /> <hr />
<p>The server is refusing to act upon your request.</p> <p>The server is refusing to act upon your request.</p>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,81 +1,28 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>404 | Cutieguwu</title> <title>404 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">404</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>404</h1> <h1>404</h1>
<h2>Page not found!</h2> <h2>Page not found!</h2>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,83 +1,30 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>500 | Cutieguwu</title> <title>500 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">500</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>500</h1> <h1>500</h1>
<h2>Internal Server Error!</h2> <h2>Internal Server Error!</h2>
<hr /> <hr />
<p>The server has no clue WTF happened here.</p> <p>The server has no clue WTF happened here.</p>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,83 +1,30 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>501 | Cutieguwu</title> <title>501 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">501</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>501</h1> <h1>501</h1>
<h2>Not Implemented!</h2> <h2>Not Implemented!</h2>
<hr /> <hr />
<p>Whatever you just tried doing, the server doesn't know how to handle it.</p> <p>Whatever you just tried doing, the server doesn't know how to handle it.</p>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,83 +1,30 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>502 | Cutieguwu</title> <title>502 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">502</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>502</h1> <h1>502</h1>
<h2>Bad Gateway!</h2> <h2>Bad Gateway!</h2>
<hr /> <hr />
<p>This service may be offline.</p> <p>This service may be offline.</p>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,83 +1,30 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" />
<title>503 | Cutieguwu</title> <title>503 | Cutieguwu</title>
<include src="includes/meta.html" />
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">503</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>503</h1> <h1>503</h1>
<h2>Service Unavailable!</h2> <h2>Service Unavailable!</h2>
<hr /> <hr />
<p>The server may be overloaded or down for maintenance.</p> <p>The server may be overloaded or down for maintenance.</p>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

View File

@@ -1,74 +1,21 @@
<!doctype html> <!doctype html>
<html lang="en-ca"> <html lang="en-ca">
<head> <head>
<meta charset="utf-8" /> <title>Error Template | Cutieguwu</title>
<include src="includes/meta.html" />
<title>504 | Cutieguwu</title>
<link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="../style.css" />
<meta name="description" content="Cutieguwu's Official website" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
</head> </head>
<body class="viewport"> <body class="viewport">
<nav class="nav_pane"> <nav class="pane_nav">
<h2 class="nav_logo">Cutieguwu</h2> <include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<ul class="nav_menu"> <div class="location">
<li class="nav_body"><a class="nav_title" href="">Home</a></li> <p class="location_header">You are here:</p>
<li class="nav_body"> <p class="location_page">Error Template</p>
<a class="nav_title" href="#">About</a> </div>
</li> <include src="includes/nav_quick_links.html" />
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="#">Bearock SMP</a>
<a class="nav_title" href="#">Rebirth SMP</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title">Links</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
<a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
<a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
<a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
</div>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<a class="nav_title" href="https://pronouns.page/@Cutieguwu"
>Pronoun Pages</a
>
<ion-icon name="chevron-forward-outline"></ion-icon>
</div>
<div class="dropdown_body">
<a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
<a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
</div>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Other 2</a>
</li>
<li class="nav_body">
<a class="nav_title" href="#">Super long titled</a>
</li>
</ul>
</nav> </nav>
<div class="error_pane"> <div class="pane_error">
<h1>504</h1> <h1>504</h1>
<h2>Gateway Timeout!</h2> <h2>Gateway Timeout!</h2>
<hr /> <hr />
@@ -77,10 +24,10 @@
server. server.
</p> </p>
</div> </div>
<script <div class="pane_spacer">
type="module" <div class="spacer_container"><p>#AD</p></div>
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js" <div class="spacer_container"><p>#AD</p></div>
></script> </div>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script> <include src="includes/scripts.html" />
</body> </body>
</html> </html>

30
src/templates/error.html Normal file
View File

@@ -0,0 +1,30 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Error Template | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<p class="location_header">You are here:</p>
<p class="location_page">Error Template</p>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_error">
<h1>Error Code</h1>
<h2>Error Title</h2>
<hr />
<p>Error details and explaination.</p>
</div>
<div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div>
<div class="spacer_container"><p>#AD</p></div>
</div>
<include src="includes/scripts.html" />
</body>
</html>