carya.software/index.html

<!DOCTYPE html>
<html>
<head>
  <title>Carya Software</title>
  <meta charset="utf-8">
  <!-- <link rel="stylesheet" type="text/css" href="css/theme.css"> -->
  <link rel="stylesheet" href="./css/theme-compiled.css"
</head>
<body class="bg-[#efe9f4]">
  <div class="flex justify-center">
    <!-- <div class="mx-4 order-last"> -->
      <!-- <img class="logo" src="img/logo.svg" alt="carya.software logo"> -->
    <!-- </div> -->
    <div class="mx-4 self-center mt-16 max-w-xl min-w-xl">
      <h1 class="title text-center">carya.software</h1>
      <div class="justify-center">
        <div class="flex justify-center">
          <button onclick="toggleSections(this)" class="text-xl text-[#14591e] p-2 mx-14">about</button>
          <button onclick="toggleSections(this)" class="text-xl text-[#14591e] p-2 mx-14">projects</button>
          <button onclick="toggleSections(this)" class="text-xl text-[#14591e] p-2 mx-14">contact</button>
        </div>
        <div id="about" class="hidden p-2">
          <h2 class="font-semibold text-[#0a210f] p-2">What is this site?</h2>
          <div class="text-left">
            <p class="p-2">
              This is my personal website.
            </p>
            <p class="p-2">
              I do not use my real name here for privacy reasons — <br> and because I like <span class="italic">carya.software</span> a lot more than <span class="italic">first-last.tld</span>.
            </p> 
            <p class="p-2">
              If you got here from my resume you may want to look at the projects tab or head to my <a class="underline" href="https://forge.carya.software/explore/repos">Forgejo instance</a> (a lightweight FOSS git software forge) directly. 
            </p>
            <p class="p-2">
              If you need to contact me you can find my various account addresses in the contact tab. I would be happy to chat once I know you aren't a web scraper!
            </p>
          </div>
          <h2 class="font-semibold text-[#0a210f] p-2">Who are you?</h2>
          <div class="text-left">
            <p class="p-2">
              I am a software engineer based on the East Coast of the USA. Professionally I have mostly worked with microsoft technology (.NET, SQL Server, et al) but for personal use I prefer <a class="underline text-[#4e2a8e]" href="https://elixir-lang.org/">Elixir</a>.
            </p>
            <p class="p-2">
              Outside of spending time with family and community I garden, work on personal projects, read, and attempt to catalogue the various fungi I find growing in my yard.
            </p>
          </div>
          <h2 class="font-semibold text-[#0a210f] p-2">What does "carya" mean?</h2>
          <div class="text-left">
            <p class="p-1">
              It is the genus name for <a class="underline" href="https://en.wikipedia.org/wiki/Hickory">Hickory trees</a>, which I am fond of.
            </p>
          </div>
        </div>
        <div id="projects" class="hidden">
          <ul class="p-2 list-disc">
            <li>
              <a class="underline font-semibold" href="https://forge.carya.software/Public/carya.software">Carya.software</a> — the source code for this site. 
              <ul class="p-2 list-disc">
                <li>Built using basic HTML, TailwindCSS, and vanilla JavaScript. Hosted on a VPS with Nginx running on Debian.</li>
                <li>I have additional services running on subdomains on the same server. For example, I host my public repositories at forge.carya.software, and I have a pleroma instance on pleroma.carya.software</li>
                <li>SSL certificates managed using Certbot</li>
              </ul>
            </li>
          </ul>
        </div>
        <div id="contact" class="hidden">
          <div class="">
          <table class="table-auto mx-auto my-8 font-[#0a210f]">
            <tbody>
              <tr>
                <td class="p-2">
                  <label class="font-semibold text-[#0a210f]">Email:</label>
                </td>
                <td class="p-2">
                  TBD, redacted due to spambots.
                </td>
              </tr>
              <tr>
                <td class="p-2">
                  <label class="font-semibold text-[#0a210f]">Matrix:</label>
                </td>
                <td class="p-2">
                  TBD
                </td>
              </tr>
            </tbody>
          </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
<html>
<script>
  function toggleSections(button){
    hiddenClass = "hidden";
    revealedClass = "visible";
    function switchClasses(element, toRemove, toInsert){
      element.classList.remove(toRemove);
      element.classList.add(toInsert);
    }
    function hide(id) {
      switchClasses(document.getElementById(id), revealedClass, hiddenClass);
    }
    function show(id) {
      switchClasses(document.getElementById(id), hiddenClass, revealedClass);
    }
    id = button.textContent;
    ids = ["about", "projects", "contact"];
    ids.filter(i => i !== id).forEach(hide);
    element = document.getElementById(id);
    if(element.classList.contains(revealedClass)){
      switchClasses(element, revealedClass, hiddenClass);
      return;
    }
    ids.filter(i => i === id).forEach(show);
  };
