---
layout: main
---
{% include "partials/header.liquid" %}
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
  {% heroicon "outline" "clock" "Currently" "height=28" %}
  <div class="ml-1">Currently</div>
</h2>
<div class="pl-4 md:pl-8">
  <p class="my-2 flex flex-row items-start md:items-center">
    <span class="pt-1 md:pt-0 mr-1">{{ status.emoji }}</span>
    <span>{{ status.content }}</span>
  </p>
  <p class="my-2 flex flex-row items-start md:items-center">
    <span class="pt-1 md:pt-0 mr-1">{% heroicon "outline" "map" "Map" "width=22 height=22" %}</span>
    <span>Living in Camarillo, California with my beautiful family, 4 rescue dogs and a guinea pig.</span>
  </p>
  <p class="my-2 flex flex-row items-start md:items-center">
    <span class="pt-1 md:pt-0 mr-1">
      <svg
        class="fill-gray-800 dark:fill-white w-5"
        role="img"
        viewBox="0 0 24 24"
        xmlns="http://www.w3.org/2000/svg">
        <title>NBA</title><path d="M9.19 0a2.486 2.486 0 0 0-2.485 2.484v19.029A2.488 2.488 0 0 0 9.19 24h5.615a2.493 2.493 0 0 0 2.49-2.487V2.484A2.488 2.488 0 0 0 14.81 0zm0 .584h3.21c-.62.237-.707.508-.73 1.366-.105.01-.325-.087-.25.434 0 0 .043.346.18.286-.133.918.023.99-.93 1.031l-.047.067c-.95.093-1.25-.027-2.05 1.603 0 0-.207.505-.268.714-.197.415-.674 1.328-.819 1.919-.046.2-.14.264-.01.553.185.417-.124.527.95.496V9.3s-.286.247-.346.398c-.061.147-.226.89-.22 1.237.019.917.767 1.683.992 2.597l.492.07c.282.634 1.495 2.355 1.743 2.582.057.159.365.355.545.551.149.141 1.025 1.1 2.054 1.692-.007-.001.164.344.249.618-.342.275.32.777.52 1.609.012.107-.19.222.114.495-.022 1.256-.402 1.918.241 2.266H9.191a1.9 1.9 0 0 1-1.9-1.901V2.486a1.9 1.9 0 0 1 1.9-1.902zm3.804.002h1.815a1.9 1.9 0 0 1 1.897 1.898v9.193a1.653 1.653 0 0 0-.22-.397c0-.255-.272-.249-.346-.344-.07-.081.067-.128-.407-.235-.09-.05-.158-.747-.158-.747-.07-.447-.229-.754-.467-1.227-.12-.243-.177-1.001-.305-1.386.071-1.767-.493-2.28-.95-2.569-.174-.11-.262-.191-.433-.29l-.005-.082c-.133-.126-.402-.264-.623-.362-.068-.07-.037-.22.01-.276.15-.02.348-.356.513-.703.129.009.174-.118.214-.19.138-.222.288-.413.096-.542.435-.777.154-1.301-.08-1.321-.095-.195-.26-.316-.551-.42zm.551 6.338c.06.319.34 1.929.456 2.187.123.259.535 1.05.73 1.54a1.69 1.69 0 0 0-1.294 1.646 1.692 1.692 0 0 0 1.693 1.691 1.692 1.692 0 0 0 1.576-1.066v8.59a1.887 1.887 0 0 1-1.598 1.877h-.017c.833-.502.319-1.46.16-2.022-.012-.033.014-.074.026-.1.045-.08-.045-.257-.045-.257-.098-.09-.127-.561-.182-.772-.089-.358.157-.971.157-1.18 0-.206-.156-.491-.445-.858-.069-.078-.276-1.86-.462-2.313-.258-.623-.339-.526-.64-1.266-.24-.525-.055-1.295-.59-3.085.005.006.12-.113.12-.113s-.422-1.55-.561-1.975c-.14-.426-.385-.456-.385-.456s.002-.172.012-.216c.02-.07.516-1.367.558-1.407.001-.03.717-.514.731-.445Z" /></svg>
    </span>
    <span>
      Rooting for the <a href="https://lakers.com">Lakers</a> (can't wait for next season with the new roster 💜💛).
    </span>
  </p>
  {{ content }}
</div>
<h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
  {% heroicon "outline" "command-line" "Making" "height=28" %}
  <div class="ml-1">Making</div>
</h2>
<div class="pl-4 md:pl-8">
  <p class="my-2 flex flex-row items-start md:items-center">
    <span class="pt-1 md:pt-0 mr-1">
      {% heroicon "outline" "code-bracket" "Hacking" "width=20 height=20" %}
    </span>
    <span>
      Hacking away on projects like this page, my
      <a href="/">blog</a>, and whatever else I can find time for.
    </span>
  </p>
  <p class="my-2 flex flex-row items-start md:items-center">
    <span class="pt-1 md:pt-0 mr-1">{% heroicon "outline" "x-circle" "Ad and tracker-blocking" "width=20 height=20" %}</span>
    <a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
  </p>
</div>
{% if music.size > 0 %}
  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
    {% heroicon "outline" "microphone" "Artists" "height=28" %}
    <div class="ml-1">Artists</div>
  </h2>
  <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
    {% for artist in music.artists %}
      <a href="https://rateyourmusic.com/search?searchterm={{ artist.artist | escape }}" title="{{artist.artist | escape}}">
        <div class="relative block">
          <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
          <div class="absolute left-1 bottom-2 drop-shadow-md">
            <div class="px-1 text-xs font-bold text-white line-clamp-2">{{ artist.artist }}</div>
            <div class="px-1 text-xs text-white">
              {{ artist.plays }} plays
            </div>
          </div>
          {%- capture artistImg %}{{ artist.artist | artist }}{% endcapture -%}
          {%- capture artistName %}{{ artist.artist | escape }}{% endcapture -%}
          {% image artistImg, artistName, 'rounded-lg w-full', '225px', 'eager' %}
        </div>
      </a>
    {% endfor %}
  </div>
{% endif %}
{% if music.size > 0 %}
  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
    {% heroicon "outline" "musical-note" "Albums" "height=28" %}
    <div class="ml-1">Albums</div>
  </h2>
  <div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
    {% for album in music.albums %}
      <a href="https://rateyourmusic.com/search?searchtype=l&searchterm={{album.name | escape}}%20{{ album.artist | escape }}" title="{{album.name | escape}} by {{ album.artist | escape }}">
        <div class="relative block h-full">
          <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
          <div class="absolute left-1 bottom-2 drop-shadow-md">
            <div class="px-1 text-xs font-bold text-white line-clamp-2">{{ album.name }}</div>
            <div class="px-1 text-xs text-white line-clamp-2">
              {{ album.artist }}
            </div>
          </div>
          {%- capture albumName %}{{ album.name | escape }}{% endcapture -%}
          {% image album.art, albumName, 'rounded-lg w-full h-full', '225px' %}
        </div>
      </a>
    {% endfor %}
  </div>
{% endif %}
{% if albumReleases.size > 0 %}
  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
    {% heroicon "outline" "calendar" "Anticipated albums" "height=28" %}
    <div class="ml-1">Anticipated albums</div>
  </h2>
  <ul class="list-inside list-disc pl-5 md:pl-10">
    {% for album in albumReleases %}
      <li class="mt-1.5 mb-2">
        <span class="font-bold">{{ album.startDate | readableDate }}: </span>
        <a href="https://{{album.location}}" title="{{album.summary | escape}}">
          {{album.summary}}
        </a>
      </li>
    {% endfor %}
  </ul>
{% endif %}
{% if books.size > 0 %}
  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
    {% heroicon "outline" "book-open" "Books" "height=28" %}
    <div class="ml-1">Books</div>
  </h2>
  <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
    {% for book in books %}
      <a href="{{book.link}}" title="{{book.title | escape}}">
        <div class="relative block" style="max-width:226px">
          <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 dark:border-purple-400 dark:hover:border-purple-500"></div>
          {%- capture bookImg %}{{book.cover}}{% endcapture -%}
          {%- capture bookName %}{{book.title | escape}} by {{book.author | escape}}{% endcapture -%}
          {% image bookImg, bookName, 'rounded-lg w-full h-full', '180px' %}
        </div>
      </a>
    {% endfor %}
  </div>
{% endif %}
{% if links.size > 0 %}
  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
    {% heroicon "outline" "link" "Links" "height=28" %}
    <div class="ml-1">Links</div>
  </h2>
  <ul class="list-inside list-disc pl-5 md:pl-10">
    {% for link in links %}
      <li class="mt-1.5 mb-2">
        <a href="{{link.url}}" title="{{link.title | escape}}">
          {{ link.title }}
        </a>
      </li>
    {% endfor %}
  </ul>
{% endif %}
{% if movies.size > 0 %}
  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
    {% heroicon "outline" "film" "Movies" "height=28" %}
    <div class="ml-1">Movies</div>
  </h2>
  <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
    {% for movie in movies %}
      <a href="{{movie.link}}" title="{{movie.title | escape}}">
        <div class="relative block" style="max-width:226px">
          <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
          <div class="absolute left-1 bottom-2 drop-shadow-md">
            <div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div>
          </div>
          {%- capture movieImg %}{{movie.image | cdn: site.letterboxd-host, site.cdn-movies}}{% endcapture -%}
          {%- capture movieName %}{{movie.title | escape}}{% endcapture -%}
          {% image movieImg, movieName, 'rounded-lg w-full', '180px' %}
        </div>
      </a>
    {% endfor %}
  </div>
{% endif %}
{% if tv.size > 0 %}
  <h2 class="m-0 text-xl flex flex-row items-center font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
    {% heroicon "outline" "tv" "TV" "height=28" %}
    <div class="ml-1">TV</div>
  </h2>
  <div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
    {% for episode in tv %}
      <a href="https://trakt.tv/shows/{{episode.show.ids.slug}}/seasons/{{ episode.episode.season }}/episodes/{{ episode.episode.number }}" title="{{ episode.episode.title | escape}} {{ episode.show.title | escape }}">
        <div class="relative block" style="max-width:226px">
          <div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
          <div class="absolute left-1 bottom-2 drop-shadow-md">
            <div class="px-1 text-xs font-bold text-white">{{ episode.episode.title }}</div>
            <div class="px-1 text-xs text-white">
              {{ episode.show.title }} • <strong>S{{ episode.episode.season }}E{{ episode.episode.number }}</strong>
            </div>
          </div>
          {%- capture tvImg %}{{episode.show.title | tv}}{% endcapture -%}
          {%- capture tvName %}{{ episode.episode.title | escape}} • {{ episode.show.title | escape }}{% endcapture -%}
          {% image tvImg, tvName, 'rounded-lg w-full', '180px' %}
        </div>
      </a>
    {% endfor %}
  </div>
{% endif %}
<p class="text-xs text-center pt-6">This is a
  <a href="https://nownownow.com/about">now page</a>, and if you have your own site,
  <a href="https://nownownow.com/about">you should make one too</a>.</p>