zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-24 09:12:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

sigh

Browse source
This commit is contained in:
Victoria Wang 2014-12-05 03:05:16 -06:00
parent 8fe2bf2296
commit c2eedc3952
3 changed files with 34 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
sass/_project-sass/_project-Header.scss
View file

@ -145,8 +145,10 @@
border-radius:4px 4px 0 0;
@include box-shadow($signupShadow);
height:700%;
float: left;
position:absolute;
top: -40px;
margin-bottom: 15px;
@media (max-device-width:480px), screen and (max-width:800px){
height:auto;
@ -154,7 +156,7 @@
overflow:visible;
padding-bottom:20px;
position:static;
width:auto;
width:100%;
}
h2{
@ -166,12 +168,13 @@
hr{
border-bottom:1px solid #4a6677;
border-top:1px solid #1d282d;
margin:4px 0 26px;
margin: 4px 0 21px;
}
fieldset{
background:url(/img/sign-up-bg.png) repeat-x center top;
padding: 25px 33px;
background:url(/img/sign-up-bg.png) repeat-x center top;
border-radius: 4px 4px 0 0;
}
label{
@ -180,7 +183,7 @@
label#domain-name {
display: inline;
vertical-align: 51%;
vertical-align: 8px;
color: #C2CFD4;
}
@ -189,7 +192,7 @@
border:0 solid black;
@include box-shadow($inputAreaShadow);
color:#C2CFD4;
margin-bottom:27px;
margin-bottom: 21px;
margin-right:$spacing;
padding: 10px 10px 7px 10px;
width:100%;
@ -215,10 +218,6 @@
padding:10px 25px;
margin-top: 2em;
font-size: 1em;
@media (max-device-width:480px), screen and (max-width:800px){
margin-top: 0;
}
}
}

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

