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

http://i.imgur.com/xVyoSl.jpg

Browse source
This commit is contained in:
Kyle Drake 2013-07-13 20:43:02 -04:00
parent e7689a09df
commit 64eab634f6
8 changed files with 374 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
app.rb
View file

@ -31,7 +31,7 @@ end
get '/?' do
dashboard_if_signed_in
erb :index
erb :index, layout: false
end
get '/browse' do
@ -43,7 +43,15 @@ get '/browse' do
@page_count = site_dataset.page_count || 1
@sites = site_dataset.all
slim :browse
erb :browse
end
get '/tutorials' do
erb :'tutorials'
end
get '/donate' do
erb :'donate'
end
get '/blog' do
@ -130,7 +138,7 @@ get '/signout' do
end
get '/about' do
slim :'about'
erb :'about'
end
get '/site_files/new_page' do

50
views/_header.erb Normal file
View file

@ -0,0 +1,50 @@
<header class="header-Base">
<nav class="header-Nav clearfix" role="navigation">
<a href="#!" title="show small screen nav" class="small-Nav">
<img src="assets/img/nav-Icon.png" alt="navigation icon" />
</a>
<ul class="h-Nav constant-Nav">
<li>
<a href="/" title="back to the start">NeoCities</a>
</li>
<li>
<a href="/browse" title="Browse NeoCities member websites">Browse</a>
</li>
<li>
<a href="/tutorials" title="Learn to code with these tutorials">Tutorials</a>
</li>
<li>
<a href="/about" title="About NeoCities">About</a>
</li>
</ul>
<ul class="status-Nav">
<% if !signed_in? %>
<li>
<a href="/signin" class="sign-In" title="Sign into your account">Sign In</a>
</li>
<% else %>
<li>
<a href="/dashboard" class="sign-In">Dashboard</a>
</li>
<li>
<a href="/settings" class="sign-In">Settings</a>
</li>
<li>
<a href="/signout" class="sign-In">Signout</a>
</li>
<% end %>
</ul>
</nav>
<h1 class="logo int-Logo">
<a href="/" title="back to home">
<span class="hidden">NeoCities.org</span>
<img src="/assets/img/cat.png" alt="Neocities.org" />
</a>
</h1>
</header>

84
views/about.erb Normal file
View file

@ -0,0 +1,84 @@
<div class="content single-Col">
<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)
<a href="https://twitter.com/kyledrake/statuses/337706291801763841">May 23, 2013</a>
</blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<article>
<h2 class="txt-Center">
Help me keep the creative,<br />independent internet alive!
</h2>
<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>
<p>
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
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.
</p>
<p>
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
their own custom "Profile" where they can introduce themselves in a way that actually matters to them.
</p>
<p>
It's a big project (to make small sites), and I have a lot of work to do.
<b>But I can't do it without your help</b>.
</p>
<p>
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
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>
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.
</p>
<p>
Our creativity is too important to be commercialized. Help keep this idea alive by donating! $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!
</p>
</article>
<hr />
<section>
<h3 class="beta">Contributors:</h3>
<div class="row txt-Center">
<div class="col col-33">
<img src="https://si0.twimg.com/profile_images/378800000121798049/704971e82f39a40a931a65321a1992c4.jpeg" alt="kyle drake" class="pic-Rounded" />
<br />
<a href="https://twitter.com/kyledrake" title="Follow me on Twitter" class="eps">Kyle Drake</a>
</div>
<div class="col col-33">
<img src="https://si0.twimg.com/profile_images/2279466871/rqsa3yc6xqubsnexq30r.jpeg" alt="Victoria Wang" class="pic-Rounded" />
<br />
<a href="https://twitter.com/violasong"title="Follow me on Twitter" class="eps">Victoria Wang</a>
</div>
<div class="col col-33">
<img src="https://si0.twimg.com/profile_images/1740077575/asdf.jpg" alt="Scott O'Hara" class="pic-Rounded" />
<br />
<a href="https://twitter.com/scottohara" title="Follow me on Twitter" class="eps">Scott O'Hara</a>
</div>
</div>
<!-- other contributors
<div class="row txt-Center">
<div class="col col-33">
</div>
<div class="col col-33">
</div>
<div class="col col-33">
</div>
</div>
-->
</section>
</div> <!-- end .content -->

6
views/browse.erb Normal file
View file

@ -0,0 +1,6 @@
<div class="content">
Put browse code here
</div> <!-- end .content -->

79
views/donate.erb Normal file
View file

@ -0,0 +1,79 @@
<div class="content single-Col">
<article>
<h2 class="txt-Center">
Help me keep the creative,<br />independent internet alive!
</h2>
<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>
<p>
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
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.
</p>
<p>
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
their own custom "Profile" where they can introduce themselves in a way that actually matters to them.
</p>
<p>
It's a big project (to make small sites), and I have a lot of work to do.
<b>But I can't do it without your help</b>.
</p>
<p>
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
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>
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.
</p>
<p>
Our creativity is too important to be commercialized. Help keep this idea alive by donating! $100, $20, $5, a
free round of beers at your pub, speaking invites
<small><a target="_blank" href="http://slideshare.net/kyledrake">(I put on a pretty good show)</a></small>
so I can spread the word, free server hosting, anything helps. Thank you!
</p>
</article>
<hr />
<section>
<h3 class="beta">Contributors:</h3>
<div class="row txt-Center">
<div class="col col-33">
<img src="https://si0.twimg.com/profile_images/378800000121798049/704971e82f39a40a931a65321a1992c4.jpeg" alt="kyle drake" class="pic-Rounded" />
<br />
<a href="https://twitter.com/kyledrake" title="Follow me on Twitter" class="eps">Kyle Drake</a>
</div>
<div class="col col-33">
<img src="https://si0.twimg.com/profile_images/2279466871/rqsa3yc6xqubsnexq30r.jpeg" alt="Victoria Wang" class="pic-Rounded" />
<br />
<a href="https://twitter.com/violasong"title="Follow me on Twitter" class="eps">Victoria Wang</a>
</div>
<div class="col col-33">
<img src="https://si0.twimg.com/profile_images/1740077575/asdf.jpg" alt="Scott O'Hara" class="pic-Rounded" />
<br />
<a href="https://twitter.com/scottohara" title="Follow me on Twitter" class="eps">Scott O'Hara</a>
</div>
</div>
<!-- other contributors
<div class="row txt-Center">
<div class="col col-33">
</div>
<div class="col col-33">
</div>
<div class="col col-33">
</div>
</div>
-->
</section>
</div> <!-- end .content -->

