Prep stuff for balloon preprocessor.
This commit is contained in:
Cutieguwu
4
src/.well-known/security.txt
Normal file
4
src/.well-known/security.txt
Normal file
@@ -0,0 +1,4 @@
|
||||
Contact: mailto:olivia.a.brooks77@gmail.com
|
||||
Expires: 2026-06-01T04:00:00.000Z
|
||||
Acknowledgments: https://www.cutieguwu.ca/acknowledgements.html
|
||||
Preferred-Languages: en, fr
|
||||
87
src/acknowledgements.html
Normal file
87
src/acknowledgements.html
Normal file
@@ -0,0 +1,87 @@
|
||||
<!doctype html>
|
||||
<html lang="en-ca">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<title>Acknowledgements | 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"
|
||||
/>
|
||||
<meta name="keywords" content="cutieguwu" />
|
||||
</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>
|
||||
</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://nextcloud.cutieguwu.ca">Nextcloud</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>
|
||||
<div class="main_pane">
|
||||
<p>There are currently no acknowledgements</p>
|
||||
<p>In terms of security, hopefully that means I'm doing a good-ish job.</p>
|
||||
<p>
|
||||
I will get my thanks to various open projects in here in time, but I'm still busy
|
||||
getting the basics handled.
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
86
src/errors/400.html
Normal file
86
src/errors/400.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<h1>400</h1>
|
||||
<h2>Bad Request!</h2>
|
||||
<hr />
|
||||
<p>
|
||||
The server cannot or will not process this request due to apparent client-side error
|
||||
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>
|
||||
</body>
|
||||
</html>
|
||||
81
src/errors/401.html
Normal file
81
src/errors/401.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
83
src/errors/403.html
Normal file
83
src/errors/403.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
81
src/errors/404.html
Normal file
81
src/errors/404.html
Normal file
@@ -0,0 +1,81 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
83
src/errors/500.html
Normal file
83
src/errors/500.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
83
src/errors/501.html
Normal file
83
src/errors/501.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
83
src/errors/502.html
Normal file
83
src/errors/502.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
83
src/errors/503.html
Normal file
83
src/errors/503.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
86
src/errors/504.html
Normal file
86
src/errors/504.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!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"
|
||||
/>
|
||||
</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>
|
||||
</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>
|
||||
<div class="error_pane">
|
||||
<h1>504</h1>
|
||||
<h2>Gateway Timeout!</h2>
|
||||
<hr />
|
||||
<p>
|
||||
The server acted as a proxy and didn't receive a timely response from the upstream
|
||||
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>
|
||||
</body>
|
||||
</html>
|
||||
BIN
src/img/background.png
Normal file
BIN
src/img/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
src/img/test-favicon.jpg
Executable file
BIN
src/img/test-favicon.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
26
src/index.html
Normal file
26
src/index.html
Normal file
@@ -0,0 +1,26 @@
|
||||
<!doctype html>
|
||||
<html lang="en-ca">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Home | 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"
|
||||
/>
|
||||
<meta name="keywords" content="cutieguwu" />
|
||||
</head>
|
||||
<body class="viewport">
|
||||
<include src="/home/cutieguwu/Workspace/balloon/tests/src/nav.html" />
|
||||
<div class="main_pane">
|
||||
<p>lorem ipsum etc idk what else there is in this latin phrase</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>
|
||||
</body>
|
||||
</html>
|
||||
63
src/nav.html
Normal file
63
src/nav.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<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="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>
|
||||
<hr />
|
||||
<li class="nav_body"><a class="nav_title" href="#">About</a></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="dropdown">
|
||||
<div class="dropdown_header nav_body">
|
||||
<p class="nav_title">External Links</p>
|
||||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||||
</div>
|
||||
<div class="dropdown_body">
|
||||
<a class="nav_title" href="https://github.com/Cutieguwu">Github</a>
|
||||
<a class="nav_title" href="https://www.twitch.tv/cutieguwu">Twitch</a>
|
||||
</div>
|
||||
</li>
|
||||
<hr />
|
||||
<li class="dropdown">
|
||||
<div class="dropdown_header nav_body">
|
||||
<p class="nav_title">Public Services</p>
|
||||
<ion-icon name="chevron-forward-outline"></ion-icon>
|
||||
</div>
|
||||
<div class="dropdown_body">
|
||||
<a class="nav_title" href="https://webcheck.cutieguwu.ca">Web Check</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<div class="dropdown_header nav_body">
|
||||
<p class="nav_title">Services</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://nextcloud.cutieguwu.ca">Nextcloud</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>
|
||||
<hr />
|
||||
<li class="nav_body"><a class="nav_title" href="#">Website Disclosure</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
2
src/robots.txt
Normal file
2
src/robots.txt
Normal file
@@ -0,0 +1,2 @@
|
||||
User-agent: *
|
||||
Disallow: /
|
||||
165
src/style.css
Normal file
165
src/style.css
Normal file
@@ -0,0 +1,165 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/*outline: 1px solid red;*/
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.3vh;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.5vh;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.65vh;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 1.65vh;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1.25vh;
|
||||
}
|
||||
|
||||
.viewport {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
background-image: url(img/background.png);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-blend-mode: multiply;
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
.nav_pane {
|
||||
padding: 1em;
|
||||
gap: 1em;
|
||||
width: min-content;
|
||||
align-content: start;
|
||||
display: grid;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nav_pane hr {
|
||||
color: lightpink;
|
||||
margin-top: 0.5vh;
|
||||
margin-bottom: 0.5vh;
|
||||
margin-left: 1.25vh;
|
||||
margin-right: 1.25vh;
|
||||
}
|
||||
|
||||
.nav_logo {
|
||||
color: lightpink;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
text-align: center;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.nav_menu {
|
||||
list-style: none;
|
||||
min-width: fit-content;
|
||||
display: grid;
|
||||
grid-auto-flow: row;
|
||||
row-gap: 1em;
|
||||
}
|
||||
|
||||
.nav_body {
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
border-radius: 50cqh;
|
||||
height: auto;
|
||||
transition: 0.4s ease-out;
|
||||
}
|
||||
|
||||
.nav_body:hover {
|
||||
transform: scaleX(1.15);
|
||||
transition: 0s ease-in;
|
||||
}
|
||||
|
||||
.nav_body:hover * {
|
||||
color: darkviolet;
|
||||
transition: 0s ease-out;
|
||||
}
|
||||
|
||||
.nav_title:hover {
|
||||
color: darkviolet;
|
||||
transition: 0s ease-out;
|
||||
}
|
||||
|
||||
.nav_title {
|
||||
text-decoration-line: none;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
font-size: 1.65vh;
|
||||
padding-left: 1cqw;
|
||||
padding-right: 1cqw;
|
||||
transition: 0.4s ease-out;
|
||||
float: left;
|
||||
text-transform: uppercase;
|
||||
color: lightpink;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.dropdown .dropdown_header {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr min-content;
|
||||
grid-auto-flow: column;
|
||||
}
|
||||
|
||||
.dropdown_header ion-icon {
|
||||
margin-right: 0.5vw;
|
||||
align-self: center;
|
||||
width: 1.65vh;
|
||||
height: 1.65vh;
|
||||
float: right;
|
||||
color: lightpink;
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
|
||||
.dropdown_body {
|
||||
display: none;
|
||||
border-bottom-left-radius: 1em;
|
||||
border-bottom-right-radius: 1em;
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown_body {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown_header {
|
||||
transform: scaleX(1.15);
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown_header ion-icon {
|
||||
rotate: 90deg;
|
||||
transition-duration: 0.25s;
|
||||
}
|
||||
|
||||
.dropdown_body:hover {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.main_pane {
|
||||
padding: 1rem;
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.error_pane {
|
||||
padding: 1rem;
|
||||
width: max-content;
|
||||
margin: auto; /* center object */
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
color: white;
|
||||
border-radius: 1cqh;
|
||||
}
|
||||
Reference in New Issue
Block a user