ashe
/
tempest.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update styles, add footer, add pay transparency

Browse Source
rewrite
Ashelyn Dawn 1 year ago
parent f954b7ad22
commit 7bb1f23be8
Signed by: ashe
GPG Key ID: C2D55F79B08C8A5D
9 changed files with 273 additions and 9 deletions
Show Stats Download Patch File Download Diff File

12
about.html
Unescape Escape View File

@ -22,7 +22,7 @@
<h3>Interests</h3> <h3>Interests</h3>
<p> <p>
Coding, VR, 3D modeling, cryptography (encryption + privacy, not shitcoin), Coding, VR, 3D modeling, cryptography (encryption + privacy, not coin),
photography, hiking, reading, writing, and locksport photography, hiking, reading, writing, and locksport
</p> </p>
@ -36,14 +36,14 @@
<h3>Occupation</h3> <h3>Occupation</h3>
<p> <p>
Web dev, primarily Javascript but also featuring Rust, .NET, Java, Web dev, primarily Javascript but also featuring Python, Rust, .NET,
and an obscene amount of bash Java, and an obscene amount of bash
</p> </p>
<h3>Family</h3> <h3>Family</h3>
<p> <p>
I am married to my lovely wife Em, and we have two kids together. I also I am married to my lovely wife Emily, and we have two kids together. I also
have two other amazing partners, <a target="_blank" href="https://loveshock.xyz/">Amber</a> have two other amazing partners, <a target="_blank" href="https://loveshock.xyz/">Amber</a>
and Irisha and Irisha
</p> </p>
@ -55,5 +55,9 @@
<li><a target="_blank" href="https://git.tempest.dev/">Git</a></li> <li><a target="_blank" href="https://git.tempest.dev/">Git</a></li>
<li><a target="_blank" href="https://web.libera.chat/">IRC</a> (my common nicks are tempest or dawn)</li> <li><a target="_blank" href="https://web.libera.chat/">IRC</a> (my common nicks are tempest or dawn)</li>
</ul> </ul>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body> </body>
</html> </html>

4
index.html
Unescape Escape View File

@ -70,5 +70,9 @@
<span style="font-size: 24px">~</span> <span style="font-size: 24px">~</span>
<img alt="Ashe" height="80px" src="/resources/signature.svg" /> <img alt="Ashe" height="80px" src="/resources/signature.svg" />
</p> </p>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body> </body>
</html> </html>

4
not_found.html
Unescape Escape View File

@ -22,5 +22,9 @@
Feel free to start back over at my Feel free to start back over at my
<a href="/">Home page</a>. <a href="/">Home page</a>.
</p> </p>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body> </body>
</html> </html>

112
pay-transparency.html
Unescape Escape View File

@ -0,0 +1,112 @@
<!DOCTYPE html>
<html>
<head>
<title>Pay Transparency</title>
<link rel="stylesheet" href="/resources/style.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav>
<a href="/">Home</a>
<a href="/about.html">About</a>
<a href="/posts/">Posts</a>
</nav>
<h1>
Pay Transparency
</h1>
<p>
This page lists the title and pay rate of every job I have held since university
graduation<sup><a id="1-ref" href="#1-foot">1</a></sup>, and is inspired by
<a href=https://rin.systems/pay-transparency/">Rin's pay transparency</a>
page. Her page is what inspired me to make this one, and I hope the idea
continues to spread, as the more people know what common compensation is
across the industry, the more we can all benefit.
</p>
<div class="tableOverflow">
<table>
<thead>
<tr>
<th>Role</th>
<th>Start</th>
<th>End</th>
<th>Rate / Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Software Developer</td>
<td>Jan 2020</td>
<td>Sept 2020</td>
<td>$35 USD / hour</td>
</tr>
<tr>
<td>Software Engineer</td>
<td>Jan 2021</td>
<td>Sept 2021</td>
<td>$90,000 USD / year
<span class="asterisk">*</span>
</td>
</tr>
<tr>
<td>Software Engineer</td>
<td>Sept 2021</td>
<td>Oct 2022</td>
<td>$100,800 USD / year
<span class="asterisk">*</span>
</td>
</tr>
<tr>
<td>Software Engineer</td>
<td>Oct 2021</td>
<td>Jan 2022</td>
<td>$105,840 USD / year
<span class="asterisk">*</span>
</td>
</tr>
<tr>
<td>Senior Software Engineer</td>
<td>Jan 2022</td>
<td>May 2022</td>
<td>$121,716 USD / year
<span class="asterisk">*</span>
</td>
</tr>
<tr>
<td>Senior Software Engineer</td>
<td>June 2022</td>
<td>-</td>
<td>$158,000 USD / year
<span class="asterisk">*</span>
<span class="asterisk">**</span>
</td>
</tr>
</tbody>
</table>
</div>
<p>
All positions listed here included health, dental, and vision insurance.<br/>
The positions listed with <span class="asterisk">*</span> included
a retirement account.<br/>
The position listed with <span class="asterisk">**</span>
includes stock options.
</p>
<ol id="footnotes">
<li id="1-foot">
I unfortunately no longer have the accurate information for the job
I held during university. It spanned across six years, and my role changed
several times - I do remember I started at $9 USD / hour and ended at
$22.50 USD / hour.
<a href="#1-ref">^</a>
</li>
</ol>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body>
</html>

