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 'master' of github.com:neocities/neocities

Browse source
This commit is contained in:
Kyle Drake 2014-04-13 21:03:25 -07:00
commit 21fe0d524b
5 changed files with 135 additions and 136 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

84
views/about.erb
View file

@ -1,28 +1,28 @@
<div class="content single-Col"> <div class="content single-Col">
<blockquote class="twitter-tweet"> <blockquote class="twitter-tweet">
<p>I want to make another Geocities. Free web hosting, static HTML only, 10MB limit, anonymous, uncensored.</p>&mdash; Kyle Drake (@kyledrake) <p>I want to make another Geocities. Free web hosting, static HTML only, 10MB limit, anonymous, uncensored.</p>&mdash; Kyle Drake (@kyledrake)
<a href="https://twitter.com/kyledrake/statuses/337706291801763841">May 23, 2013</a> <a href="https://twitter.com/kyledrake/statuses/337706291801763841">May 23, 2013</a>
</blockquote> </blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<article> <article>
<h2 class="txt-Center"> <h2 class="txt-Center">
Help me keep the creative,<br />independent internet alive! Help me keep the creative,<br />independent Internet alive!
</h2> </h2>
<hr /> <hr />
<h3>My goal with NeoCities is to help bring back the creativity and free expression to the world wide web that made it great. I need your help.</h3> <h3>My goal with NeoCities is to help bring back the creativity and free expression to the world wide web that made it great. I need your help.</h3>
<p> <p>
I am tired of living in an online world where people are isolated from each other in I am tired of living in an online world where people are isolated from each other in
<b>boring, spied-on gated communities</b>, and are given generic templates which define what people are <b>boring, spied-on gated communities</b>, and are given generic templates which define what people are
supposed to know about each other. It's time we took back our personalities from these sterilized, lifeless, supposed to know about each other. It's time we took back our personalities from these sterilized, lifeless,
monetized, monitored entities and let our creativity flourish again. monetized, monitored entities and let our creativity flourish again.
</p> </p>
<p> <p>
That's where NeoCities comes in. I want to provide a canvas for people to make any web site they want. That's where NeoCities comes in. I want to provide a canvas for people to make any web site they want.
Whether it be a web site about something they're good at, something they love, something they hate, or Whether it be a web site about something they're good at, something they love, something they hate, or
their own custom "Profile" where they can introduce themselves in a way that actually matters to them. their own custom "Profile" where they can introduce themselves in a way that actually matters to them.
</p> </p>
<p> <p>
@ -30,46 +30,46 @@
<b>But I can't do it without your help</b>. <b>But I can't do it without your help</b>.
</p> </p>
<p> <p>
The technology has become affordable enough where we can provide this creative space without requiring a business The technology has become affordable enough where we can provide this creative space without requiring a business
plan that involves selling people out to the marketing industry. But it still costs money, especially since server plan that involves selling people out to the marketing industry. But it still costs money, especially since server
demand is so high right now. And there are some possible surprise costs I haven't figured out yet (bandwidth estimates are difficult). demand is so high right now. And there are some possible surprise costs I haven't figured out yet (bandwidth estimates are difficult).
<b>But if NeoCities can get enough donations, NeoCities can survive!</b> <b>But if NeoCities can get enough donations, NeoCities can survive!</b>
Together, we can prevent Together, we can prevent
<a target="_blank" href="http://www.business-standard.com/article/technology/yahoo-writes-geocities-obituary-109042500035_1.html" title="What did happen to GeoCities?">what happened to GeoCities</a> from happening again. <a target="_blank" href="http://www.business-standard.com/article/technology/yahoo-writes-geocities-obituary-109042500035_1.html" title="What did happen to GeoCities?">what happened to GeoCities</a> from happening again.
</p> </p>
<p> <p>
Our creativity is too important to be commercialized. <a href="/donate">Help keep this idea alive by donating!</a> $100, $20, $5, a Our creativity is too important to be commercialized. <a href="/donate">Help keep this idea alive by donating!</a> $100, $20, $5, a
free round of beers at your pub, speaking invites so we can spread the word, free server hosting, anything helps. Thank you! free round of beers at your pub, speaking invites so we can spread the word, free server hosting, anything helps. Thank you!
</p> </p>
</article> </article>
<hr /> <hr />
<section> <section>
<h3 class="beta">Contributors:</h3> <h3 class="beta">Contributors:</h3>
<div class="row txt-Center"> <div class="row txt-Center">
<div class="col col-33"> <div class="col col-33">
<a href="http://t.co/vmyU09oYC7" title="Visit Kyle's Website"> <a href="http://t.co/vmyU09oYC7" title="Visit Kyle's Website">
<img src="https://0.gravatar.com/avatar/62a43048a3c2c688654274abdc0ecb9c?d=https%3A%2F%2Fidenticons.github.com%2Ffde07ba82b25f95afa9d080819f95717.png&amp;r=x&amp;s=440" alt="kyle drake" class="pic-Rounded" /> <img src="https://0.gravatar.com/avatar/62a43048a3c2c688654274abdc0ecb9c?d=https%3A%2F%2Fidenticons.github.com%2Ffde07ba82b25f95afa9d080819f95717.png&amp;r=x&amp;s=440" alt="kyle drake" class="pic-Rounded" />
</a> </a>
<br /> <br />
<a href="https://twitter.com/kyledrake" title="Follow me on Twitter" class="eps">Kyle Drake</a> <a href="https://twitter.com/kyledrake" title="Follow me on Twitter" class="eps">Kyle Drake</a>
</div> </div>
<div class="col col-33"> <div class="col col-33">
<a href="http://t.co/e1x1XoD2qi" title="Visit Victoria's Website"> <a href="http://t.co/e1x1XoD2qi" title="Visit Victoria's Website">
<img src="https://1.gravatar.com/avatar/2b577f8b3e5ab79bc927ed5185c0eae0?d=https%3A%2F%2Fidenticons.github.com%2Fe03006819f4a835afa237716f6701c95.png&amp;r=x&amp;s=440" alt="Victoria Wang" class="pic-Rounded" /> <img src="https://1.gravatar.com/avatar/2b577f8b3e5ab79bc927ed5185c0eae0?d=https%3A%2F%2Fidenticons.github.com%2Fe03006819f4a835afa237716f6701c95.png&amp;r=x&amp;s=440" alt="Victoria Wang" class="pic-Rounded" />
</a> </a>
<br /> <br />
<a href="https://twitter.com/violasong" title="Follow me on Twitter" class="eps">Victoria Wang</a> <a href="https://twitter.com/violasong" title="Follow me on Twitter" class="eps">Victoria Wang</a>
</div> </div>
<div class="col col-33"> <div class="col col-33">
<a href="http://scottohara.me/" title="Visit Scott's Website"> <a href="http://scottohara.me/" title="Visit Scott's Website">
<img src="https://0.gravatar.com/avatar/6ade16e6184b3efb573ee91255ff7abe?d=https%3A%2F%2Fidenticons.github.com%2Fa6362986538cdcb93a8b04f6c3f66b5e.png&amp;r=x&amp;s=440" alt="Scott O'Hara" class="pic-Rounded" /> <img src="https://0.gravatar.com/avatar/6ade16e6184b3efb573ee91255ff7abe?d=https%3A%2F%2Fidenticons.github.com%2Fa6362986538cdcb93a8b04f6c3f66b5e.png&amp;r=x&amp;s=440" alt="Scott O'Hara" class="pic-Rounded" />
</a> </a>
<br /> <br />
<a href="https://twitter.com/scottohara" title="Follow me on Twitter" class="eps">Scott O'Hara</a> <a href="https://twitter.com/scottohara" title="Follow me on Twitter" class="eps">Scott O'Hara</a>
</div> </div>
</div> </div>
</section> </section>
</div> <!-- end .content --> </div> <!-- end .content -->

