Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Added some Enduser Docs #26

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added some Enduser Docs #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
abeaf23
added enduser documentation, added some ignore files to gitignore
Sep 25, 2010
afbbb06
.gitignore improvements, fixed bugs
Sep 25, 2010
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,3 @@
.DS_Store
.DS_Store
.project
.settings/
199 changes: 199 additions & 0 deletions doc/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,199 @@
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<style>
body {
background:#f8f8f8 url(http://imgur.com/AieI9.png);
color:#555;
margin:0 auto 2em;
padding:0;
font:normal 100%/1.5 Georgia, Serif;
text-align:center;
position:relative;
}
.c {
margin: 0;
padding: 0;
clear: both;
}
#container {
width: 980px;
text-align: left;
margin: 2em auto;
}
h1 {
font-size:98px;
font-style:italic;
margin:0.3em auto 0;
padding:30px 0;
margin-top:0;
padding-top:0;
line-height:1;
font-family: 'Lobster', Georgia, serif;
text-shadow:5px 5px 0 rgba(255,255,255,0.9);
}
h2 {
font-size:58px;
font-style:italic;
margin:0.3em auto 0;
padding:30px 0;
line-height:1;
font-family: 'Lobster', Georgia, serif;
text-shadow:5px 5px 0 rgba(255,255,255,0.9);
}
h3 {
font-weight:normal;
font-size:14px;
}
p, small{
text-shadow:1px 1px 0 rgba(255,255,255,1);
}
small {
position:fixed;
right:20px;
bottom:20px;
padding:0;
margin:0;
font-size:12px;
text-shadow:0 0 2px rgba(255,255,255,0.5);
}
a {
color:#999;
}
a:hover, a:focus {
color:#555;
}
#credits {
position:fixed;
bottom:20px;
right:50px;
font-size:11px;
}
ul {
list-style-type:none;
}
p {
width:1024px;
margin:0 auto;
}
#logo {
float: right;
}
#vaporlogo {
-moz-box-shadow: 0px 0px 4px #000000; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #000000; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #000000; /* Opera 10.5, IE 9.0 */
}
#graph img {
margin-top:20px;
-moz-box-shadow: 0px 0px 4px #000000; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #000000; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #000000; /* Opera 10.5, IE 9.0 */
}
#stats {
margin-top:25px;
}
#bottom {
width:100%;
background-color:#888888;
padding-bottom:20px;
}

header {
margin: 0 0 3em 0;
}

header ul {
margin: 0;
padding: 0;
border-bottom: 2px solid #666;
height: 50px;
width: 100%;
}
header ul li {
float: left;
padding: 15px;
}
header ul li a {
display: block;
padding: 5px;
font-style: bold;
}
p {
margin: 1em 0 0 3em;;
}

pre {
padding: 15px;
background: #fff;
}

pre.return {
border: 1px dotted green;
}

footer {
border-top: 3px solid #000;
text-align: right;
}
</style>

</head>
<body>
<div id="container">
<header>
<div id="logo">
<a href="/"><img id="vaporlogo" src="http://i.imgur.com/soH3n.jpg" width="201" height="270" alt="Vapor.js" title="Vapor.js" /></a>
</div>
<h1>Vapor.js</h1>
<h2>The World's Smallest & Fastest JavaScript Library</h2>
<nav>
<ul>
<li><a href="#what">What's that?</a></li>
<li><a href="#api">Api</a></li>
</ul>
<div class="c"></div>
</nav>
</header>

<article>
<section>
<h2><a name="what">What's that?</a></h2>
<p>vapor.js is a new amazing JavaScript framework.</p>
<p>It's lightweight and simple architecture <br />helps you to bring your creativity as fast ASAP to the web.</p>
<p>vapor.js is created with one goal in Mind: "Piff Paff and DONE!"</p>
</section>

<section>
<h2><a name="api">Api</a></h2>
<h4>Method: piff()</h4>
<pre class="method">
piff()
</pre>
<pre class="return">
return 'DONE'
</pre>
<h4>Method: paff()</h4>
<pre class="method">
paff()
</pre>
<pre class="return">
return 'DONE'
</pre>
</section>

</article>

<footer>
<ul>
<li><a href="http://vaporjs.com">Vapor.js WebSite</a></li>
<li><a href="http://twitter.com/vapor_js">Follow us on Twitter!</a></li>
<li><a href="http://github.com/madrobby/vapor.js">Fork us on GitHub!</a></li>
<li><a href="http://jsconf.eu/2010/">JsConf.eu</a></li>
</ul>
</footer>
</div>
</body>
</html>