Adding the rest of uses markdown, adding padding, and use the markdown in uses file.

src/lib/content/uses/development.md

@@ -19,9 +19,6 @@ And documentation for my terminal and coding setup can be found here: <ExternalL
   </li>
   <li>
     <ExternalLink ariaLable="Oh My Zsh" href="https://github.com/robbyrussell/oh-my-zsh" showIcon>Oh My Zsh</ExternalLink>
-  </li>
-  <li>
-    Zsh Plugins:
     <ul>
       <li>
         <ExternalLink ariaLael="Z plugin" href="https://github.com/agkozak/zsh-z" showIcon>Z</ExternalLink>
@@ -38,7 +35,7 @@ And documentation for my terminal and coding setup can be found here: <ExternalL
 
 ### Useful System Packages
 
-- <ExternalLink ariaLabel="Linux Brew Link" href="https://docs.brew.sh/Homebrew-on-Linux" showIcon>Linux Brew</ExternalLink>
+- <ExternalLink ariaLabel="Linux Brew" href="https://docs.brew.sh/Homebrew-on-Linux" showIcon>Linux Brew</ExternalLink>
 - <ExternalLink ariaLabel="Homebrew Link" href="https://brew.sh/" showIcon>Homebrew</ExternalLink>
 - <ExternalLink ariaLabel="TLDR Man Pages" href="https://tldr.sh/" showIcon>TLDR Man Pages</ExternalLink>
 - <ExternalLink ariaLabel="Trash-CLI" href="https://www.npmjs.com/package/trash-cli" showIcon>Trash-CLI</ExternalLink>
@@ -48,55 +45,23 @@ And documentation for my terminal and coding setup can be found here: <ExternalL
 <ul>
   <li>
     <ExternalLink ariaLabel="VS Codium Website" href="https://vscodium.com/" showIcon>VSCodium</ExternalLink>
-  </li>
-  <li>
-    My extensions list: <ExternalLink ariaLabel="VS Code Extensions" href="https://github.com/BradNut/dotfiles/blob/master/vs-code-extensions-i-use.md" showIcon>VSCode Extensions List</ExternalLink>
-  </li>
-  <li>
-    <ExternalLink ariaLabel="Sublime Text 3 Website" href="https://www.sublimetext.com/3" showIcon>Sublime Text 3</ExternalLink>
-  </li>
-  <li>
-    Sublime Packages:
     <ul>
       <li>
-        <ExternalLink ariaLabel="Prettify Package" href="https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify" showIcon>HTML-CSS-JS Prettify</ExternalLink>
+        My extensions list: <ExternalLink ariaLabel="VS Code Extensions" href="https://github.com/BradNut/dotfiles/blob/master/vs-code-extensions-i-use.md" showIcon>VSCode Extensions List</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="A File Icon" href="https://packagecontrol.io/packages/A%20File%20Icon" showIcon>A File Icon</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Color Picker Package" href="https://packagecontrol.io/packages/ColorPicker" showIcon>Color Picker</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Git Gutter Color Package" href="https://packagecontrol.io/packages/Gutter%20Color" showIcon>Gutter Color</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Rainbow Brackets Package" href="https://github.com/absop/RainbowBrackets" showIcon>Rainbow Brackets</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Cobalt2 Theme" href="https://packagecontrol.io/packages/Theme%20-%20Cobalt2" showIcon>Cobalt2 Theme</ExternalLink>
       </li>
     </ul>
   <li>
-    <ExternalLink ariaLabel="IntelliJ IDEA" href="https://jetbrains.com/idea/" showIcon>IntelliJ Ultimate</ExternalLink>
+    <ExternalLink ariaLabel="Sublime Text 3 Website" href="https://www.sublimetext.com/3" 
+    showIcon>Sublime Text 3</ExternalLink>
+    <ul>
+      <li>My Packages List: <ExternalLink ariaLabel="VS Code Extensions" href="https://github.com/BradNut/dotfiles/blob/master/sublime-text-extensions-i-use.md" showIcon>Sublime Text Packages List</ExternalLink>
+      </li>
+    </ul>
   </li>
   <li>
-    IntelliJ Plugins:
+    <ExternalLink ariaLabel="IntelliJ IDEA" href="https://jetbrains.com/idea/" showIcon>IntelliJ Ultimate</ExternalLink>
     <ul>