102
views/layout.erb Normal file
View file

@ -0,0 +1,102 @@
<!doctype html>
<!--[if IE 8 ]><html lang="en" class="ieAll ie8"><![endif]-->
<!--[if IE 9 ]><html lang="en" class="ieAll ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en" itemscope itemtype="http://schema.org/Person"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Neocities.org: About Neocities.org</title>
<meta itemprop="name" content="NeoCities.org" />
<meta itemprop="description" content="ECreate 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" />
<link rel="canonical" href="http://www.neocities.org/" />
<!-- Open Graph __ Delete if not needed. -->
<meta property="og:title" content="NeoCities"/>
<meta property="og:site_name" content="NeoCities | neocities.org"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content=""/>
<meta property="og:url" content="http://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 content="pBkqwF1U/KpuF2+f0ZhSf8BnpxYgeU0boCTdnB3joGc=" name="csrf-token" />
<!-- Styles -->
<link href="assets/css/neo.min.css" rel="stylesheet" type="text/css" media="all"/>
<!-- If exists, brings over style blocks from child pages -->
<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-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 -->
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" />
<!-- oh vanity. -->
<link rel="author" type="text/plain" href="humans.txt" />
<!--[if lt IE 9]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="interior">
<div class="page">
<%= erb :'_header', layout: false %>
<main class="content-Base">
<%= yield %>
</main>
<footer class="footer-Base">
<aside class="footer-Outro">
<div class="footer-Content">
<div class="row">
<p class="tiny col col-60 credits">
<a href="index.html" title="NeoCities.org">Neocities.org</a> is an open source
project led by <a href="http://kyledrake.net/" title="learn about Kyle Drake">Kyle Drake</a>.
Fork us on <a href="https://github.com/kyledrake/neocities-web" title="Neocities on GitHub">GitHub</a>.
</p>
<nav class="footer-Nav col col-40">
<ul class="tiny h-Nav">
<!-- <li><a href="api" title="Neocities API">API</a></li> -->
<li><a href="terms" title="Neocities Terms of Use" rel="nofollow">Terms</a></li>
<li><a href="privacy" title="Neocities Privacy Policy" rel="nofollow">Privacy</a></li>
<li><a href="contact" title="Contact Us" rel="nofollow">Contact</a></li>
</ul>
</nav>
</div>
</div>
</aside>
</footer>
</div> <!-- end .page -->
<!-- scripts -->
<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 -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.
<script type="text/javascript>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src='//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
-->
</body>
</html>

37
views/layout.slim
View file

@ -11,35 +11,22 @@ html
meta property="og:description" content="NeoCities is the new Geocities. Create your own free home page, and do whatever you want with it."
meta name="csrf-token" content="#{csrf_token}"
script src="/js/jquery.min.js"
link href="/assets/css/neo.min.css" rel="stylesheet" type="text/css" media="all"
script src="/assets/scripts/app.min.js"
css:
body {
background-color: #f6f0e6;
}
body
a id="top"
== erb :'_header', layout: false
.container
.row
.span12
.navbar
.navbar-inner
a.brand href="/" NeoCities
ul.nav
li: a href="/browse" <b>Browse</b>
li: a href="/blog" <b>Blog</b>
li: a href="/about" <b>About</b>
ul.nav.pull-right
- if !signed_in?
li: a href="/signin" <b>Sign in</b>
- if signed_in?
.dropdown.pull-right
a.dropdown-toggle.navbar-text data-toggle="dropdown" href="#": strong style="color: #7AB800" #{current_site.username}
ul.dropdown-menu role="menu" aria-labelledby="dLabel"
li: a href="/dashboard" Dashboard
li: a href="/settings" Settings
li: a href="/signout" Signout
- flash.keys.each do |key|
div class="alert alert-#{key}"
button.close type="button" data-dismiss="alert" &times;

30
views/tutorials.erb Normal file
View file

@ -0,0 +1,30 @@
<div class="content single-Col">
<h2 class="alpha">
Learn to Code!
</h2>
<p class="delta">
We are currently building out our library of tutorials.
</p>
<p>
Until then, please check out the following links to get you started:
</p>
<ul>
<li>
<a href="http://www.htmldog.com/guides/html/beginner" title="Learn beginner HTML">HTML Beginner Tutorial</a>
</li>
<li>
<a href="http://www.w3schools.com/html/html_intro.asp" title="Learn beginner HTML from w3schoolsw">w3schools HTML Intro</a>
</li>
<li>
<a href="http://codepupil.com/" title="Learn from games">CodePupil.com teaches with games</a>
</li>
<li>
<a href="http://www.codecademy.com/tracks/web" title="online lessons">Online lessons at Codecademy.com</a>
</li>
</ul>
</div> <!-- end .content -->