agnes-love/index.njk

---
layout: layouts/base.njk
permalink: "/"
title: "AGNES THE ALIEN!"
---
<div class="currently"> currently...<br><b>reading:</b> the orange eats creeps,
serious weakness<br><b>watching:</b>star trek: voyager, paradise<br><b>listening to</b>: bloc party, cupcakke</div><div class="h-feed">
  <!-- Hero Section -->
  <div class="text-center mb-12 py-8"><center><img src="https://file.garden/Zw17vw8ctXTQw7PV/mewelcome.png" width="250px" alt="A stylized bust-level drawing of me, a white feminine individual with heart shaped glasses, pink and green pigtails, and a teal halter top. I am saying WELCOME which is written in stylized pink text" title="A stylized bust-level drawing of me, a white feminine individual with heart shaped glasses, pink and green pigtails, and a teal halter top. I am saying WELCOME which is written in stylized pink text.">
    </center><h1 class="p-name text-4xl font-bold mb-4 float-animation">{{ site.name }}</h1>
    <p class="p-summary text-xl text-gray-600 dark:text-gray-400 mb-6">{{ site.description }}</p>
    <a class="u-url hidden" href="{{ site.url }}/"></a>
    
    <div class="max-w-2xl mx-auto mb-8">
      <p class="text-lg leading-relaxed text-gray-700 dark:text-gray-300 mb-6">
        Hey, I'm Agnes! I'm a writer, artist, hobbyist computerdyke, and real life alien from outer space. This is my personal site and weblog. Feel free to check out what I have here!      </p>
      
      <div class="etc">
Current status: <script src="https://status.lol/agnes.js?link&no-emoji&time"></script><hr>{% postGraph collections.posts %}
<hr>    <div class="webring">
<i>webrings, cliques & more...</i><br><a href="https://lockheart.love/collections/cliques">Language Learning</a> 💚 Japanese, Python & Welsh<br>
<span class="problematic"><strike>un</strike>problematic blorbo <a href="https://reef.kingdra.net">❥</a> <span class="blorbo">teleya</span><br></span>
<hr><a href="https://alien.holiday/femslashring"> FEMSLASH FANS ONLINE WEBRING</a><br>
<b>MY</b> femslash OTP is...<br><b><i>
💞 NAHLA X ANISHA ! 💞 </b></i><br>
    <a href="https://alien.holiday/femslashring?action=previous">previous</a> |
    <a href="https://alien.holiday/femslashring?action=random">random</a> |
    <a href="https://alien.holiday/femslashring?action=next">next</a><hr>
<div id="queersoffaith">
   <a href="https://alien.holiday/queerreligious"><b>QUEERS OF FAITH💞</b></a><br />
    <a href="https://alien.holiday/queerreligious?action=previous">previous</a> |
    <a href="https://alien.holiday/queerreligious?action=random">random</a> |
    <a href="https://alien.holiday/queerreligious?action=next">next</a> </div>  </div>
    </div>

    </div>
      <a href="/feed.xml" class="border border-purple-600 text-purple-600 hover:bg-purple-50 dark:hover:bg-purple-900/20 px-6 py-2 rounded-lg transition-colors">
        📡 Subscribe via RSS
      </a>
    </div>
  </div>

  <!-- Recent Posts -->
  <div class="mb-8">
    <h2 class="text-2xl font-semibold mb-6 flex items-center gap-2">
      🌌 Recent Posts
    </h2>

    {% set recent = collections.posts | default([]) %}
    {% if (recent | length) == 0 %}
      {% set recent = collections.searchIndex | default([]) %}
    {% endif %}

    {% if recent | length > 0 %}
    <div class="space-y-8">
      {% for post in recent | head(5) %}
        {% set url = post.url or post.id %}
        {% set title = (post.data and post.data.title) or post.title %}
        {% set dateVal = post.date %}
        {% set desc = (post.data and post.data.description) or post.description or (post.templateContent | default('') | striptags | truncate(160)) %}
        {% set tags = (post.data and post.data.tags) or post.tags or [] %}
        <article class="h-entry border-b border-gray-200 dark:border-gray-700 pb-6 last:border-b-0">
          <h3 class="p-name text-xl font-semibold mb-2">
            <a class="u-url hover:text-purple-600 dark:hover:text-purple-400 transition-colors" href="{{ url }}">
              {{ title }}
            </a>
          </h3>
          {% if dateVal %}
          <time class="dt-published text-sm text-gray-500 dark:text-gray-400 block mb-3" datetime="{{ dateVal | htmlDateString }}">
            {{ dateVal | readableDate }}
          </time>
          {% endif %}
          {% if desc %}
          <p class="p-summary text-gray-700 dark:text-gray-300 mb-3 leading-relaxed">
            {{ desc }}
          </p>
          {% endif %}
          {% if tags %}
          <div class="flex flex-wrap gap-2">
            {% for tag in tags %}
              <a class="p-category px-2 py-1 rounded text-white text-xs hover:opacity-80 transition-opacity" 
                 style="background-color: {{ tag | tagColor }}" 
                 href="/tags/{{ tag | slug }}/">#{{ tag }}</a>
            {% endfor %}
          </div>
          {% endif %}
        </article>
      {% endfor %}
    </div>

    <div class="text-center mt-8">
      <a href="/blog/" class="inline-flex items-center gap-2 text-purple-600 dark:text-purple-400 hover:underline">
        View all posts →
      </a>
    </div>
    {% else %}
    <div class="text-center py-12 bg-gray-50 dark:bg-gray-800/50 rounded-lg">
      <p class="text-gray-500 dark:text-gray-400 text-lg mb-4">No posts yet!</p>
      <p class="text-gray-600 dark:text-gray-300">This is where thoughtful writing will appear. Stay tuned! 📝</p>
    </div>
    {% endif %}
  </div>

  <!-- Quick Links -->
  
    
    <a href="/sitemap/" class="block p-4 bg-purple-50 dark:bg-purple-900/20 rounded-lg hover:bg-purple-100 dark:hover:bg-purple-900/30 transition-colors">
      <div class="text-2xl mb-2">🌌</div>
      <h3 class="font-semibold text-purple-800 dark:text-purple-200">Explore the galaxy...</h3>
      <p class="text-sm text-purple-600 dark:text-purple-300">All pages on this site</p>
    </a>
  </div>
</div>