From 82dd03563a627685b1e6ba872c5aba242d23c338 Mon Sep 17 00:00:00 2001
From: Andy Tudhope <tuddy0525@gmail.com>
Date: Wed, 24 Oct 2018 11:13:45 +0200
Subject: [PATCH] Adds projects styles

---
 themes/navy/layout/apply.swig             |  6 ++---
 themes/navy/layout/projects.swig          |  2 +-
 themes/navy/source/css/_partial/page.styl | 29 +++++++++++++++++++++--
 3 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/themes/navy/layout/apply.swig b/themes/navy/layout/apply.swig
index 4d0dd54..7da6eba 100644
--- a/themes/navy/layout/apply.swig
+++ b/themes/navy/layout/apply.swig
@@ -2,9 +2,9 @@
     <p>
         <a class="site-name" href="/">incubate</a>
         <a class="specific-nav-link" href="/about/"><span>About</span></a>
-        <a class="specific-nav-link" href=""><span>Projects</span></a>
-        <a class="specific-nav-link" href=""><span>Submissions</span></a>
-        <a class="specific-nav-link" href=""><span>Community</span></a>
+        <a class="specific-nav-link" href="/projects/"><span>Projects</span></a>
+        <a class="specific-nav-link" href="/submissions/"><span>Submissions</span></a>
+        <a class="specific-nav-link" href="/community/"><span>Community</span></a>
     </p>
 </div>
 <div id="content-wrap-apply">
diff --git a/themes/navy/layout/projects.swig b/themes/navy/layout/projects.swig
index 51df6ad..e631d6f 100644
--- a/themes/navy/layout/projects.swig
+++ b/themes/navy/layout/projects.swig
@@ -42,7 +42,7 @@
                   <p>CryptoStrikers is a crypto-collectibles platform that allows sports fans to buy and trade soccer cards. Each of these crypto cards is unique, with an ERC-721 token on the Ethereum blockchain. Since CryptoStrikers data is public, 
                   it’s easy to see how scarce each card is, and owners can display them and use them however they like.</p>
                 </div>
-                <div class="project2">
+                <div class="project2 project-apply">
                   <h3>Tell us about your project!</h3>
                   <a href="/apply/">Apply to Status Incubate</a>
                 </div>
diff --git a/themes/navy/source/css/_partial/page.styl b/themes/navy/source/css/_partial/page.styl
index e85ae56..a13014d 100644
--- a/themes/navy/source/css/_partial/page.styl
+++ b/themes/navy/source/css/_partial/page.styl
@@ -318,6 +318,9 @@ $article-footer-link
 .project2
   width: 50%
 
+.project-apply
+  text-align: center
+
 .project, .project2
   float: left
   padding: 32px
@@ -326,17 +329,39 @@ $article-footer-link
   border-radius: 10px
   margin-bottom: 30px
   margin-top: 30px
-  display: table-cell
+  height: 370px
   img
     margin: 3px 0px 15px
-  h4
+  h4, h3
     font-weight: bold
     font-size: 20px
     color: #000000
     margin: 12px 0
+  h3
+    margin: 100px 0 28px 0
   p
     line-height: 25px
     font-size: 16px
     color: #000000
+  a
+    background: rgba(0,139,173,0.1)
+    border-radius: 20px
+    color: rgb(0,139,173)
+    padding: 12px 24px
+    text-decoration: none
+    margin-top: 20px
+    &:hover
+      color: rgb(255,255,255)
+      background: rgb(0,139,173)
 
 
+@media (max-width: 491px)
+  .project, .project2
+    width: 95%
+    margin: 20px 10px
+    height: 450px
+    h3
+      margin: 140px 0 28px 0
+
+  .projects-intro
+    padding-left: 20px
\ No newline at end of file