marrub
/
snipt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update homepage for teams.

master
Nick Sergeant 2015-10-28 13:18:46 -04:00
parent 13b38b95d2
commit e702e94ee2
3 changed files with 49 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
media/css/style.css
View File

File diff suppressed because one or more lines are too long

31
media/css/style.scss
View File

@ -2774,7 +2774,7 @@ body.homepage {
div.row {
div.inner {
margin: 0 auto;
width: 460px;
width: 360px;
}
h2 {
color: #3A5159;
@ -2792,19 +2792,26 @@ body.homepage {
}
&.feature {
height: 232px;
margin: 10px 0;
margin: 10px 0 10px 43px;
}
&.blog {
background: url('../img/homepage-feature-blog.png') 78px top no-repeat;
background: url('../img/homepage-feature-blog.png') 699px 34px no-repeat;
height: 176px;
}
&.browse {
background: url('../img/homepage-feature-browse.png') 720px top no-repeat;
height: 140px;
}
&.share {
background: url('../img/homepage-feature-share.png') 720px top no-repeat;
background: url('../img/homepage-feature-share.png') left top no-repeat;
height: 176px;
}
&.store {
background: url('../img/homepage-feature-store.png') left top no-repeat;
div.inner {
margin-top: 65px;
}
}
}
}
@ -2818,13 +2825,13 @@ body.homepage {
width: 560px;
}
&.blog {
background: url('../img/homepage-feature-blog.png') 914px top no-repeat;
background: url('../img/homepage-feature-blog.png') 914px 27px no-repeat;
}
&.browse {
background: url('../img/homepage-feature-browse.png') 78px top no-repeat;
background: url('../img/homepage-feature-browse.png') 914px top no-repeat;
}
&.share {
background: url('../img/homepage-feature-share.png') right top no-repeat;
background: url('../img/homepage-feature-share.png') 37px top no-repeat;
}
&.store {
background: url('../img/homepage-feature-store.png') left top no-repeat;
@ -2844,6 +2851,11 @@ body.homepage {
margin: 0 auto;
width: 80%;
}
&.store {
div.inner {
margin-top: 0 !important;
}
}
&:last-of-type {
margin-bottom: 35px;
}
@ -2894,6 +2906,11 @@ body.homepage {
margin: 0 auto;
width: 80%;
}
&.store {
div.inner {
margin-top: 0 !important;
}
}
&:last-of-type {
margin-bottom: 35px;
}

42
templates/homepage.html
View File

@ -45,7 +45,7 @@
</div>
<div class="row">
<div class="sub span12">
<h2>The publishing platform for coders.</h2>
<h2>Code snippets for teams.</h2>
<h3>Store, share, blog, learn.</h3>
</div>
</div>
@ -80,31 +80,37 @@
<div class="container">
<div class="row">
<header class="span4 offset4">
<h1>Built for coders.</h1>
<h1>For teams or individuals</h1>
</header>
</div>
<div class="feature row browse">
<div class="inner">
<h2>Browse, search, learn.</h2>
<p><a href="/public/">Browse</a> and <a href="/search/">search</a> through public snipts to learn new approaches and best practices.</p>
</div>
</div>
<div class="feature row share">
<div class="inner">
<h2>Store public code snippets, and share.</h2>
<p>Mark a snipt as <code class="good">public</code> to share it with the world. Share on Twitter, comment with Disqus, etc.</p>
</div>
</div>
<div class="feature row store">
<div class="inner">
<h2>Store private code snippets.</h2>
<p>Go Pro for only $5/mo and mark snipts as <code>private</code>, making them perfect for storing and organizing code you never want to forget.</p>
<h2>Team accounts</h2>
<p>
Sign up for a <a href="/for-teams/">Team</a> account and allow your team members to create and
edit private and public code snippets. Search through all your team's snippets, and
view detailed diffs of changes to each snippet.
</p>
</div>
</div>
<div class="feature row blog">
<div class="inner">
<h2>Fast, code-focused blogging.</h2>
<p><a href="/blogging/">A full blog in seconds</a>: mark a snipt as "Blog Post", and blog with ease. Markdown support built-in. Your domain, or ours.</p>
<h2>Personal accounts</h2>
<p>
Individuals can post public snippets for free. <a href="/pro/">Go Pro</a> for only $5/mo and mark snippets as
<code>private</code>, making them perfect for storing and organizing code you never want to
forget. All <a href="/for-teams/">team</a> members are automatically granted
<span class="pro">Pro</span> accounts.
</p>
</div>
</div>
<div class="feature row store">
<div class="inner">
<h2>Code-focused blogs</h2>
<p>
<a href="/blogging/">A full blog in seconds</a>: mark a snipt as "Blog Post", and it'll
appear on <code>{your-username}.snipt.net</code>. Markdown support built-in. Your domain, or ours.
</p>
</div>
</div>
</div>