<!doctype html>
<html lang="en">
<head>

  <link rel="alternate" type="application/rss+xml" title="Techno Tuesday" href="/rss.xml">
  
<!-- For .png file -->
<link rel="icon" href="/FAVICON_2.png" type="image/png">

  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J8D83FDMCE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-J8D83FDMCE');
</script>
  <meta charset="utf-8">
  <title>Techno Tuesday</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <style>
    body {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      background: #f6f3ee;
      color: #111;
    }

    a {
  color: inherit;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

    header {
      padding: 3rem 1rem 2rem;
      text-align: center;
    }

    .site-header {
  padding: 3rem 1rem 2rem;
  text-align: center;
}

.site-title {
  max-width: 430px; /* start here */
  width: 100%;
  height: auto;
}

    main {
      max-width: 720px;
      margin: 0 auto;
      padding: 0 1rem 4rem;
    }

    .entry {
      margin-bottom: 5rem;
      text-align: center;
    }

    .entry.vertical img {
    max-width: 75%;
}

    .entry img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto 0.75rem;
    }

    .date {
      font-size: 0.85rem;
      color: #666;
    }

    footer {
      text-align: center;
      padding: 2rem 1rem 3rem;
      font-size: 0.85rem;
      color: #888;
    }

    .footer-rss img {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  margin-left: 7px;
}

    .from-archive {
  margin: 80px 0 40px;
  text-align: center;
}
    .from-archive::before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: #ccc;
  margin: 0 auto 20px;
}

.from-archive h2 {
  font-family: inherit; /* keeps it consistent */
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #666;
  font-weight: normal;
}
  @media (max-width: 600px) {
  .site-title {
    width: 90%;
  }
}
  </style>
</head>

<body>

<header class="site-header">
  <img
    src="images/HEADER.png"
    alt="Techno Tuesday"
    class="site-title"
    id="siteTitle"
  >
</header>

<main>

  <!-- Newest entry goes on top -->

   <div class="entry vertical">
    <img src="images/2026-TT-3-24.jpg" alt="Techno Tuesday comic">
    <div class="date">Session Complete</div>
  </div>

  <div class="entry vertical">
    <img src="images/2026-TT-3-10.jpg" alt="Techno Tuesday comic">
    <div class="date">Helpful Advice</div>
  </div>

   <div class="entry vertical">
    <img src="images/2026-TT-2-24.jpg" alt="Techno Tuesday comic">
    <div class="date">Digital Detox</div>
  </div>
  
  <div class="entry vertical">
    <img src="images/2026-TT-2-10.jpg" alt="Techno Tuesday comic">
    <div class="date">Mindset</div>
  </div>

  <div class="entry vertical">
    <img src="images/2026-TT-2-3.jpg" alt="Techno Tuesday comic">
    <div class="date">Autonomous Vehicles</div>
  </div>

  <div class="entry vertical">
    <img src="images/2026-TT-1-27.jpg" alt="Techno Tuesday comic">
    <div class="date">Rest Cycle</div>
  </div>

<div class="entry vertical">
    <img src="images/2026-TT-1-20.jpg" alt="Techno Tuesday comic">
    <div class="date">Every New Thing</div>
  </div>
  
<div class="entry vertical">
    <img src="images/2026-TT-1-13.jpg" alt="Techno Tuesday comic">
    <div class="date">Smart Glasses</div>
  </div>
  
   <div class="entry vertical">
    <img src="images/2026-TT-1-6.jpg" alt="Techno Tuesday comic">
    <div class="date">Useful Tools</div>
  </div>

    <div class="entry vertical">
    <img src="images/2025-TT-12-16_v2.jpg" alt="Techno Tuesday comic">
    <div class="date">Blank Letters</div>
  </div>

  <div class="entry vertical">
    <img src="images/2025-TT-12-9_v2.jpg" alt="Techno Tuesday comic">
    <div class="date">Content Creator</div>
  </div>
  
  <div class="entry vertical">
    <img src="images/2025-TT-12-2_v2.jpg" alt="Techno Tuesday comic">
    <div class="date">AI Billboards</div>
  </div>

  <div class="entry vertical">
    <img src="images/2025-TT-11-24_v2.jpg" alt="Techno Tuesday comic">
    <div class="date">Thankful</div>
  </div>

   <!-- Archive Below -->

  
  <section class="from-archive">
  <h2>From the Archive</h2>
</section>
  
