~johanvandegriff/johanv.xyz

58f3e920f49cf9e01463381f5fcd4bb61f325576 — Johan Vandegriff 25 days ago 56a51e7 master
fixed CSS, changed stream link, updated facts
5 files changed, 28 insertions(+), 27 deletions(-)

M facts.txt
M index.php
M nav.txt
M resume/index.html
M style.css
M facts.txt => facts.txt +12 -10
@@ 5,16 5,16 @@ I enjoy playing piano! I was classically trained and now I just play and compose
My favorite movie is The Incredibles. A great superhero story before the Avengers came and saturated the market and our collective brainspace.
My favorite color is <span class="blue">blue</span>. No, <span class="orange">orange</span>! No, purple! I'm indecisive...
Within the span of May-June 2019, my phone, laptop, and tablet all broke. I switched to a flip phone and a crappy laptop for about a year until I was able to get a better laptop and a <a target="_blank" href="https://www.pine64.org/pinephone/">PinePhone</a>.
I use the <a target="_blank" href="https://www.pine64.org/pinephone/">PinePhone</a>, which is open hardware and runs Linux (or almost any OS including Windows and Android).
I used the <a target="_blank" href="https://www.pine64.org/pinephone/">PinePhone</a> for about a year. It's open hardware and runs Linux (or almost any OS including Android or Windows, but why would you do that).
I've never been outside the United States. I came close when my family visited Maine and almost stepped over to Canada, but it would have been an extra 2 hour drive, so we decided against it.
My social security number is 015-68-3185. Just kidding! Or am I? Quick -- reload the page so no-one sees!
I have never watched an anime. Yes, I know your response: I should watch Full Metal Alchemist. Or Cowboy Bebop. Or Death Note, JoJo's Bizarre Adventure, Pokemon, Naruto, etc. Maybe I should, but I don't have the time, and I know that once I start, there's no going back.
My favorite operating systems are Linux Mint (installed on my laptop), Mobian (on my phone), Manjaro (on my desktop), QubesOS (dual boot on my desktop), Ubuntu (on my servers), Kali (on a virtual machine), and Raspbian (on my Raspberry Pi boards). You give me freedom of choice, and I choose multiple!
My favorite operating systems are Manjaro (installed on my laptop), GrapheneOS (on my phone), QubesOS (on my desktop), Ubuntu (on my servers), Kali (on a virtual machine), and Raspbian (on my Raspberry Pi boards). You give me freedom of choice, and I choose multiple!
Arch Linux was my valentine in 2016; I installed it on Valentine's Day. Dim the lights, put on some music, insert that install CD, and read the Arch Wiki because this is your first time installing. It was quite the learning experience.
One of my favorite tabletop games is Dominion, a deck-building strategy game. I own the base set and 10 expansion boxes.
When I was a baby, I turned <span class="orange">orange</span> because I ate too many carrots and sweet potatoes. It was... a UGE moment for me.
I love to create electronic games and projects with Arduino boards! My first big project was a Whack-A-Mole game inspired by the Make Magazine volume 24's "Zap-A-Mole."
I did FTC robotics in highschool on team 7393; I was the co-programmer. Go <a target="_blank" href="https://gearbox4h.org">electron Volts</a>!
I did FTC robotics in highschool on team 7393; I was the co-programmer. Go <a target="_blank" href="https://ftc7393.org">electron Volts</a>!
My middle name is NOT Sebastian or Bach. My parents weren't that corny.
I have technically been living in a basement for the past 2 years. Whether that basement is fully furnished or is in fact 2 separate basements over that time period is up for speculation.
I have run a few D&D one-shot games and I wish I had time for more.


