Compare commits

...

4 Commits

Author SHA1 Message Date
Cutieguwu
d65d2e48ae Lots of styling updates and fixes. 2025-08-01 22:26:20 -04:00
Cutieguwu
b2c5c75e80 Update disclosure.html 2025-08-01 22:26:00 -04:00
Cutieguwu
92eb9ac937 Add in some stuff so that I can put the site into live beta sooner. 2025-08-01 15:17:53 -04:00
Cutieguwu
b10f25159e Update build.sh 2025-08-01 15:17:18 -04:00
17 changed files with 509 additions and 31 deletions

View File

@@ -20,7 +20,7 @@ else
fi
# Cheap patch for copying in case the paths aren't present.
mkdir -p target/.well-known
mkdir -p target
for x in $args
do
@@ -58,14 +58,18 @@ do
elif [ "$x" == 'copy' ]
then
cmd='cp -Ru'
cmd='cp -R'
files=(
'src/.well-known/'
'src/feed/'
'src/img/'
'src/.well-known/security.txt'
'src/feed/rss.xml'
'src/robots.txt'
)
files+=(`ls src/img/`)
mkdir -p target/.well-known
mkdir -p target/feed
mkdir -p target/img
action=Copying...

31
src/about.html Normal file
View File

@@ -0,0 +1,31 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>About | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">About</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_main">
<div class="main_body"><p>This page has not yet been filled out. Sorry!</p></div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div>
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

301
src/disclosure.html Normal file
View File

@@ -0,0 +1,301 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Disclosure | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">Disclosure</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_main">
<div class="main_body">
<div class="header">
<h1 class="title">Disclosure</h1>
<p class="date">Last Edited: 01 August, 2025</p>
</div>
<div class="body">
<div class="layout_row">
<div class="item website_security">
<h2 class="title">Website Security</h2>
<p>
This website uses a number of security features, most of which
are built into your browser, to protect my and your:
</p>
<ul>
<li>Infrastructure</li>
<li>Data, and</li>
<li>Experience</li>
</ul>
<p>
You can see some of the main methods that this website uses
below:
</p>
<div class="chunk_list">
<div class="chunk">
<div class="header">
<div>
<h3 class="name">Anubis</h3>
<span class="subtitle"
>AI Scraper Screening Utility</span
>
</div>
</div>
<div class="body">
<p>
This website is protected by a screening utility
known as
<a href="https://anubis.techaro.lol/" class="italic"
>Anubis</a
>. You may also have heard of this program as
<span class="italic">BotStopper</span> for those who
purchase a commercial license because they somehow
can't live with a cute anime girl showing up on
their websites. UNESCO notably don't have a problem
with that, and proudly present an anime girl as of
writing this.
</p>
<p>
Despite what some fools at the FSF figure, Anubis IS
NOT malware. See:
<a
href="https://www.youtube.com/watch?v=YisGpdPjYM8"
class="italic"
>I Platformed A Linux "Cyber Criminal"</a
>. It does have
<span class="italic">similar</span> behaviour due to
its proof-of-work scheme, which asks your browser to
run a throwaway calculation in an effort to block or
dissuade AI scrapers. Many, if not nearly all
clients, are subject to screening based on various
filters around your browser's user agent string.
</p>
<p>
Additionally, if you have concerns about the
legality of my use of Anubis, please see
<a
href="https://github.com/TecharoHQ/anubis/issues/50"
>Anubis Issue #50</a
>
where concerns were looked into.
</p>
<p>
Now, if you have a moral issue with this project,
you may do one of two things (because adjusting your
UA will just make me block the UA, or add a complete
catch-all rule):
</p>
<ol>
<li>
Don't allow JavaScript to run. (Have fun making
this work)
</li>
<li>Just don't use my website.</li>
</ol>
<p>
If you experience issues with Anubis blocking you,
which presumably hasn't happened on your way to this
page, you can email me with details. DO NOT bother
the main project as it may be an issue with a
screening rule that I've invoked.
</p>
<p>
If you do wish to raise an issue with the Anubis
dev(s), PLEASE DO NOT DO SOMETHING LIKE THIS:
</p>
<ul>
<li>
<a
href="https://github.com/TecharoHQ/anubis/issues/113"
>Anubis Issue #113</a
>
</li>
<li>
<a
href="https://github.com/TecharoHQ/anubis/discussions/114"
>Anubis Discussion #114</a
>
</li>
<li>
<a
href="https://github.com/TecharoHQ/anubis/discussions/117"
>Anubis Discussion #117</a
>
</li>
</ul>
</div>
</div>
<div class="chunk">
<div class="header">
<div>
<h3 class="name">Content Security Policy (CSP)</h3>
</div>
</div>
<div class="body">
<p>
This website, unlike a scary number of sites
(including google.com and microsoft.com as of
writing) has a CSP configured. This helps prevent or
mitigate a number of possible attacks including
cross-site scripting and clickjacking.
</p>
<p>
Further Reading:
<a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP"
>https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CSP</a
>
</p>
</div>
</div>
<div class="chunk">
<div class="header">
<div>
<h3 class="name">
HTTP Strict Transport Security (HSTS)
</h3>
</div>
</div>
<div class="body">
<p>
This website has a HSTS policy which indicates to
your browser to use a secure connection when
connecting.
</p>
<p>
Additionally, the server will force redirect ALL
connections over to HTTPS for any browsers which do
not use this header or have a HTTPS-only mode
enabled.
</p>
<p>
Further Reading:
<a
href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Strict-Transport-Security"
>https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Strict-Transport-Security</a
>
</p>
</div>
</div>
<div class="chunk">
<div class="header">
<div>
<h3 class="name">Other Security Headers</h3>
</div>
</div>
<div class="body">
<p>Some include:</p>
<ul>
<li>X-Content-Type-Options</li>
<li>X-Frame-Options</li>
<li>X-XSS-Protection</li>
<li>Permissions-Policy</li>
<li>Referrer-Policy</li>
</ul>
</div>
</div>
<div class="chunk">
<div class="header">
<div>
<h3 class="name">Security.txt</h3>
</div>
</div>
<div class="body">
<p>
This file offers information to security researchers
to silently report any issues they find so that I
can resolve them.
</p>
</div>
</div>
</div>
</div>
<div class="item cookies">
<h2 class="title">Cookies</h2>
<p>
This website only leaves cookies that are required for the
website's functioning. I do not place any trackers on your
system.
</p>
<p>
Note: I cannot say what cookies may be left by services that I
host (such as Gitea and Web Check). For more details, please see
those projects' documentation.
</p>
<p>You can see all cookies that this website uses below:</p>
<div class="chunk_list">
<div class="chunk">
<div class="header">
<div>
<h3 class="name">Anubis</h3>
<span class="subtitle"
>AI Scraper Screening Utility</span
>
</div>
</div>
<div class="body">
<p>
This website does utilize a cookie. This cookie is
made by Anubis to keep your system from having to
pass the proof-of-work check every time you request
a resource from this site.
</p>
<p>
THEORETICALLY, this cookie, as with any JavaScript
cookie,
<span class="italic">can</span> be used to track
you.
</p>
<p>
HOWEVER, I do not use it for tracking, Anubis does
not use it for tracking, and there is no evidence
that 3rd parties are abusing the cookie. There are
far more attractive targets.
</p>
<p>
IF this becomes an issue, until the lead
developer(s) and/or community can find a solution,
Anubis will be reconfigured to send out challenges
even more frequently, and an advisory notice to wipe
your browser cookies at the end of your session will
be made.
</p>
<p>
Under the current configuration, Anubis' cookies are
valid for 24h. This does not mean that the cookie is
necessarily gone from your system.
</p>
<p>
<a
href="https://github.com/TecharoHQ/anubis/issues/50"
>Anubis Issue #50</a
>
briefly looked into the possibility of abuse via the
cookie.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div>
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

View File

@@ -78,7 +78,7 @@
<!-- Website Disclosure -->
<li class="nav_body">
<a class="nav_title" href="/website_disclosure.html">Website Disclosure</a>
<a class="nav_title" href="/disclosure.html">Disclosure</a>
</li>
<li class="nav_body">
<a class="nav_title" href="/acknowledgements.html">Acknowledgements</a>

View File

