index.html

---
layout: default
---

<!-- "Construction" notice -->
<section class="container text-center">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-body">
          <header class="card-title"><h1 id="/">Oh wow, a refresh is coming soon! 👀</h1></header>
          <br>
          <p class="card-text">Hi!  Please be patient as I am ONCE AGAIN revamping this site.  Thank you for your patience!</p>
          <p class="card-text">But fret not!  You'll see some incremental changes as time goes on. 😅</p>
        </div>
      </div>
      <hr>
    </div>
  </div>
</section>

<!-- Loop through each page -->
<!-- NOTE FOR EACH PAGE:
  - No need for front matter for these pages ONLY WHEN 'include(_relative)'-ing bc it is linked inside the 'index.html' file, which already has the 'default.html' layout, front matter ^above is just for reference.
  - BUT when you are DISPLAYING/EMBEDDING VIA (COLLECTION) LOOPING, you can do the 'title/name' and 'url' (NOT PERMALINK) front matter but still leave out 'layout'
  - Again, leave out 'layout' front matter since the pages are "embedded" inside 'index.html' file as mentioned ^above -->
{% for each_page in site.pages %}
  <section class="container section-padding" id="{{ each_page.nav }}">
      <header><h1 class="text-center">{{ each_page.title }}</h1></header>
      
      <!-- Actual page content -->
      {{ each_page.content }}
  </section>
{% endfor %}