MeowcaTheoRange/abtmtr-v4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

gemder

Browse source
This commit is contained in:
MeowcaTheoRange 2023-11-27 23:00:15 -06:00
parent 1d754517fa
commit 82f0d288ab
4 changed files with 224 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
views/index.html
View file

@ -58,7 +58,7 @@
>
</p>
<button
onclick="initDocument(['ff76a4','ffffff','c011d7','000000','2f3cbe'], 300, 200, 'vert', 'Genderfluid');
onclick="initDocument(['7F7F7F','C3C3C3','9AD9EA','FFFFFF','9AD9EA','C3C3C3','7F7F7F'], 300, 200, 'vert', 'Demiboy');
initDocument(['FF218C','FFD800','21B1FF'], 300, 200, 'vert', 'Pansexual')"
>
Cool Flags

195
views/real/resume/index.html Normal file
View file

@ -0,0 +1,195 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>MeowcaTheoRange</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/styles/normal.css" />
<link rel="stylesheet" href="/styles/normal_print.css" />
<link rel="stylesheet" href="/styles/style.css" />
<style>
@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root {
--base-scale: 16px;
--background-color: hsl(125, 100%, 15%);
--color: hsl(125, 100%, 85%);
--accent-color: hsl(125, 100%, 50%);
--accent-color-fg: hsl(125, 100%, 95%);
--font-family: "Lexend Deca";
--document-width: 50em;
}
section.containsaside {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: 1em;
}
section.containsaside aside {
min-width: 15em;
}
</style>
</head>
<body>
<header>
<section>
<h1>Iszac</h1>
</section>
<p><i>Note: Best printed on a Chrome-based browser.</i></p>
<section id="accessibility" hidden></section>
</header>
<main>
<section>
<p>
Iszac is a blah blah blah whatever such from such and such doing x y z
a b c.
</p>
</section>
<section class="containsaside">
<section>
<h2>Things I can do</h2>
<ul>
<li>
<p>
Apply and install applications on small-scale server
infrastructure
</p>
<p><b>Experience</b></p>
<ul>
<li>
<p>
Installing the Git-compatible respository store
<b>Gitea</b> on
<a href="https://git.abtmtr.link/">git.abtmtr.link</a><br />
<small>(November 18, 2023)</small>
</p>
</li>
<li>
<p>
Installing the federated microblogging software
<b>Akkoma</b> on
<a href="https://local.abtmtr.link/">local.abtmtr.link</a
><br />
<small>(November 10, 2023)</small>
</p>
</li>
<li>
<p>
Deploying the blogging software <b>WriteFreely</b> on
<a href="https://img.abtmtr.link/">img.abtmtr.link</a> and
<a href="https://blog.abtmtr.link/">blog.abtmtr.link</a>
</p>
</li>
<li>
<p>
Successfully moving the WriteFreely deployments from
<b>outsourced server infrastructure</b> to
<b>local server infrastructure</b><br />
<small>(November 23, 2023)</small>
</p>
</li>
<li>
<p>
Creating and deploying
<b>the TrollCall software and multiple other projects</b> on
<b>Vercel</b>
</p>
</li>
<li>
<p>
Managing applications under the
<a href="/about">abtmtr.link domain</a>
</p>
</li>
</ul>
</li>
<li>
<p>Creating website frontends (HTML, CSS, JS)</p>
<p><b>Experience</b></p>
<ul>
<li>
<p>
Installing the Git-compatible respository store
<b>Gitea</b> on
<a href="https://git.abtmtr.link/">git.abtmtr.link</a><br />
<small>(November 18, 2023)</small>
</p>
</li>
<li>
<p>
Installing the federated microblogging software
<b>Akkoma</b> on
<a href="https://local.abtmtr.link/">local.abtmtr.link</a
><br />
<small>(November 10, 2023)</small>
</p>
</li>
<li>
<p>
Deploying the blogging software <b>WriteFreely</b> on
<a href="https://img.abtmtr.link/">img.abtmtr.link</a> and
<a href="https://blog.abtmtr.link/">blog.abtmtr.link</a>
</p>
</li>
<li>
<p>
Successfully moving the WriteFreely deployments from
<b>outsourced server infrastructure</b> to
<b>local server infrastructure</b><br />
<small>(November 23, 2023)</small>
</p>
</li>
<li>
<p>
Creating and deploying
<b>the TrollCall software and multiple other projects</b> on
<b>Vercel</b>
</p>
</li>
<li>
<p>
Managing applications under the
<a href="/about">abtmtr.link domain</a>
</p>
</li>
</ul>
</li>
</ul>
<p></p>
</section>
<aside>
<h2>Contact me</h2>
<ul>
<li><a href="https://abtmtr.link/">https://abtmtr.link/</a></li>
<li><a href="mailto:me@abtmtr.link">me@abtmtr.link</a></li>
<li>
<p><b>Address:</b></p>
<p id="addressinfo">
Use the <code>address</code> query parameter to fill this
section.
</p>
</li>
<li>
<p><b>Phone number:</b></p>
<p id="phoneinfo">
Use the <code>phone</code> query parameter to fill this section.
</p>
</li>
</ul>
<h2>What I use</h2>
<h2>Technical skills</h2>
<h3>Platforms</h3>
<p>Linux-based and Android-based operating systems</p>
</aside>
</section>
</main>
<script src="/scripts/accessibility.js"></script>
<script>
const qp = new URLSearchParams(window.location.search);
document.getElementById("addressinfo").innerHTML = qp.get("address");
document.getElementById("phoneinfo").innerHTML = qp.get("phone");
</script>
</body>
</html>

1
views/styles/normal.css
View file

@ -98,6 +98,7 @@ ol {
li {
margin-inline: 0;
line-height: 1.5em;
margin-block: 0.5em;
}

27
views/styles/normal_print.css Normal file
View file

@ -0,0 +1,27 @@
@media print {
@page {
size: A4; /* DIN A4 standard, Europe */
margin: 2em;
}
html {
--background-color: #fff !important;
--color: #000 !important;
--accent-color: #000 !important;
--accent-color-fg: #fff !important;
--font-family: "Lexend Deca" !important;
--document-width: 100% !important;
--border-style: calc(1em / 16) solid var(--color);
transition: none;
}
body {
margin: 0;
padding: 0;
}
#accessibility {
display: none;
}
a {
text-decoration: none;
}
}