Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Fix some CSS disasters related to the tailer, Split out some common

Browse Source 
components.
This commit is contained in:
Cutieguwu
2025-07-25 14:51:58 -04:00
parent 1cc37c5b60
commit 28c9f10d6d
18 changed files with 73 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/acknowledgements.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_main">
<div class="pane_main">
<div class="main_body">
<p>There are currently no acknowledgements</p>
<p>In terms of security, hopefully that means I'm doing a good-ish job.</p>
<p>

4
src/errors/400.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>400</h1>
<h2>Bad Request!</h2>
<hr />

4
src/errors/401.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>401</h1>
<h2>Unauthorized!</h2>
</div>

4
src/errors/403.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>403</h1>
<h2>Forbidden!</h2>
<hr />

4
src/errors/404.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>404</h1>
<h2>Page not found!</h2>
</div>

4
src/errors/500.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>500</h1>
<h2>Internal Server Error!</h2>
<hr />

4
src/errors/501.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>501</h1>
<h2>Not Implemented!</h2>
<hr />

4
src/errors/502.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>502</h1>
<h2>Bad Gateway!</h2>
<hr />

4
src/errors/503.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>503</h1>
<h2>Service Unavailable!</h2>
<hr />

4
src/errors/504.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>504</h1>
<h2>Gateway Timeout!</h2>
<hr />

4
src/index.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_main">
<div class="pane_main">
<div class="main_body">
<h1>Home</h1>
<p>lorem ipsum idk what else there is in this latin phrase</p>

33
src/partials/_a_common.scss
View File

@@ -1,7 +1,9 @@
@use "a_footer";
@use "a_quick_links";
@use "pane_main";
@use "pane_nav";
@use "pane_spacer";
@use "a_quick_links";
:root {
/*
@@ -109,32 +111,3 @@ ion-icon {
flex-flow: row wrap;
align-items: flex-start;
}
.tailer {
margin: auto;
padding: var(--spacing-horizontal);
width: min-content;
background-color: var(--background-2);
border-radius: var(--border-radius-leaf);
font-size: 1.65vh;
white-space: nowrap;
align-self: center;
}
.footer {
margin: 0;
padding: var(--spacing-horizontal);
width: min-content;
background-color: var(--background-2);
border-top-right-radius: var(--border-radius-large);
font-size: 1.65vh;
white-space: nowrap;
position: fixed;
bottom: 0;
}

14
src/partials/_a_footer.scss Normal file
View File

@@ -0,0 +1,14 @@
.footer {
margin: 0;
padding: var(--spacing-horizontal);
width: min-content;
background-color: var(--background-2);
border-top-right-radius: var(--border-radius-large);
font-size: 1.65vh;
white-space: nowrap;
position: fixed;
bottom: 0;
}

7
src/partials/_a_tailer.scss Normal file
View File

@@ -0,0 +1,7 @@
.tailer {
margin: var(--margin-pane) auto 0;
width: min-content;
font-size: 1.65vh;
white-space: nowrap;
}

14
src/partials/_pane_error.scss
View File

@@ -1,10 +1,16 @@
@use "a_tailer";
.pane_error {
width: max-content;
text-align: center;
background-color: var(--background-2);
margin: auto; /* center object */
padding: var(--spacing-horizontal);
border-radius: var(--border-radius-leaf);
.error_body,
.tailer {
background-color: var(--background-2);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
text-align: center;
}
}

17
src/partials/_pane_main.scss
View File

@@ -1,10 +1,19 @@
@use "a_tailer";
.pane_main {
flex: 1;
flex-direction: column;
text-align: center;
background-color: var(--background-2);
margin: var(--margin-pane);
padding: var(--spacing-horizontal);
border-radius: var(--border-radius-leaf);
justify-content: center;
.main_body,
.tailer {
background-color: var(--background-2);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
text-align: center;
}
}

4
src/templates/error.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_error">
<div class="pane_error">
<div class="error_body">
<h1>Error Code</h1>
<h2>Error Title</h2>
<hr />

4
src/templates/main.html
View File

@@ -16,8 +16,8 @@
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div style="flex: 1">
<div class="pane_main"></div>
<div class="pane_main">
<div class="main_body"></div>
<p class="tailer">Copyright (c) 2025 Olivia Brooks</p>
</div>
<div class="pane_spacer">