{{ define "body" }}
<div id="star-canvas-wrap">
  <canvas id="star-canvas"></canvas>
  <div class="home-overlay">
    <div class="logo-wrap">
      <img src="{{ .Site.Params.logo }}" alt="SNOWARE Logo" class="home-logo" width="180" height="180">
    </div>
    <h1 class="home-title">SNOWARE</h1>
    <nav class="home-nav">
      {{ range .Site.Params.navLinks }}
      <a href="{{ .url }}" class="home-btn{{ if .external }} external{{ end }}" {{ if .external }}target="_blank" rel="noopener"{{ end }}>
        {{ .name }}
      </a>
      {{ end }}
    </nav>
  </div>
</div>
{{ end }}

{{ define "extra_scripts" }}
<script src="/js/stars.js"></script>
{{ end }}