@ -1101,11 +1101,9 @@ a.tag:hover {
background: #4F7E89;
text-align: center;
.row:first-child {
@media (max-device-width:480px), screen and (max-width:800px){
.row:first-of-type {
margin-bottom: 0;
}
}
}
.section.features .col {
padding-left: 40px;
@ -1116,6 +1114,7 @@ a.tag:hover {
@media (max-device-width:480px), screen and (max-width:800px){
padding-left: 20px;
width: 100%;
}
}
@ -1181,6 +1180,9 @@ a.tag:hover {
@media (max-width:1170px) and (min-width:900px){
width: 170px;
}
@media (max-device-width:480px), screen and (max-width:900px){
margin-right: auto!important;
}
}
.section .logo.fastco {
width: 262px;
@ -1221,6 +1223,7 @@ a.tag:hover {
margin: 0 auto .5em auto;
h3 {
margin-top: .5em;
text-align: center;
font-style: italic;
font-size: 1.4em;
@ -1397,10 +1400,15 @@ a.tag:hover {
}
}
.section.bottom-signup {
padding-top: 1em;
padding-bottom: 6.5em;
// padding-top: 1em;
// padding-bottom: 6.5em;
padding-top: 0;
background: #4F7E89;
padding-bottom: 7em;
a {
color: white;
text-decoration: underline;
font-weight:bold;
&:hover {
@ -1408,6 +1416,7 @@ a.tag:hover {
}
}
h2 {
color: white;
max-width: none;
}
}

23
views/index.erb
View file

@ -118,21 +118,21 @@
<div class="col intro">
<h2 class="section-header">Create your own free web site.</h2>
<p class="intro-text">
Neocities is a community of <a href="/browse"><%= @sites_count.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %> sites</a> that are bringing back the lost individual creativity of the web by giving everyone in the world a free web site. Anyone can make a site—only your imagination is required. Join us!
Neocities is a community of <a href="/browse"><%= @sites_count.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %> sites</a> that are bringing back the lost individual creativity of the web. We provide free hosting and tools that allow anyone to make a web site. Only your imagination is required. Join us!
</p>
<ul class="intro-List">
<li class="intro-Social">
<span class="intro-Icon"></span>
<h2 class="delta">Share your web creation with the world</h2>
<p class="base">
Follow your favorite Neocities sites to keep up with all their latest updates. Discover new websites related to your interests using Site Tags, comment on them, and share them. Unlimited creativity, zero ads.
Follow your favorite Neocities sites to keep up with all their latest updates. Discover new websites related to your interests using tags, comment on them, and share them. Unlimited creativity, zero ads.
</p>
</li>
<li class="intro-Tools">
<span class="intro-Icon"></span>
<h2 class="delta">Powerful new features to help you build</h2>
<p class="base">
We’ve made it easier to build your website and explore other sites. Neocities has an in-browser HTML editor, custom domain support, tag browsing (webrings), faster site loading, easy file uploading, RSS, subdirectory support, and much more.
We’ve made it easier to build your website and explore other sites. Neocities features an in-browser HTML editor, custom domain support, faster site loading, easy file uploading, RSS feeds, folder support, and much more.
</li>
</ul>
</div>
@ -179,7 +179,7 @@
<input type="text" class="input-Area" id="email-input" name="email" placeholder="me@example.com" data-placement="left" data-trigger="manual" autocapitalize="off" autocorrect="off" autocomplete="off" />
</div>
<div class="col col-50" style="padding-left:0;">
<div class="col col-50" style="padding-left:0; float: left; width: 50%!important;">
<label for="question_answer-input"><%= @question_first_number %> + <%= @question_last_number %> =</label>
<input type="text" class="input-Area" name="question_answer" placeholder="" data-placement="left" data-trigger="manual" autocapitalize="off" autocorrect="off" autocomplete="off" maxlength="2" style="width: 50%;" />
</div>
@ -276,30 +276,30 @@
-->
<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>
<h2 class="delta"><img src="/img/front-editor-screenshot.png"></h2>
<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"><img style="margin-top: .5em;" src="/img/front-editor-screenshot.png"></h2>
<div class="row">
<div class="col col-50">
<h3><i class="fa fa-eye-slash"></i>Zero advertising</h3>
<p>Neocities will never sell your personal data or embed advertising on your site. Instead, we are <a href="/plan">supporter</a> and <a href="/donate">donation</a> driven.</p>
<p>Neocities will never sell your personal data or embed advertising on your site. Instead, we are funded directly by our community through <a href="/plan">supporter plans</a> and <a href="/donate">donations</a>. This allows us to base all our decisions on making the best possible web building experience for you, rather than on appeasing ad companies.</p>
</div>
<div class="col col-50">
<h3><i class="fa fa-tachometer"></i>More space, speed, and security</h3>
<p>Neocities now uses distributed, globally-cached web servers in datacenters all over the world to serve your site. Whether it’s your personal home page, or a busy professional site, your site loads fast. And if you need more space, <a href="/plan">we've got you covered</a>. We also provide Snowden-grade SSL cryptography on all sites, preventing snoops from seeing what you browse.</p>
<p>Neocities now uses distributed, globally-cached web servers in datacenters all over the world to serve your site. Whether it’s your personal home page or a busy professional site, your site loads fast. And if you need more space, <a href="/plan">we've got you covered</a>. We also provide Snowden-grade SSL cryptography on all sites, preventing snoops from seeing what you browse.</p>
</div>
</div>
<div class="row">
<div class="col col-50">
<h3><i class="fa fa-wrench"></i>Developer tools</h3>
<p>We have an in-browser HTML editor, file uploading, mounting your site to your computer (just like Dropbox), powerful APIs for building developer applications, and much more!</p>
<p>We have an in-browser HTML editor, easy file uploading, WebDAV publishing, support for custom domains, RSS feeds for every site, powerful APIs for building developer applications, and much more!</p>
</div>
<div class="col col-50">
<h3><i class="fa fa-university"></i>Open Company</h3>
<p>Neocities is a member of the <a href="http://www.opencompany.org/" target="_blank">Open Company Initative</a>, working to help improve trustability in tech companies. We <a href="https://github.com/neocities" target="_blank">publish</a> the code that powers the site for inspection, and strive for openness in our company's operations. We want to win your trust - not lock you in.</p>
<p>Neocities is a member of the <a href="http://www.opencompany.org/" target="_blank">Open Company Initative</a>, working to help improve trustability in tech companies. We <a href="https://github.com/neocities" target="_blank">publish</a> the code that powers the site for inspection, and strive for openness in our company's operations. We want to win your trust—not lock you in.</p>
</div>
@ -339,8 +339,7 @@
<span class="footer-icon"></span>
<h2 class="delta">Support Us</h2>
<p class="tiny">
Neocities is funded exclusively by supporters and donations. If you’d like to contribute, you can help us
pay our server costs using CC, Bitcoin, or PayPal.
Neocities is funded by <a href="/plan">supporters</a> and <a href="/donate">donations</a>. If you’d like to contribute, you can help us pay our server costs using credit card, Bitcoin, or PayPal.
</p>
<a href="/donate" title="Donate to Neocities" class="action-Link">Donate Today</a>
</div>