music.html

---
title: Music
permalink: music.html
description: >
  Yet another guitarist publishing solo guitar videos on YouTube.
twitter:
  card: player
  player: https://www.youtube.com/embed/GgaOsqMQEkE
---

  <section>
    <h2>Music</h2>
    <p class=lead>{{ page.description | strip }}

    {%- for track in site.data.music %}
    <article>
      <h2>{{ track.title }}</h2>
      <figure class=track>
        <a data-fslightbox=html5-youtube-videos
          href="https://www.youtube.com/watch?v={{ track.key }}">
          <img class=track src="{{ 'assets/images/music/'
            | append: track.key
            | append: '.jpg' }}"
            alt="{{ track.title }}">
        </a>
        <figcaption>
          {{ track.description | strip }}
        </figcaption>
      </figure>
      {%- for testimonial in track.testimonials %}
      <figure>
        <blockquote cite="{{ testimonial.url }}">
          <p>{{ testimonial.quote }}
        </blockquote>
        <figcaption>
          —{{ testimonial.author }},
          <cite>
            <a href="{{ testimonial.url }}">
              {{ testimonial.type }} from {{ testimonial.date | date_to_long_string: "ordinal", "US" }}
            </a>
          </cite>
        </figcaption>
      </figure>
      {%- endfor %}
    </article>
    {%- endfor %}
  </section>

  <aside>
  {%- for image in site.static_files %}
  {%- if image.path contains 'images/music/studio' %}
    <figure>
      <a data-fslightbox href="{{ image.path }}">
        <img src="{{ image.path }}" class=music>
      </a>
      <figcaption>Credits <a href="https://www.instagram.com/thrashyone/">@thrashyone</a></figcaption>
    </figure>
  {%- endif %}
  {%- endfor %}
  </aside>