Skip to content

Commit

Permalink
added more to about page
Browse files Browse the repository at this point in the history
  • Loading branch information
@bndgt
bndgt committed Dec 6, 2024
1 parent 0a3cd20 commit 8bdebde
Show file tree
Hide file tree
Showing 8 changed files with 194 additions and 30 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
Binary file modified assets/.DS_Store
View file
Binary file not shown.
7 changes: 4 additions & 3 deletions content/_index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@ description: "A collection of ever changing notes and ideas."
<center>

![A digital space](banner.png)
<!--
<img src="binaryavatar.png" width="10%"> A collection of ever changing notes and ideas. -->

</center>

</center>

I’m Liz, a tech director who loves the small web, tinkering with code, photography, travel, and gaming. I grew up when the internet was young and got my first PC in the late 90s. I became fascinated with how computers worked, how the web evolved, and started being online a bit too much! You can read more [about](/about/) me or find me on [Mastodon](https://allthingstech.social/@liz) and [Bluesky](https://bsky.app/profile/liz.computer).
24 changes: 20 additions & 4 deletions content/about/index.md
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,27 @@
---
title: 'About'
title: 'About Me and this Website'
date: '2024-12-01'
draft: false
summary: All about this website.
showauthor: false
showauthor: true
---
## Organization

## About Me

I was born in New York City and grew up on Long Island. I went to college to get my bachelors in Computer Science and find my way into a career of tech support, product training, systems engineering, and web development. For ten years I worked in television media as a technical support engineer and product trainer for hardware and software, working with TV stations all across the USA, and UK. After living in London for three years I came back home to New York and worked for a managed services provider as a systems engineer specializing in Windows Server and virtualization technology with clients all along the east coast. In my spare time I had the pleasure of writing articles and gadget reviews over at The Gadgeteer.

In 2017 I pivoted to become a full time web developer and found my current place of work where I started as an associate and part time developer. In 2021 I took a part time game development course via Code Coven to learn the foundations of Epic’s Unreal Engine and really enjoyed learning game making, design, and networking with folks from all over the world. Today I’m the digital director for a talented team of editors, writers, and developers in the health and wellness space.

In my spare time I like to tinker with code on my personal websites, livestream music mixes and games, practice photography when I travel, and am interested in cyber security. I plan to build this website as a digital garden based on my experiences in tech, creative projects, hobbies, and notes from all aspects of my life.

## Contact Me

You can email me via this form or via "reply by email" on any page

<script data-letterbirduser="liz" data-showheader="true" src="https://letterbird.co/embed/v1.js"></script>


## Site Categorization

I'm going to use Maggie Appleton's [categorization technique](https://maggieappleton.com/garden-history#:~:text=This%20could%20be%20with%20a%20simple%20categorisation%20system.%20I%20personally%20use%20an%20overly%20horticultural%20metaphor):

Expand All @@ -25,4 +41,4 @@ I subscribe to [Canva](https://canva.com) to edit the feature images and illustr

The animated plant and leaf emoji are from [Google's Noto Emoji](https://googlefonts.github.io/noto-emoji-animation/).

My avatars - girl with computer and floppy disk are commissioned from the talented artist [heyheymomo](http://www.heyheymomo.com/)! Commissions done via [Ko-fi shop](https://ko-fi.com/heyheymomo).
My avatars - girl with computer and floppy disk - are commissioned from the talented artist [heyheymomo](http://www.heyheymomo.com/)! Commissions done via [Ko-fi shop](https://ko-fi.com/heyheymomo).
175 changes: 158 additions & 17 deletions public/about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />

<title>About &middot; Liz&#39;s Digital Garden</title>
<meta name="title" content="About &middot; Liz&#39;s Digital Garden" />
<title>About Me and this Website &middot; Liz&#39;s Digital Garden</title>
<meta name="title" content="About Me and this Website &middot; Liz&#39;s Digital Garden" />

<meta name="description" content="All about this website." />

Expand Down Expand Up @@ -71,7 +71,7 @@

<meta property="og:url" content="http://localhost:1313/about/">
<meta property="og:site_name" content="Liz&#39;s Digital Garden">
<meta property="og:title" content="About">
<meta property="og:title" content="About Me and this Website">
<meta property="og:description" content="All about this website.">
<meta property="og:locale" content="en">
<meta property="og:type" content="article">
Expand All @@ -82,7 +82,7 @@

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="http://localhost:1313/about/featured-bg.png">
<meta name="twitter:title" content="About">
<meta name="twitter:title" content="About Me and this Website">
<meta name="twitter:description" content="All about this website.">


Expand All @@ -91,8 +91,8 @@
"@context": "https://schema.org",
"@type": "Article",
"articleSection": "",
"name": "About",
"headline": "About",
"name": "About Me and this Website",
"headline": "About Me and this Website",

"abstract": "All about this website.",
"inLanguage": "en",
Expand All @@ -110,7 +110,7 @@


"mainEntityOfPage": "true",
"wordCount": "123"
"wordCount": "416"
}]
</script>

Expand Down Expand Up @@ -473,7 +473,7 @@
<a
class="hover:underline decoration-neutral-300 dark:underline-neutral-600"
href="/about/"
>About</a
>About Me and this Website</a
><span class="px-1 text-primary-500">/</span>
</li>

Expand All @@ -482,7 +482,7 @@


<h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
About
About Me and this Website
</h1>
<div class="mt-1 mb-6 text-base text-neutral-500 dark:text-neutral-400 print:hidden">

Expand Down Expand Up @@ -527,7 +527,7 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
<div class="flex flex-row flex-wrap items-center">


<span>123 words</span><span class="px-2 text-primary-500">&middot;</span>
<span>416 words</span><span class="px-2 text-primary-500">&middot;</span>



Expand Down Expand Up @@ -631,7 +631,9 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
class="min-w-[220px] py-2 border-dotted ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
<nav id="TableOfContents">
<ul>
<li><a href="#organization">Organization</a></li>
<li><a href="#about-me">About Me</a></li>
<li><a href="#contact-me">Contact Me</a></li>
<li><a href="#site-categorization">Site Categorization</a></li>
<li><a href="#colophon">Colophon</a></li>
</ul>
</nav>
Expand All @@ -646,7 +648,9 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
class="py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
<nav id="TableOfContents">
<ul>
<li><a href="#organization">Organization</a></li>
<li><a href="#about-me">About Me</a></li>
<li><a href="#contact-me">Contact Me</a></li>
<li><a href="#site-categorization">Site Categorization</a></li>
<li><a href="#colophon">Colophon</a></li>
</ul>
</nav>
Expand Down Expand Up @@ -733,13 +737,42 @@ <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
<div class="article-content max-w-prose mb-20">


<h2 class="relative group">Organization
<div id="organization" class="anchor"></div>
<h2 class="relative group">About Me
<div id="about-me" class="anchor"></div>

<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#organization" aria-label="Anchor">#</a>
style="text-decoration-line: none !important;" href="#about-me" aria-label="Anchor">#</a>
</span>

</h2>
<p>I was born in New York City and grew up on Long Island. I went to college to get my bachelors in Computer Science and find my way into a career of tech support, product training, systems engineering, and web development. For ten years I worked in television media as a technical support engineer and product trainer for hardware and software, working with TV stations all across the USA, and UK. After living in London for three years I came back home to New York and worked for a managed services provider as a systems engineer specializing in Windows Server and virtualization technology with clients all along the east coast. In my spare time I had the pleasure of writing articles and gadget reviews over at The Gadgeteer.</p>
<p>In 2017 I pivoted to become a full time web developer and found my current place of work where I started as an associate and part time developer. In 2021 I took a part time game development course via Code Coven to learn the foundations of Epic’s Unreal Engine and really enjoyed learning game making, design, and networking with folks from all over the world. Today I’m the digital director for a talented team of editors, writers, and developers in the health and wellness space.</p>
<p>In my spare time I like to tinker with code on my personal websites, livestream music mixes and games, practice photography when I travel, and am interested in cyber security. I plan to build this website as a digital garden based on my experiences in tech, creative projects, hobbies, and notes from all aspects of my life.</p>


<h2 class="relative group">Contact Me
<div id="contact-me" class="anchor"></div>

<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#contact-me" aria-label="Anchor">#</a>
</span>

</h2>
<p>You can email me via this form or via &ldquo;reply by email&rdquo; on any page</p>
<script data-letterbirduser="liz" data-showheader="true" src="https://letterbird.co/embed/v1.js"></script>


<h2 class="relative group">Site Categorization
<div id="site-categorization" class="anchor"></div>

<span
class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
<a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700"
style="text-decoration-line: none !important;" href="#site-categorization" aria-label="Anchor">#</a>
</span>

</h2>
Expand All @@ -763,15 +796,15 @@ <h2 class="relative group">Colophon
<p>I use <a href="https://code.visualstudio.com/" target="_blank">Visual Studio Code</a> to edit and host it on <a href="https://www.netlify.com/" target="_blank">Netlify</a>. My code is hosted on <a href="https://github.com/bndgt/garden/" target="_blank">GitHub</a>.</p>
<p>I subscribe to <a href="https://canva.com" target="_blank">Canva</a> to edit the feature images and illustrations throughout the site.</p>
<p>The animated plant and leaf emoji are from <a href="https://googlefonts.github.io/noto-emoji-animation/" target="_blank">Google&rsquo;s Noto Emoji</a>.</p>
<p>My avatars - girl with computer and floppy disk are commissioned from the talented artist <a href="http://www.heyheymomo.com/" target="_blank">heyheymomo</a>! Commissions done via <a href="https://ko-fi.com/heyheymomo" target="_blank">Ko-fi shop</a>.</p>
<p>My avatars - girl with computer and floppy disk - are commissioned from the talented artist <a href="http://www.heyheymomo.com/" target="_blank">heyheymomo</a>! Commissions done via <a href="https://ko-fi.com/heyheymomo" target="_blank">Ko-fi shop</a>.</p>




<strong class="block mt-8">
<a target="_blank"
class="m-1 rounded bg-neutral-300 p-1.5 text-neutral-700 hover:bg-primary-500 hover:text-neutral dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-primary-400 dark:hover:text-neutral-800"
href="mailto:[email protected]?subject=Reply%20to%20About">
href="mailto:[email protected]?subject=Reply%20to%20About%20Me%20and%20this%20Website">
Reply by Email
</a>
</strong>
Expand All @@ -781,10 +814,118 @@ <h2 class="relative group">Colophon





<div class="flex author">







<img class="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4" width="96" height="96"
alt="Liz" src="/binaryavatar.png" />


<div class="place-self-center">

<div class="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">
Author
</div>
<div class="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">
Liz
</div>


<div class="text-sm text-neutral-700 dark:text-neutral-400">A creative spirit stuck in tech burnout.</div>

<div class="text-2xl sm:text-lg">
<div class="flex flex-wrap text-neutral-400 dark:text-neutral-500">


<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://letterbird.co/liz"
target="_blank"
aria-label="Envelope"
rel="me noopener noreferrer"
><span class="inline-block align-text-bottom">

<span class="relative block icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
</span>

</span></a
>



<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://allthingstech.social/@liz"
target="_blank"
aria-label="Mastodon"
rel="me noopener noreferrer"
><span class="inline-block align-text-bottom">

<span class="relative block icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg>

</span>

</span></a
>



<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://bsky.app/profile/liz.computer"
target="_blank"
aria-label="Bluesky"
rel="me noopener noreferrer"
><span class="inline-block align-text-bottom">

<span class="relative block icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256,232.562c-21.183,-41.196 -78.868,-117.97 -132.503,-155.834c-51.378,-36.272 -70.978,-29.987 -83.828,-24.181c-14.872,6.72 -17.577,29.554 -17.577,42.988c0,13.433 7.365,110.138 12.169,126.281c15.873,53.336 72.376,71.358 124.413,65.574c2.66,-0.395 5.357,-0.759 8.089,-1.097c-2.68,0.429 -5.379,0.796 -8.089,1.097c-76.259,11.294 -143.984,39.085 -55.158,137.972c97.708,101.165 133.908,-21.692 152.484,-83.983c18.576,62.291 39.972,180.718 150.734,83.983c83.174,-83.983 22.851,-126.674 -53.408,-137.969c-2.71,-0.302 -5.409,-0.667 -8.089,-1.096c2.732,0.337 5.429,0.702 8.089,1.096c52.037,5.785 108.54,-12.239 124.413,-65.574c4.804,-16.142 12.169,-112.847 12.169,-126.281c-0,-13.434 -2.705,-36.267 -17.577,-42.988c-12.85,-5.806 -32.45,-12.09 -83.829,24.181c-53.634,37.864 -111.319,114.635 -132.502,155.831Z"/></svg>
</span>

</span></a
>



<a
class="px-1 hover:text-primary-700 dark:hover:text-primary-400"
href="https://github.com/bndgt"
target="_blank"
aria-label="Github"
rel="me noopener noreferrer"
><span class="inline-block align-text-bottom">

<span class="relative block icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>

</span>

</span></a
>


</div>

</div>
</div>
</div>






<div class="mb-10"></div>




Expand Down
14 changes: 10 additions & 4 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -443,9 +443,9 @@

</figure>
</p>
<!--
<img src="binaryavatar.png" width="10%"> A collection of ever changing notes and ideas. -->
</center></section>
</center>
<p>I’m Liz, a tech director who loves the small web, tinkering with code, photography, travel, and gaming. I grew up when the internet was young and got my first PC in the late 90s. I became fascinated with how computers worked, how the web evolved, and started being online a bit too much! You can read more <a href="/about/">about</a> me or find me on <a href="https://allthingstech.social/@liz" target="_blank">Mastodon</a> and <a href="https://bsky.app/profile/liz.computer" target="_blank">Bluesky</a>.</p>
</section>
</article>
<section>

Expand Down Expand Up @@ -692,7 +692,13 @@ <h2 class="mt-8 text-2xl font-extrabold mb-10">Recent</h2>




<div id="top-scroller" class="pointer-events-none absolute top-[110vh] bottom-0 w-12 ltr:right-0 rtl:left-0">
<a href="#the-top"
class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 mb-16 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"
aria-label="Scroll to top" title="Scroll to top">
&uarr;
</a>
</div>
</main><footer id="site-footer" class="py-10 print:hidden">


Expand Down
Loading

0 comments on commit 8bdebde

Please sign in to comment.