18
views/dashboard.slim
View file

@ -18,19 +18,19 @@ javascript:
.content-Base .content-Base
.row.content .row.content
.col.col-60 .col.col-60
h1 Your Website h1 Your Website
p These are the files on your site. <strong>index.html</strong> is the main page, it is the first page loaded when users visit your site. <strong>not_found.html</strong> is the page users see when they try to access a file on the site that's not there (it is also commonly referred to as the 404 page). p These are the files on your site. <strong>index.html</strong> is the main page, it is the first page loaded when users visit your site. <strong>not_found.html</strong> is the page users see when they try to access a file on the site that's not there (it is also commonly referred to as the 404 page).
- current_site.file_list.each do |file| - current_site.file_list.each do |file|
hr style="margin: 12px 0px" hr style="margin: 12px 0px"
.row style="margin-bottom: 0px" id="files" .row style="margin-bottom: 0px" id="files"
.col .col style="padding-left: 20px;"
a href="http://#{current_site.username}.neocities.org/#{file.filename}" title="View #{file.filename}" target="_blank" a href="http://#{current_site.username}.neocities.org/#{file.filename}" title="View #{file.filename}" target="_blank"
- if file.ext.match(/jpg|png|bmp|gif/) - if file.ext.match(/jpg|png|bmp|gif/)
i class="icon-picture icon": span style="margin-left: 5px" #{file.filename} i class="icon-picture icon": span style="margin-left: 5px" #{file.filename}
- else - else
i class="icon-file-alt icon": span style="margin-left: 10px;" #{file.filename} i class="icon-file-alt icon": span style="margin-left: 10px;" #{file.filename}
span style="float: right" span class="float-Right"
- if file.ext.match(/html|htm|txt|js|css|md/) - if file.ext.match(/html|htm|txt|js|css|md/)
a href="/site_files/text_editor/#{file.filename}" : i class="icon-edit" style="margin-right: 10px" title="Edit" a href="/site_files/text_editor/#{file.filename}" : i class="icon-edit" style="margin-right: 10px" title="Edit"
- else - else
@ -46,7 +46,7 @@ javascript:
.col.col-40 .col.col-40
div.txt-Center.dash-SS div.txt-Center.dash-SS
a href="http://#{current_site.username}.neocities.org" style="display:block" target="_blank": img src="/site_screenshots/#{current_site.username}.jpg" alt="screen shot" a href="http://#{current_site.username}.neocities.org" style="display:block" target="_blank": img src="/site_screenshots/#{current_site.username}.jpg" alt="screen shot"
br br
@ -55,22 +55,22 @@ javascript:
p: small p: small
| |
(access statistics updated hourly) (access statistics updated hourly)
.progress.progress-info.progress-striped .progress.progress-info.progress-striped
.bar style="width: #{(current_site.total_space / Site::MAX_SPACE.to_f) * 100}%" .bar style="width: #{(current_site.total_space / Site::MAX_SPACE.to_f) * 100}%"
h4.base.txt-Center h4.base.txt-Center
p Using #{((current_site.total_space.to_f / Site::MAX_SPACE) * 100).round(1)}% (#{current_site.total_space_in_megabytes}MB) of your #{(Site::MAX_SPACE.to_f / 2**20).to_i}MB of free space. p Using #{((current_site.total_space.to_f / Site::MAX_SPACE) * 100).round(1)}% (#{current_site.total_space_in_megabytes}MB) of your #{(Site::MAX_SPACE.to_f / 2**20).to_i}MB of free space.
div.txt-Center div.txt-Center
a href="/site_files/upload" class="btn-Action" style="margin-bottom:10px" Upload New Files a href="/site_files/upload" class="btn-Action" style="margin-bottom:10px" Upload New Files
br br
a href="/site_files/new_page" class="btn-Action" style="margin-bottom:10px" Create New HTML Page a href="/site_files/new_page" class="btn-Action" style="margin-bottom:10px" Create New HTML Page
br br
a href="/site_files/#{current_site.username}.zip" class="btn-Action" Download Entire Site a href="/site_files/#{current_site.username}.zip" class="btn-Action" Download Entire Site
hr hr
div div
<i class="icon-question-sign icon-3x"></i>&nbsp;&nbsp; <span style="font-size: 20pt">Need to learn web design?</span> <i class="icon-question-sign icon-3x"></i>&nbsp;&nbsp; <span style="font-size: 20pt">Need to learn web design?</span>
br br
@ -83,7 +83,7 @@ javascript:
form method="POST" action="/site_files/delete" id="deleteFilenameForm" form method="POST" action="/site_files/delete" id="deleteFilenameForm"
input name="csrf_token" type="hidden" value="#{csrf_token}" input name="csrf_token" type="hidden" value="#{csrf_token}"
input type="hidden" id="deleteFilenameInput" name="filename" input type="hidden" id="deleteFilenameInput" name="filename"
.modal.hide.fade id="deleteConfirmModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true" .modal.hide.fade id="deleteConfirmModal" tabindex="-1" role="dialog" aria-labelledby="deleteConfirmModalLabel" aria-hidden="true"
.modal-header .modal-header
button.close type="button" data-dismiss="modal" aria-hidden="true" x button.close type="button" data-dismiss="modal" aria-hidden="true" x

