zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 01:32:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge branch 'homepagetour'

Browse source
This commit is contained in:
Kyle Drake 2015-03-30 11:47:12 -07:00
commit dfa52604ff
2 changed files with 48 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
sass/_project-sass/_project-Main.scss
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: 0.6em;
margin-bottom: 2.1em;
}
h3 {
line-height: 130%;
font-size: 1.4em;
margin-top: 0;
}
p {
color: #666;
color: #111;
line-height: 180%;
font-size: .9em;
}
@ -1119,9 +1123,21 @@ a.tag:hover {
width: 100%;
height: 250px;
margin-right: 30px;
background: white;
border: 6px solid white;
background-color: white;
background-size: 180%;
background-repeat: none;
border: 13px solid #4f7d88;
@include box-shadow(1px 1px 2px 0px rgba(0, 0, 0, 0.18));
}
&:nth-child(3) .screenshot {
border: 13px solid $c-Brand-1;
}
&:nth-child(4) .screenshot {
border: 13px solid #BECF90;
}
&:nth-child(5) .screenshot {
border: 13px solid #FFCC00;
}
&.right {
.col {

51
views/index.erb
View file

@ -222,45 +222,48 @@
<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-editor-screenshot.png)"></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>HTML editor, right in your browser</h3>
<p>No tools needed! With our easy-to-use HTML editor, you're ready to start building your awesome web site right now.</p>
<p>If you'd rather use your favorite desktop editor, no problem! Uploading files is as easy as drag-and-drop.</p>
</div>
</div>
<div class="row content right">
<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>It's time to bring back web surfing!</h3>
<p>Easily browse all Neocities sites using our web site gallery! Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
<p>Tags are our version of web rings. They let you easily discover new sites related to your interests.</p>
</div>
</div>
<div class="row content">
<div class="col col-50"><div class="screenshot"></div></div>
<div class="col col-50 text">
<h3>Follow your favorite Neocities sites</h3>
<p>Find an neat site in our website gallery? You can now keep track of new updates by following Neocities sites. Any changes to the sites will show up in your news feed.</p>
<p>You can support your favorite web builders by writing them comments and sharing their sites.</p>
</div>
</div>
<div class="row content right">
<div class="col col-50"><div class="screenshot"></div></div>
<div class="col col-50 text">
<h3>Follow your favorite Neocities sites</h3>
<p></p>
<h3>At vero eos et accusamus et</h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
</div>
</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 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>
</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>