Fixing up uses styles.

This commit is contained in:
Bradley Shellnut 2023-01-30 20:17:48 -08:00
parent 361bc2c9eb
commit 11e5e9aac5

View file

@ -39,33 +39,28 @@
</p> </p>
</div> </div>
<div class="uses-block-styles"> <div class="uses-block-styles">
<div style="display: grid; grid-template-columns: minmax(400px, 0.65fr); justify-content: center; margin-bottom: 2rem;"> <div style="display: grid; justify-content: center; margin-bottom: 2rem;">
<figure> <figure>
<img src={DesktopImage} alt="Clean desktop" width="400px"/> <img src={DesktopImage} alt="Clean desktop" width="400px"/>
</figure> </figure>
</div> </div>
<h2>Hardware & Accessories</h2> <h2>Hardware & Accessories</h2>
<ul> <ul>
<li>MacBook Pro 15-inch for work.</li>
<li> <li>
Computers 💻 Personal desktop running{' '}
<ul> <a
<li>MacBook Pro 15-inch for work.</li> target="_blank"
<li> aria-label="PopOS Linux Distro"
Personal desktop running{' '} title="https://pop.system76.com/"
<a href="https://pop.system76.com/"
target="_blank" rel="noreferrer"
aria-label="PopOS Linux Distro" >
title="https://pop.system76.com/" PopOS
href="https://pop.system76.com/" </a>
rel="noreferrer" .
>
PopOS
</a>
.
</li>
<li>Dell XPS 13 running PopOS.</li>
</ul>
</li> </li>
<li>Dell XPS 13 running PopOS.</li>
<li> <li>
Phone 📱: Pixel 6 running{' '} Phone 📱: Pixel 6 running{' '}
<a <a
@ -112,7 +107,7 @@
href="https://secretlabus.myshopify.com/collections/omega-series#omega_2020-stealth" href="https://secretlabus.myshopify.com/collections/omega-series#omega_2020-stealth"
rel="noreferrer" rel="noreferrer"
> >
Secretlab Omega 2020 Fabric SecretLab Omega 2020 Fabric
</a> </a>
</li> </li>
<li> <li>
@ -158,48 +153,7 @@
<h3>Terminal & Shell Setup</h3> <h3>Terminal & Shell Setup</h3>
<ul> <ul>
<li> <li>
<a On Linux just the built in terminal running ZSH and <a target="_blank" aria-label="Starship prompt" href="https://starship.rs" rel="noreferrer">Starship</a>.
target="_blank"
aria-label="Hyper JS Terminal"
href="https://hyper.is/"
rel="noreferrer"
>
HyperJS
</a>
: Mostly using for personal development on PopOS or Ubuntu. I get by
with just a few plugins listed below:
<div class="uses-flat-list">
<li>
<a
target="_blank"
aria-label="HyperJS Cobalt Theme"
href="https://github.com/wesbos/hyperterm-cobalt2-theme"
rel="noreferrer"
>
Cobalt2 Theme
</a>
</li>
<li>
<a
target="_blank"
aria-label="Tabs Enhanced Plugin"
href="https://github.com/henrikdahl/hyper-tabs-enhanced"
rel="noreferrer"
>
Hyper Tabs Enhanced
</a>
</li>
<li>
<a
target="_blank"
aria-label="Statusline Plugin"
href="https://github.com/henrikdahl/hyper-statusline"
rel="noreferrer"
>
Hyper Statusline
</a>
</li>
</div>
</li> </li>
<li> <li>
<a <a
@ -496,103 +450,90 @@
<h2>Privacy Hardware and Software</h2> <h2>Privacy Hardware and Software</h2>
<p> <p>
For the past few years I've been working towards moving my data to For the past few years I've been working towards moving my data to
selfhosted systems and systems I trust to hold my data. self-hosted systems and systems I trust to hold my data.
</p> </p>
<p> <p>
If you want to see more info about this head to my{' '} If you want to see more info about this head to my{' '}
<a href="/privacy">Privacy</a> page. <a href="/privacy">Privacy</a> page.
</p> </p>
<p>Hardware Authentication</p>
<ul> <ul>
<li> <li>
Hardware <a
<ul> target="_blank"
<li> aria-label="YubiKey 5C"
Hardware Authentication href="https://www.yubico.com/product/yubikey-5c/"
<ul> rel="noreferrer"
<li> >
<a YubiKey 5C
target="_blank" </a>
aria-label="YubiKey 5C" </li>
href="https://www.yubico.com/product/yubikey-5c/" </ul>
rel="noreferrer" <p>NAS Servers</p>
> <ul>
YubiKey 5C <li>
</a> <a
</li> target="_blank"
</ul> aria-label="Synology NAS"
</li> href="https://synology.com/"
<li> rel="noreferrer"
NAS Servers >
<ul> Synology DS918+
<li> </a>
<a </li>
target="_blank" <li>Mac Mini 2015</li>
aria-label="Synology NAS" </ul>
href="https://synology.com/" <p>Software</p>
rel="noreferrer" <ul>
> <li>
Synology DS918+ <a
</a> target="_blank"
</li> aria-label="Bitwarden Password Manager"
<li>Mac Mini 2015</li> href="https://bitwarden.com/"
</ul> rel="noreferrer"
</li> >
</ul> Bitwarden
</a>
</li> </li>
<li> <li>
Software <a
<ul> target="_blank"
<li> aria-label="Element Messaging App"
<a href="https://element.io/"
target="_blank" rel="noreferrer"
aria-label="Bitwarden Password Manager" >
href="https://bitwarden.com/" Element (Riot.im)
rel="noreferrer" </a>
> </li>
Bitwarden <li>
</a> <a
</li> target="_blank"
<li> aria-label="FreeTube Video App"
<a href="https://freetubeapp.io/"
target="_blank" rel="noreferrer"
aria-label="Element Messaging App" >
href="https://element.io/" FreeTube App
rel="noreferrer" </a>
> </li>
Element (Riot.im) <li>
</a> <a
</li> target="_blank"
<li> aria-label="Mullvad VPN"
<a href="https://mullvad.net/en/"
target="_blank" rel="noreferrer"
aria-label="FreeTube Video App" >
href="https://freetubeapp.io/" Mullvad VPN
rel="noreferrer" </a>
> </li>
FreeTube App <li>
</a> <a
</li> target="_blank"
<li> aria-label="Signal Messenger"
<a href="https://www.signal.org/"
target="_blank" rel="noreferrer"
aria-label="Mullvad VPN" >
href="https://mullvad.net/en/" Signal
rel="noreferrer" </a>
>
Mullvad VPN
</a>
</li>
<li>
<a
target="_blank"
aria-label="Signal Messenger"
href="https://www.signal.org/"
rel="noreferrer"
>
Signal
</a>
</li>
</ul>
</li> </li>
</ul> </ul>
</div> </div>
@ -601,6 +542,7 @@
<style lang="postcss"> <style lang="postcss">
.uses { .uses {
li { li {
list-style: none;
a { a {
:hover { :hover {
color: var(--shellYellow); color: var(--shellYellow);