mirror of
https://github.com/neocities/neocities.git
synced 2025-04-25 01:32:36 +02:00
Initial work on bringing back homepage tour of features
This commit is contained in:
parent
169a741213
commit
acc87b328c
2 changed files with 23 additions and 23 deletions
|
@ -1075,17 +1075,21 @@ a.tag:hover {
|
||||||
font-size: .85em;
|
font-size: .85em;
|
||||||
}
|
}
|
||||||
.section.previews {
|
.section.previews {
|
||||||
background: #FAF6F1;
|
background: #fff;
|
||||||
h3 {
|
|
||||||
line-height: 130%;
|
|
||||||
font-size: 1.6em;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
h2, h3 {
|
h2, h3 {
|
||||||
color: #335062;
|
color: #335062;
|
||||||
}
|
}
|
||||||
|
h2 {
|
||||||
|
margin-top: .7em;
|
||||||
|
margin-bottom: 2.3em;
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
line-height: 130%;
|
||||||
|
font-size: 1.4em;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
p {
|
p {
|
||||||
color: #666;
|
color: #111;
|
||||||
line-height: 180%;
|
line-height: 180%;
|
||||||
font-size: .9em;
|
font-size: .9em;
|
||||||
}
|
}
|
||||||
|
@ -1119,7 +1123,9 @@ a.tag:hover {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 250px;
|
height: 250px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
background: white;
|
background-color: white;
|
||||||
|
background-size: 180%;
|
||||||
|
background-repeat: none;
|
||||||
border: 6px solid white;
|
border: 6px solid white;
|
||||||
@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));
|
||||||
}
|
}
|
||||||
|
|
|
@ -245,15 +245,16 @@
|
||||||
<div class="nav next"></div>
|
<div class="nav next"></div>
|
||||||
-->
|
-->
|
||||||
</div>
|
</div>
|
||||||
<!--
|
|
||||||
<div class="section previews">
|
<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="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">
|
<div class="col col-50 text">
|
||||||
<h3>Discover new sites related to your interests</h3>
|
<h3>It's time to bring back web surfing!</h3>
|
||||||
<p>Follow your favorite sites and see when they get updated. Easily form communities of sites using site tags. Web Rings, reloaded.</p>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -266,24 +267,17 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row content">
|
<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">
|
<div class="col col-50 text">
|
||||||
<h3>HTML editor, right in your browser</h3>
|
<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>No tools needed! With our easy to use HTML editor, you're ready to start building 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>If you'd rather use your favorite editor, no problem! Uploading files is as easy as drag-and-drop.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
-->
|
|
||||||
|
|
||||||
<section class="section features">
|
<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="row">
|
||||||
<div class="col col-50">
|
<div class="col col-50">
|
||||||
<h3>
|
<h3>
|
||||||
|
|
Loading…
Add table
Reference in a new issue