andrew/asimonson1125.github.io
1
0
Fork 0
mirror of https://github.com/asimonson1125/asimonson1125.github.io.git synced 2026-02-25 05:09:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

Convert React pages to Flask

Browse Source 
oorah.
This commit is contained in:
Andrew Simonson
2023-01-28 12:26:44 -06:00
parent bb6e81a77c
commit c82606319c
13 changed files with 460 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/templates/projects.html Normal file
View File

@@ -0,0 +1,46 @@
{% extends "header.html" %} {% block content %}
<div class="foreground">
<div data-aos="fade-up">
<h2 class="concentratedHead">Projects</h2>
<p>
Project status is indicated by the color of the project card:
<br />
<span class="complete">⬤</span> - Complete
<br />
<span class="WIP">⬤</span> - Work In Progress
<br />
<span class="incomplete">⬤</span> - Incomplete
</p>
</div>
<div class="checkbox-wrapper">
<div class="flex start">
<label class="switch" htmlFor="pinned">
<input type="checkbox" id="pinned" onClick="toggle('')" checked/>
<div class="slider round"></div>
<strong>Pinned</strong>
</label>
</div>
<div class="flex start">
<label class="switch" htmlFor="programming">
<input type="checkbox" id="programming" onClick="toggle('')" />
<div class="slider round"></div>
<strong>Programming</strong>
</label>
</div>
<div class="flex start">
<label class="switch" htmlFor="geospacial" onClick="toggle('')">
<input type="checkbox" id="geospacial" />
<div class="slider round"></div>
<strong>Geospacial</strong>
</label>
</div>
</div>
<div class="projectList centeredForeground checkbox-client">
{% from 'partials/project.html' import project %}
{% for i in projects %}
{{ project(i, projects[i]["classes"], projects[i]["status"], projects[i]["bgi"], projects[i]["content"], projects[i]["links"]) }}
{% endfor %}
</div>
</div>
<script>toggle('')</script>
{% endblock %}