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 types import NoneType
from typing import Optional
from icecream.icecream import print_function
from result import Result, Ok, Err
from icecream import ic
import os
import sys
from typing import TYPE_CHECKING
if TYPE_CHECKING:
from _typeshed import StrPath
WORK_DIR: StrPath = os.getcwd()
WORK_DIR: StrPath = os.getcwd() + '/'
@dataclass
class Tag:
@@ -98,10 +100,38 @@ class HTML:
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())
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())
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__':
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>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>400 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">400</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<h1>400</h1>
@@ -77,10 +24,10 @@
or deception.
</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,81 +1,28 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>401 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">401</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>401</h1>
<h2>Unauthorized!</h2>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,83 +1,30 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>403 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">403</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>403</h1>
<h2>Forbidden!</h2>
<hr />
<p>The server is refusing to act upon your request.</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,81 +1,28 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>404 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">404</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>404</h1>
<h2>Page not found!</h2>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,83 +1,30 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>500 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">500</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>500</h1>
<h2>Internal Server Error!</h2>
<hr />
<p>The server has no clue WTF happened here.</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,83 +1,30 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>501 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">501</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>501</h1>
<h2>Not Implemented!</h2>
<hr />
<p>Whatever you just tried doing, the server doesn't know how to handle it.</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,83 +1,30 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>502 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">502</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>502</h1>
<h2>Bad Gateway!</h2>
<hr />
<p>This service may be offline.</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,83 +1,30 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<title>503 | 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"
/>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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">503</p>
</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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>503</h1>
<h2>Service Unavailable!</h2>
<hr />
<p>The server may be overloaded or down for maintenance.</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

View File

@@ -1,74 +1,21 @@
<!doctype html>
<html lang="en-ca">
<head>
<meta charset="utf-8" />
<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"
/>
<title>Error Template | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body class="viewport">
<nav class="nav_pane">
<h2 class="nav_logo">Cutieguwu</h2>
<ul class="nav_menu">
<li class="nav_body"><a class="nav_title" href="">Home</a></li>
<li class="nav_body">
<a class="nav_title" href="#">About</a>
</li>
<li class="dropdown">
<div class="dropdown_header nav_body">
<p class="nav_title" href="#">Minecraft</p>
<ion-icon name="chevron-forward-outline"></ion-icon>
<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>
<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>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="error_pane">
<div class="pane_error">
<h1>504</h1>
<h2>Gateway Timeout!</h2>
<hr />
@@ -77,10 +24,10 @@
server.
</p>
</div>
<script
type="module"
src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<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>

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>