src/index.html

--- 
title: 'Bits and Bytes'
subtitle: 'The NYU Data Services Newsletter'
subscriptionURL: 'https://app.e2ma.net/app2/audience/signup/2007535/1978489/'
newsletters:
- label: 'January 2025'
  webview: 'https://t.e2ma.net/webview/r45f2m/50a6aab34c6aaa3acbd882424b278bb0'
- label: 'December 2024'
  webview: 'https://t.e2ma.net/webview/jm6dwm/5b33a388f279712c3ef58e0749672e7b'
---

<!doctype html>
  <html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>{{ title }} | {{ subtitle }}</title>

    <link rel="stylesheet" href="{{ '/assets/css/styles.css' | url }}">
  </head>
  <body class="bg-purple-50">
    <div role="main" class="py-16 bg-purple-50 text-center h-dvh">
      <h1 class="mb-2 text-5xl text-center text-gray-800 font-bold font-sans">
        {{ title }}
      </h1>
      <p class="text-gray-700 font-sans">
        {{ subtitle }}
      </p>
      <div class="my-6">
        <a href="{{ subscriptionURL }}" target="_blank">
          <button class="rounded-md px-2 py-2 border-2 border-purple-600 text-purple-600 hover:bg-purple-600 hover:text-purple-50 duration-300">Subscribe</button>
        </a>
      </div>
      <h2 class="mt-12 mb-6 text-3xl  text-gray-800 font-bold font-sans">Newsletter Archive</h2>
      <ul>
        {% for newsletter in newsletters %}
          <li class="py-1">
            <a class="text-purple-600 underline hover:no-underline before:pr-2 after:pl-2 hover:before:content-['🌟'] hover:after:content-['🌟']" href="{{ newsletter.webview }}">{{ newsletter.label }}</a>
          </li>
        {% endfor %}
      </ul>
    </div>
  </body>
</html>