118
views/index.erb
View file

@ -4,15 +4,15 @@
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--> <!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Neocities.org: Create a Free website today</title> <title>Neocities.org: Create a Free website today</title>
<meta itemprop="name" content="NeoCities.org" /> <meta itemprop="name" content="NeoCities.org" />
<meta itemprop="description" content="Create your own free home page, and do whatever you want with it." /> <meta itemprop="description" content="Create your own free home page, and do whatever you want with it." />
<meta name="description" content="NeoCities is the new Geocities. Create your own free home page, and do whatever you want with it." /> <meta name="description" content="NeoCities is the new Geocities. Create your own free home page, and do whatever you want with it." />
<meta name="keywords" content="free website, html, css, learn to code, free hosting, build a website, create a web page" /> <meta name="keywords" content="free website, html, css, learn to code, free hosting, build a website, create a web page" />
<link rel="canonical" href="//neocities.org" /> <link rel="canonical" href="//neocities.org" />
<meta property="og:title" content="NeoCities"/> <meta property="og:title" content="NeoCities"/>
<meta property="og:site_name" content="NeoCities | neocities.org"/> <meta property="og:site_name" content="NeoCities | neocities.org"/>
<meta property="og:type" content="website"/> <meta property="og:type" content="website"/>
@ -20,37 +20,33 @@
<meta property="og:url" content="//www.neocities.org"/> <meta property="og:url" content="//www.neocities.org"/>
<meta property="og:description" content="NeoCities is the new Geocities. Create your own free home page, and do whatever you want with it."/> <meta property="og:description" content="NeoCities is the new Geocities. Create your own free home page, and do whatever you want with it."/>
<meta content="pBkqwF1U/KpuF2+f0ZhSf8BnpxYgeU0boCTdnB3joGc=" name="csrf-token" /> <meta content="pBkqwF1U/KpuF2+f0ZhSf8BnpxYgeU0boCTdnB3joGc=" name="csrf-token" />
<!-- Styles --> <!-- Styles -->
<link href="assets/css/neo.min.css" rel="stylesheet" type="text/css" media="all"/> <link href="assets/css/neo.min.css" rel="stylesheet" type="text/css" media="all"/>
<!-- If exists, brings over style blocks from child pages --> <!-- If exists, brings over style blocks from child pages -->
<link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="#apple-icon-144.png" /> <link rel="apple-touch-icon-precomposed" href="#apple-icon-144.png" />
<link rel="apple-touch-startup-image" href="#startup.png" /> <link rel="apple-touch-startup-image" href="#startup.png" />
<!-- Tile icon for Win8 (144x144 + tile color) __doesn't validate__
<meta name="msapplication-TileImage" content="#apple-icon-144.png" />
<meta name="msapplication-TileColor" content="#222222" />
-->
<!-- Mobile Meta --> <!-- Mobile Meta -->
<meta name="HandheldFriendly" content="True" /> <meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" /> <meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" /> <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" />
<!-- oh vanity. --> <!-- oh vanity. -->
<link rel="author" type="text/plain" href="humans.txt" /> <link rel="author" type="text/plain" href="humans.txt" />
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script type="text/javascript" src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script type="text/javascript" src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body class="hp"> <body class="hp">
<div class="page"> <div class="page">
<header class="header-Base"> <header class="header-Base">
<nav class="header-Nav clearfix" role="navigation"> <nav class="header-Nav clearfix" role="navigation">
<a href="#!" title="show small screen nav" class="small-Nav"> <a href="#!" title="show small screen nav" class="small-Nav">
@ -73,9 +69,9 @@
<a href="/about" title="About NeoCities">About</a> <a href="/about" title="About NeoCities">About</a>
</li> </li>
</ul> </ul>
<ul class="status-Nav"> <ul class="status-Nav">
<% if !signed_in? %> <% if !signed_in? %>
<li> <li>
<a href="/signin" class="sign-In" title="Sign into your account">Sign In</a> <a href="/signin" class="sign-In" title="Sign into your account">Sign In</a>
@ -91,10 +87,10 @@
<a href="/signout" class="sign-In">Signout</a> <a href="/signout" class="sign-In">Signout</a>
</li> </li>
<% end %> <% end %>
</ul> </ul>
</nav> </nav>
<% if flash.keys.length > 0 %> <% if flash.keys.length > 0 %>
<div class="alert txt-Center"> <div class="alert txt-Center">
<p style="padding:5px"> <p style="padding:5px">
@ -104,8 +100,8 @@
</p> </p>
</div> </div>
<% end %> <% end %>
<div class="int-Logo hp-Logo"> <div class="int-Logo hp-Logo">
<a href="/" title="back to home"> <a href="/" title="back to home">
@ -124,13 +120,13 @@
<div class="header-Outro"> <div class="header-Outro">
<div class="row header-Content content"> <div class="row header-Content content">
<ul class="col col-50 intro-List"> <ul class="col col-50 intro-List">
<li class="intro-Tools"> <li class="intro-Tools">
<span class="intro-Icon"></span> <span class="intro-Icon"></span>
<h2 class="eps">Create your own free website</h2> <h2 class="eps">Create your own free website</h2>
<p class="tiny"> <p class="tiny">
You get 10 MB of space to make whatever you’d like with HTML, CSS, JS, IMG, TXT, and MD files. You get 10 MB of space to make whatever you’d like with HTML, CSS, JS, IMG, TXT, and MD files.
</p> </p>
</li> </li>
<li class="intro-Question"> <li class="intro-Question">
@ -141,11 +137,11 @@
</p> </p>
</li> </li>
</ul> </ul>
<div class="col col-50 signup-Area"> <div class="col col-50 signup-Area">
<% if signed_in? %> <% if signed_in? %>
<div class="signup-Form"> <div class="signup-Form">
<div class="content"> <div class="content">
<h2 class="gamma txt-Center">Build your Website!</h2> <h2 class="gamma txt-Center">Build your Website!</h2>
@ -158,7 +154,7 @@
<a href="/dashboard" class="btn-Action">Get Started</a> <a href="/dashboard" class="btn-Action">Get Started</a>
</div> </div>
</div> </div>
<% else %> <% else %>
<form action="/new" method="get" class="signup-Form"> <form action="/new" method="get" class="signup-Form">
<fieldset class="content"> <fieldset class="content">
@ -169,11 +165,11 @@
<input type="submit" value="Create My Website" class="btn-Action float-Right" /> <input type="submit" value="Create My Website" class="btn-Action float-Right" />
</fieldset> </fieldset>
</form> </form>
<% end %> <% end %>
</div> <!-- end .col-50 --> </div> <!-- end .col-50 -->
</div> <!-- end .row --> </div> <!-- end .row -->
</div> <!-- end .header-Outro --> </div> <!-- end .header-Outro -->
@ -181,13 +177,13 @@
</header> </header>
<main class="content-Base"> <main class="content-Base">
<div class="content"> <div class="content">
<section class="featured-Websites clearfix"> <section class="featured-Websites clearfix">
<h2 class="delta">Featured Websites</h2> <h2 class="delta">Featured Websites</h2>
<ul class="row website-Gallery hp-Gallery"> <ul class="row website-Gallery hp-Gallery">
<li> <li>
<a href="http://dragonquest.neocities.org/" title="The Quest of Dragons" target="_blank"> <a href="http://dragonquest.neocities.org/" title="The Quest of Dragons" target="_blank">
@ -234,37 +230,37 @@
<div class="txt-Center" style="margin-top: 15px"> <div class="txt-Center" style="margin-top: 15px">
<a href="/browse" title="Browse all Neocities websites" class="btn-Action btn-Large">Browse All Websites</a> <a href="/browse" title="Browse all Neocities websites" class="btn-Action btn-Large">Browse All Websites</a>
</div> </div>
</section> <!-- end .featured-Websites --> </section> <!-- end .featured-Websites -->
<hr /> <hr />
<aside class="row"> <aside class="row">
<div class="col col-50"> <div class="col col-50">
<div class="content"> <div class="content">
<h3 class="delta">Learn to Code</h3> <h3 class="delta">Learn to Code</h3>
<p> <p>
Don't know how to code a website? No problem! Don't know how to code a website? No problem!
We're working on a batch of tutorials that will show you the way. We're working on a batch of tutorials that will show you the way.
</p> </p>
<code> <code>
<span class="code-Tag">&lt;h1&gt;</span>Welcome to my website!<span class="code-Tag">&lt;/h1&gt;</span><br /> <span class="code-Tag">&lt;h1&gt;</span>Welcome to my website!<span class="code-Tag">&lt;/h1&gt;</span><br />
<span class="code-Tag">&lt;a</span> href="<span class="code-Value">about.html</span>">About Me<span class="code-Tag">&lt;/a&gt;</span><br /> <span class="code-Tag">&lt;a</span> href="<span class="code-Value">about.html</span>">About Me<span class="code-Tag">&lt;/a&gt;</span><br />
<span class="code-Tag">&lt;img</span> src="<span class="code-Value">me.jpg</span>" alt="<span class="code-Value">photo of me</span>" <span class="code-Tag">/&gt;</span> <span class="code-Tag">&lt;img</span> src="<span class="code-Value">me.jpg</span>" alt="<span class="code-Value">photo of me</span>" <span class="code-Tag">/&gt;</span>
</code> </code>
</div> </div>
</div> <!-- end .col-50 --> </div> <!-- end .col-50 -->
<div class="col col-50"> <div class="col col-50">
<div class="content"> <div class="content">
<h3 class="delta">What People Are Saying</h3> <h3 class="delta">What People Are Saying</h3>
<ul class="quote-Slider kill-List"> <ul class="quote-Slider kill-List">
<li class="quote"> <li class="quote">
<blockquote> <blockquote>
@ -273,16 +269,16 @@
<a href="http://web.appstorm.net/reviews/web-dev/neocities-the-free-place-to-code-your-own-site-from-scratch/" title="App Storm" class="action-Link">Source link</a> <a href="http://web.appstorm.net/reviews/web-dev/neocities-the-free-place-to-code-your-own-site-from-scratch/" title="App Storm" class="action-Link">Source link</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> <!-- end .col-50 --> </div> <!-- end .col-50 -->
</aside> <!-- end .row --> </aside> <!-- end .row -->
</div> <!-- end .content --> </div> <!-- end .content -->
</main> </main>
<footer class="footer-Base"> <footer class="footer-Base">
<section class="footer-Intro"> <section class="footer-Intro">
<div class="footer-Content"> <div class="footer-Content">
@ -292,7 +288,7 @@
<span class="footer-icon"></span> <span class="footer-icon"></span>
<h2 class="delta">Support Us</h2> <h2 class="delta">Support Us</h2>
<p class="tiny"> <p class="tiny">
NeoCities is funded by donations. If you’d like to contribute, you can help us NeoCities is funded by donations. If you’d like to contribute, you can help us
pay our server costs using Bitcoin or PayPal. pay our server costs using Bitcoin or PayPal.
</p> </p>
<a href="/donate" title="Donate to NeoCities" class="action-Link">Donate Today</a> <a href="/donate" title="Donate to NeoCities" class="action-Link">Donate Today</a>
@ -303,7 +299,7 @@
<span class="footer-icon"></span> <span class="footer-icon"></span>
<h2 class="delta">About Us</h2> <h2 class="delta">About Us</h2>
<p class="tiny"> <p class="tiny">
NeoCities is here to bring back the creativity and NeoCities is here to bring back the creativity and
free expression to the world wide web that made it great. free expression to the world wide web that made it great.
</p> </p>
<a href="/about" title="More about NeoCities" class="action-Link">More About Us</a> <a href="/about" title="More about NeoCities" class="action-Link">More About Us</a>
@ -329,7 +325,7 @@
<p class="tiny col col-60 credits"> <p class="tiny col col-60 credits">
<a href="http://neocities.org" title="NeoCities.org">Neocities.org</a> is an <a href="https://github.com/neocities" title="Neocities on GitHub">open source</a> company. <a href="http://neocities.org" title="NeoCities.org">Neocities.org</a> is an <a href="https://github.com/neocities" title="Neocities on GitHub">open source</a> company.
</p> </p>
<nav class="footer-Nav col col-40"> <nav class="footer-Nav col col-40">
<ul class="tiny h-Nav"> <ul class="tiny h-Nav">
<!-- <li><a href="api" title="NeoCities API">API</a></li> --> <!-- <li><a href="api" title="NeoCities API">API</a></li> -->
@ -343,22 +339,22 @@
</aside> </aside>
</footer> </footer>
</div> <!-- end .page --> </div> <!-- end .page -->
<!-- scripts --> <!-- scripts -->
<script src="assets/scripts/jquery-1.10.1.min.js"></script> <script src="assets/scripts/jquery-1.10.1.min.js"></script>
<script src="assets/scripts/app.min.js"></script> <!-- Script block allowing child pages to inject their own scripts --> <script src="assets/scripts/app.min.js"></script> <!-- Script block allowing child pages to inject their own scripts -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. <!-- Google Analytics: change UA-XXXXX-X to be your site's ID.
<script type="text/javascript> <script type="text/javascript>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src='//www.google-analytics.com/ga.js'; g.src='//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script')); s.parentNode.insertBefore(g,s)}(document,'script'));
</script> </script>
--> -->
</body> </body>
</html> </html>

