jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update ace.ajaxorg site

Browse source
This commit is contained in:
Garen Torikian 2012-04-26 23:11:50 -07:00
commit 7c86367f28
6 changed files with 228 additions and 181 deletions
Download patch file Download diff file Expand all files Collapse all files

70
doc/resources/ace/skeleton/csses/ace_api.css
View file

@ -87,8 +87,15 @@ blockquote p{
Header and shoulders Header and shoulders
*/ */
ul.topLinks { .navbar .nav > li {
padding-left: 290px; float:none;
display:inline-block;
*display:inline; /* ie7 fix */
zoom:1; /* hasLayout ie7 trigger */
}
.navbar {
text-align:center;
} }
.small_win #topSection { .small_win #topSection {
@ -119,27 +126,26 @@ ul.topLinks {
left: 210px; left: 210px;
} }
.c9-sponsor { .masthead {
background: url(../images/c9-sponsor.png) no-repeat 0 0; background: #101010 url(../images/dashed_back.png) repeat 0 0;
z-index: 1;
width: 112px;
height: 119px;
position: absolute;
top: 55px;
right: 0;
outline: none;
} }
.jumbotron h1 { .masthead .container {
font-size: 54px; /*width: 680px;*/
line-height: 1; padding-left: 285px;
text-shadow: 0 1px 2px rgba(0, 0, 0, .5); margin: 0 auto;
color: white;
}
.jumbotron {
min-width: 1000px;
padding-top: 40px;
position: relative;
} }
.jumbotron h1, .jumbotron p { .jumbotron .inner {
margin-bottom: 9px; /* background: transparent url(../images/header-back.png) top center;*/
color: white; padding: 45px 0;
/* text-align: center;*/ /* -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3);
text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3);*/
} }
.headerTitle { .headerTitle {
@ -489,6 +495,7 @@ header.filler {
.container { .container {
width: 100%; width: 100%;
} }
/* /*
.container-fluid .row-fluid { .container-fluid .row-fluid {
width: 1000px; width: 1000px;
@ -496,6 +503,12 @@ header.filler {
margin-right: auto; margin-right: auto;
}*/ }*/
.divider {
height: 3px;
background-color: #BEDAEA;
margin-bottom: 3px;
}
.sidebarContainer { .sidebarContainer {
width: 280px; width: 280px;
margin-left: 0px; margin-left: 0px;
@ -515,6 +528,10 @@ header.filler {
color: #404040; color: #404040;
} }
.mainContent .hero-unit {
background: rgba(255, 255, 255, 0.5);
}
#documentation { #documentation {
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -529,13 +546,22 @@ div#documentation article:last-child {
padding-bottom: 40px; padding-bottom: 40px;
} }
#documentation article.article.methodToggleOpen { #documentation article.article.methodToggleOpen {
background: url(../images/method_bg.png) repeat 0 0; background: rgba(255, 255, 255, 0.5);
margin : 0 0 10px 0; padding: 20px;
font-size: 13px;
line-height: 24px;
margin: 0 0 10px 0;
} }
#documentation article:first-child { #documentation article:first-child {
border:none; border:none;
} }
.site_logo {
display: block;
margin-left: auto;
margin-right: auto;
}
/* /*
Edit in Cloud9, sucka Edit in Cloud9, sucka
*/ */

BIN
doc/resources/ace/skeleton/images/swirl_divider.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

2
doc/resources/ace/templates/ace_menu.jade
View file

@ -2,6 +2,8 @@ div#well
h3 Ace Reference h3 Ace Reference
div.swirl_divider
ul.menu ul.menu
li li
div.menu-item div.menu-item

6
doc/resources/ace/templates/layout.jade
View file

@ -7,9 +7,11 @@ include lib
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
mixin head html(xmlns="http://www.w3.org/1999/xhtml")
head
mixin head
body body
#nonFooter #nonFooter
#wrapper #wrapper

3
doc/resources/common_layout.jade
View file