</script>
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>Carya Software</title>`
			`<meta charset="utf-8">`
			`<!-- <link rel="stylesheet" type="text/css" href="css/theme.css"> -->`
			`<link rel="stylesheet" href="./css/theme-compiled.css"`
			`</head>`
			`<body class="bg-[#efe9f4]">`
			`<div class="flex justify-center">`
			`<!-- <div class="mx-4 order-last"> -->`
			`<!-- <img class="logo" src="img/logo.svg" alt="carya.software logo"> -->`
			`<!-- </div> -->`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<div class="mx-4 self-center mt-16 max-w-xl min-w-xl">`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`<h1 class="title text-center">carya.software</h1>`
			`<div class="justify-center">`
			`<div class="flex justify-center">`
			`<button onclick="toggleSections(this)" class="text-xl text-[#14591e] p-2 mx-14">about</button>`
			`<button onclick="toggleSections(this)" class="text-xl text-[#14591e] p-2 mx-14">projects</button>`
			`<button onclick="toggleSections(this)" class="text-xl text-[#14591e] p-2 mx-14">contact</button>`
			`</div>`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<div id="about" class="hidden p-2">`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`<h2 class="font-semibold text-[#0a210f] p-2">What is this site?</h2>`
			`<div class="text-left">`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<p class="p-2">`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`This is my personal website.`
			`</p>`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<p class="p-2">`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`I do not use my real name here for privacy reasons — <br> and because I like <span class="italic">carya.software</span> a lot more than <span class="italic">first-last.tld</span>.`
			`</p>`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<p class="p-2">`
			`If you got here from my resume you may want to look at the projects tab or head to my <a class="underline" href="https://forge.carya.software/explore/repos">Forgejo instance</a> (a lightweight FOSS git software forge) directly.`
			`</p>`
			`<p class="p-2">`
			`If you need to contact me you can find my various account addresses in the contact tab. I would be happy to chat once I know you aren't a web scraper!`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`</p>`
			`</div>`
			`<h2 class="font-semibold text-[#0a210f] p-2">Who are you?</h2>`
			`<div class="text-left">`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<p class="p-2">`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`I am a software engineer based on the East Coast of the USA. Professionally I have mostly worked with microsoft technology (.NET, SQL Server, et al) but for personal use I prefer <a class="underline text-[#4e2a8e]" href="https://elixir-lang.org/">Elixir</a>.`
			`</p>`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<p class="p-2">`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`Outside of spending time with family and community I garden, work on personal projects, read, and attempt to catalogue the various fungi I find growing in my yard.`
			`</p>`
			`</div>`
			`<h2 class="font-semibold text-[#0a210f] p-2">What does "carya" mean?</h2>`
			`<div class="text-left">`
			`<p class="p-1">`
			`It is the genus name for <a class="underline" href="https://en.wikipedia.org/wiki/Hickory">Hickory trees</a>, which I am fond of.`
			`</p>`
			`</div>`
			`</div>`
			`<div id="projects" class="hidden">`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<ul class="p-2 list-disc">`
			`<li>`
			`<a class="underline font-semibold" href="https://forge.carya.software/Public/carya.software">Carya.software</a> — the source code for this site.`
			`<ul class="p-2 list-disc">`
			`<li>Built using basic HTML, TailwindCSS, and vanilla JavaScript. Hosted on a VPS with Nginx running on Debian.</li>`
			`<li>I have additional services running on subdomains on the same server. For example, I host my public repositories at forge.carya.software, and I have a pleroma instance on pleroma.carya.software</li>`
			`<li>SSL certificates managed using Certbot</li>`
			`</ul>`
			`</li>`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`</ul>`
			`</div>`
			`<div id="contact" class="hidden">`
Various changes, mostly to content but some styling. 2023-08-26 12:39:16 -07:00			`<div class="">`
			`<table class="table-auto mx-auto my-8 font-[#0a210f]">`
			`<tbody>`
			`<tr>`
			`<td class="p-2">`
			`<label class="font-semibold text-[#0a210f]">Email:</label>`
			`</td>`
			`<td class="p-2">`
			`TBD, redacted due to spambots.`
			`</td>`
			`</tr>`
			`<tr>`
			`<td class="p-2">`
			`<label class="font-semibold text-[#0a210f]">Matrix:</label>`
			`</td>`
			`<td class="p-2">`
			`TBD`
			`</td>`
			`</tr>`
			`</tbody>`
			`</table>`
			`</div>`
Adding content pages (and compiled css) 2023-08-26 11:17:16 -07:00			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</body>`
			`<html>`
			`<script>`
			`function toggleSections(button){`
			`hiddenClass = "hidden";`
			`revealedClass = "visible";`
			`function switchClasses(element, toRemove, toInsert){`
			`element.classList.remove(toRemove);`
			`element.classList.add(toInsert);`
			`}`
			`function hide(id) {`
			`switchClasses(document.getElementById(id), revealedClass, hiddenClass);`
			`}`
			`function show(id) {`
			`switchClasses(document.getElementById(id), hiddenClass, revealedClass);`
			`}`
			`id = button.textContent;`
			`ids = ["about", "projects", "contact"];`
			`ids.filter(i => i !== id).forEach(hide);`
			`element = document.getElementById(id);`
			`if(element.classList.contains(revealedClass)){`
			`switchClasses(element, revealedClass, hiddenClass);`
			`return;`
			`}`
			`ids.filter(i => i === id).forEach(show);`
			`};`
			`</script>`