notes.html

---
layout: default
title: Notes
permalink: /notes/
---

<section class="blog-posts">
    <h1 class="bp">{{ page.title }}</h1>

    <!-- Search Bar -->
    <div class="search-container">
        <input type="text" id="search-input" placeholder="Search by title or category..." />
    </div>

    <div class="post-name-wrapper" id="post-container">
        {% assign sorted_notes = site.notes | sort: 'date' | reverse %}
        {% for note in sorted_notes %}
        <div class="post-name" data-title="{{ note.title | downcase }}" data-tags="{{ note.categories | join: ' ' | downcase }}">
            <h2 class="post-title">
                <a href="{{ note.url }}">{{ note.title }}</a>
            </h2>
            <p class="post-date">{{ note.date | date: "%B %d, %Y" }}</p>

            <div class="post-tags">
                tags: {% for tag in note.categories %}
                <span class="tag">{{ tag }}{% unless forloop.last %}, {% endunless %}</span>
                {% endfor %}
            </div>

            <p class="post-excerpt">
                {{ note.excerpt | strip_html | truncatewords: 20 }}
            </p>

            <a href="{{ note.url }}" class="read-more">Read More →</a>
        </div>
        {% endfor %}
    </div>
</section>