6
posts/01_04_2023-advent-of-wasm.html
Unescape Escape View File

@ -114,6 +114,10 @@
you're looking for something new to try definitely consider giving you're looking for something new to try definitely consider giving
webassembly a look. webassembly a look.
</p> </p>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body> </body>
</html> </html>

5
posts/07_29_2022-on-communities-and-trust.html
Unescape Escape View File

@ -98,5 +98,10 @@
the needs of their players sticks around longer than it takes to clean up the needs of their players sticks around longer than it takes to clean up
their PR mess, I personally am hesitant to forgive them. their PR mess, I personally am hesitant to forgive them.
</p> </p>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body> </body>
</html> </html>

5
posts/08_01_2022-thoughts-on-neovim.html
Unescape Escape View File

@ -100,5 +100,10 @@
But hey - if you're looking for a challenge, you'll definitely learn But hey - if you're looking for a challenge, you'll definitely learn
a lot. a lot.
</p> </p>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body> </body>
</html> </html>

5
posts/index.html
Unescape Escape View File

@ -33,5 +33,10 @@
<a href="/posts/07_29_2022-on-communities-and-trust.html">On Communities and Trust</a> <a href="/posts/07_29_2022-on-communities-and-trust.html">On Communities and Trust</a>
</li> </li>
</ul> </ul>
<footer>
<a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a>
<a href="/pay-transparency.html">Pay Transparency</a>
</footer>
</body> </body>
</html> </html>

129
resources/style.css
Unescape Escape View File

@ -16,26 +16,30 @@ body {
max-width: 600px; max-width: 600px;
margin: 0 auto; margin: 0 auto;
padding: 16px; padding: 16px;
display: flex;
flex-direction: column;
} }
nav { nav, footer {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: end;
} }
nav a { nav a, footer a {
opacity: .4; opacity: .4;
} }
nav a:hover { nav a:hover, footer a:hover {
opacity: .8; opacity: .8;
} }
nav > a:not(:last-child) { nav > a:not(:last-child), footer > a:not(:last-child) {
margin-right: 40px; margin-right: 40px;
} }
h1 { h1 {
color: rgba(255,255,255,.9); color: rgba(255,255,255,.9);
} }
@ -73,6 +77,10 @@ ul.posts li span {
margin-right: 10px; margin-right: 10px;
} }
body p {
line-height: 1.5;
}
a { a {
color: white; color: white;
opacity: .8; opacity: .8;
@ -87,3 +95,116 @@ a[href^="//"] {
h2 { h2 {
margin-top: 48px; margin-top: 48px;
} }
sup {
vertical-align: top;
}
sup a {
position: relative;
top: -4px;
color: #caa5ff;
margin: 0 2px;
}
span.asterisk {
color: #caa5ff;
}
.tableOverflow {
margin: 0 -16px;
width: calc(100% + 32px);
overflow-x: auto;
padding: 0 16px;
position: relative;
}
table {
border-collapse: collapse;
text-align: left;
min-width: calc(600px - 32px);
}
table tr {
}
table th {
border-bottom: solid 1px white;
}
table th, table td {
padding: 8px 4px;
}
ol#footnotes {
padding-left: 0px;
list-style: none;
counter-reset: list-number;
flex: 1;
display: flex;
flex-direction: column;
justify-content: end;
margin-top: 40px;
}
ol#footnotes li {
display: flex;
flex-direction: row;
padding: 16px;
margin: 0 -16px;
position: relative;
transition: .15s ease-in-out background;
}
ol#footnotes li::before {
counter-increment: list-number;
content: counter(list-number);
color: #caa5ff;
width: 20px;
margin-right: 8px;
}
ol#footnotes li a {
margin-left: 8px;
color: #caa5ff;
}
ol#footnotes li:first-child::after {
position: absolute;
top: 1px;
width: calc(100% - 32px);
background: #caa5ff;
opacity: .4;
height: 1px;
content: '';
}
ol#footnotes li:target {
background: #3d3548;
}
footer {
margin-top: 40px;
flex: 1;
position: relative;
}
footer::before {
position: absolute;
bottom: 36px;
width: calc(100% - 0px);
height: 1px;
margin: 0 auto;
content: '';
background: #caa5ff;
opacity: .4;
}
ol#footnotes + footer {
flex: initial;
margin-top: 0;
}
ol#footnotes + footer::before {
display: none;
}

Write Preview
Loading…
Cancel
Save