Adds projects styles

This commit is contained in:
Andy Tudhope 2018-10-24 11:13:45 +02:00
parent ce72d7f19e
commit 82dd03563a
No known key found for this signature in database
GPG Key ID: 02A3DFA93BF26AD2
3 changed files with 31 additions and 6 deletions

View File

@ -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">

View File

@ -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,
its 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>

View File

@ -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