mirror of
https://github.com/neocities/neocities.git
synced 2025-04-25 17:52:39 +02:00
3e2cdcd138
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 lines
8.1 KiB
HTML
230 lines
8.1 KiB
HTML
<!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>
|