redesign
included all dev and production files for new redesign. the index file has a different layout than the interior page files. for more in-depth look into how these are set up, look in the templates > includes & layouts folders. I used .liquid files to create these pages, and all the content for the files are in there, with the base layout stuff in the includes and layout files. check the converted-html folder to see how everything should look. (test it on an android phone. should look good now) :)
230
files/new-Design/converted-html/404.html
Normal file
|
@ -0,0 +1,230 @@
|
|||
<!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: </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="hp">
|
||||
|
||||
<div class="page">
|
||||
|
||||
<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="index.html" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="browse.html" title="Browse NeoCities member websites">Browse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tutorials.html" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.html" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
<li>
|
||||
<a href="#!" class="sign-In" title="Sign into your account">Sign In</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<div class="logo int-Logo hp-Logo">
|
||||
<a href="index.html" title="back to home">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/cat.png" alt="Neocities.org" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<section class="header-Intro">
|
||||
<h1 class="logo header-Content">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/neocities-Logo.png" alt="Neocities.org" />
|
||||
</h1>
|
||||
</section>
|
||||
|
||||
<div class="header-Outro">
|
||||
|
||||
<div class="row header-Content">
|
||||
|
||||
<ul class="col col-50 intro-List">
|
||||
<li class="intro-Tools">
|
||||
<span class="intro-Icon"></span>
|
||||
<h2 class="delta">Create your own free website</h2>
|
||||
<p class="tiny">
|
||||
You get 10 MB of space to make whatever you’d like with HTML, CSS, JS, IMG, TXT, and MD files.
|
||||
</p>
|
||||
</li>
|
||||
<li class="intro-Question">
|
||||
<span class="intro-Icon"></span>
|
||||
<h2 class="delta">Don't know how to code?</h2>
|
||||
<p class="tiny">
|
||||
Coming soon: Coding tutorials that anyone can follow!
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="col col-50 signup-Area">
|
||||
|
||||
<form action="#" method="post" class="signup-Form">
|
||||
<fieldset class="content">
|
||||
<h2 class="gamma">Get Started Now</h2>
|
||||
<hr />
|
||||
<input type="text" class="input-Area" id="create-Input" name="username" placeholder="website name" />
|
||||
<label for="create-Input">.neocities.org</label>
|
||||
<input type="submit" value="Create My Website" class="btn-Action float-Right" />
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div> <!-- end .col-50 -->
|
||||
|
||||
</div> <!-- end .row -->
|
||||
|
||||
</div> <!-- end .header-Outro -->
|
||||
|
||||
</header>
|
||||
|
||||
<main class="content-Base">
|
||||
|
||||
<section class="content">
|
||||
|
||||
<h1 class="giga">404</h1>
|
||||
<p>Normally a 'sorry, but bla bla bla' message would go here. But quite frankly, you probably did something stupid.</p>
|
||||
<p>
|
||||
Use the navigation above to go to one of the pages you clearly didn't know how to spell into your address bar.
|
||||
</p>
|
||||
|
||||
</section> <!-- end .content -->
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="footer-Base">
|
||||
<section class="footer-Intro">
|
||||
<div class="footer-Content">
|
||||
<div class="row">
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-1 clearfix">
|
||||
<h2 class="delta">Support Us</h2>
|
||||
<p class="tiny">
|
||||
Neocities is funded by donations. If you’d like to contribute, you can help us
|
||||
pay our server costs using <a href="#!" title="donate with Bitcoin">Bitcoin</a>
|
||||
or <a href="#!" title="donate with PayPal">PayPal</a>.
|
||||
</p>
|
||||
<a href="#!" title="donate to Neocities" class="action-Link">Donate Today</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-2 clearfix">
|
||||
<h2 class="delta">About Neocities</h2>
|
||||
<p class="tiny">
|
||||
Neocities is here to bring back the creativity and
|
||||
free expression to the world wide web that made it great.
|
||||
</p>
|
||||
<a href="#!" title="more about Neocities" class="action-Link">More About Us</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-3 clearfix">
|
||||
<h2 class="delta">Latest News</h2>
|
||||
<p class="tiny">
|
||||
derp
|
||||
</p>
|
||||
<a href="#!" title="read about Neocities news and updates" class="action-Link">Read More News</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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 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>
|
224
files/new-Design/converted-html/about.html
Normal file
|
@ -0,0 +1,224 @@
|
|||
<!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">
|
||||
|
||||
<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="index.html" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="browse.html" title="Browse NeoCities member websites">Browse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tutorials.html" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.html" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
<li>
|
||||
<a href="#!" class="sign-In" title="Sign into your account">Sign In</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<h1 class="logo int-Logo">
|
||||
<a href="index.html" title="back to home">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/cat.png" alt="Neocities.org" />
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="content-Base">
|
||||
|
||||
<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>— 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
|
||||
<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 -->
|
||||
|
||||
</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>
|
0
files/new-Design/converted-html/assets/css/master.css
Normal file
1279
files/new-Design/converted-html/assets/css/neo.css
Normal file
1
files/new-Design/converted-html/assets/css/neo.min.css
vendored
Normal file
BIN
files/new-Design/converted-html/assets/img/border.png
Normal file
After Width: | Height: | Size: 985 B |
BIN
files/new-Design/converted-html/assets/img/cat.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
files/new-Design/converted-html/assets/img/drop-Arrow.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
files/new-Design/converted-html/assets/img/featured/test.jpg
Normal file
After Width: | Height: | Size: 7.3 KiB |
BIN
files/new-Design/converted-html/assets/img/icons.png
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
files/new-Design/converted-html/assets/img/nav-Icon.png
Normal file
After Width: | Height: | Size: 173 B |
BIN
files/new-Design/converted-html/assets/img/neocities-Logo.png
Normal file
After Width: | Height: | Size: 29 KiB |
BIN
files/new-Design/converted-html/assets/img/neocity.jpg
Normal file
After Width: | Height: | Size: 28 KiB |
BIN
files/new-Design/converted-html/assets/img/sign-up-bg.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
26
files/new-Design/converted-html/assets/scripts/app.js
Normal file
|
@ -0,0 +1,26 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
// do scrolly things on scroll
|
||||
$(window).bind('scroll', function(){
|
||||
if($(this).scrollTop() > 460) {
|
||||
$(".header-Nav").addClass('add-Stripe');
|
||||
}
|
||||
if($(this).scrollTop() < 460) {
|
||||
$(".header-Nav").removeClass('add-Stripe');
|
||||
}
|
||||
|
||||
if($(this).scrollTop() > 100) {
|
||||
$(".hp-Logo").addClass('in-View');
|
||||
$(".constant-Nav").addClass('in-View');
|
||||
}
|
||||
if($(this).scrollTop() < 100) {
|
||||
$(".hp-Logo").removeClass('in-View');
|
||||
$(".constant-Nav").removeClass('in-View');
|
||||
}
|
||||
});
|
||||
|
||||
$('.small-Nav').click(function(){
|
||||
$('.header-Nav').toggleClass('show-Nav');
|
||||
})
|
||||
|
||||
});
|
1
files/new-Design/converted-html/assets/scripts/app.min.js
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
$(document).ready(function(){$(window).bind("scroll",function(){$(this).scrollTop()>460&&$(".header-Nav").addClass("add-Stripe"),460>$(this).scrollTop()&&$(".header-Nav").removeClass("add-Stripe"),$(this).scrollTop()>100&&($(".hp-Logo").addClass("in-View"),$(".constant-Nav").addClass("in-View")),100>$(this).scrollTop()&&($(".hp-Logo").removeClass("in-View"),$(".constant-Nav").removeClass("in-View"))}),$(".small-Nav").click(function(){$(".header-Nav").toggleClass("show-Nav")})});
|
4
files/new-Design/converted-html/assets/scripts/html5.js
Normal file
|
@ -0,0 +1,4 @@
|
|||
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp
|
||||
// html5shiv @rem remysharp.com/html5-enabling-script
|
||||
// Dual licensed under the MIT or GPL Version 2 licenses
|
||||
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/
|
1
files/new-Design/converted-html/assets/scripts/html5.min.js
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/
|
6
files/new-Design/converted-html/assets/scripts/jquery-1.10.1.min.js
vendored
Normal file
144
files/new-Design/converted-html/browse.html
Normal file
|
@ -0,0 +1,144 @@
|
|||
<!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: Browse Member Websites</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">
|
||||
|
||||
<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="index.html" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="browse.html" title="Browse NeoCities member websites">Browse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tutorials.html" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.html" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
<li>
|
||||
<a href="#!" class="sign-In" title="Sign into your account">Sign In</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<h1 class="logo int-Logo">
|
||||
<a href="index.html" title="back to home">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/cat.png" alt="Neocities.org" />
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="content-Base">
|
||||
|
||||
<div class="content">
|
||||
|
||||
Put browse code here
|
||||
|
||||
|
||||
</div> <!-- end .content -->
|
||||
|
||||
</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>
|
155
files/new-Design/converted-html/dashboard.html
Normal file
|
@ -0,0 +1,155 @@
|
|||
<!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: Dashboard</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">
|
||||
|
||||
<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="index.html" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="browse.html" title="Browse NeoCities member websites">Browse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tutorials.html" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.html" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
<li>
|
||||
<a href="#!" class="sign-In" title="Sign into your account">Sign In</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<h1 class="logo int-Logo">
|
||||
<a href="index.html" title="back to home">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/cat.png" alt="Neocities.org" />
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="content-Base">
|
||||
|
||||
<div class="content">
|
||||
|
||||
<h2>Your website</h2>
|
||||
|
||||
<section class="row">
|
||||
<div class="col col-60">
|
||||
put left side code here
|
||||
</div>
|
||||
|
||||
<div class="col col-40">
|
||||
put right side code here
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
|
||||
</div> <!-- end .content -->
|
||||
|
||||
</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>
|
BIN
files/new-Design/converted-html/favicon.ico
Normal file
After Width: | Height: | Size: 59 KiB |
63
files/new-Design/converted-html/humans.txt
Normal file
|
@ -0,0 +1,63 @@
|
|||
# humanstxt.org/
|
||||
# The humans responsible & technology colophon
|
||||
|
||||
/* ****************************************************************************
|
||||
*
|
||||
* The Team:
|
||||
*
|
||||
**************************************************************************** */
|
||||
|
||||
Kyle Drake:
|
||||
Creator, Lead Developer
|
||||
Website: http://kyledrake.net/
|
||||
Twitter: @kyledrake
|
||||
Location: Portland, OR
|
||||
|
||||
|
||||
Scott O'Hara:
|
||||
Front-End Developer, Design, Ground Floor
|
||||
Website: http://www.scottohara.me/
|
||||
Twitter: @scottohara
|
||||
Location: Boston, MA
|
||||
|
||||
Victoria Wang:
|
||||
Design, Tutorial Lead
|
||||
Website: http://www.violasong.com/
|
||||
Twitter: @violasong
|
||||
Location: Chicago,IL
|
||||
|
||||
|
||||
/* ****************************************************************************
|
||||
*
|
||||
* Thanks To:
|
||||
*
|
||||
**************************************************************************** */
|
||||
|
||||
Name: name or url
|
||||
|
||||
|
||||
/* ****************************************************************************
|
||||
*
|
||||
* Website Info:
|
||||
*
|
||||
**************************************************************************** */
|
||||
|
||||
Last update: 2013/MM/DD
|
||||
|
||||
SCSS
|
||||
http://sass-lang.com/
|
||||
|
||||
jQuery
|
||||
http://jquery.com/
|
||||
|
||||
Ground Floor
|
||||
https://github.com/bleachedgraphics/Ground-Floor
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
317
files/new-Design/converted-html/index.html
Normal file
|
@ -0,0 +1,317 @@
|
|||
<!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: Create a Free website today</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="hp">
|
||||
|
||||
<div class="page">
|
||||
|
||||
<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="index.html" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="browse.html" title="Browse NeoCities member websites">Browse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tutorials.html" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.html" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
<li>
|
||||
<a href="#!" class="sign-In" title="Sign into your account">Sign In</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<div class="logo int-Logo hp-Logo">
|
||||
<a href="index.html" title="back to home">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/cat.png" alt="Neocities.org" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<section class="header-Intro">
|
||||
<h1 class="logo header-Content">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/neocities-Logo.png" alt="Neocities.org" />
|
||||
</h1>
|
||||
</section>
|
||||
|
||||
<div class="header-Outro">
|
||||
|
||||
<div class="row header-Content">
|
||||
|
||||
<ul class="col col-50 intro-List">
|
||||
<li class="intro-Tools">
|
||||
<span class="intro-Icon"></span>
|
||||
<h2 class="delta">Create your own free website</h2>
|
||||
<p class="tiny">
|
||||
You get 10 MB of space to make whatever you’d like with HTML, CSS, JS, IMG, TXT, and MD files.
|
||||
</p>
|
||||
</li>
|
||||
<li class="intro-Question">
|
||||
<span class="intro-Icon"></span>
|
||||
<h2 class="delta">Don't know how to code?</h2>
|
||||
<p class="tiny">
|
||||
Coming soon: Coding tutorials that anyone can follow!
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="col col-50 signup-Area">
|
||||
|
||||
<form action="#" method="post" class="signup-Form">
|
||||
<fieldset class="content">
|
||||
<h2 class="gamma">Get Started Now</h2>
|
||||
<hr />
|
||||
<input type="text" class="input-Area" id="create-Input" name="username" placeholder="website name" />
|
||||
<label for="create-Input">.neocities.org</label>
|
||||
<input type="submit" value="Create My Website" class="btn-Action float-Right" />
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div> <!-- end .col-50 -->
|
||||
|
||||
</div> <!-- end .row -->
|
||||
|
||||
</div> <!-- end .header-Outro -->
|
||||
|
||||
</header>
|
||||
|
||||
<main class="content-Base">
|
||||
|
||||
<div class="content">
|
||||
|
||||
<section class="featured-Websites clearfix">
|
||||
|
||||
<h2 class="delta">Featured Websites</h2>
|
||||
|
||||
<ul class="row website-Gallery">
|
||||
<li>
|
||||
<a href="http://dragonquest.neocities.org/" title="The Quest of Dragons" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/dragonquest.jpg" alt="Thumbnail of The Quest of Dragons" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://codeventurer.neocities.org/" title="codeventurer" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/codeventurer.jpg" alt="Thumbnail of codeventurer" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://clouds.neocities.org/" title="Cloud Quotes" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/clouds.jpg" alt="Thumbnail of Cloud Quotes" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://manatee.neocities.org/" title="Title of Website" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/manatee.jpg" alt="Thumbnail of TITLE OF WEBSITE" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://suppilulemur.neocities.org/" title="Sokoban" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/suppilulemur.jpg" alt="Thumbnail of Sokoban" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://drawinglair.neocities.org/" title="Tomasz Zawadzki" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/drawinglair.jpg" alt="Thumbnail of Tomasz Zawadzki" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://eleanor.neocities.org/" title="Eleanor Holroyd's Website" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/eleanor.jpg" alt="Thumbnail of Eleanor Holroyd's Website" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://cute-animation.neocities.org/" title="Cute Animation" target="_blank">
|
||||
<img src="http://neocities.org/site_screenshots/cute-animation.jpg" alt="Thumbnail of Cute Animation" />
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a href="browse.html" title="Browse all Neocities websites" class="action-Link">Browse all Websites</a>
|
||||
|
||||
</section> <!-- end .featured-Websites -->
|
||||
|
||||
<hr />
|
||||
|
||||
<aside class="row">
|
||||
|
||||
<div class="col col-50">
|
||||
<div class="content">
|
||||
|
||||
<h3 class="delta">Learn to Code</h3>
|
||||
|
||||
<p>
|
||||
Don't know how to code a website? No problem!
|
||||
We're working on a batch of tutorials that will show you the way.
|
||||
</p>
|
||||
|
||||
<code>
|
||||
<span class="code-Tag"><h1></span>Welcome to my website!<span class="code-Tag"></h1></span><br />
|
||||
<span class="code-Tag"><a</span> href="<span class="code-Value">about.html</span>">About Me<span class="code-Tag"></a></span><br />
|
||||
<span class="code-Tag"><img</span> src="<span class="code-Value">me.jpg</span>" alt="<span class="code-Value">photo of me</span>" <span class="code-Tag">/></span>
|
||||
</code>
|
||||
|
||||
</div>
|
||||
</div> <!-- end .col-50 -->
|
||||
|
||||
<div class="col col-50">
|
||||
<div class="content">
|
||||
|
||||
<h3 class="delta">What People Are Saying</h3>
|
||||
|
||||
<ul class="quote-Slider kill-List">
|
||||
<li class="quote">
|
||||
<blockquote>
|
||||
A quote goes here
|
||||
</blockquote>
|
||||
<a href="#!" title="Title of Source" class="action-Link">Source link</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div> <!-- end .col-50 -->
|
||||
|
||||
</aside> <!-- end .row -->
|
||||
|
||||
</div> <!-- end .content -->
|
||||
|
||||
</main>
|
||||
|
||||
<footer class="footer-Base">
|
||||
<section class="footer-Intro">
|
||||
<div class="footer-Content">
|
||||
<div class="row">
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-1 clearfix">
|
||||
<h2 class="delta">Support Us</h2>
|
||||
<p class="tiny">
|
||||
Neocities is funded by donations. If you’d like to contribute, you can help us
|
||||
pay our server costs using <a href="#!" title="donate with Bitcoin">Bitcoin</a>
|
||||
or <a href="#!" title="donate with PayPal">PayPal</a>.
|
||||
</p>
|
||||
<a href="#!" title="donate to Neocities" class="action-Link">Donate Today</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-2 clearfix">
|
||||
<h2 class="delta">About Neocities</h2>
|
||||
<p class="tiny">
|
||||
Neocities is here to bring back the creativity and
|
||||
free expression to the world wide web that made it great.
|
||||
</p>
|
||||
<a href="#!" title="more about Neocities" class="action-Link">More About Us</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-33">
|
||||
<div class="f-Col f-Col-3 clearfix">
|
||||
<h2 class="delta">Latest News</h2>
|
||||
<p class="tiny">
|
||||
derp
|
||||
</p>
|
||||
<a href="#!" title="read about Neocities news and updates" class="action-Link">Read More News</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<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>
|
BIN
files/new-Design/converted-html/package.png
Normal file
After Width: | Height: | Size: 686 B |
3
files/new-Design/converted-html/robots.txt
Normal file
|
@ -0,0 +1,3 @@
|
|||
# robotstxt.org/
|
||||
|
||||
User-agent: *
|
168
files/new-Design/converted-html/tutorials.html
Normal file
|
@ -0,0 +1,168 @@
|
|||
<!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: Tutorials</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">
|
||||
|
||||
<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="index.html" title="back to the start">NeoCities</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="browse.html" title="Browse NeoCities member websites">Browse</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="tutorials.html" title="Learn to code with these tutorials">Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="about.html" title="About NeoCities">About</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="status-Nav">
|
||||
<li>
|
||||
<a href="#!" class="sign-In" title="Sign into your account">Sign In</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
<h1 class="logo int-Logo">
|
||||
<a href="index.html" title="back to home">
|
||||
<span class="hidden">NeoCities.org</span>
|
||||
<img src="assets/img/cat.png" alt="Neocities.org" />
|
||||
</a>
|
||||
</h1>
|
||||
|
||||
</header>
|
||||
|
||||
<main class="content-Base">
|
||||
|
||||
<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 -->
|
||||
|
||||
</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>
|