removed comments; added classnames

Author: Queen-codes

themes/vocabulary_theme/templates/project-ideas.html

@@ -8,18 +8,17 @@
   <h1>Open Source Work Programs: Project Ideas</h1>
   <p>This is the project idea list for the <span>current round of open source collaborations at Creative Commons (CC).</span></p>
   {% set ideas = site.query('/programs/project-ideas-collection').include_undiscoverable(true) %}
-  <!--TODO: EVALUATE WHETHER TO KEEP LEGACY DESIGN-->
   <div class="filter-labels" id="project-list">
-    <button type="button" class="button tag btn-dark filter-btn" data-filter="all">All Projects</button>
-    <button type="button" class="button tag filter-btn" data-filter="difficulty-medium">Difficulty: Medium</button>
-    <button type="button" class="button tag filter-btn" data-filter="difficulty-hard">Difficulty: Hard</button>
-    <button type="button" class="button tag filter-btn" data-filter="skill-ansible">Skill: Ansible</button>
-    <button type="button" class="button tag filter-btn" data-filter="skill-css">Skill: CSS</button>
-    <button type="button" class="button tag filter-btn" data-filter="skill-docker">Skill: Docker</button>
-    <button type="button" class="button tag filter-btn" data-filter="skill-javascript">Skill: JavaScript</button>
-    <button type="button" class="button tag filter-btn" data-filter="skill-php">Skill: PHP</button>
-    <button type="button" class="button tag filter-btn" data-filter="skill-python">Skill: Python</button>
-    <button type="button" class="button tag filter-btn" data-filter="skill-wordpress">Skill: WordPress</button>
+    <button type="button" class="button btn-dark filter-btn" data-filter="all">All Projects</button>
+    <button type="button" class="button filter-btn" data-filter="difficulty-medium">Difficulty: Medium</button>
+    <button type="button" class="button filter-btn" data-filter="difficulty-hard">Difficulty: Hard</button>
+    <button type="button" class="button filter-btn" data-filter="skill-ansible">Skill: Ansible</button>
+    <button type="button" class="button filter-btn" data-filter="skill-css">Skill: CSS</button>
+    <button type="button" class="button filter-btn" data-filter="skill-docker">Skill: Docker</button>
+    <button type="button" class="button filter-btn" data-filter="skill-javascript">Skill: JavaScript</button>
+    <button type="button" class="button filter-btn" data-filter="skill-php">Skill: PHP</button>
+    <button type="button" class="button filter-btn" data-filter="skill-python">Skill: Python</button>
+    <button type="button" class="button filter-btn" data-filter="skill-wordpress">Skill: WordPress</button>
   </div>
 </header>
 
@@ -43,14 +42,11 @@ <h3><a href="#original-ideas">Original Ideas</a></h3>
   </ul>
 </article>
 
-<!--TODO: EVALUATE WHETHER TO KEEP LEGACY DESIGN/MARKUP-->
-
-<div>
+<div class="content">
   {% for idea in ideas %}
-    <div>
       <h2><a name="{{ idea._slug }}">{{ idea.title }}</a></h2>
-      <div>
-        <div>
+      <div class="project-container">
+        <div class="project-summary">
           <h5>Difficulty</h5>
           <p>{{ idea.difficulty }}</p>
           <h5>Size</h5>
@@ -60,7 +56,7 @@ <h5>Skills recommended</h5>
           <h5>Project Lead</h5>
           {{ idea.lead }}
         </div>
-        <div>
+        <div class="project-description">
           <h3>The Problem</h3>
           <p>{{ idea.problem }}</p>
           <h3>Expected Outcome</h3>
@@ -74,7 +70,6 @@ <h3>Resources</h3>
         </div>
       </div>
       <a href="#project-list"><i></i> Back to the Project list</a>
-    </div>
   {% endfor %}
    <div>
       <h2 class="b-header"><a name="original-ideas">Original Ideas</a></h2>