From e3545423982c642c0e87a430ddbad6a33c800adc Mon Sep 17 00:00:00 2001
From: mmacneil <markmacneil@gmail.com>
Date: Wed, 21 Aug 2019 22:05:20 -0300
Subject: [PATCH] Projects wip.

---
 index.html | 326 ++++++++++++++++++++++++++---------------------------
 1 file changed, 158 insertions(+), 168 deletions(-)

diff --git a/index.html b/index.html
index 5120fc3..2b96a96 100644
--- a/index.html
+++ b/index.html
@@ -123,28 +123,23 @@
           <div class="tile">
             <div class="tile is-parent is-vertical">
               <article class="tile is-child notification">
-                <p class="title">Project</p>
-                <p class="subtitle">Client</p>
+                <p class="title">Project title</p>
                 <figure class="image is-4by3">
                   <img class="modal-trigger" data-target="project-1-modal" src="img/project-1-cover.png">
                 </figure>
               </article>
             </div>
-
             <div class="tile is-parent">
               <article class="tile is-child notification">
-                <p class="title">Project</p>
-                <p class="subtitle">Client</p>
+                <p class="title">Project title</p>
                 <figure class="image is-4by3">
                   <img class="modal-trigger" data-target="project-2-modal" src="img/project-2-cover.png">
                 </figure>
               </article>
             </div>
-
             <div class="tile is-parent">
               <article class="tile is-child notification">
-                <p class="title">Project</p>
-                <p class="subtitle">Client</p>
+                <p class="title">Project title</p>
                 <figure class="image is-4by3">
                   <img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png">
                 </figure>
@@ -158,28 +153,23 @@
           <div class="tile">
             <div class="tile is-parent is-vertical">
               <article class="tile is-child notification">
-                <p class="title">Project</p>
-                <p class="subtitle">Client</p>
+                <p class="title">Project title</p>
                 <figure class="image is-4by3">
                   <img class="modal-trigger" data-target="project-4-modal" src="img/project-4-cover.png">
                 </figure>
               </article>
             </div>
-
             <div class="tile is-parent">
               <article class="tile is-child notification">
-                <p class="title">Project</p>
-                <p class="subtitle">Client</p>
+                <p class="title">Project title</p>
                 <figure class="image is-4by3">
                   <img class="modal-trigger" data-target="project-5-modal" src="img/project-5-cover.png">
                 </figure>
               </article>
             </div>
-
             <div class="tile is-parent">
               <article class="tile is-child notification">
-                <p class="title">Project</p>
-                <p class="subtitle">Client</p>
+                <p class="title">Project title</p>
                 <figure class="image is-4by3">
                   <img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png">
                 </figure>
@@ -225,167 +215,167 @@
   </div>
 
   <div id="project-2-modal" class="modal">
-      <div class="modal-background"></div>
-      <div class="modal-card">
-        <header class="modal-card-head">
-          <p class="modal-card-title">Project title</p>
-          <button class="delete" aria-label="close"></button>
-        </header>
-        <section class="modal-card-body">
-          <p class="image is-3by2">
-            <img src="img/project-2-cover.png" alt="">
-          </p>
-  
-          <div class="content">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-            consequat.
-          </div>
-  
-          <div class="tags">
-            <span class="tag">angular</span>
-            <span class="tag">mongo</span>
-            <span class="tag">typscript</span>
-            <span class="tag">node</span>
-          </div>
-  
-        </section>
-        <footer class="modal-card-foot">
-          <button class="button is-success">Close</button>
-        </footer>
-      </div>
+    <div class="modal-background"></div>
+    <div class="modal-card">
+      <header class="modal-card-head">
+        <p class="modal-card-title">Project title</p>
+        <button class="delete" aria-label="close"></button>
+      </header>
+      <section class="modal-card-body">
+        <p class="image is-3by2">
+          <img src="img/project-2-cover.png" alt="">
+        </p>
+
+        <div class="content">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+          consequat.
+        </div>
+
+        <div class="tags">
+          <span class="tag">angular</span>
+          <span class="tag">mongo</span>
+          <span class="tag">typscript</span>
+          <span class="tag">node</span>
+        </div>
+
+      </section>
+      <footer class="modal-card-foot">
+        <button class="button is-success">Close</button>
+      </footer>
     </div>
+  </div>
 
-    <div id="project-3-modal" class="modal">
-        <div class="modal-background"></div>
-        <div class="modal-card">
-          <header class="modal-card-head">
-            <p class="modal-card-title">Project title</p>
-            <button class="delete" aria-label="close"></button>
-          </header>
-          <section class="modal-card-body">
-            <p class="image is-3by2">
-              <img src="img/project-3-cover.png" alt="">
-            </p>
-    
-            <div class="content">
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-              consequat.
-            </div>
-    
-            <div class="tags">
-              <span class="tag">angular</span>
-              <span class="tag">mongo</span>
-              <span class="tag">typscript</span>
-              <span class="tag">node</span>
-            </div>
-    
-          </section>
-          <footer class="modal-card-foot">
-            <button class="button is-success">Close</button>
-          </footer>
-        </div>
-      </div>
+  <div id="project-3-modal" class="modal">
+    <div class="modal-background"></div>
+    <div class="modal-card">
+      <header class="modal-card-head">
+        <p class="modal-card-title">Project title</p>
+        <button class="delete" aria-label="close"></button>
+      </header>
+      <section class="modal-card-body">
+        <p class="image is-3by2">
+          <img src="img/project-3-cover.png" alt="">
+        </p>
 
