<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  
  
  
  

  <title>Julie Sandburg — Blog</title>
  <meta name="description" content="Writing and notes by Julie Sandburg" />

  
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="Julie Sandburg" />
  <meta property="og:title" content="Julie Sandburg — Blog" />
  <meta property="og:description" content="Writing and notes by Julie Sandburg" />
  <meta property="og:url" content="https://juliesandburg.com/blog/" />

  
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="Julie Sandburg — Blog" />
  <meta name="twitter:description" content="Writing and notes by Julie Sandburg" />

  
  <link rel="canonical" href="https://juliesandburg.com/blog/" />

  
  <link rel="alternate" type="application/rss+xml" title="Julie Sandburg — Blog" href="/feed.xml" />

  <link rel="icon" href="/images/favicon.ico" />

  <link rel="stylesheet" href="/css/main.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
  <style>img { max-width: 100%; height: auto; }</style>

  
  <link rel="preload" as="font" type="font/woff2" href="/fonts/vt323-v17-latin-regular.woff2" crossorigin />
  <link rel="preload" as="font" type="font/woff2" href="/fonts/inconsolata-v32-latin-regular.woff2" crossorigin />
</head>
<body>


  <canvas id="cursor-trail" aria-hidden="true"></canvas>

  <a href="#main-content" class="skip-link">skip to content</a>

  <div class="site-wrapper">

    <!-- ===== HEADER + NAV ===== -->
    <header class="site-header">

      <div class="name-header" aria-label="Julie Sandburg">
        <div class="name-row" aria-hidden="true">
          <span class="letter-space"><img src="/images/letters/j.gif" alt="J" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/u.gif" alt="U" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/l.gif" alt="L" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/i.gif" alt="I" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/e.gif" alt="E" class="glitch-letter" /></span>
        </div>
        <div class="name-row name-row--last" aria-hidden="true">
          <span class="letter-space"><img src="/images/letters/s.gif" alt="S" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/a.gif" alt="A" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/n.gif" alt="N" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/d.gif" alt="D" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/b.gif" alt="B" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/u.gif" alt="U" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/r.gif" alt="R" class="glitch-letter" /></span>
          <span class="letter-space"><img src="/images/letters/g.gif" alt="G" class="glitch-letter" /></span>
        </div>
      </div>

      <nav class="site-nav" aria-label="Main navigation">
        <ul class="nav-list">
          <li><a href="/" class="nav-link " data-text="Home">Home</a></li>
          <li><a href="/about/" class="nav-link " data-text="About">About</a></li>
          <li><a href="/projects/" class="nav-link " data-text="Projects">Projects</a></li>
          <li><a href="/pix/" class="nav-link " data-text="Photo">Photo</a></li>
          <li><a href="/blog/" class="nav-link nav-link--active" data-text="Blog">Blog</a></li>
          <li><a href="/contact/" class="nav-link " data-text="Contact">Contact</a></li>
        </ul>
      </nav>

    </header>

    <!-- ===== MAIN CONTENT ===== -->
    <main id="main-content">
      

<div class="page-section">
  <div class="section-inner">
    <div class="section-title-bar">Blog</div>
    <div class="section-body">

      <p class="blog-intro">
        Updated irregularly. No newsletter, no notifications.
      </p>

      
      <div class="search-box">
        <label for="search-input" class="visually-hidden">Search posts</label>
        <input
          type="search"
          id="search-input"
          class="search-input"
          placeholder="search posts..."
          autocomplete="off"
          spellcheck="false"
        />
        <p class="search-status" id="search-status" aria-live="polite"></p>
      </div>

      
      <div class="blog-meta-links" role="group" aria-label="Blog feeds and filters">
        <a href="/feed.xml" class="blog-meta-link">
          <span class="blog-meta-icon" aria-hidden="true">▸</span> RSS feed
        </a>
        <a href="/tags/" class="blog-meta-link">
          <span class="blog-meta-icon" aria-hidden="true">#</span> browse by tag
        </a>
      </div>

      <div id="post-list">
        
          
            
            
              
            
              
            
              
            
            <div class="journal-entry"
                 data-url="/blog/lorem-ipsum-dolor-sit-amet/"
                 data-haystack="lorem ipsum dolor sit amet consectetur sed ut perspiciatis unde omnis iste natus error sit voluptatem. lorem ipsum">
              <p class="journal-date">
                November 9th, 2025
              </p>
              <h2 class="journal-title">
                <a href="/blog/lorem-ipsum-dolor-sit-amet/" class="journal-title-link">Lorem ipsum dolor sit amet consectetur</a>
              </h2>
              
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
              
              
                <div class="post-tags" style="margin-top: 8px; padding-top: 0; border-top: none;">
                  
                    <a href="/tag/lorem/" class="post-tag">lorem</a>
                  
                    <a href="/tag/ipsum/" class="post-tag">ipsum</a>
                  
                </div>
              
              <a href="/blog/lorem-ipsum-dolor-sit-amet/" class="card-link">♥ Read more ♥</a>
            </div>
          
            
            
              
            
              
            
              
            
              
            
            <div class="journal-entry"
                 data-url="/blog/quis-nostrud-exercitation/"
                 data-haystack="quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. dolor amet ipsum">
              <p class="journal-date">
                September 14th, 2025
              </p>
              <h2 class="journal-title">
                <a href="/blog/quis-nostrud-exercitation/" class="journal-title-link">Quis nostrud exercitation ullamco laboris</a>
              </h2>
              
                <p>Nisi ut aliquip ex ea commodo consequat.</p>
              
              
                <div class="post-tags" style="margin-top: 8px; padding-top: 0; border-top: none;">
                  
                    <a href="/tag/dolor/" class="post-tag">dolor</a>
                  
                    <a href="/tag/amet/" class="post-tag">amet</a>
                  
                    <a href="/tag/ipsum/" class="post-tag">ipsum</a>
                  
                </div>
              
              <a href="/blog/quis-nostrud-exercitation/" class="card-link">♥ Read more ♥</a>
            </div>
          
        
      </div>

    </div>
  </div>
</div>

<script src="/js/search.js" defer></script>

    </main>

    <!-- ===== FOOTER ===== -->
    <footer class="site-footer">
      <p class="footer-copy">
        . ݁₊ ⊹ . ݁ ⟡ ݁ . ⊹ ₊ ݁.<br>
        &copy; 2026 Julie Sandburg ♥<br>
        . ݁₊ ⊹ . ݁ ⟡ ݁ . ⊹ ₊ ݁.</p>
    </footer>

  </div>

  <script src="/js/main.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
  <script>if (document.querySelector('.glightbox')) { GLightbox({ loop: true }); }</script>
</body>
</html>
