diff options
| -rw-r--r-- | about.html | 12 | ||||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | not_found.html | 4 | ||||
| -rw-r--r-- | pay-transparency.html | 112 | ||||
| -rw-r--r-- | posts/01_04_2023-advent-of-wasm.html | 6 | ||||
| -rw-r--r-- | posts/07_29_2022-on-communities-and-trust.html | 5 | ||||
| -rw-r--r-- | posts/08_01_2022-thoughts-on-neovim.html | 5 | ||||
| -rw-r--r-- | posts/index.html | 5 | ||||
| -rw-r--r-- | resources/style.css | 129 |
9 files changed, 273 insertions, 9 deletions
diff --git a/about.html b/about.html index b4122b1..e05eb82 100644 --- a/about.html +++ b/about.html @@ -22,7 +22,7 @@ <h3>Interests</h3> <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 </p> @@ -36,14 +36,14 @@ <h3>Occupation</h3> <p> - Web dev, primarily Javascript but also featuring Rust, .NET, Java, - and an obscene amount of bash + Web dev, primarily Javascript but also featuring Python, Rust, .NET, + Java, and an obscene amount of bash </p> <h3>Family</h3> <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> and Irisha </p> @@ -55,5 +55,9 @@ <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> </ul> + <footer> + <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a> + <a href="/pay-transparency.html">Pay Transparency</a> + </footer> </body> </html> diff --git a/index.html b/index.html index f481f22..7c28a89 100644 --- a/index.html +++ b/index.html @@ -70,5 +70,9 @@ <span style="font-size: 24px">~</span> <img alt="Ashe" height="80px" src="/resources/signature.svg" /> </p> + <footer> + <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a> + <a href="/pay-transparency.html">Pay Transparency</a> + </footer> </body> </html> diff --git a/not_found.html b/not_found.html index 023edeb..d14ec56 100644 --- a/not_found.html +++ b/not_found.html @@ -22,5 +22,9 @@ Feel free to start back over at my <a href="/">Home page</a>. </p> + <footer> + <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a> + <a href="/pay-transparency.html">Pay Transparency</a> + </footer> </body> </html> diff --git a/pay-transparency.html b/pay-transparency.html new file mode 100644 index 0000000..fbb0395 --- /dev/null +++ b/pay-transparency.html @@ -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> diff --git a/posts/01_04_2023-advent-of-wasm.html b/posts/01_04_2023-advent-of-wasm.html index 129d47f..4f707a6 100644 --- a/posts/01_04_2023-advent-of-wasm.html +++ b/posts/01_04_2023-advent-of-wasm.html @@ -114,6 +114,10 @@ you're looking for something new to try definitely consider giving webassembly a look. </p> - + + <footer> + <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a> + <a href="/pay-transparency.html">Pay Transparency</a> + </footer> </body> </html> diff --git a/posts/07_29_2022-on-communities-and-trust.html b/posts/07_29_2022-on-communities-and-trust.html index 82da654..4aef9ae 100644 --- a/posts/07_29_2022-on-communities-and-trust.html +++ b/posts/07_29_2022-on-communities-and-trust.html @@ -98,5 +98,10 @@ the needs of their players sticks around longer than it takes to clean up their PR mess, I personally am hesitant to forgive them. </p> + + <footer> + <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a> + <a href="/pay-transparency.html">Pay Transparency</a> + </footer> </body> </html> diff --git a/posts/08_01_2022-thoughts-on-neovim.html b/posts/08_01_2022-thoughts-on-neovim.html index f300c5c..183902a 100644 --- a/posts/08_01_2022-thoughts-on-neovim.html +++ b/posts/08_01_2022-thoughts-on-neovim.html @@ -100,5 +100,10 @@ But hey - if you're looking for a challenge, you'll definitely learn a lot. </p> + + <footer> + <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a> + <a href="/pay-transparency.html">Pay Transparency</a> + </footer> </body> </html> diff --git a/posts/index.html b/posts/index.html index b86c5a5..05beb66 100644 --- a/posts/index.html +++ b/posts/index.html @@ -33,5 +33,10 @@ <a href="/posts/07_29_2022-on-communities-and-trust.html">On Communities and Trust</a> </li> </ul> + + <footer> + <a href="https://git.tempest.dev/ashe/tempest.dev">Site Source</a> + <a href="/pay-transparency.html">Pay Transparency</a> + </footer> </body> </html> diff --git a/resources/style.css b/resources/style.css index 7b727af..53c8d7b 100644 --- a/resources/style.css +++ b/resources/style.css @@ -16,26 +16,30 @@ body { max-width: 600px; margin: 0 auto; padding: 16px; + display: flex; + flex-direction: column; } -nav { +nav, footer { display: flex; flex-direction: row; flex-wrap: wrap; + align-items: end; } -nav a { +nav a, footer a { opacity: .4; } -nav a:hover { +nav a:hover, footer a:hover { opacity: .8; } -nav > a:not(:last-child) { +nav > a:not(:last-child), footer > a:not(:last-child) { margin-right: 40px; } + h1 { color: rgba(255,255,255,.9); } @@ -73,6 +77,10 @@ ul.posts li span { margin-right: 10px; } +body p { + line-height: 1.5; +} + a { color: white; opacity: .8; @@ -87,3 +95,116 @@ a[href^="//"] { h2 { 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; +} |