p5.js Showcase featured project page template

p5js-showcase-feature-template.hbs

---
title: showcase
slug: showcase/featuring/
---

<!-- Template for featured project page -->
<div id="showcase-page">

  {{> sidebar}}

  <section class="column-span project-page">
    <h2>{{#i18n "project-<!-- Replace with project creator's name -->"}}{{/i18n}</h2>

    <article class="project-info">
      <!-- Note: Provide a visual representation of the project. -->
      <figure>
        <img src="{{assets}}/img/showcase/<!-- Replace with path to directory (creator's name) -->" alt="<!-- Please include a description for any informative, non-decorative image. -->">
        <!--<figcaption></figcaption>-->
      </figure>

      <!-- Note: A <iframe> or <video> may also be included -->
    </article>

    <article class="project-resources">
      <h3 id="resources">Links</h3>
      <ul class="links">
        <li><a href="" target="_blank"></a><!-- (Link to project) --></li>
        <li><a href="" target="_blank"></a><!-- (Link to project) --></li>
      </ul>
    </article>

    <article class="project-credit">
      <h3><!-- (Name) --> <sup class="note"><!-- (pronouns) --></sup></h3>
      <h3>From</h3>
      <p><!-- (Place)--></p>
    </article>

    <!-- Note: Q&A section based on p5.js Nomination Form response -->
    <article class="project-qa">
      <h3 id="qa">Q&mp;A</h3>
      <h3>What are you up to?</h3>
      <p></p>
      <h3>How did you get started with p5.js?</h3>
      <p></p>
      <h3>How did you use p5.js in this project?</h3>
      <p></p>
      <h3>What's your favorite p5.js feature?</h3>
      <p><!-- <code>(Code)</code> --></p>
      <h3>Did you face any challenges working on this project? If so, how did you overcome them?</h3>
      <p></p>
      <h3>What's a cool thing we should check out?</h3>
      <p></p>
      <h3>Where can people learn more about you?</h3>
      <p></p>
    </article>

    {{> footer}}

  </section> <!-- end class="column-span" -->

  {{> asterisk}}

</div> <!-- end id="showcase-page" -->