Projects update (#496)

* Added projects tab to navbar

* Added project tab

* Made projects link go to its own page

Author: thenagh2005

_includes/header.html

@@ -10,6 +10,7 @@
         <li><a href="{{site.baseurl}}/about">About</a></li>
         <li><a href="{{site.baseurl}}/blog">Blog</a></li>
         <li><a href="{{site.baseurl}}/classes">Classes</a></li>
+        <li><a href="{{site.baseurl}}/projects">Projects</a></li>
         <li><a href="{{site.baseurl}}/dev">Dev</a></li>
         <li><a href="{{site.baseurl}}/projects">Projects</a></li>
         <li><a href="{{site.baseurl}}/team">Team</a></li>
@@ -30,6 +31,7 @@
           <li><a href="{{site.baseurl}}/about">About</a></li>
           <li><a href="{{site.baseurl}}/blog">Blog</a></li>
           <li><a href="{{site.baseurl}}/classes">Classes</a></li>
+          <li><a href="{{site.baseurl}}/projects">Projects</a></li>
           <li><a href="{{site.baseurl}}/dev">Dev</a></li>
           <li><a href="{{site.baseurl}}/projects">Projects</a></li>
           <li><a href="{{site.baseurl}}/team">Team</a></li>

projects.html

@@ -0,0 +1,96 @@
+---
+layout: default
+title: "Dev & Software at Teach LA"
+permalink: "/projects"
+---
+
+<h1 class="title page-title">Our Projects</h1>
+
+
+
+<h2 class="title page-title text-center" id="projects"></h2>
+<div class="row-desktop-ratio-1-1-1">
+    {% assign finished = site.data.projects | where:"wip", "false" %}
+    {% for proj in finished %}
+    <div class="dev-project-card">
+        <div class="dev-project-card-content">
+            <h3 class="title dev-project-title">
+                {{ proj.name }}
+            </h3>
+            <div class="dev-project-info-row">
+                <span class="dev-project-badge lang-{{proj.lang.abbrev}}"></span> {{proj.lang.full}} •
+                <a class="tla-link" href="{{proj.link}}"><span class="fa fa-link"></span> project</a>
+                 •
+                <a class="tla-link" href="https://github.com/{{proj.repo}}"><span class="fab fa-github"></span> repo</a>
+            </div>
+            <p>
+                {{proj.description}}
+            </p>
+            {% if proj.lead %}
+            <p>
+                Lead(s):
+                {% for lead in proj.lead %}
+                    <a class="tla-link" href="{{site.baseurl}}/team/{{lead.hash}}">
+                        {{lead.name}}
+                    </a>{% if forloop.last != true %},{% endif %}
+                {% endfor %}
+            </p>
+            {% endif %}
+        </div>
+
+        <div class="dev-project-tech-container">
+            {% for tech in proj.tech %}
+            <span class="dev-project-tech-tag">
+                {{tech}}
+            </span>
+            {% endfor %}
+        </div>
+    </div>
+    {% endfor %}
+</div>
+
+<h2 class="title page-title text-center"id="WIP">Stuff that's in the works</h2>
+<div class="row-desktop-ratio-1-1-1">
+    {% assign inProgress = site.data.projects | where:"wip", "true"%}
+    {% for proj in inProgress %}
+    <div class="dev-project-card">
+        <div class="dev-project-card-content">
+            <h3 class="title dev-project-title">
+                {{ proj.name }}
+            </h3>
+            <div class="dev-project-info-row">
+                <span class="dev-project-badge lang-{{proj.lang.abbrev}}"></span> {{proj.lang.full}} •
+                {% if proj.link %}
+                    <a class="tla-link" href="{{proj.link}}"><span class="fa fa-link"></span> project</a>
+                    •
+                {% endif %}
+                <a class="tla-link" href="https://github.com/{{proj.repo}}"><span class="fab fa-github"></span> repo</a>
+            </div>
+            <p>
+                {{proj.description}}
+            </p>
+            {% if proj.lead %}
+            <p>
+                Lead(s):
+                {% for lead in proj.lead %}
+                    <a class="tla-link" href="{{site.baseurl}}/team/{{lead.hash}}">
+                        {{lead.name}}
+                    </a>{% if forloop.last != true %},{% endif %}
+                {% endfor %}
+            </p>
+            {% endif %}
+        </div>
+
+        <div class="dev-project-tech-container">
+            {% for tech in proj.tech %}
+            <span class="dev-project-tech-tag">
+                {{tech}}
+            </span>
+            {% endfor %}
+        </div>
+    </div>
+    {% endfor %}
+</div>
+
+
+{% include contact-cta.html %}

team.html

@@ -41,6 +41,7 @@
       <ul class="nav-items">
         <li><a href="/about">About</a></li>
         <li><a href="/blog">Blog</a></li>
+        <li><a href="/projects">Projects</a></li>
         <li><a href="/classes">Classes</a></li>
         <li><a href="/dev">Dev</a></li>
         <li><a href="/projects">Projects</a></li>
@@ -61,6 +62,7 @@
         <ul class="nav-items">
           <li><a href="/about">About</a></li>
           <li><a href="/blog">Blog</a></li>
+          <li><a href="/projects">Projects</a></li>
           <li><a href="/classes">Classes</a></li>
           <li><a href="/dev">Dev</a></li>
           <li><a href="/team">Team</a></li>