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

More CSS for the new interior page style. Starting to convert some of the interior pages over.

Browse source
This commit is contained in:
Victoria Wang 2014-04-18 16:54:00 -07:00
parent 071300df2f
commit 225c6f087c
5 changed files with 56 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
public/assets/css/_project-sass/_project-Main.scss
View file

@ -28,6 +28,10 @@
.interior .header-Outro {
padding-top: 30px;
}
.interior .header-Outro h1 {
font-size: 2.5em;
margin-top: 20px;
}
.interior .header-Outro .row.content {
@ -38,14 +42,32 @@
}
.content.misc-page {
background: #FAF6F1;
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.10);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.10);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.10);
padding: 25px 3% 40px 3%;
-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);
-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);
padding: 1px 3% 40px 3%;
}
.content.misc-page h3 {
font-size: 1.6px;
margin-top: 2em;
.content.misc-page {
h3, h4, h5, h6 {
margin-top: 1em;
}
}
.content.misc-page h2 {
font-size: 1.6em;
margin-top: 1em;
}
.content.misc-page h3, .content.misc-page h4, .content.misc-page h5 {
font-size: 1.2em;
}
.content.misc-page h6 {
font-size: 1em;
}
.content.misc-page h1 {
font-size: 2.2em;
margin-bottom: 20px;
}
.content hr {
margin: 45px 0 30px 0;
}
// Dashboard

2
public/assets/css/neo.css
View file

File diff suppressed because one or more lines are too long

13
views/about.erb
View file

@ -1,5 +1,12 @@
<div class="content single-Col">
<div class="header-Outro">
<div class="row content single-Col">
<h1>About Neocities</h1>
<h3 class="subtitle"></h3>
</div>
</div>
<div class="content single-Col misc-page">
<h2>Help us keep the creative, independent Internet alive!</h2>
<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>
@ -7,10 +14,6 @@
<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>

23
views/api.erb
View file

@ -1,12 +1,12 @@
<div class="header-Outro">
<div class="row content single-Col">
<h2 class="beta">Neocities Developers API</h2>
<h1>Neocities Developers API</h1>
<h3 class="subtitle">Make changes to your site remotely with programming languages!</h3>
</div>
</div>
<div class="content single-Col misc-page">
<h3>Ideas</h3>
<h2>Ideas</h2>
<p>
<ul>
<li>Create your own blog, and use a script to add new blog posts.</li>
@ -16,7 +16,7 @@
</ul>
</p>
<h3>Rules</h3>
<h2>Rules</h2>
<p>
<ul>
<li>Do not spam the server with tons of API requests.</li>
@ -35,7 +35,8 @@
<li><a href="https://github.com/peterhellberg/neocities" target="_blank">Go</a> - contributed by <a href="https://twitter.com/peterhellberg" target="_blank">Peter Hellberg</a></li>
</ul>
</p>
<h2>API Documentation</h2>
<hr>
<h1>API Documentation</h1>
<p>
The Neocities API is a <a href="http://en.wikipedia.org/wiki/Representational_state_transfer" target="_blank">REST</a> API, which uses query parameters for input, and returns data in the <a href="http://en.wikipedia.org/wiki/JSON" target="_blank">JSON</a> format (except for file downloads). It uses client-side <a href="http://en.wikipedia.org/wiki/Basic_access_authentication" target="_blank">HTTP AUTH</a> to authenticate, using your user/site name and password as the credentials. It is designed to play nicely with the most common HTTP libraries available in programming languages, and can be easily used with <strong>cURL</strong> (a command-line tool for making HTTP requests you can use by opening a terminal on your computer).
</p>
@ -43,12 +44,12 @@
<strong>That's a lot of buzz words if you're new to programming.</strong> Don't worry, it's easier than it sounds! We'll walk you through some working examples you can get started with.
</p>
<h3>POST /api/upload</h3>
<h2>POST /api/upload</h2>
<p>
Uploads files to your site. You can upload as many files as you want with a single query, as long as the entire request stays within the disk space limit. The parameter name should be the name of the file, with the extension so we know what kind of file it is (index<strong>.html</strong>).
</p>
<h4>Examples</h4>
<h3>Examples</h3>
<h6>Using cURL</h6>
<p>Upload a single local file (<strong>local.html</strong>), which will be named <strong>hello.html</strong> on your site:</p>
<code>$ curl -F hello.html=@local.html https://USER:PASS@neocities.org/api/upload</code>
@ -65,7 +66,7 @@ api.upload([
console.log(resp)
})</pre>
<h3>POST /api/delete</h3>
<h2>POST /api/delete</h2>
<p>
Deletes files from your site. Provide a <strong>filenames</strong> argument with an array of filenames you wish to delete. You can delete any files except index.html.
</p>
@ -73,7 +74,7 @@ api.upload([
<strong>Be careful with this API call.</strong> There is no way to undo a delete!
</p>
<h4>Examples</h4>
<h3>Examples</h3>
<h6>Using cURL</h6>
<p>
Delete <strong>img1.jpg</strong> and <strong>img2.jpg</strong> from your site:
@ -90,11 +91,11 @@ var api = new NeoCities('YOURUSERNAME', 'YOURPASSWORD')
api.delete(['img1.jpg', 'img2.jpg'], function(resp) {
console.log(resp)
})</pre>
<h3>GET /api/info</h3>
<h2>GET /api/info</h2>
<p>
This call lets you retreive information about a web site. This call does not require site authorization if you provide a <strong>sitename</strong> argument. Note that the sitename is the same as a username. If you provide auth credentials, you will receive the info for the auth user's site. Dates conform to <strong>RFC2822</strong> format, and there are helpers for parsing it into a time object for most programming languages.
</p>
<h4>Examples</h4>
<h3>Examples</h3>
<h6>Using cURL</h6>
<pre>
$ curl https://neocities.org/api/info?sitename=youpi
@ -133,6 +134,6 @@ var api = new NeoCities('YOURUSERNAME', 'YOURPASSWORD')
api.info('madamfrp', function(resp) {
console.log(resp)
})</pre>
<h4>Need something the API doesn't provide?</h4>
<h2>Need something the API doesn't provide?</h2>
<p>If the API does not supply something you need, <a href="/contact">contact us</a> and we will try to add it!
</div>

7
views/browse.erb
View file

@ -4,9 +4,14 @@
}
</script>
<div class="header-Outro">
<div class="row content">
<h1>Websites on Neocities</h1>
<h3 class="subtitle"></h3>
</div>
</div>
<div class="row content">
<h2 class="col">Websites on Neocities</h2>
<div class="col col-50">
<form id="search_criteria" action="/browse" method="GET">
<fieldset class="grouping">