Initial work on bringing back homepage tour of features

This commit is contained in:
Victoria Wang 2015-03-26 21:14:05 -07:00
parent 169a741213
commit acc87b328c
2 changed files with 23 additions and 23 deletions

View file

@ -1075,17 +1075,21 @@ a.tag:hover {
font-size: .85em;
}
.section.previews {
background: #FAF6F1;
h3 {
line-height: 130%;
font-size: 1.6em;
margin-top: 0;
}
background: #fff;
h2, h3 {
color: #335062;
}
h2 {
margin-top: .7em;
margin-bottom: 2.3em;
}
h3 {
line-height: 130%;
font-size: 1.4em;
margin-top: 0;
}
p {
color: #666;
color: #111;
line-height: 180%;
font-size: .9em;
}
@ -1119,7 +1123,9 @@ a.tag:hover {
width: 100%;
height: 250px;
margin-right: 30px;
background: white;
background-color: white;
background-size: 180%;
background-repeat: none;
border: 6px solid white;
@include box-shadow(1px 1px 2px 0px rgba(0, 0, 0, 0.18));
}

View file

@ -245,15 +245,16 @@
<div class="nav next"></div>
-->
</div>
<!--
<div class="section previews">
<h2>Welcome to the new Neocities</h2>
<h2 class="delta">Our mission: To make the web fun again by giving you back control of how you express yourself online.</h2>
<div class="row content">
<div class="col col-50"><div class="screenshot"><img src="/img/front-browse-screenshot.png"></div></div>
<div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-browse-screenshot.png); background-size: 120%"></div></div>
<div class="col col-50 text">
<h3>Discover new sites related to your interests</h3>
<p>Follow your favorite sites and see when they get updated. Easily form communities of sites using site tags. Web Rings, reloaded.</p>
<h3>It's time to bring back web surfing!</h3>
<p>Tags are our version of web rings. They let you easily discover new sites related to your interests.</p>
<p>Easily view all Neocities sites using our surf bar! Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
</div>
</div>
@ -266,24 +267,17 @@
</div>
<div class="row content">
<div class="col col-50"><div class="screenshot"><img src="/img/front-editor-screenshot.png"></div></div>
<div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-editor-screenshot.png)"></div></div>
<div class="col col-50 text">
<h3>HTML editor, right in your browser</h3>
<p>No tools needed! With our easy to use HTML editor, you're ready to start building (or changing) your awesome site right now.</p>
<p>But if you'd rather use your favorite editor, no problem! Uploading files is as easy as drag-and-drop.</p>
<p>No tools needed! With our easy to use HTML editor, you're ready to start building your awesome site right now.</p>
<p>If you'd rather use your favorite editor, no problem! Uploading files is as easy as drag-and-drop.</p>
</div>
</div>
</div>
-->
<section class="section features">
<h2 class="delta">
Our mission: To make the web fun again by giving you back control of how you express yourself online.
</h2>
<img style="margin-top: .5em; max-width: 80%;" src="/img/front-editor-screenshot.png" alt="screen shot of neocities code editor" />
<div class="row">
<div class="col col-50">
<h3>