From 7c86367f28b1991bd76c39aefd07fc00311c665d Mon Sep 17 00:00:00 2001 From: Garen Torikian Date: Thu, 26 Apr 2012 23:11:50 -0700 Subject: [PATCH] Update ace.ajaxorg site --- doc/resources/ace/skeleton/csses/ace_api.css | 70 +++-- .../ace/skeleton/images/swirl_divider.png | Bin 0 -> 1043 bytes doc/resources/ace/templates/ace_menu.jade | 2 + doc/resources/ace/templates/layout.jade | 58 ++-- doc/resources/common_layout.jade | 3 +- index.html | 276 +++++++++--------- 6 files changed, 228 insertions(+), 181 deletions(-) create mode 100644 doc/resources/ace/skeleton/images/swirl_divider.png diff --git a/doc/resources/ace/skeleton/csses/ace_api.css b/doc/resources/ace/skeleton/csses/ace_api.css index 52290168..170d6108 100644 --- a/doc/resources/ace/skeleton/csses/ace_api.css +++ b/doc/resources/ace/skeleton/csses/ace_api.css @@ -87,8 +87,15 @@ blockquote p{ Header and shoulders */ -ul.topLinks { - padding-left: 290px; +.navbar .nav > li { + float:none; + display:inline-block; + *display:inline; /* ie7 fix */ + zoom:1; /* hasLayout ie7 trigger */ +} + +.navbar { + text-align:center; } .small_win #topSection { @@ -119,27 +126,26 @@ ul.topLinks { left: 210px; } -.c9-sponsor { - background: url(../images/c9-sponsor.png) no-repeat 0 0; - z-index: 1; - width: 112px; - height: 119px; - position: absolute; - top: 55px; - right: 0; - outline: none; +.masthead { + background: #101010 url(../images/dashed_back.png) repeat 0 0; } -.jumbotron h1 { - font-size: 54px; - line-height: 1; - text-shadow: 0 1px 2px rgba(0, 0, 0, .5); +.masthead .container { + /*width: 680px;*/ + padding-left: 285px; + margin: 0 auto; + color: white; +} +.jumbotron { + min-width: 1000px; + padding-top: 40px; + position: relative; } -.jumbotron h1, .jumbotron p { - margin-bottom: 9px; - color: white; -/* text-align: center;*/ - text-shadow: 0 1px 1px rgba(0, 0, 0, .3); +.jumbotron .inner { +/* background: transparent url(../images/header-back.png) top center;*/ + padding: 45px 0; +/* -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); + -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3);*/ } .headerTitle { @@ -489,6 +495,7 @@ header.filler { .container { width: 100%; } + /* .container-fluid .row-fluid { width: 1000px; @@ -496,6 +503,12 @@ header.filler { margin-right: auto; }*/ +.divider { + height: 3px; + background-color: #BEDAEA; + margin-bottom: 3px; +} + .sidebarContainer { width: 280px; margin-left: 0px; @@ -515,6 +528,10 @@ header.filler { color: #404040; } +.mainContent .hero-unit { + background: rgba(255, 255, 255, 0.5); +} + #documentation { padding-bottom: 10px; } @@ -529,13 +546,22 @@ div#documentation article:last-child { padding-bottom: 40px; } #documentation article.article.methodToggleOpen { - background: url(../images/method_bg.png) repeat 0 0; - margin : 0 0 10px 0; + background: rgba(255, 255, 255, 0.5); + padding: 20px; + font-size: 13px; + line-height: 24px; + margin: 0 0 10px 0; } + #documentation article:first-child { border:none; } +.site_logo { + display: block; + margin-left: auto; + margin-right: auto; +} /* Edit in Cloud9, sucka */ diff --git a/doc/resources/ace/skeleton/images/swirl_divider.png b/doc/resources/ace/skeleton/images/swirl_divider.png new file mode 100644 index 0000000000000000000000000000000000000000..f3e9f6c6af3c18fc84c25594f3434d1a1031d209 GIT binary patch literal 1043 zcmV+u1nm2XP)R?59o%`Dv8?v^mBYql_}fD5H#NI5wfv&DMR<8C9Dp z{b^e^v-L~bZ0nk)O`A)u`Tjk3d*_zexpnOpD_QReFPGfsbI(Jc>&NrlJ%{E(Q9;-b z9q7jm45JSYQ`~`G3_->K4qMvj#%0L3g428Sc?1%?7=+vCM~sE=8@jGH&GvshVPEvm zuSH*c-P)d9kEdq7Y^sZ#)A0eP(1UxQBkI!)H9fhqwH=%fMT?wM(2p*R2i9YcR+Yqy zZ_&iU!kUt)xA76(mi`I!|$Xw#$v$P9b~8475=|Z&~7<%s`id#Onq0IY);j=j?VSUp1~rWIO$` z*6tqvAf2&P?h}RfjNQjb__xKg9WE0$qyxqa*~Z4;Z$bjPjm6<_f)BEdc_AGzZn#X^ zjoAQPCT>Uvj2E(vjlti91pfF_TT(MC{F788@5l4asGiOje~ITyWjzp%89BT((sRYK zLDPQbD5v*FmAX^+HF5=7yccVKFx2r7#*fEcGAMZ(64*XE2`5HQG=)9{XK?JWIX9BLR=y z$4C&*JcZW05!;wiE;E~4F})49I*D1{jz1*dXL^HPfV4vaO|a#tk>i8Yl5=rgO_>X5 z&klXM>2H$UHoK3JAd08Zx;LYT<@*K&Z;RhS$nZkODlcsUxnk)(dHwbL>&aX}XU3|T z_HkZ=gyF?-Y=-uV>=|to&=9Ub!Vo5yeNNSu{_OFr@H>kUNOeB8PL0yffZfMN5XDny z{TtHFp39J$&Tp>8k{@cD*4ZrohCP=NVt({k3oef`!?hwxp2DX2cOfPDh&SX9iA~}x zX1QLECbKGq^fhfhF-K@?BnKU%_L z05>3G2*-EHcff<2kTHlpOU_ALhK#H5z-eit4 -mixin head - -body - - #nonFooter - #wrapper - mixin navBar - - header.filler - +html(xmlns="http://www.w3.org/1999/xhtml") + head + mixin head + + body + + #nonFooter + #wrapper + mixin navBar - .container - .content - .row.centerpiece - .span3.offset6.sidebarContainer - #sidebar - include ace_menu.jade - .span9.mainContent - #documentation - -if (isIndex) - mixin markdown(indexContent) - -else - mixin api() - - div(id="disqus_thread") - - mixin footer - - mixin endingScripts \ No newline at end of file + header.filler + + + .container + .content + .row.centerpiece + .span3.offset6.sidebarContainer + #sidebar + include ace_menu.jade + .span9.mainContent + #documentation + -if (isIndex) + mixin markdown(indexContent) + -else + mixin api() + + div(id="disqus_thread") + + mixin footer + + mixin endingScripts \ No newline at end of file diff --git a/doc/resources/common_layout.jade b/doc/resources/common_layout.jade index c1202203..e64879eb 100644 --- a/doc/resources/common_layout.jade +++ b/doc/resources/common_layout.jade @@ -4,6 +4,7 @@ mixin doctype !!! 5 + @@ -20,7 +21,7 @@ mixin head title #{title} - #{fileName} 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="viewport", content="width=device-width,initial-scale=1") diff --git a/index.html b/index.html index 616a1f00..cb75743a 100644 --- a/index.html +++ b/index.html @@ -1,134 +1,150 @@ - - - - - ACE - Ajax.org Cloud9 Editor - - - - - - - - -
-
-
-
-
-

User Resources

- -

Related Projects

- -

Projects Using Ace

- -

Syntax Highlighters

- -
-
-
-

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.

+ + + + + + + + + ACE - Ajax.org Cloud9 Editor + + + + + + + + -

Features

+ +
+
+
+
+
+ +
+
+
+ +
+ +
+
+
+
+ +
+
+ Fork me on GitHub +
+ +

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.

+

Check out the Ace live demo or get a Cloud9 IDE account to experience Ace while editing one of your own GitHub projects.

+ +
+

Features

-
    -
  • Syntax highlighting
    • -
  • Auto indentation and outdent
    • -
  • An optional command line
    • -
  • Work with huge documents (100,000 lines and more are no problem)
    • -
  • Fully customizable key bindings including VI and Emacs modes
    • -
  • Themes (TextMate themes can be imported)
    • -
  • Search and replace with regular expressions
    • -
  • Highlight matching parentheses
    • -
  • Toggle between soft tabs and real tabs
    • -
  • Displays hidden characters
    • -
  • Highlight selected word
    • -
- -

Take Ace for a spin!

-
-

Check out the Ace live demo or get a Cloud9 IDE account to experience Ace while editing one of your own GitHub projects.

- -

History

-
-

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 <canvas> tag, while Ace is the Editor component of the Cloud9 IDE and is using the DOM for rendering. After the release of Ace at JSConf.eu 2010 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 Ajax.org and Mozilla are actively developing and maintaining Ace.

- - -

Getting the code

-
-

Ace is a community project. We actively encourage and support contributions. The Ace source code is hosted on GitHub. 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! - 

git clone git://github.com/ajaxorg/ace.git

- -
-
-
- - - - +
    +
  • Syntax highlighting
    • +
  • Auto indentation and outdent
    • +
  • An optional command line
    • +
  • Work with huge documents (100,000 lines and more are no problem)
    • +
  • Fully customizable key bindings including VI and Emacs modes
    • +
  • Themes (TextMate themes can be imported)
    • +
  • Search and replace with regular expressions
    • +
  • Highlight matching parentheses
    • +
  • Toggle between soft tabs and real tabs
    • +
  • Displays hidden characters
    • +
  • Highlight selected word
    • +
+ +

Contribute

+
+

Ace is a community project. We actively encourage and support contributions. The Ace source code is hosted on GitHub. 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! + 

git clone git://github.com/ajaxorg/ace.git

+ +

History

+
+

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 <canvas> tag, while Ace is the Editor component of the Cloud9 IDE and is using the DOM for rendering. After the release of Ace at JSConf.eu 2010 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 Ajax.org and Mozilla are actively developing and maintaining Ace.

+
+
+
+
+
+
+ + + + +