@@ 26,16 26,16 @@ One of my favorite games is Teeworlds, a side-scrolling capture-the-flag first-p
I dabble in digital art with a Huion Kamvas 13 Pro. Sometimes I play <a target="_blank" href="https://drawception.com/player/962191/johanv/drawings/1/">Drawception</a> to practice and have fun.
I try to use mostly free and open source software, for example Krita instead of Photoshop, Libreoffice instead of Microsoft Office, Nextcloud instead of Google Drive. It saves a lot of money and it's a joy to be free of the tech giants!
I use Xournal++ for note-taking -- you should try it if you have a drawing tablet or touchscreen laptop!
My siblings and I have been making and filming little skits and stories since we were young. We used to edit them on Windows Movie Maker (yikes!), but now I use Kdenlive and Shotcut.
My siblings and I have been making and filming little skits and stories since we were young. We used to edit them on Windows Movie Maker (yikes!), but now I use Kdenlive and Shotcut and my brother uses DaVinci Resolve.
I might need glasses... I tried my friend's glasses on and things were just a little bit easier to read from far away.
I don't drink coffee or tea (except sometimes iced tea).
I hate skim milk. It's just water lying about being milk.
For my whole life, I have lived in Maryland. The longest period of time I've spent outside MD was 7 weeks in summer 2019, when I went on an immersive <a href="https://blog.johanv.xyz/bridge-dc">justice program in DC</a> with the IV Christian Fellowship.
I have never invested in a pair of earbuds good enough that at least one of the two buds doesn't die within a few weeks. Right now I have some hand-me-down headphones that are falling apart, but at least they have lasted me many months!
I have never invested in a pair of earbuds good enough that at least one of the two buds doesn't die within a few months. Right now I have a pair of old apple wired earbuds that someone gave me.
I have stopped buying water bottles because I just keep losing them. Instead I just buy a juice bottle and reuse it.
I carry around a USB with 15 different boot options, including some Linux distros, utilities, and backup software. It also has a portable version of Libreoffice for Windows in case I need to give a presentation and Powerpoint can't read my .odp files correctly.
I always wish I had more time for things, but when I sometimes do, I waste it on things I hadn't wished I had time for, like writing these fun facts. (Although sometimes the unintended tasks are fun, like writing these fun facts.)
My Linux distro hop journey has been: Cygwin (on Vista family computer) => Ubuntu (my own desktop!) => Arch (after Ubuntu upgrade killed the OS) => Ubuntu (new laptop for college!) => Mint => Qubes => Manjaro => Pop!_OS => Mint => Ubuntu Studio => Manjaro => Arch (on new frame.work laptop) => Garuda.
My Linux distro hop journey has been: Cygwin (on Vista family computer) => Ubuntu (my own desktop!) => Arch (after Ubuntu upgrade killed the OS) => Ubuntu (new laptop for college!) => Mint => Qubes => Manjaro => Pop!_OS => Mint => Ubuntu Studio => Manjaro => Arch (on new frame.work laptop) => Garuda => Manjaro.
I am 1/4 Lebanese and 3/4 white as Swiss cheese.
My friend and I set up a Nextcloud server in my basement to replace Google Drive, Calendar, etc.
I was homeschooled until college. Every year, my family would start the first week of school at a remote cabin in the woods. As part of the trip, we always made the "cabin video," documenting the trip and including a skit that we came up with at the cabin and improvised props and costumes based on whatever we happened to have. Gems such as "Goldilocks and the 3 Campers," "Cabin Olympics," "Senior Survivors," "Stories from Summer Camp."


