Cutieguwu/balloon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move files around and update Readme

Browse Source
This commit is contained in:
Cutieguwu
2025-07-14 17:08:27 -04:00
parent f607c3018d
commit 01902450a3
9 changed files with 8 additions and 261 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -1 +1 @@
/target
**/target

7
README.md
View File

@@ -0,0 +1,7 @@
# Balloon
Reuse chunks of HTML in other HTML files via preprocessing.
Reused the chunk in `global_nav.html` via `<include src="global_nav.html" />`.
Balloon will inflate the chunk in place of the `<include>` tag in the source file, dumping a released target file which can be pushed to the web server.

4
src/.well-known/security.txt
View File

@@ -1,4 +0,0 @@
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

BIN
src/img/background.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
src/img/test-favicon.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

28
src/index.html
View File

@@ -1,28 +0,0 @@
<!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">
<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>

69
src/nav.html
View File

@@ -1,69 +0,0 @@
<!doctype html>
<html lang="en-ca">
<head>
<link rel="icon" type="image/x-icon" href="img/test-favicon.jpg" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<nav class="">
<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">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">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">
<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">
<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="#">About</a>
</li>
</ul>
</nav>
<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>

2
src/robots.txt
View File

@@ -1,2 +0,0 @@
User-agent: *
Disallow: /

157
src/style.css
View File

@@ -1,157 +0,0 @@
* {
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_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;
}