-      
-    <div id="project-4-modal" class="modal">
-        <div class="modal-background"></div>
-        <div class="modal-card">
-          <header class="modal-card-head">
-            <p class="modal-card-title">Project title</p>
-            <button class="delete" aria-label="close"></button>
-          </header>
-          <section class="modal-card-body">
-            <p class="image is-3by2">
-              <img src="img/project-4-cover.png" alt="">
-            </p>
-    
-            <div class="content">
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-              consequat.
-            </div>
-    
-            <div class="tags">
-              <span class="tag">angular</span>
-              <span class="tag">mongo</span>
-              <span class="tag">typscript</span>
-              <span class="tag">node</span>
-            </div>
-    
-          </section>
-          <footer class="modal-card-foot">
-            <button class="button is-success">Close</button>
-          </footer>
+        <div class="content">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+          consequat.
         </div>
-      </div>
 
-         
-    <div id="project-5-modal" class="modal">
-        <div class="modal-background"></div>
-        <div class="modal-card">
-          <header class="modal-card-head">
-            <p class="modal-card-title">Project title</p>
-            <button class="delete" aria-label="close"></button>
-          </header>
-          <section class="modal-card-body">
-            <p class="image is-3by2">
-              <img src="img/project-5-cover.png" alt="">
-            </p>
-    
-            <div class="content">
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-              consequat.
-            </div>
-    
-            <div class="tags">
-              <span class="tag">angular</span>
-              <span class="tag">mongo</span>
-              <span class="tag">typscript</span>
-              <span class="tag">node</span>
-            </div>
-    
-          </section>
-          <footer class="modal-card-foot">
-            <button class="button is-success">Close</button>
-          </footer>
+        <div class="tags">
+          <span class="tag">angular</span>
+          <span class="tag">mongo</span>
+          <span class="tag">typscript</span>
+          <span class="tag">node</span>
         </div>
-      </div>
 
-      <div id="project-6-modal" class="modal">
-          <div class="modal-background"></div>
-          <div class="modal-card">
-            <header class="modal-card-head">
-              <p class="modal-card-title">Project title</p>
-              <button class="delete" aria-label="close"></button>
-            </header>
-            <section class="modal-card-body">
-              <p class="image is-3by2">
-                <img src="img/project-6-cover.png" alt="">
-              </p>
-      
-              <div class="content">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
-                magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-                consequat.
-              </div>
-      
-              <div class="tags">
-                <span class="tag">angular</span>
-                <span class="tag">mongo</span>
-                <span class="tag">typscript</span>
-                <span class="tag">node</span>
-              </div>
-      
-            </section>
-            <footer class="modal-card-foot">
-              <button class="button is-success">Close</button>
-            </footer>
-          </div>
+      </section>
+      <footer class="modal-card-foot">
+        <button class="button is-success">Close</button>
+      </footer>
+    </div>
+  </div>
+
+
+  <div id="project-4-modal" class="modal">
+    <div class="modal-background"></div>
+    <div class="modal-card">
+      <header class="modal-card-head">
+        <p class="modal-card-title">Project title</p>
+        <button class="delete" aria-label="close"></button>
+      </header>
+      <section class="modal-card-body">
+        <p class="image is-3by2">
+          <img src="img/project-4-cover.png" alt="">
+        </p>
+
+        <div class="content">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+          consequat.
         </div>
 
+        <div class="tags">
+          <span class="tag">angular</span>
+          <span class="tag">mongo</span>
+          <span class="tag">typscript</span>
+          <span class="tag">node</span>
+        </div>
+
+      </section>
+      <footer class="modal-card-foot">
+        <button class="button is-success">Close</button>
+      </footer>
+    </div>
+  </div>
+
+
+  <div id="project-5-modal" class="modal">
+    <div class="modal-background"></div>
+    <div class="modal-card">
+      <header class="modal-card-head">
+        <p class="modal-card-title">Project title</p>
+        <button class="delete" aria-label="close"></button>
+      </header>
+      <section class="modal-card-body">
+        <p class="image is-3by2">
+          <img src="img/project-5-cover.png" alt="">
+        </p>
+
+        <div class="content">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+          consequat.
+        </div>
+
+        <div class="tags">
+          <span class="tag">angular</span>
+          <span class="tag">mongo</span>
+          <span class="tag">typscript</span>
+          <span class="tag">node</span>
+        </div>
+
+      </section>
+      <footer class="modal-card-foot">
+        <button class="button is-success">Close</button>
+      </footer>
+    </div>
+  </div>
+
+  <div id="project-6-modal" class="modal">
+    <div class="modal-background"></div>
+    <div class="modal-card">
+      <header class="modal-card-head">
+        <p class="modal-card-title">Project title</p>
+        <button class="delete" aria-label="close"></button>
+      </header>
+      <section class="modal-card-body">
+        <p class="image is-3by2">
+          <img src="img/project-6-cover.png" alt="">
+        </p>
+
+        <div class="content">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+          magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+          consequat.
+        </div>
+
+        <div class="tags">
+          <span class="tag">angular</span>
+          <span class="tag">mongo</span>
+          <span class="tag">typscript</span>
+          <span class="tag">node</span>
+        </div>
+
+      </section>
+      <footer class="modal-card-foot">
+        <button class="button is-success">Close</button>
+      </footer>
+    </div>
+  </div>
+
   <!--   <h1 class="title">
         Bulma
       </h1>