<div id="archive"> 
  <div class="entry">
    <img src="images/DRESSING_ROOM.jpg" alt="Techno Tuesday comic">
    <div class="date">Dressing Room</div>
  </div>

   <div class="entry">
    <img src="images/DA_VINCI.jpg" alt="Techno Tuesday comic">
    <div class="date">Da Vinci</div>
  </div>

     <div class="entry">
    <img src="images/BIONIC_VISION.jpg" alt="Techno Tuesday comic">
    <div class="date">Bionic Vision</div>
  </div>

   <div class="entry">
    <img src="images/APPS.jpg" alt="Techno Tuesday comic">
    <div class="date">Latest Apps</div>
  </div>

   <div class="entry">
    <img src="images/AVOIDANCE.jpg" alt="Techno Tuesday comic">
    <div class="date">Social Avoidance</div>
  </div>

   <div class="entry">
    <img src="images/BACH_MYSPACE.jpg" alt="Techno Tuesday comic">
    <div class="date">Bach's Myspace</div>
  </div>

  <div class="entry">
    <img src="images/BEST_CLIP_EVER.jpg" alt="Techno Tuesday comic">
    <div class="date">Best Clip Ever</div>
  </div>
  
    <div class="entry">
    <img src="images/BLUETOOTH_HOSPITAL.jpg" alt="Techno Tuesday comic">
    <div class="date">Explaining New Tech</div>
  </div>

  <div class="entry">
    <img src="images/BOSS.jpg" alt="Techno Tuesday comic">
    <div class="date">Awkward Bosses</div>
  </div>

   <div class="entry">
    <img src="images/CAMERA_PHONE.jpg" alt="Techno Tuesday comic">
    <div class="date">Camera Phone</div>
  </div>

     <div class="entry">
    <img src="images/CATS.jpg" alt="Techno Tuesday comic">
    <div class="date">Cat Lady</div>
  </div>

       <div class="entry">
  <img src="images/CHARGING.jpg" alt="Techno Tuesday comic">
  <div class="date">Charging</div>
</div>

<div class="entry">
  <img src="images/CHIT_CHAT.jpg" alt="Techno Tuesday comic">
  <div class="date">Chit Chat</div>
</div>

<div class="entry">
  <img src="images/COFFEE_SHOP.jpg" alt="Techno Tuesday comic">
  <div class="date">Coffee Shop</div>
</div>

<div class="entry">
  <img src="images/DATING.jpg" alt="Techno Tuesday comic">
  <div class="date">Dating</div>
</div>

<div class="entry">
  <img src="images/DEATH_PHONE.jpg" alt="Techno Tuesday comic">
  <div class="date">Commuters</div>
</div>

<div class="entry">
  <img src="images/DINNER_PARTY.jpg" alt="Techno Tuesday comic">
  <div class="date">Dinner Party</div>
</div>

<div class="entry">
  <img src="images/DIVORCE.jpg" alt="Techno Tuesday comic">
  <div class="date">Divorce Lawyer</div>
</div>

<div class="entry">
  <img src="images/DONT_GO_THERE.jpg" alt="Techno Tuesday comic">
  <div class="date">Don't Go There</div>
</div>

<div class="entry">
  <img src="images/DYING.jpg" alt="Techno Tuesday comic">
  <div class="date">Dying for Tech</div>
</div>

<div class="entry">
  <img src="images/EARS.jpg" alt="Techno Tuesday comic">
  <div class="date">Ear Buds</div>
</div>

<div class="entry">
  <img src="images/EVOLUTION.jpg" alt="Techno Tuesday comic">
  <div class="date">Evolution</div>
</div>

<div class="entry">
  <img src="images/family_plan.jpg" alt="Techno Tuesday comic">
  <div class="date">Family Plan</div>
</div>

<div class="entry">
  <img src="images/FEEDBACK.jpg" alt="Techno Tuesday comic">
  <div class="date">Positive Feedback</div>
</div>

<div class="entry">
  <img src="images/FONT.jpg" alt="Techno Tuesday comic">
  <div class="date">Font Designer</div>
</div>

<div class="entry">
  <img src="images/FUNERAL.jpg" alt="Techno Tuesday comic">
  <div class="date">Second Thoughts</div>
</div>

<div class="entry">
  <img src="images/GM.jpg" alt="Techno Tuesday comic">
  <div class="date">Genetically Modified</div>
</div>

<div class="entry">
  <img src="images/HALLOWEEN.jpg" alt="Techno Tuesday comic">
  <div class="date">Halloween</div>
</div>

<div class="entry">
  <img src="images/INTERNET_DOWN.jpg" alt="Techno Tuesday comic">
  <div class="date">Internet Down</div>
</div>

<div class="entry">
  <img src="images/KEYS.jpg" alt="Techno Tuesday comic">
  <div class="date">Leaving the House</div>
</div>

<div class="entry">
  <img src="images/LASIK.jpg" alt="Techno Tuesday comic">
  <div class="date">Lasik</div>
</div>