-      <li>
+      <li>My Plugins List: <ExternalLink ariaLabel="IntelliJ Plugins" href="https://github.com/BradNut/dotfiles/blob/master/intellij-plugins.md" showIcon>IntelliJ Plugins</ExternalLink>
-        <ExternalLink ariaLabel="Git Helper Plugin" href="https://plugins.jetbrains.com/plugin/7499-gittoolbox" showIcon>GitToolBox</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Kotlin Helper Plugin" href="https://plugins.jetbrains.com/plugin/6954-kotlin" showIcon>Kotlin</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Lombok Plugin" href="https://plugins.jetbrains.com/plugin/6317-lombok" showIcon>Lombok</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Prettier Formatter" href="https://plugins.jetbrains.com/plugin/10456-prettier" showIcon>Prettier</ExternalLink>
-      </li>
-      <li>
-        <ExternalLink ariaLabel="Java Linter" href="https://plugins.jetbrains.com/plugin/7973-sonarlint" showIcon>Sonar Lint</ExternalLink>
       </li>
     </ul>
   </li>
@@ -108,10 +73,12 @@ And documentation for my terminal and coding setup can be found here: <ExternalL
 
 ### Browsers
 
-- <ExternalLink ariaLabel="Firefox Best Edition" href="https://www.mozilla.org/en-US/firefox/developer/" showIcon>Firefox Developer Edition</ExternalLink>
+- <ExternalLink ariaLabel="Brave Browser" href="https://brave.com/" showIcon>Brave Browser</ExternalLink>
+- <ExternalLink ariaLabel="Firefox" href="https://www.mozilla.org/en-US/firefox/new/" showIcon>Firefox</ExternalLink>
 
 <style lang="postcss">
