<span class="anchor" id="projects"></span> <div class="list-display rounded"> <h1>💻 Projects</h1> <p> Here is a list of some of my bigger projects as well as some things you might know me from.<br> <span class="text-muted">For a more exhaustive list of my projects, you can also check out the <a href="#social">Social</a> section.</span> </p> <div id="project-list"> {% for item in site.data.projects %} <div class="card bg-light project rounded-0"> <div class="card-body"> <img class="project-image" src="res/projects/{{ item.icon }}.png" alt=""> <h4 class="card-title">{{ item.name }}</h4> <p class="card-text">{{ item.desc }}</p> {% if item.status %} <span class="text-muted project-status">{{ item.status }}</span> {% endif %} {%- for link in item.links -%} <a href="{{ link.link }}" class="card-link btn rounded-0 btn-outline-dark">{{ link.name }}</a> {%- endfor -%} </div> </div> {% endfor %} </div> <script> if (dark) { $("#project-list").find(".btn-outline-dark").each(function () { let e = $(this); e.removeClass("btn-outline-dark"); e.addClass("btn-outline-light"); }); } </script> </div>