resources.html

---
layout: page
title: Resources
sidebar: true
---
<h2>Books</h2>
<ul class="books-list">
    {% for book in site.data.books %}    
    <li>
        <div class="books-item">
            <div class="books-img">
                <img src="{{ site.baseurl }}{{book.img}}" alt="Image for {{book.title}}">
            </div>
            <div class="books-description">
                <h3>{{book.title}}</h3>
                <p>{{book.authors}}</p>
            </div>
        </div>
    </li>
    {% endfor %}
</ul>
<h2>Courses</h2>
<ul class="courses-list">
    {% for course in site.data.courses %}    
    <li>
        <div class="courses-item">
            <div class="courses-img">
                <img src="{{ site.baseurl }}{{course.img}}" alt="Image for {{course.title}}">
            </div>
            <div class="courses-description">
                <h3>{{course.title}}</h3>
                <p>{{course.instructor}}</p>
                {%for link in course.links %}
                    <span class="course-tag"><a href="{{link.link}}">{{link.label}}</a></span>
                {%endfor%}
            </div>
        </div>
    </li>
    {% endfor %}
</ul>
<h2>Papers</h2>
🔍 Filter by subject <br> 
{% for tag in site.data.papers-tag %} <span data-active="true" data-content="{{tag.name}}" class="paper-tag search-tag">{{ tag.name }}</span> {% endfor %}
<hr>
<ul id="papers-list" class="papers-list">
    {% for paper in site.data.papers %}
    <li>
        <div class="papers-item">
            📔 <a class="paper-title" href="{{ paper.link }}" target="_blank">{{ paper.title }}</a>, {{ paper.year }}
            <p>📝 <span class="paper-authors">{{ paper.authors }}</span> </p>
            <p>
                {% for tag in paper.tags %}
                    <span class="paper-tag">{{ tag }}</span>
                {% endfor %}
            </p>
        </div>  
    </li>
    {% endfor %}
</ul>