24
views/templates/index.slim
View file

@ -1,31 +1,31 @@
doctype html doctype html
html html
head head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" meta charset=UTF-8"
title #{username} title #{username}
meta name="description" content="" meta name="description" content=""
meta name="keywords" content="" meta name="keywords" content=""
link href="//groundfloor.neocities.org/default.css" rel="stylesheet" type="text/css" media="all" link href="//groundfloor.neocities.org/default.css" rel="stylesheet" media="all"
<!--[if lt IE 9]> <!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]--> <![endif]-->
body body
header header
h1 Welcome to my Website! h1 Welcome to my Website!
nav nav
ul ul
li li
<a href="/">Home</a> <a href="/">Home</a>
main main
p This is a new page! Coming soon. p This is a new page! Coming soon.
p This page uses <strong>Ground Floor</strong> to style the page, <a href="//groundfloor.neocities.org" target="_blank">click here</a> to see some code examples. You can opt-out of this style and make your own design by removing the "default.css" link in the HTML. p This page uses <strong>Ground Floor</strong> to style the page, <a href="//groundfloor.neocities.org" target="_blank">click here</a> to see some code examples. You can opt-out of this style and make your own design by removing the "default.css" link in the HTML.
footer footer
p Copyright 2013 p Copyright 2014

27
views/tutorials.erb
View file