@@ 43,15 43,17 @@ I was in Boy Scouts as a kid and one of the trips we went on was Philmont, a wee
My Mom tells me that when I was 18 months old, I put a 20-piece puzzle together really fast. Guess you could say I'm a prodigy, no big deal.
I recently graduated from UMD College Park with a Computer Engineering degree.
I changed the CAPS Lock key on my keyboard to be a Ctrl key to improve keyboard posture.
I use the i3 tiling window manager for better productivity with keyboard shortcuts and efficient use of screen real estate.
I use tiling window management (currently pop shell, but bismuth and i3 before that) for better productivity with keyboard shortcuts and efficient use of screen real estate.
I buy computer monitors from the thrift store for $10-$30 each and use them for desktop computers for me and my family/friends.
I found an external HDMI monitor for $90 on ebay, and it's super convenient since it's powered from USB and compact enough to take anywhere.
I am lucky enough to never have had a Facebook. Right when I was thinking I might cave and get one, the privacy revelations came out, and I decided to never sign up. I'm super glad, since they can be a pain to delete.
The first programming language I learned was Bash, from a book my Dad gave me called <a target="_blank" href="https://www.goodreads.com/book/show/293206.UNIX_Shell_Programming">UNIX Shell Programming Revised Edition</a>. The book was released in 1989 and I read it around 2009. I remember being fascinated by the fact that you could create a phonebook program to store all your contacts using files, and display them with cool ASCII art formatting. I still have <a target="_blank" href="https://git.sr.ht/~johanvandegriff/unix-shell-programming-revised-edition-programs">the old programs I wrote</a>.
My favorite programming languages in order are Python, Bash, Java, and C. One of my least favorites is PHP, although I did use it to make this site...
I sometimes stream on <a target="_blank" href="https://www.twitch.tv/jjvantheman">twitch</a>, <a target="_blank" href="https://youtube.com/user/jjvantheman">youtube</a>, <a target="_blank" href="https://dlive.tv/jjvantheman">dlive</a>, <a target="_blank" href="https://odysee.com/@johanv:5/live:a">odysee</a>, <a target="_blank" href="https://diode.zone/c/johanv/videos">peertube</a>, and <a href="https://live.johanv.xyz">my own custom site</a> all at the same time!
I sometimes stream on <a target="_blank" href="https://www.twitch.tv/jjvantheman">twitch</a>, <a target="_blank" href="https://youtube.com/user/jjvantheman">youtube</a>, <a target="_blank" href="https://dlive.tv/jjvantheman">dlive</a>, <a target="_blank" href="https://odysee.com/@johanv:5/live:a">odysee</a>, <a target="_blank" href="https://diode.zone/c/johanv/videos">peertube</a>, and <a href="https://johanv.tv">my own custom site</a> all at the same time!
I just started playing chess more seriously (on <a target="_blank" href="https://lichess.org/@/jjvan">lichess</a>) and I'm still terrible at it.
I learned how to salsa dance.
I created a streaming service called <a target="_blank" href="https://asciiradio.johanv.xyz">asciiradio</a> for text and audio only, so I could stream from mobile data.
My Mom uses Arch Linux btw.
My Mom uses Linux Mint.
One of my favorite shows is Callisto 6, a tabletop RPG livestream show about superheroes in a cyberpunk setting.
I've been learning Golang and Elixir recently since I want to take advantage of concurrent programming.
I use <a target="_blank" href="https://sonic-pi.net/">Sonic-Pi</a> to make music with code.
In 2021 there was a <a target="_blank" href="https://github.com/johanvandegriff?tab=overview&from=2021-05-01&to=2021-05-31">gap in my github commits</a>, which suspiciously correlated to the months where I was the most unhappy and isolated during the pandemic.