@ -4,6 +4,7 @@
mixin doctype mixin doctype
!!! 5 !!! 5
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
@ -20,7 +21,7 @@ mixin head
title #{title} - #{fileName} title #{title} - #{fileName}
meta(name="generator", content="c9-doc-build") meta(name="generator", content="c9-doc-build")
meta(name="description", content="A complete and community-driven resource for learning and developing Node.js applications.") meta(name="description", content="Ace API documentation for the online code editor.")
meta(name="author", content="Garen J. Torikian") meta(name="author", content="Garen J. Torikian")
meta(name="viewport", content="width=device-width,initial-scale=1") meta(name="viewport", content="width=device-width,initial-scale=1")

122
index.html
View file

@ -1,42 +1,58 @@
<!DOCTYPE html> <!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://www.w3.org/2005/10/profile"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ACE - Ajax.org Cloud9 Editor</title> <title>ACE - Ajax.org Cloud9 Editor</title>
<meta name="description" content=""/> <meta name="generator" content="c9-doc-build">
<meta name="keywords" content=""/> <meta name="description" content="Ace: the online code editor">
<link href="doc/site/style.css" rel="stylesheet" type="text/css" /> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" media="all and (max-device-width: 480px)" href="doc/site/iphone.css"> <link rel="stylesheet" href="./doc/resources/ace/skeleton/csses/bootstrap.min.css">
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="doc/site/iphone.css"> <link rel="stylesheet" href="./doc/resources/ace/skeleton/csses/prettify.css">
<link rel="stylesheet" href="./doc/resources/ace/skeleton/csses/ace_api.css">
<link href="./doc/resources/ace/skeleton/images/favicon.ico" rel="icon" type="image/x-icon">
</head> </head>
<body> <body>
<div id="header"> <div id="nonFooter">
<div class="content">
<div class="logo"></div>
<div class="title"></div>
<div class="signature">Previously Skywriter, Bespin</div>
</div>
</div>
<div id="wrapper"> <div id="wrapper">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul class="nav topLinks">
<li id="ace_site"class="active"><a href="http://ace.ajax.org">Ace</a></li>
<li id="ace_api"><a href="http://ace.ajax.org/api">Ace API Reference</a></li>
</ul>
</div>
</div>
</div>
<header class="filler"></header>
<div class="container">
<div class="content"> <div class="content">
<div class="column1"> <div class="row centerpiece">
<a href="http://github.com/ajaxorg/ace"><div class="fork_on_github"></div></a> <div class="span3 offset6 sidebarContainer">
<div class="menu"> <div id="sidebar">
<div id="well">
<h4>User Resources</h4> <h4>User Resources</h4>
<ul class="menu-list"> <ul class="menu">
<li><a href="http://groups.google.com/group/ace-discuss">Ace Google Group</a></li> <li><a href="http://groups.google.com/group/ace-discuss">Ace Google Group</a></li>
<li><a href="http://groups.google.com/group/ace-internals">Ace Core Google Group</a></li> <li><a href="http://groups.google.com/group/ace-internals">Ace Core Google Group</a></li>
<li><a href="irc://irc.freenode.net/%23ace">irc.freenode.net #ace</a></li> <li><a href="irc://irc.freenode.net/%23ace">irc.freenode.net #ace</a></li>
</ul> </ul>
<h4>Related Projects</h4> <h4>Related Projects</h4>
<ul class="menu-list"> <ul class="menu">
<li><a href="https://github.com/joewalker/gcli">GCLI</a></li> <li><a href="https://github.com/joewalker/gcli">GCLI</a></li>
<li><a href="https://github.com/mozilla/dryice">DryIce</a></li> <li><a href="https://github.com/mozilla/dryice">DryIce</a></li>
<li><a href="https://github.com/cadorn/ace-extjs">Ace wrapper for ExtJS</a></li> <li><a href="https://github.com/cadorn/ace-extjs">Ace wrapper for ExtJS</a></li>
<li><a href="https://github.com/daveho/AceGWT">Ace wrapper for GWT</a></li> <li><a href="https://github.com/daveho/AceGWT">Ace wrapper for GWT</a></li>
</ul> </ul>
<h4>Projects Using Ace</h4> <h4>Projects Using Ace</h4>
<ul class="menu-list"> <ul class="menu">
<li><a href="https://github.com/ajaxorg/cloud9">Cloud9 IDE</a></li> <li><a href="https://github.com/ajaxorg/cloud9">Cloud9 IDE</a></li>
<li><a href="https://github.com/blog/905-edit-like-an-ace">GitHub</a></li> <li><a href="https://github.com/blog/905-edit-like-an-ace">GitHub</a></li>
<li><a href="https://github.com/Gozala/sky-edit">Sky Edit</a></li> <li><a href="https://github.com/Gozala/sky-edit">Sky Edit</a></li>
@ -60,7 +76,7 @@
<li><a href='http://dev.cmsmadesimple.org/projects/aceeditor'>CMS Made Simple</a></li> <li><a href='http://dev.cmsmadesimple.org/projects/aceeditor'>CMS Made Simple</a></li>
</ul> </ul>
<h4>Syntax Highlighters</h4> <h4>Syntax Highlighters</h4>
<ul class="menu-list"> <ul class="menu">
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Javascript</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">Javascript</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">HTML</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">HTML</a></li>
<li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">CSS</a></li> <li><a href="https://github.com/ajaxorg/ace/tree/master/lib/ace/mode">CSS</a></li>
@ -74,13 +90,19 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="column2"> </div>
<p id="first">Ace is a standalone code editor written in JavaScript. Our goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for <a href="http://www.cloud9ide.com">Cloud9 IDE</a> and the successor of the Mozilla Skywriter (Bespin) Project.</p> <div class="span9 mainContent">
<a href="http://github.com/ajaxorg/ace"><img style="z-index: 20000; position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/camo.github.com/7afbc8b248c68eb468279e8c17986ad46549fb71/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>
<div class="hero-unit">
<img src="./doc/site/images/logo.png" alt="Ace Logo" class="site_logo"/>
<p>Ace is a standalone code editor written in JavaScript. Our goal is to create a web based code editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse. It can be easily embedded in any web page and JavaScript application. Ace is developed as the primary editor for Cloud9 IDE and the successor of the Mozilla Skywriter (Bespin) Project.</p>
<p>Check out <a href="build/kitchen-sink.html">the Ace live demo</a> or get a <a href="http://c9.io">Cloud9 IDE account</a> to experience Ace while editing one of your own GitHub projects.</p>
<!--<img src="./doc/site/images/ace.png" alt="Ajax.org Cloud9 Editor"/> -->
</div>
<h2>Features</h2> <h2>Features</h2>
<div class="divider"></div> <div class="divider"></div>
<ul class="content-list"> <ul class="content-list">
<li><a href="http://pcwalton.blogspot.com/2010/11/syntax-highlighting-specification.html">Syntax highlighting</a></li> <li><a href="http://pcwalton.blogspot.com/2010/11/syntax-highlighting-specification.html">Syntax highlighting</a></li>
<li>Auto indentation and outdent</li> <li>Auto indentation and outdent</li>
<li><a href="https://github.com/mozilla/gcli">An optional command line</a></li> <li><a href="https://github.com/mozilla/gcli">An optional command line</a></li>
@ -92,43 +114,37 @@
<li>Toggle between soft tabs and real tabs</li> <li>Toggle between soft tabs and real tabs</li>
<li>Displays hidden characters</li> <li>Displays hidden characters</li>
<li>Highlight selected word</li> <li>Highlight selected word</li>
</ul> </ul>
<h2>Take Ace for a spin!</h2> <h2>Contribute</h2>
<div class="divider"></div>
<p>Check out the <a href="build/kitchen-sink.html">Ace live demo</a> or get a <a href="http://c9.io">Cloud9 IDE account</a> to experience Ace while editing one of your own GitHub projects.</p>
<h2>History</h2>
<div class="divider"></div>
<p>Previously known as “Bespin” or lately “Skywriter” it’s now known as Ace (Ajax.org Cloud9 Editor)! Bespin and Ace started as two independent projects both aiming to build a no compromise code editor component for the web. Bespin started as part of Mozilla Labs and was based on the &lt;canvas> tag, while Ace is the Editor component of the <a href="http://cloud9ide.com">Cloud9 IDE</a> and is using the DOM for rendering. After the release of Ace at <a href="http://jsconf.eu/2010/speaker/kick_ass_code_editing_and_end.html">JSConf.eu 2010</a> in Berlin the Skywriter team decided to merge Ace with a simplified version of Skywriter's plugin system and some of Skywriter's extensibility points. All these changes have been merged back to Ace now, which supersedes Skywriter. Both <a href="http://ajax.org">Ajax.org</a> and <a href="http://mozilla.org">Mozilla</a> are actively developing and maintaining Ace.</p>
<h2>Getting the code</h2>
<div class="divider"></div> <div class="divider"></div>
<p>Ace is a community project. We actively encourage and support contributions. The Ace source code is <a href="http://github.com/ajaxorg/ace">hosted on GitHub</a>. It is released under the Mozilla tri-license (MPL/GPL/LGPL). This is the same license used by Firefox. This license is friendly to all kinds of projects, whether open source or not. Take charge of your editor and add your favorite language highlighting and keybindings! <p>Ace is a community project. We actively encourage and support contributions. The Ace source code is <a href="http://github.com/ajaxorg/ace">hosted on GitHub</a>. It is released under the Mozilla tri-license (MPL/GPL/LGPL). This is the same license used by Firefox. This license is friendly to all kinds of projects, whether open source or not. Take charge of your editor and add your favorite language highlighting and keybindings!
<pre>git clone git://github.com/ajaxorg/ace.git</pre></p> <pre>git clone git://github.com/ajaxorg/ace.git</pre></p>
<h2>History</h2>
<div class="divider"></div>
<p>Previously known as “Bespin,” and, later, “Skywriter,” it’s now known as Ace (Ajax.org Cloud9 Editor)! Bespin and Ace started as two independent projects both aiming to build a no-compromise code editor component for the web. Bespin started as part of Mozilla Labs and was based on the &lt;canvas> tag, while Ace is the Editor component of the <a href="http://cloud9ide.com">Cloud9 IDE</a> and is using the DOM for rendering. After the release of Ace at <a href="http://jsconf.eu/2010/speaker/kick_ass_code_editing_and_end.html">JSConf.eu 2010</a> in Berlin the Skywriter team decided to merge Ace with a simplified version of Skywriter's plugin system and some of Skywriter's extensibility points. All these changes have been merged back to Ace now, which supersedes Skywriter. Both <a href="http://ajax.org">Ajax.org</a> and <a href="http://mozilla.org">Mozilla</a> are actively developing and maintaining Ace.</p>
</div> </div>
</div> </div>
</div> </div>
<div id="footer">
<ul class="menu-footer">
<li><a href="http://c9.io">About Cloud9</a></li>
<li>|</li>
<li>Ace & Cloud9 IDE are &copy; <a href="http://ajax.org">Ajax.org</a> 2012</li>
</ul>
</div> </div>
</div>
</div>
<footer id="footer">
<div class="container">
<div class="footer-text pull-right">
<p><a href="http://www.c9.io">About Cloud9</a> | Ace & Cloud9 IDE are &copy; <a href="http://ajax.org">Ajax.org</a> 2012</p>
</div>
</div>
</footer>
<script type="text/javascript"> <script defer src="./doc/resources/ace/javascripts/ga.js"></script>
var _gaq = _gaq || []; <!-- end scripts--><!--[if lt IE 7]>
_gaq.push(['_setAccount', 'UA-18736001-1']); <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
_gaq.push(['_trackPageview']); <script>
window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; </script><![endif]-->
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body> </body>
</html> </html>