@ -3,19 +3,19 @@
<h2 class="alpha"> <h2 class="alpha">
Learn to Code! Learn to Code!
</h2> </h2>
<p class="delta"> <p class="delta">
We are currently building out our library of tutorials. We are currently building out our library of tutorials.
</p> </p>
<p> <p>
Until then, please check out the following links to get you started: Until then, please check out the following links to get you started:
</p> </p>
<h3>HTML</h3> <h3>HTML</h3>
<p>HTML is short for "HyperText Markup Language", and is the basic building block used to build all web sites.</p> <p>HTML is short for "HyperText Markup Language", and is the basic building block used to build all web sites.</p>
<ul> <ul>
<li> <li>
<a href="http://www.htmldog.com/guides/html/beginner" title="Learn beginner HTML">HTML Beginner Tutorial</a> <a href="http://www.htmldog.com/guides/html/beginner" title="Learn beginner HTML">HTML Beginner Tutorial</a>
@ -30,17 +30,17 @@
<a href="http://www.codecademy.com/tracks/web" title="online lessons">Online lessons at Codecademy.com</a> <a href="http://www.codecademy.com/tracks/web" title="online lessons">Online lessons at Codecademy.com</a>
</li> </li>
</ul> </ul>
<h3>CSS</h3> <h3>CSS</h3>
<p>CSS is short for "Cascading Style Sheets", which is the code used to set the style of your web pages. It is embedded in your HTML, and directs how your web site should look. If HTML was your house, CSS would be what allows you to decorate the way it looks.</p> <p>CSS is short for "Cascading Style Sheets", which is the code used to set the style of your web pages. It is embedded in your HTML, and directs how your web site should look. If HTML was your house, CSS would be what allows you to decorate the way it looks.</p>
<ul> <ul>
<li> <li>
<a href="https://developer.mozilla.org/en-US/learn/css" title="Learn beginner CSS from Mozilla">Mozilla Learn CSS Resources</a> <a href="https://developer.mozilla.org/en-US/learn/css" title="Learn beginner CSS from Mozilla">Mozilla Learn CSS Resources</a>
</li> </li>
</ul> </ul>
<h3>CSS Frameworks</h3> <h3>CSS Frameworks</h3>
<p>CSS frameworks are pre-built CSS styles that make it easy to quickly build a nice looking web page, without having to "roll your own" set of styles. NeoCities itself uses one as the basis for our design (Brass Tacks). They are very useful, and definitely worth checking out once you have an understanding of how CSS works.</p> <p>CSS frameworks are pre-built CSS styles that make it easy to quickly build a nice looking web page, without having to "roll your own" set of styles. NeoCities itself uses one as the basis for our design (Brass Tacks). They are very useful, and definitely worth checking out once you have an understanding of how CSS works.</p>
@ -52,15 +52,18 @@
<a href="http://purecss.io/" title="Yahoo!'s Pure CSS" target="_blank">Pure</a> <a href="http://purecss.io/" title="Yahoo!'s Pure CSS" target="_blank">Pure</a>
</li> </li>
<li> <li>
<a href="https://github.com/bleachedgraphics/Brass-Tacks" title="Brass Tacks (currently in Alpha. More updates to come)" target="_blank">Brass Tacks</a> <a href="https://github.com/scottaohara/Brass-Tacks" title="Brass Tacks Sass Framework" target="_blank">Brass Tacks</a>
</li>
<li>
<a href="https://github.com/owenversteeg/min" title="Min: the world's smallest (995 bytes) CSS framework" target="_blank">Min</a>
</li> </li>
</ul> </ul>
<h3>JavaScript</h3> <h3>JavaScript</h3>
<p>JavaScript is the programming language that comes standard with all web browsers. You can embed JavaScript code into your HTML to allow you to program your web sites to do things. JavaScript was once a weak language with a lot of problems, but it is now a very fast and powerful language that is used for both web browsers and for complicated server backends (with Node.js). It is a great beginners language if you want to learn how to program, and can be used to perform almost any kind of program.</p> <p>JavaScript is the programming language that comes standard with all web browsers. You can embed JavaScript code into your HTML to allow you to program your web sites to do things. JavaScript was once a weak language with a lot of problems, but it is now a very fast and powerful language that is used for both web browsers and for complicated server backends (with Node.js). It is a great beginners language if you want to learn how to program, and can be used to perform almost any kind of program.</p>
<ul> <ul>
<li><a href="https://developer.mozilla.org/en-US/learn/javascript">Mozilla Learn JavaScript Resources</a></li> <li><a href="https://developer.mozilla.org/en-US/learn/javascript">Mozilla Learn JavaScript Resources</a></li>
</ul> </ul>
</div> <!-- end .content --> </div> <!-- end .content -->