Update homepage for teams.
parent
13b38b95d2
commit
e702e94ee2
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue