Add market to projects.

Add birthday paradox project.

routes.js

@@ -14,6 +14,7 @@ module.exports = function(app){
     app.get("/images/budgeteer", (req, res)=>{res.sendFile(`${views}/images/budgeteer.jpeg`)});
     app.get("/images/sudoku", (req, res)=>{res.sendFile(`${views}/images/sudoku.png`)});
     app.get("/images/birthday", (req, res)=>{res.sendFile(`${views}/images/birthday.jpg`)});
+    app.get("/images/market", (req, res)=>{res.sendFile(`${views}/images/market.jpeg`)});
 
     //SUDOKU
     app.get("/sudoku", (req, res)=>{res.sendFile(`${views}/sudoku/index.html`)});

views/main/index.css

@@ -18,6 +18,7 @@ body{
 }
 
     .card{
+        position: relative;
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -32,6 +33,14 @@ body{
         color: black;
     }
 
+    div.card{
+        cursor: default;
+    }
+
+        div.card:hover{
+            box-shadow: none;
+        }
+
         .card:hover{
             box-shadow: 0 0 3px black;
         }
@@ -55,6 +64,19 @@ body{
             margin: 10px 0;
         }
 
+        .soon{
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 40px;
+            position: absolute;
+            z-index: 1;
+            height: 100%;
+            width: 100%;
+            background: rgba(0, 0, 0, 0.4);
+            color: white;
+        }
+
 .sidebar{
     display: flex;
     flex-direction: column;

views/main/index.html

@@ -93,6 +93,13 @@
                     <p>A simple web application to help people to budget their money in a simple and approachable manner.</p>
                 </a>
 
+                <div class="card">
+                    <h2>Local Markets</h2>
+                    <img src="/images/market" alt="Market">
+                    <p>A website for people to find farmers markets and vendors of local products in their area.</p>
+                    <div class="soon">COMING SOON</div>
+                </div>
+
                 <a class="card" href="/sudoku">
                     <h2>Sudoku Solver</h2>
                     <img src="/images/sudoku" alt="Sudoku">
@@ -107,7 +114,7 @@
             </div>
 
             <div id="about" style="display:none;">
-                <h1>About Me</h1>
+                <h1>Ya, Ya, I'm working on it...</h1>
             </div>
 
             <div id="writing" class="cardContainer" style="display:none;">