---

export const prerender = false;

import PageLayout from "@/layouts/Base.astro";

import NowUpdates from "@/components/now/NowUpdates.astro";

import Weather from "@/components/now/Weather.astro";

const meta = {

	title: "/now",

	description: "What I'm up to recently",

};

const STATION = "PQR";

const GRID_X = "115";

const GRID_Y = "103";

const LOCATION = "Portland, OR";

const forecastRequest = await fetch(

	`https://api.weather.gov/gridpoints/${STATION}/${GRID_X},${GRID_Y}/forecast/hourly`,

	{

		method: "GET",

		headers: {

			accept: "application/geo+json",

			"User-Agent": "(stevedylan.dev, contact@stevedylan.dev)",

		},

	},

);

const forecast = await forecastRequest.json();

const { shortForecast, temperature } = forecast.properties.periods[0];

const weather = `${shortForecast},${temperature},${LOCATION}`;

---

<PageLayout meta={meta}>

  <div class="space-y-6">

    <h1 class="title">/now</h1>

    <div class="flex text-sm text-zinc-400 items-center gap-x-3 gap-y-1 flex-wrap">

      <Weather weather={weather} />

    </div>

    <p>What I'm up to recently</p>

    <ul class="list-disc pl-4 space-y-4">

      <li>Working as Senior Solutions Engineer at Stablecore</li>

      <li>

        Building personal software with <a

          class="style-link"

          target="_blank"

          rel="noreferrer"

          href="https://andromeda.build">Andromeda</a>

      </li>

      <li>Updating this site with fun stuff</li>

      <li>Learning how to build HTTP from TCP in Go</li>

      <li>Spending some time in Oregon</li>

      <li>Watching birds</li>

      <li>Reading The Count of Monte Cristo</li>

    </ul>

    <p class="text-zinc-400">Last updated: Jun 21st, 2026</p>

    <div class="flex flex-row justify-between items-center w-full pt-12 pb-6">

      <h2 class="title">Updates</h2>

      <div class="flex gap-2 items-center">

        <a

          class="inline-block p-2 sm:hover:text-link"

          href="https://posts.stevedylan.dev/feed.xml"

          target="_blank"

          rel="noopener noreferrer"

        >

          <svg

            xmlns="http://www.w3.org/2000/svg"

            class="h-6 w-6"

            viewBox="0 0 24 24"

            stroke-width="1.5"

            stroke="currentColor"

            fill="none"

            stroke-linecap="round"

            stroke-linejoin="round"

          >

            <g

              fill="none"

              stroke="currentColor"

              stroke-linecap="round"

              stroke-linejoin="round"

              stroke-width="2"

              ><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"

              ></path><circle cx="5" cy="19" r="1"></circle></g

            >

          </svg>

          <span class="sr-only">RSS</span>

        </a>

      </div>

    </div>

    <NowUpdates />

  </div>

</PageLayout>