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

Mostly done with homepage tour styles

Browse source
This commit is contained in:
Victoria Wang 2015-03-28 23:55:07 -07:00
parent 8935aaf43a
commit 0c13dee38f
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
sass/_project-sass/_project-Main.scss
View file

@ -1080,8 +1080,8 @@ a.tag:hover {
color: #335062; color: #335062;
} }
h2 { h2 {
margin-top: .7em; margin-top: 0.6em;
margin-bottom: 2.3em; margin-bottom: 2.1em;
} }
h3 { h3 {
line-height: 130%; line-height: 130%;
@ -1126,8 +1126,18 @@ a.tag:hover {
background-color: white; background-color: white;
background-size: 180%; background-size: 180%;
background-repeat: none; background-repeat: none;
border: 6px solid white; border: 13px solid #4f7d88;
@include box-shadow(1px 1px 2px 0px rgba(0, 0, 0, 0.18)); @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 { &.right {
.col { .col {

26
views/index.erb
View file

@ -250,36 +250,36 @@
<h2 class="delta">Our mission: To make the web fun again by giving you back control of how you express yourself online.</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="row content">
<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"><div class="screenshot" style="background-image:url(/img/front-editor-screenshot.png)"></div></div>
<div class="col col-50 text"> <div class="col col-50 text">
<h3>It's time to bring back web surfing!</h3> <h3>HTML editor, right in your browser</h3>
<p>Tags are our version of web rings. They let you easily discover new sites related to your interests.</p> <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>Easily view all Neocities sites using our surf bar! Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</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> </div>
<div class="row content right"> <div class="row content right">
<div class="col col-50"><div class="screenshot"></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"> <div class="col col-50 text">
<h3>Follow your favorite Neocities sites</h3> <h3>It's time to bring back web surfing!</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>Easily browse all Neocities sites using our web site gallery! Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
<p>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> </div>
<div class="row content"> <div class="row content">
<div class="col col-50"><div class="screenshot" style="background-image:url(/img/front-editor-screenshot.png)"></div></div> <div class="col col-50"><div class="screenshot"></div></div>
<div class="col col-50 text"> <div class="col col-50 text">
<h3>HTML editor, right in your browser</h3> <h3>Follow your favorite Neocities sites</h3>
<p>No tools needed! With our easy to use HTML editor, you're ready to start building your awesome site right now.</p> <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>If you'd rather use your favorite editor, no problem! Uploading files is as easy as drag-and-drop.</p> <p>You can support your favorite web builders by writing them comments and sharing their sites.</p>
</div> </div>
</div> </div>
<div class="row content right"> <div class="row content right">
<div class="col col-50"><div class="screenshot"></div></div> <div class="col col-50"><div class="screenshot"></div></div>
<div class="col col-50 text"> <div class="col col-50 text">
<h3>Follow your favorite Neocities sites</h3> <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>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> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
</div> </div>