{{template "header" .}}
<div class="alpha-notice">
  <div class="alpha-notice-title">Alpha Development</div>
  <div class="alpha-notice-text">
    This game is currently in alpha development and is continuously being
    updated and modified. Expect frequent changes, new features, and occasional
    bugs as we build the world of Willowdale.
    Join our Discord community <a href="https://discord.gg/wT2pdJa5Qu" class="inline-link" target="_blank">here</a>.
  </div>
  <div class="alpha-notice-signature">- Morquin, January 2026</div>
</div>
<div class="home-boxes">
  <div class="connect-options">
    <a href="/webclient" class="connect-button">Connect using the Web Client</a>
    <div class="connect-divider"></div>
    <div class="connect-telnet">
      <div>Or connect using your favorite MUD client on:</div>
      <div class="connect-telnet-title">willowdalemud.com</div>
      <div class="connect-ports">
        <div class="connect-port-row">
          <span class="connect-port-label">Telnet port{{ if gt (len .CONFIG.Network.TelnetPort) 1 }}s{{end}}</span>
          <span class="connect-port-colon">:</span>
          <span class="connect-port-value">{{ join .CONFIG.Network.TelnetPort ", " }}</span>
        </div>
        {{ if and .CONFIG.Network.SecureTelnetPort (ne (index .CONFIG.Network.SecureTelnetPort 0) "0") }}
        <div class="connect-port-row">
          <span class="connect-port-label">Secure (TLS) port{{ if gt (len .CONFIG.Network.SecureTelnetPort) 1 }}s{{end}}</span>
          <span class="connect-port-colon">:</span>
          <span class="connect-port-value">{{ join .CONFIG.Network.SecureTelnetPort ", " }}</span>
        </div>
        {{ end }}
        <div>
          <br />
          We recommend
          <a href="https://www.mudlet.org" class="inline-link" target="_blank">Mudlet</a>
          for telnet connections.
        </div>
      </div>
    </div>
  </div>
  {{ if .CHANGELOG }}
  <div class="changelog-wrapper">
    <div class="changelog-box">
      <div class="changelog-header">
        <div class="changelog-title">Recent Changes</div>
        <div class="changelog-scroll-hint">Scroll for more</div>
      </div>
      <div class="changelog-entries">
        {{ range .CHANGELOG }}
        <div class="changelog-entry">
          <div class="changelog-entry-header">
            <span class="changelog-date">{{ .Date }}</span>
            {{ if .Version }}
            <span class="changelog-version">v{{ .Version }}</span>
            {{ end }}
          </div>
          <div class="changelog-message">{{ .Message }}</div>
        </div>
        {{ end }}
      </div>
    </div>
  </div>
  {{ end }}
</div>
{{template "footer" .}}