M index.php => index.php +7 -8
@@ 29,9 29,8 @@ body {
    <h2>welcome to johanv.xyz</h2>
    <p>Hi, I'm <a href="https://blog.johanv.xyz/about-me">Johan Vandegriff</a> and this is my website, which STINKS: <b>S</b>tores <b>T</b>hings <b>I</b> <b>N</b>eed to <b>K</b>eep <b>S</b>omewhere :)</p>

    <p>My most recent project is a livestream hosted on <a href="https://live.johanv.xyz">live.johanv.xyz</a>!
    For announcements when I go live, mostly streaming music production, coding, and some obscure games,
    follow me on <a target="_blank" rel="me" href="https://fosstodon.org/@johanv">Mastodon</a>.</p>
    <img class="popup" style="width:30%; display:block; float: right; max-width: 300px; border-radius: 12px; margin: 5px" src="/ATinyGame/off.jpg">
    <p>My most recent project is <a href="/ATinyGame">ATinyGame</a>, a $1 handheld game console with 5 different games, including whack-a-mole, stacker (like at an arcade), and a memory game. It only has 1kB of storage, and 32B of ram (bytes, not gigabytes or megabytes), so I had to write the code in assembly.</p>

    <p>Here's a random interesting fact about me:</p>
    <p id="fact" class="purple"><?php include $_SERVER['DOCUMENT_ROOT'].'/fact/index.php'; ?></p>


@@ 40,7 39,7 @@ body {

  <div class="box">
    <h2>boggle</h2>
    <img class="popup" style="width:25%; display:block; float: right; max-width: 300px" src="https://games.johanv.xyz/static/boggle/5x5.png">
    <img class="popup" style="width:25%; display:block; float: right; max-width: 300px; margin: 5px" src="https://games.johanv.xyz/static/boggle/5x5.png">

    <p>This is probably the reason you ended up on my site, to play this awesome game and ignore all the other stuff here.
      But who could blame you, after all BOGGLE is the <b>BO</b>mb di<b>GG</b>ety <b>LE</b>tter game!</p>


@@ 52,7 51,7 @@ body {
  
  <div class="box">
    <h2 id="drawings">drawings</h2>
    <?php echo getThumbImg("/f/galleries/Drawings/0_2019-05-13_ErasableIncAndFriends.png", 'id="drawing" style="width:66%; display:block; float: right; border-radius: 12px" alt="Draing of the Erasable Inc Improv Group at UMD and Friends"'); ?>
    <?php echo getThumbImg("/f/galleries/Drawings/0_2019-05-13_ErasableIncAndFriends.png", 'id="drawing" style="width:66%; display:block; float: right; border-radius: 12px; margin: 5px" alt="Draing of the Erasable Inc Improv Group at UMD and Friends"'); ?>
    <p>This is a drawing I made of the <a target="_blank" href="https://twitter.com/ErasableInc">Erasable Inc.</a> improv group at the University of Maryland (UMD) after their 24-hour show. (click the image for full size)</p>
    <p>For this drawing and others, I used the free and open source drawing software <a target="_blank" href="https://krita.org/">Krita</a> and a Wacom tablet on Linux.</p>
    <a class="greenButton" href="/gallery/?g=Drawings" onmouseover="this.innerHTML=this.innerHTML.replace(/.$/,'▸')" onmouseleave="this.innerHTML=this.innerHTML.replace(/.$/,'▹')">see more ▹</a>


@@ 60,7 59,7 @@ body {

  <div class="box">
    <h2 id="videos">videos</h2>
    <a href="https://odysee.com/@johanv:5/makers-case-gemstone-commercial:e"><img style="width:66%; display:block; float: right; border-radius: 12px" src="makers-case.jpg"></a>
    <a href="https://odysee.com/@johanv:5/makers-case-gemstone-commercial:e"><img style="width:66%; display:block; float: right; border-radius: 12px; margin: 5px" src="makers-case.jpg"></a>
    <p>I publish my videos on <a target="_blank" href="https://odysee.com/@johanv:5">Odysee</a>, an awesome new platform that solves the demonitization issues of YouTube! <a target="_blank" href="https://odysee.com/$/invite/@johanv:5">Follow me with my invite link</a>. This video is for a propsed research project for Gemstone at UMD. I ended up joining another project instead, but I still have the initial version and plan to make it into a product someday.</p>
    <a class="greenButton" href="/videos/" onmouseover="this.innerHTML=this.innerHTML.replace(/.$/,'▸')" onmouseleave="this.innerHTML=this.innerHTML.replace(/.$/,'▹')">watch more ▹</a>
  </div>


@@ 101,7 100,7 @@ body {

  <div class="box">
    <h2 id="resume">resume</h2>
    <?php echo getThumbImg("/f/galleries/Random/GSFC.jpg", 'style="width:40%; display:block; float: right; border-radius: 12px" alt="me with my internship mentors and poster"'); ?>
    <?php echo getThumbImg("/f/galleries/Random/GSFC.jpg", 'style="width:40%; display:block; float: right; border-radius: 12px; margin: 5px" alt="me with my internship mentors and poster"'); ?>
    <h3>NASA GSFC Internship</h3>
    <h4>summer 2017</h4>
    <p>I fixed bugs in C code for <a target="_blank" href="https://cfs.gsfc.nasa.gov/">NASA’s core Flight System</a> by writing unit tests on a CentOS Linux virtual machine (using VirtualBox). To help write unit tests, I wrote some bash scripts to generate skeleton functions, then filled them in manually with code to test each case. At the end of the summer, I created a <a target="_blank" href="/resume/images/GSFC_poster.png">poster</a> and presented it at a lab-wide showcase day.</p>


@@ 110,7 109,7 @@ body {

  <div class="box">
    <h2 id="contact">contact</h2>
    <?php echo getThumbImg("/f/galleries/Random/IMG_20190301_154227.jpg", 'style="width:20%; display:block; float: right; border-radius: 12px" alt="picture of me"'); ?>
    <?php echo getThumbImg("/f/galleries/Random/IMG_20190301_154227.jpg", 'style="width:20%; display:block; float: right; border-radius: 12px; margin: 5px" alt="picture of me"'); ?>
    <p>Feel free to contact me, I have multiple ways to <a href="/contact/">get in touch securely</a>. You can also follow me on <a rel="me" href="https://fosstodon.org/@johanv">Mastodon</a> or find me at any of the other links on the right sidebar of this page.</p>
    <a class="greenButton" href="/contact/" onmouseover="this.innerHTML=this.innerHTML.replace(/.$/,'▸')" onmouseleave="this.innerHTML=this.innerHTML.replace(/.$/,'▹')">contact me ▹</a>
    </form>

M nav.txt => nav.txt +1 -1
@@ 2,7 2,7 @@ home	/
links	/links/
games	https://games.johanv.xyz/
blog	https://blog.johanv.xyz/
live	https://live.johanv.xyz/
live	https://johanv.tv/
videos	/videos/
gallery	/gallery/
resume	/resume/

M resume/index.html => resume/index.html +2 -2
@@ 57,7 57,7 @@
                <li><a href="/">home (johanv.xyz)</a></li>
                <li><a href="https://games.johanv.xyz/">games</a></li>
                <li><a href="https://blog.johanv.xyz/">blog</a></li>
                <li><a href="https://live.johanv.xyz/">live</a></li>
                <li><a href="https://johanv.tv/">live</a></li>
                <li><a href="/videos">videos</a></li>
                <li><a href="/gallery">gallery</a></li>
                <li><a href="#"><span class="orange">resume</span></a></li>


@@ 454,7 454,7 @@
                      <h5 class="popup-date">2019+</h5>
                    </div>
                    <div>
                      <p class="popup-parapraph">My website, which you are looking at now, is hosted on a server in my own basement. It uses the Proxmox hypervisor with a VM that runs dokku, an open source docker-based platform-as-a-service that allows you to deploy subdomains with a git push. Some of the subdomains I have are <a target="_blank" href="https://johanv.xyz/">the main site</a>, <a target="_blank" href="https://blog.johanv.xyz/">a blog</a>, <a target="_blank" href="https://games.johanv.xyz/">some games</a>, and <a target="_blank" href="https://live.johanv.xyz/">a livestream site</a>.
                      <p class="popup-parapraph">My website, which you are looking at now, is hosted on a server in my own basement. It uses the Proxmox hypervisor with a VM that runs dokku, an open source docker-based platform-as-a-service that allows you to deploy subdomains with a git push. Some of the subdomains I have are <a target="_blank" href="https://johanv.xyz/">the main site</a>, <a target="_blank" href="https://blog.johanv.xyz/">a blog</a>, <a target="_blank" href="https://games.johanv.xyz/">some games</a>, and <a target="_blank" href="https://johanv.tv/">a livestream site</a>.
                      </p>
                    </div>
                    <div class="pop-up-icon">

M style.css => style.css +6 -6
@@ 59,7 59,7 @@ a.svg {
#ribbon {
  background-color: #000000;
  clear: both;
  height: 155px;
  height: 180px;
  margin: 0;
  position: absolute;
  text-align: center;


@@ 73,7 73,7 @@ a.svg {

#main {
  margin: 0;
  margin-top: 185px;
  margin-top: 205px;
  padding: 0;
}



@@ 300,10 300,10 @@ nav:hover #navDropdown {
    display: none;
  }
  #main {
    margin-top: 115px;
    margin-top: 135px;
  }
  #ribbon {
    height: 115px;
    height: 135px;
  }
}



@@ 337,10 337,10 @@ nav:hover #navDropdown {
    display: none;
  }
  #ribbon {
    height: 75px;
    height: 80px;
  }
  #main {
    margin-top: 75px;
    margin-top: 80px;
  }

  nav {