@@ -0,0 +1,31 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Bearock SMP | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">Bearock SMP</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_main">
<div class="main_body"><p>This page has not yet been filled out. Sorry!</p></div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div>
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

View File

@@ -0,0 +1,3 @@
@use "../../partials/a_common";
@use "../../partials/pane_main";

31
src/minecraft/index.html Normal file
View File

@@ -0,0 +1,31 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Minecraft | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">Minecraft</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_main">
<div class="main_body"><p>This page has not yet been filled out. Sorry!</p></div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div>
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

View File

@@ -0,0 +1,31 @@
<!doctype html>
<html lang="en-ca">
<head>
<title>Rebirth SMP | Cutieguwu</title>
<include src="includes/meta.html" />
</head>
<body>
<div class="viewport">
<nav class="pane_nav">
<include src="includes/nav_logo.html" />
<include src="includes/nav_menu.html" />
<div class="location">
<h4 class="location_header">You are here:</h4>
<h5 class="location_page">Rebirth SMP</h5>
</div>
<include src="includes/nav_quick_links.html" />
</nav>
<div class="pane_main">
<div class="main_body"><p>This page has not yet been filled out. Sorry!</p></div>
<include src="includes/tailer.html" />
</div>
<div class="pane_spacer">
<div class="spacer_container"><p>#AD</p></div>
<div class="spacer_container"><p>#AD</p></div>
</div>
</div>
<include src="includes/footer.html" />
<include src="includes/scripts.html" />
</body>
</html>

View File

@@ -0,0 +1,3 @@
@use "../../partials/a_common";
@use "../../partials/pane_main";

3
src/minecraft/style.scss Normal file
View File

@@ -0,0 +1,3 @@
@use "../partials/a_common";
@use "../partials/pane_main";

View File

@@ -1,12 +1,12 @@
.chunk_list {
.chunk_list,
.pane_main .main_body .chunk_list {
display: flex;
flex-direction: column;
padding: 0;
text-align: left;
.chunk,
hr {
margin: var(--spacing-horizontal);
.chunk + .chunk {
margin-top: var(--spacing-horizontal);
}
.chunk {
@@ -20,10 +20,16 @@
padding: var(--spacing-horizontal);
text-align: start;
width: calc(100% - calc(var(--spacing-horizontal) * 2));
margin: 0;
.name,
.subtitle,
.status {
margin: 0;
margin: inherit;
}
.name {

View File

@@ -112,3 +112,7 @@ ion-icon {
flex-flow: row wrap;
align-items: flex-start;
}
.italic {
font-style: italic;
}

View File

@@ -5,9 +5,13 @@
.item {
margin: var(--spacing-horizontal);
padding: var(--spacing-horizontal);
padding: calc(var(--spacing-horizontal) * 2);
background-color: var(--background-1);
border-radius: var(--border-radius-leaf);
.title {
text-align: center;
}
}
}

View File

@@ -1,3 +1,4 @@
@use "blog_recent_posts";
@use "page_disclosure";
@use "page_resume";

View File

@@ -0,0 +1,4 @@
.website_security,
.cookies {
max-width: 44%;
}

View File

@@ -1,33 +1,23 @@
.work_history {
max-width: 45%;
.chunk_list {
flex-direction: column-reverse;
}
}
.early_history {
align-self: center;
}
.work_history,
.education {
max-width: 45%;
.chunk_list {
flex-direction: column-reverse;
flex-direction: column-reverse !important;
}
}
.awards {
max-width: 45%;
}
.certifications {
max-width: 45%;
.awards,
.certifications,
.education,
.work_history {
max-width: 44%;
}
.software {
max-width: 60%;
max-width: 55%;
.premiere_pro {
color: var(--accent-purple);

View File

@@ -13,6 +13,37 @@
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
text-align: center;
.header {
text-align: center;
padding: var(--spacing-horizontal);
width: min-content;
white-space: nowrap;
margin: 0 auto;
.title {
background-color: var(--background-1);
border-radius: var(--border-radius-leaf);
padding: var(--spacing-horizontal);
}
.date {
display: block;
font-size: 0.85rem;
font-weight: normal;
font-style: italic;
font-family: var(--font-family-generic);
}
}
.body {
text-align: start;
p {
color: var(--white-1);
}
}
}
}