{{ define "main" }}
<div class="resource-single">
  <div class="test-chamber-grid">
  </div>

  <article class="resource-content">
    <!-- Aperture Science hazard stripes in corners -->


    <!-- Animated energy particles -->
    <div class="energy-particles"></div>

    <header class="resource-header">
      <h1>{{ .Title }}</h1>
      {{ if .Params.description }}
      <p class="lead">{{ .Params.description }}</p>
      {{ end }}
      {{ if .Params.tags }}
      <div class="resource-tags">
        {{ range .Params.tags }}
        <a href="{{ printf "/tags/%s/" (. | urlize) }}" class="tag">{{ . }}</a>
        {{ end }}
      </div>
      {{ end }}
      <div class="resource-links">
        {{ if .Params.demo_url }}
        <a href="{{ .Params.demo_url }}" class="resource-link demo" target="_blank">View Demo</a>
        {{ end }}
        {{ if .Params.source_url }}
        <a href="{{ .Params.source_url }}" class="resource-link source" target="_blank">View Source</a>
        {{ end }}
      </div>
    </header>

    <div class="resource-body">
      {{ .Content }}
    </div>

    {{ partial "contact-section.html" . }}

    <nav class="resource-navigation">
      {{ with .PrevInSection }}
      <a href="{{ .Permalink }}" class="nav-link prev">← {{ .Title }}</a>
      {{ end }}
      <a href="/resources/" class="nav-link back">Back to Resources</a>
      {{ with .NextInSection }}
      <a href="{{ .Permalink }}" class="nav-link next">{{ .Title }} →</a>
      {{ end }}
    </nav>
  </article>
    <div class="background-cube">
      {{ partial "elements/companion-cube.html" . }}
    </div>
</div>
{{ end }}