<div class="entry">
  <img src="images/LETTINGYOUKNOW.jpg" alt="Techno Tuesday comic">
  <div class="date">Staying in Touch</div>
</div>

<div class="entry">
  <img src="images/LIFE.jpg" alt="Techno Tuesday comic">
  <div class="date">Life</div>
</div>

<div class="entry">
  <img src="images/LOADING.jpg" alt="Techno Tuesday comic">
  <div class="date">Loading</div>
</div>

<div class="entry">
  <img src="images/MAGIC_BOX.jpg" alt="Techno Tuesday comic">
  <div class="date">Magic Box</div>
</div>

<div class="entry">
  <img src="images/MEET_UP.jpg" alt="Techno Tuesday comic">
  <div class="date">Meet Up</div>
</div>

<div class="entry">
  <img src="images/METAVERSE.jpg" alt="Techno Tuesday comic">
  <div class="date">Metaverse</div>
</div>

<div class="entry">
  <img src="images/MIRACLES.jpg" alt="Techno Tuesday comic">
  <div class="date">History of Earth</div>
</div>

<div class="entry">
  <img src="images/NOTHING.jpg" alt="Techno Tuesday comic">
  <div class="date">Empty Inbox</div>
</div>

<div class="entry">
  <img src="images/PLEASE_RING.jpg" alt="Techno Tuesday comic">
  <div class="date">Please Ring</div>
</div>

<div class="entry">
  <img src="images/PLUGS.jpg" alt="Techno Tuesday comic">
  <div class="date">Plugs</div>
</div>

<div class="entry">
  <img src="images/PRIVATE_CALL.jpg" alt="Techno Tuesday comic">
  <div class="date">Private Call</div>
</div>

<div class="entry">
  <img src="images/SEND_TO_ALL.jpg" alt="Techno Tuesday comic">
  <div class="date">Send to All</div>
</div>

<div class="entry">
  <img src="images/SILENCE.jpg" alt="Techno Tuesday comic">
  <div class="date">Silence</div>
</div>

<div class="entry">
  <img src="images/SORRY.jpg" alt="Techno Tuesday comic">
  <div class="date">E-Card</div>
</div>

<div class="entry">
  <img src="images/TEXT_MOM.jpg" alt="Techno Tuesday comic">
  <div class="date">Sad Text</div>
</div>

<div class="entry">
  <img src="images/TRACKING.jpg" alt="Techno Tuesday comic">
  <div class="date">Tracking</div>
</div>

<div class="entry">
  <img src="images/VENN_DIAGRAM.jpg" alt="Techno Tuesday comic">
  <div class="date">The iPhone</div>
</div>

<div class="entry">
  <img src="images/VIBRATE.jpg" alt="Techno Tuesday comic">
  <div class="date">Vibrate Mode</div>
</div>

<div class="entry">
  <img src="images/WANTS.jpg" alt="Techno Tuesday comic">
  <div class="date">Wants</div>
</div>

<div class="entry">
  <img src="images/WASTE.jpg" alt="Techno Tuesday comic">
  <div class="date">Future Waste</div>
</div>

<div class="entry">
  <img src="images/WE_HAVE_INTERNET.jpg" alt="Techno Tuesday comic">
  <div class="date">We Have Internet</div>
</div>

<div class="entry">
  <img src="images/WHY_FI.jpg" alt="Techno Tuesday comic">
  <div class="date">Why Fi</div>
</div>

<div class="entry">
  <img src="images/YEARS.jpg" alt="Techno Tuesday comic">
  <div class="date">Through the Years</div>
</div>
</div>
  
</main>

<footer>
  <span>All Work © <a href="https://www.andyrementer.com">Andy Rementer</a>
    <a href="/rss.xml" class="footer-rss" aria-label="Subscribe via RSS">
  <img src="/images/RSS.png" alt="">
</a></footer>

  <script>
  (function shuffleArchive() {
    const container = document.getElementById("archive");
    if (!container) return;

    const items = Array.from(container.children);

    for (let i = items.length - 1; i > 0; i--) {
      const j = Math.floor(Math.random() * (i + 1));
      [items[i], items[j]] = [items[j], items[i]];
    }

    items.forEach(item => container.appendChild(item));
  })();
</script>

  <script>
  (function () {
    const headers = [
      "images/HEADER.png",
      "images/HEADER_2.png",
      "images/HEADER_3.png",
      "images/HEADER_4.png",
      "images/HEADER_8.png",
      "images/HEADER_9.png",
    ];

    const randomHeader =
      headers[Math.floor(Math.random() * headers.length)];

    const img = document.getElementById("siteTitle");
    if (img) {
      img.src = randomHeader;
    }
  })();
</script>

</body>
</html>