-  li {
+  ul {
-    padding-left: 0.8rem;
+    list-style-type: square;
+    padding-inline-start: 4rem;
   }
 </style>

src/lib/content/uses/hardware-accessories.md

@@ -8,3 +8,10 @@
 - Mouse 🖱️: [Logitech G502 Gaming Mouse](https://www.amazon.com/Logitech-G502-Performance-Gaming-Mouse/dp/B07GBZ4Q68 'Logitech G502 Gaming Mouse')
 - Chair 🪑: [SecretLab Omega 2020 Fabric](https://secretlabus.myshopify.com/collections/omega-series#omega_2020-stealth 'Secretlab Omega 2020 Fabric')
 - Monitor 🖥️: [Samsung Odyssey G7 Gaming Monitor](https://www.samsung.com/us/computing/monitors/gaming/32--odyssey-g7-gaming-monitor-lc32g75tqsnxza/ 'Samsung Odyssey G7 Gaming Monitor')
+
+<style lang="postcss">
+  ul {
+    list-style-type: square;
+    padding-inline-start: 4rem;
+  }
+</style>

src/lib/content/uses/privacy-hardware-software.md

@@ -0,0 +1,24 @@
+<script>
+    import ExternalLink from '$lib/components/ExternalLink.svelte';
+</script>
+
+## Privacy Hardware and Software
+
+For the past few years I've been working towards moving my data to self-hosted systems and systems I trust to hold my data.
+
+If you want to see more info about this head to my <a href="/privacy">Privacy</a> page.
+
+### Hardware Authentication
+
+- <ExternalLink ariaLabel="YubiKey 5C" href="https://www.yubico.com/product/yubikey-5c/" showIcon>YubiKey 5C</ExternalLink>
+
+### NAS Servers
+
+- <ExternalLink ariaLabel="Synology NAS" href="https://synology.com/" showIcon>Synology DS918+</ExternalLink>
+
+<style lang="postcss">
+  ul {
+    list-style-type: square;
+    padding-inline-start: 4rem;
+  }
+</style>

src/routes/+layout.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { browser } from "$app/environment";
 	import { navigating } from "$app/stores";
 	import "nprogress/nprogress.css";
 	import NProgress from "nprogress";
@@ -17,7 +18,7 @@
 	const dev = process.env.NODE_ENV !== 'production';
 
 	$: {
-		if ($navigating) {
+		if (browser && $navigating) {
 			NProgress.start();
 		} else {
 			NProgress.done();

src/routes/uses/+page.svelte

@@ -1,6 +1,10 @@
 <script lang="ts">
 	import Img from '@zerodevx/svelte-img';
 	import desktop from '$lib/assets/images/Desktop_so_clean.jpg?run';
+	import HardwareAccessories from '$lib/content/uses/hardware-accessories.md';
+	import Development from '$lib/content/uses/development.md';
+	import PrivacyHardwareSoftware from '$lib/content/uses/privacy-hardware-software.md';
+	import ExternalLink from '$root/lib/components/ExternalLink.svelte';
 </script>
 
 <svelte:head>
@@ -11,578 +15,20 @@
 	<div>
 		<h1>/Uses</h1>
 		<p>
-			Inspired by
+			Inspired by <ExternalLink ariaLabel="Wes Bos' Website" href="https://wesbox.com" showIcon>Wes Bos'</ExternalLink> <ExternalLink ariaLabel="Wes Bos' Uses Page" href="https://wesbos.com/uses" showIcon>/uses</ExternalLink> page and <ExternalLink ariaLabel="Uses list website" href="https://uses.tech/" showIcon>Uses.tech</ExternalLink>, this is a list of what I use everyday for my work and personal life.
-			<a
-				target="_blank"
-				href="https://wesbos.com"
-				aria-label="Wes Bos's website"
-				rel="noreferrer"
-			>
-				Wes Bos's
-			</a>
-			<a
-				target="_blank"
-				href="https://wesbos.com/uses"
-				aria-label="WesBos Uses Site"
-				rel="noreferrer"
-			>
-				/uses
-			</a>
-			page and
-			<a
-				target="_blank"
-				href="https://uses.tech/"
-				aria-label="Uses list website"
-				rel="noreferrer"
-			>
-				uses.tech
-			</a>, this is a list of what I use everyday for my work and personal life.
 		</p>
 	</div>
-	<div class="uses-block-styles">
+	<div class="uses-image">
-		<div class="uses-image">
+		<Img class="uses-image better-blur" src={desktop} alt="Clean desk with Samsung monitor and Ducky Keyboard" loading="eager" />
-			<Img class="uses-image better-blur" src={desktop} alt="Clean desk with Samsung monitor and Ducky Keyboard" loading="eager" />
-		</div>
-		<h2>Hardware & Accessories</h2>
-		<ul>
-			<li>MacBook Pro 15-inch for work.</li>
-			<li>
-				Personal desktop running
-				<a
-					target="_blank"
-					aria-label="PopOS Linux Distro"
-					title="https://pop.system76.com/"
-					href="https://pop.system76.com/"
-					rel="noreferrer"
-				>
-					PopOS
-				</a>
-				.
-			</li>
-			<li>Dell XPS 13 running PopOS.</li>
-			<li>
-				Phone 📱: Pixel 6 running
-				<a
-					target="_blank"
-					aria-label="GrapheneOS"
-					title="https://grapheneos.org/"
-					href="https://grapheneos.org/"
-					rel="noreferrer"
-				>
-					GrapheneOS
-				</a>
-				.
-			</li>
-			<li>
-				Keyboard ⌨️:
-				<a
-					target="_blank"
-					aria-label="Ducky Keyboard"
-					title="https://www.duckychannel.com.tw/en/"
-					href="https://www.duckychannel.com.tw/en/Ducky-One2-RGB-TKL"
-					rel="noreferrer"
-				>
-					Ducky One 2 RGB TKL Keyboard
-				</a>
-			</li>
-			<li>
-				Mouse 🖱️:
-				<a
-					target="_blank"
-					aria-label="Logitech G502 Gaming Mouse"
-					title="Amazon Link to Mouse"
-					href="https://www.amazon.com/Logitech-G502-Performance-Gaming-Mouse/dp/B07GBZ4Q68"
-					rel="noreferrer"
-				>
-					Logitech G502 Gaming Mouse
-				</a>
-			</li>
-			<li>
-				Chair 🪑:
-				<a
-					target="_blank"
-					aria-label="Secretlab Omega 2020 Fabric"
-					title="https://secretlabus.myshopify.com"
-					href="https://secretlabus.myshopify.com/collections/omega-series#omega_2020-stealth"
-					rel="noreferrer"
-				>
-					SecretLab Omega 2020 Fabric
-				</a>
-			</li>
-			<li>
-				Monitor 🖥️:
-				<a
-					target="_blank"
-					aria-label="Samsung Odyssey G7 Gaming Monitor"
-					title="Samsung Link to Monitor"
-					href="https://www.samsung.com/us/computing/monitors/gaming/32--odyssey-g7-gaming-monitor-lc32g75tqsnxza/"
-					rel="noreferrer"
-				>
-					Samsung Odyssey G7 Gaming Monitor
-				</a>
-			</li>
-		</ul>
-	</div>
-	<div class="uses-block-styles">
-		<h2>Development</h2>
-		<p>
-			My development setup has been documented here:
-			<a
-				target="_blank"
-				aria-label="Bradley Shellnut Computer Setup"
-				href="https://github.com/BradNut/computer-setup-info/blob/master/linux/Environment-Setup.md"
-				rel="noreferrer"
-			>
-				Computer Setup Info
-			</a>
-			{'. '}
-		</p>
-		<p>
-			And documentation for my terminal and coding setup can be found here:
-			<a
-				target="_blank"
-				aria-label="Bradley Shellnut Dotfiles"
-				href="https://github.com/BradNut/dotfiles"
-				rel="noreferrer"
-			>
-				Dotfiles
-			</a>
-			.
-		</p>
-		<h3>Terminal & Shell Setup</h3>
-		<ul>
-			<li>
-				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>.
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="iTerm 2 Terminal"
-					href="https://iterm2.com/"
-					rel="noreferrer"
-				>
-					iTerm2
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Oh My Zsh Link"
-					href="https://github.com/robbyrussell/oh-my-zsh"
-					rel="noreferrer"
-				>
-					Oh My Zsh
-				</a>
-				{': '}
-				Plugins I use are listed below:
-				<div class="uses-flat-list">
-					<li>
-						<a
-							target="_blank"
-							aria-label="Z plugin"
-							href="https://github.com/agkozak/zsh-z"
-							rel="noreferrer"
-						>
-							Z
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							aria-label="Autosuggestion plugin"
-							href="https://github.com/zsh-users/zsh-autosuggestions"
-							rel="noreferrer"
-						>
-							zsh-autosuggestions
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							aria-label="Syntax highlighting plugin"
-							href="https://github.com/zsh-users/zsh-syntax-highlighting"
-							rel="noreferrer"
-						>
-							zsh-syntax-highlighting
-						</a>
-					</li>
-				</div>
-			</li>
-		</ul>
-		<h3>Useful System Packages</h3>
-		<div class="uses-flat-list">
-			<li>
-				<a
-					target="_blank"
-					aria-label="Linux Brew Link"
-					href="https://docs.brew.sh/Homebrew-on-Linux"
-					rel="noreferrer"
-				>
-					Linux Brew
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Homebrew Link"
-					href="https://brew.sh/"
-					rel="noreferrer"
-				>
-					Homebrew
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="TLDR Man Pages"
-					href="https://tldr.sh/"
-					rel="noreferrer"
-				>
-					TLDR Man Pages
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Trash-CLI"
-					href="https://www.npmjs.com/package/trash-cli"
-					rel="noreferrer"
-				>
-					Trash-CLI
-				</a>
-			</li>
-		</div>
-		<h3>Software</h3>
-		<ul>
-			<li>
-				<a
-					target="_blank"
-					href="https://vscodium.com/"
-					aria-label="VS Codium Website"
-					rel="noreferrer"
-				>
-					VSCodium
-				</a>
-				: Editor for non-Java projects. List of mostly used extensions:
-				<a
-					target="_blank"
-					href="https://github.com/BradNut/dotfiles/blob/master/vs-code-extensions-i-use.md"
-					aria-label="VS Code Extensions"
-					rel="noreferrer"
-				>
-					VSCode Extensions
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					href="https://www.sublimetext.com/3"
-					aria-label="Sublime Text 3 Website"
-					rel="noreferrer"
-				>
-					Sublime Text 3
-				</a>
-				: Text editor of choice with the following packages installed:
-				<div class="uses-flat-list">
-					<li>
-						<a
-							target="_blank"
-							href="https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify"
-							aria-label="Prettify Package"
-							rel="noreferrer"
-						>
-							HTML-CSS-JS Prettify
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://packagecontrol.io/packages/A%20File%20Icon"
-							aria-label="A File Icon"
-							rel="noreferrer"
-						>
-							A File Icon
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://packagecontrol.io/packages/ColorPicker"
-							aria-label="Color Picker Package"
-							rel="noreferrer"
-						>
-							Color Picker
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://packagecontrol.io/packages/Gutter%20Color"
-							aria-label="Git Gutter Color Package"
-							rel="noreferrer"
-						>
-							Gutter Color
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://github.com/absop/RainbowBrackets"
-							aria-label="Rainbow Brackets Package"
-							rel="noreferrer"
-						>
-							Rainbow Brackets
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://packagecontrol.io/packages/Theme%20-%20Cobalt2"
-							aria-label="Cobalt2 Theme"
-							rel="noreferrer"
-						>
-							Cobalt2 Theme
-						</a>
-					</li>
-				</div>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					href="https://jetbrains.com/idea/"
-					aria-label="IntelliJ IDEA"
-					rel="noreferrer"
-				>
-					IntelliJ Ultimate
-				</a>
-				: Used mainly for Java/Kotlin projects running Tomcat Servers,
-				Spring/Spring Boot projects, etc. I usually use the following
-				plugins:
-				<div class="uses-flat-list">
-					<li>
-						<a
-							target="_blank"
-							href="https://plugins.jetbrains.com/plugin/7499-gittoolbox"
-							aria-label="Git Helper Plugin"
-							rel="noreferrer"
-						>
-							GitToolBox
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://plugins.jetbrains.com/plugin/6954-kotlin"
-							aria-label="Kotlin Helper Plugin"
-							rel="noreferrer"
-						>
-							Kotlin
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://plugins.jetbrains.com/plugin/6317-lombok"
-							aria-label="Lombok Plugin"
-							rel="noreferrer"
-						>
-							Lombok
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://plugins.jetbrains.com/plugin/10456-prettier"
-							aria-label="Prettier Formatter"
-							rel="noreferrer"
-						>
-							Prettier
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://plugins.jetbrains.com/plugin/7973-sonarlint"
-							aria-label="Java Linter"
-							rel="noreferrer"
-						>
-							Sonar Lint
-						</a>
-					</li>
-					<li>
-						<a
-							target="_blank"
-							href="https://plugins.jetbrains.com/plugin/12255-visual-studio-code-dark-plus-theme"
-							aria-label="VS Code Theme for IntelliJ"
-							rel="noreferrer"
-						>
-							VS Code Dark Plus Theme
-						</a>
-					</li>
-				</div>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Postman Website"
-					href="https://postman.com/"
-					rel="noreferrer"
-				>
-					Postman
-				</a>
-				: My go to multi-platform Posting utility
-			</li>
-			<li>
-				Browser of choice:
-				<a
-					target="_blank"
-					aria-label="Firefox Best Edition"
-					href="https://www.mozilla.org/en-US/firefox/developer/"
-					rel="noreferrer"
-				>
-					Firefox Developer Edition
-				</a>
-			</li>
-		</ul>
-	</div>
-	<div class="uses-block-styles">
-		<h2>Privacy Hardware and Software</h2>
-		<p>
-			For the past few years I've been working towards moving my data to
-			self-hosted systems and systems I trust to hold my data.
-		</p>
-		<p>
-			If you want to see more info about this head to my
-			<a href="/privacy">Privacy</a> page.
-		</p>
-		<p>Hardware Authentication</p>
-		<ul>
-			<li>
-				<a
-					target="_blank"
-					aria-label="YubiKey 5C"
-					href="https://www.yubico.com/product/yubikey-5c/"
-					rel="noreferrer"
-				>
-					YubiKey 5C
-				</a>
-			</li>
-		</ul>
-		<p>NAS Servers</p>
-		<ul>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Synology NAS"
-					href="https://synology.com/"
-					rel="noreferrer"
-				>
-					Synology DS918+
-				</a>
-			</li>
-			<li>Mac Mini 2015</li>
-		</ul>
-		<p>Software</p>
-		<ul>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Bitwarden Password Manager"
-					href="https://bitwarden.com/"
-					rel="noreferrer"
-				>
-					Bitwarden
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="FreeTube Video App"
-					href="https://freetubeapp.io/"
-					rel="noreferrer"
-				>
-					FreeTube App
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Mullvad VPN"
-					href="https://mullvad.net/en/"
-					rel="noreferrer"
-				>
-					Mullvad VPN
-				</a>
-			</li>
-			<li>
-				<a
-					target="_blank"
-					aria-label="Signal Messenger"
-					href="https://www.signal.org/"
-					rel="noreferrer"
-				>
-					Signal
-				</a>
-			</li>
-		</ul>
 	</div>
+	<HardwareAccessories />
+	<Development />
+	<PrivacyHardwareSoftware />
 </div>
 
 <style lang="postcss">
-	.uses {
+	p {
-		li {
+		margin: 1rem;
-			list-style: none;
-			a {
-				:hover {
-					color: var(--shellYellow);
-				}
-			}
-		}
-		p {
-			margin: 1rem;
-		}
-
-		img {
-			border-radius: 3px;
-			max-width: 1000px;
-		}
-	}
-
- .uses-block-styles {
-		margin: 2.5rem 0;
-		@media (max-width: 800px) {
-			margin: 2rem 0;
-		}
-
-		h3,
-		h4,
-		h5 {
-			margin-top: 1.5rem;
-		}
-	}
-
-	.uses-flat-list {
-		margin: 0.2rem;
-		display: flex;
-		flex-wrap: wrap;
-		flex-direction: row;
-		justify-content: left;
-		align-items: center;
-
-		li {
-			padding: 0.5rem;
-			margin: 0.5rem;
-			list-style: none;
-			color: var(--lightShade);
-			background-color: var(--darkGrey);
-			border-radius: 0.5rem;
-			a {
-				text-decoration: none;
-				:hover {
-					color: var(--shellYellow);
-				}
-			}
-		}
 	}
 
 	:global(.uses-image) {