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

small style fixes for the site

Browse source 
overrides pointless  img {max-width: 100%} from bootstrap
This commit is contained in:
nightwing 2013-01-14 21:41:07 +04:00
commit ca4cef9c16
7 changed files with 108 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

46
api/edit_session.html
View file

@ -1,5 +1,5 @@
<div id="documentation" class="span9">
<div id="documentation" class="span7">
<div class="classContent">
<div class="membersBackground"></div>
<div class=" members pos0">
@ -47,10 +47,8 @@
</li>
</ul>
</li>
<li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Functions (98)</span><b class="caret"></b></a>
<li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Functions (97)</span><b class="caret"></b></a>
<ul class="dropdown-menu">
<li id="dropdown_EditSession._loadMode" data-id="EditSession._loadMode" class="memberLink"><a href="#EditSession._loadMode" class="" title="EditSession._loadMode (class method)" data-id="EditSession._loadMode">_loadMode</a>
</li>
<li id="dropdown_EditSession.addDynamicMarker" data-id="EditSession.addDynamicMarker" class="memberLink"><a href="#EditSession.addDynamicMarker" class="" title="EditSession.addDynamicMarker (class method)" data-id="EditSession.addDynamicMarker">addDynamicMarker</a>
</li>
<li id="dropdown_EditSession.addGutterDecoration" data-id="EditSession.addGutterDecoration" class="memberLink"><a href="#EditSession.addGutterDecoration" class="" title="EditSession.addGutterDecoration (class method)" data-id="EditSession.addGutterDecoration">addGutterDecoration</a>
@ -674,30 +672,6 @@
</div>
</article>
<h3 class="sectionHeader">Methods</h3>
<article id="EditSession._loadMode" data-title="EditSession._loadMode (class method)" class="article">
<div class="section method">
<div class="memberContent">
<div class="title"><i id="EditSession._loadMode" class="methodToggle methodClicker inactive icon-caret-right"></i>
<ul class="signatures">
<li class="signature">
<ul>
<li class="signature-call"><span id="EditSession._loadMode" class="member-name methodClicker"><span class="sigClassName">EditSession.</span><span class="sigMemberName">_loadMode</span></span><span class="emptyArgumentList">()</span></li>
</ul>
<ul class="metaInfo">
<li><span class="label undocumented">Undocumented</span></li>
</ul>
</li>
</ul>
</div>
<div class="sideToggler">
<div id="ellipsis_EditSession._loadMode" class="ellipsis_description">
</div>
<div class="description">
</div>
</div>
</div>
</div>
</article>
<article id="EditSession.addDynamicMarker" data-title="EditSession.addDynamicMarker (class method)" class="article">
<div class="section method">
<div class="memberContent">
@ -878,7 +852,12 @@
<ul class="signatures">
<li class="signature">
<ul>
<li class="signature-call"><span id="EditSession.documentToScreenColumn" class="member-name methodClicker"><span class="sigClassName">EditSession.</span><span class="sigMemberName">documentToScreenColumn</span></span>(<span class="sigArgList"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> row, <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> docColumn</span>)</li>
<li class="signature-call"><span id="EditSession.documentToScreenColumn" class="member-name methodClicker"><span class="sigClassName">EditSession.</span><span class="sigMemberName">documentToScreenColumn</span></span>(<span class="sigArgList"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> row, <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> docColumn</span>)
<li class="signature-returns">
<ul class="argument-types">
<li class="argument-type"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="returnType " title="Number" data-id="Number">Number</a></li>
</ul>
</li></li>
</ul>
<ul class="metaInfo">
</ul>
@ -1455,7 +1434,12 @@
<ul class="signatures">
<li class="signature">
<ul>
<li class="signature-call"><span id="EditSession.getScreenLastRowColumn" class="member-name methodClicker"><span class="sigClassName">EditSession.</span><span class="sigMemberName">getScreenLastRowColumn</span></span>(<span class="sigArgList"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> screenRow</span>)</li>
<li class="signature-call"><span id="EditSession.getScreenLastRowColumn" class="member-name methodClicker"><span class="sigClassName">EditSession.</span><span class="sigMemberName">getScreenLastRowColumn</span></span>(<span class="sigArgList"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> screenRow</span>)
<li class="signature-returns">
<ul class="argument-types">
<li class="argument-type"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="returnType " title="Number" data-id="Number">Number</a></li>
</ul>
</li></li>
</ul>
<ul class="metaInfo">
</ul>
@ -1739,7 +1723,7 @@
<li class="signature-call"><span id="EditSession.getTextRange" class="member-name methodClicker"><span class="sigClassName">EditSession.</span><span class="sigMemberName">getTextRange</span></span>(<span class="sigArgList"><a href="range.html" class="argument methodClicker" title="Range (class)" data-id="Range">Range</a> range</span>)
<li class="signature-returns">
<ul class="argument-types">
<li class="argument-type"><a href="range.html" class="returnType " title="Range (class)" data-id="Range">Range</a></li>
<li class="argument-type"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/String" class="returnType " title="String" data-id="String">String</a></li>
</ul>
</li></li>
</ul>

5
api/editor.html
View file

@ -2213,13 +2213,12 @@
</ul>
</div>
<div class="sideToggler">
<div id="ellipsis_Editor.modifyNumber" class="ellipsis_description"><p>Editor.modifyNumber(amount)</p>
<div id="ellipsis_Editor.modifyNumber" class="ellipsis_description"><p>If the character before the cursor is a number, this functions changes its value by <code>amount</code>.</p>
</div>
<div class="description"><p>Editor.modifyNumber(amount)</p>
<div class="description"><p>If the character before the cursor is a number, this functions changes its value by <code>amount</code>.</p>
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">amount</td><td class="argType" "><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The value to change the numeral by (can be negative to decrease value)</p>
<p>If the character before the cursor is a number, this functions changes its value by <code>amount</code>.</p>
</td></tr></table>
</div>
</div>

4
api/range.html
View file

@ -763,10 +763,10 @@
</ul>
</div>
<div class="sideToggler">
<div id="ellipsis_Range.isEqual" class="ellipsis_description"><p>Returns <code>true</code> if and only if the starting row and column, and ending tow and column, are equivalent to those given by <code>range</code>.</p>
<div id="ellipsis_Range.isEqual" class="ellipsis_description"><p>Returns <code>true</code> if and only if the starting row and column, and ending row and column, are equivalent to those given by <code>range</code>.</p>
</div>
<div class="description"><p>Returns <code>true</code> if and only if the starting row and column, and ending tow and column, are equivalent to those given by <code>range</code>.</p>
<div class="description"><p>Returns <code>true</code> if and only if the starting row and column, and ending row and column, are equivalent to those given by <code>range</code>.</p>
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">range</td><td class="argType" "><a href="range.html" class="" title="Range (class)" data-id="Range">Range</a></td><td class="argDescription "><p>Required. A range to check against</p>
</td></tr></table>

15
api/split.html
View file

@ -249,7 +249,12 @@
<ul class="signatures">
<li class="signature">
<ul>
<li class="signature-call"><span id="Split.getOrientation" class="member-name methodClicker"><span class="sigClassName">Split.</span><span class="sigMemberName">getOrientation</span></span><span class="emptyArgumentList">()</span></li>
<li class="signature-call"><span id="Split.getOrientation" class="member-name methodClicker"><span class="sigClassName">Split.</span><span class="sigMemberName">getOrientation</span></span><span class="emptyArgumentList">()</span>
<li class="signature-returns">
<ul class="argument-types">
<li class="argument-type"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="returnType " title="Number" data-id="Number">Number</a></li>
</ul>
</li></li>
</ul>
<ul class="metaInfo">
</ul>
@ -481,17 +486,17 @@
<li class="signature-call"><span id="Split.setOrientation" class="member-name methodClicker"><span class="sigClassName">Split.</span><span class="sigMemberName">setOrientation</span></span>(<span class="sigArgList"><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="argument methodClicker" title="Number" data-id="Number">Number</a> orientation</span>)</li>
</ul>
<ul class="metaInfo">
<li><span class="label undocumented">Undocumented</span></li>
</ul>
</li>
</ul>
</div>
<div class="sideToggler">
<div id="ellipsis_Split.setOrientation" class="ellipsis_description">
<div id="ellipsis_Split.setOrientation" class="ellipsis_description"><p>Sets the orientation.</p>
</div>
<div class="description">
<div class="description"><p>Sets the orientation.</p>
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">orientation</td><td class="argType" "><a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Number" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The new orientation value</p>
<p>Sets the orientation.</p>
</td></tr></table>
</div>
</div>

3
doc/site/js/main.js
View file

@ -4,7 +4,9 @@ $(function() {
hljs.initHighlighting();
ace.config.set("workerPath", "build/src-min");
editor = ace.edit("ace_editor_demo");
editor.container.style.opacity = "";
embedded_editor = ace.edit("embedded_ace_code");
embedded_editor.container.style.opacity = "";
editor.getSession().setMode("ace/mode/javascript");
editor.getSession().setMode("ace/mode/javascript");
embedded_editor.getSession().setMode("ace/mode/html");
@ -31,6 +33,7 @@ $(function() {
var _self = $(this);
$("#apiHolder").load($(this).attr("href") + " #documentation", function(){
$("#apiHolder").removeClass("apiIntro").removeClass("span9");
$("#documentation").removeClass("span9").addClass("span7");
ux();
setupClicker();

13
doc/site/style.css
View file

@ -206,8 +206,8 @@ UL.content-list li {
}
ul.menu-list {
padding: 0;
margin: 15px 0 20px 0;
padding: 15px 0;
margin: 0 0 20px 0;
list-style-type: none;
line-height: 16px;
overflow: auto;
@ -235,7 +235,7 @@ ul.menu-list li {
-webkit-transition: box-shadow 0.4s;
-moz-transition: box-shadow 0.4s;
border: 1px solid #999;
background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
-webkit-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%),
-webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
@ -243,7 +243,7 @@ ul.menu-list li {
hsl(0,0%,90%) 47%,
hsl(0,0%,78%) 53%,
hsl(0,0%,70%)100%);
background-image: -moz-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
background-image: -moz-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 6%, hsla(0,0%,100%, .1) 7.5%),
-moz-repeating-linear-gradient(left, hsla(0,0%, 0%,0) 0%, hsla(0,0%, 0%,0) 4%, hsla(0,0%, 0%,.03) 4.5%),
-moz-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
@ -475,4 +475,9 @@ p.highlight_note a {
#api {
padding: 0;
}
/*https://github.com/twitter/bootstrap/issues/5262*/
img {
max-width: none;
}

99
index.html
View file

@ -10,7 +10,7 @@
<link href="./doc/site/style.css" rel="stylesheet" type="text/css" />
<link href="./doc/site/images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="//d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script>
<script src="./build/src-min-noconflict/ace.js"></script>
</head>
<body>
<a href="http://github.com/ajaxorg/ace">
@ -65,7 +65,7 @@
and is the successor of the Mozilla Skywriter (Bespin) project.
</p>
<div id="ace_editor_demo">/**
<div id="ace_editor_demo" style="opacity:0">/**
* In fact, you're looking at ACE right now. Go ahead and play with it!
*
* We are currently showing off the JavaScript mode. ACE has support for 45
@ -139,7 +139,7 @@ console.log(addResult);
<div class="tab-pane fade active in" id="embedding">
<h1>Embedding Ace in Your Site</h1>
<p>Ace can be easily embedded into a web page. Just copy the code below:</p>
<div id="embedded_ace_code">&lt;!DOCTYPE html>
<div id="embedded_ace_code" style="opacity:0">&lt;!DOCTYPE html>
&lt;html lang="en">
&lt;head>
&lt;title>ACE in Action&lt;/title>
@ -704,7 +704,7 @@ module.exports = {
</div>
<div class="tab-pane fade" id="api">
<div class="row centerpiece">
<div id="sidebarContainer" class="span3">
<div id="sidebarContainer" class="span2">
<div id="sidebar">
<div id="well">
@ -756,7 +756,7 @@ module.exports = {
</div>
</div>
<div id="apiHolder">
<div id="documentation" class="span9">
<div id="documentation" class="span7">
<h1>Ace API Reference</h1>
<p>Welcome to the Ace API Reference!</p>
<p>On the left, you'll find a list of all of our currently documented classes.
@ -775,108 +775,135 @@ module.exports = {
just a small sampling:</p>
<ul class="menu-list">
<li>
<img src="doc/site/images/github-logo.png" style="position: relative; left: 0px; top: 8px;" />
<img src="doc/site/images/github-logo.png"
style="position: relative; left: -15px; top: -9px;" />
<a href="https://github.com/blog/905-edit-like-an-ace">GitHub</a>
</li>
<li>
<img src="doc/site/images/khan-logo.png" style="position: relative; left: 0px; top: -13px; width: 120px" />
<img src="doc/site/images/khan-logo.png"
style="position: relative; left: -10px; top: -27px; width: 120px" />
<a href="http://ejohn.org/blog/introducing-khan-cs/">Khan Academy</a>
</li>
<li>
<img src="doc/site/images/cloud9-logo.png" style="position: relative;left: 0px;top:0px; width:122px" />
<img src="doc/site/images/cloud9-logo.png"
style="position: relative;left: -11px;top:-12px; width:122px" />
<a href="https://github.com/ajaxorg/cloud9">Cloud9 IDE</a>
</li>
<li>
<img src="doc/site/images/firefox-logo.png" style="position: relative;left:10px;top:-5px;width:80px" />
<img src="doc/site/images/firefox-logo.png"
style="position: relative;left:10px;top:-5px;width:80px" />
<a href="https://builder.addons.mozilla.org/">Firefox Add-on Builder</a>
</li>
<li>
<img src="doc/site/images/codecademy-logo.png" style="position: relative; left: 0px; top: 10px;" />
<img src="doc/site/images/codecademy-logo.png"
style="position: relative; left: -5px; top: 10px;" />
<a href="http://www.codecademy.com/">Codecademy</a>
</li>
<li>
<img src="doc/site/images/rstudio_logo_64.png" style="position: relative; left: 19px; top: 2px;" />
<img src="doc/site/images/rstudio_logo_64.png"
style="position: relative; left: 19px; top: 2px;" />
<a href="http://rstudio.org/">RStudio</a>
</li>
<li>
<img src="doc/site/images/ac-logo.png" style="position: relative; left: 4px; top: 25px;" />
<img src="doc/site/images/ac-logo.png"
style="position: relative; left: 4px; top: 25px;" />
<a href="http://www.applicationcraft.com/">Application Craft</a>
</li>
<li>
<img src="doc/site/images/wolf_3d_logo_trans.png" style="position: relative; left: 10px; top: -4px; width:80px" />
<img src="doc/site/images/wolf_3d_logo_trans.png"
style="position: relative; left: 10px; top: -4px; width:80px" />
<a href="http://www.wolfcms.org/repository/133">Wolf CMS</a>
</li>
<li>
<img src="doc/site/images/codiad.png" style="position: relative; left: 10px; top: -4px; width:80px" />
<img src="doc/site/images/codiad.png"
style="position: relative; left: 10px; top: -4px; width:80px" />
<a href="http://codiad.com/">Codiad</a>
</li>
<li>
<img src="doc/site/images/FineCut_small_logo.png" style="position: relative; left: 12px; top: -4px" />
<img src="doc/site/images/FineCut_small_logo.png"
style="position: relative; left: 12px; top: -4px" />
<a href="http://finecut.info/">Fine Cut Engine</a>
</li>
<li>
<img src="doc/site/images/zorba-logo.png" style="position: relative; left: -5px; top: 16px;
<img src="doc/site/images/zorba-logo.png"
style="position: relative; left: -5px; top: 16px;
padding: 6px 4px 6px 6px; width: 100px" />
<a href="http://www.zorba-xquery.com/html/demo">Zorba XQuery</a>
</li>
<li>
<img src="doc/site/images/plunker.png" style="position: relative; left: 13px; top: -4px; width: 75px" />
<img src="doc/site/images/plunker.png"
style="position: relative; left: 13px; top: -4px; width: 75px" />
<a href="http://plnkr.co/edit/">Plunker</a>
</li>
<li>
<img src="doc/site/images/KERA-med-web.png" style="position: relative; left: 3px;top: 23px;width: 97px;" />
<img src="doc/site/images/KERA-med-web.png"
style="position: relative; left: 3px;top: 23px;width: 97px;" />
<a href="http://kera.io/">Kera.io</a>
</li>
<li>
<img src="doc/site/images/sassmeister-logo.png" style="position: relative; left: 10px;top: -5px;width: 80px;" />
<img src="doc/site/images/sassmeister-logo.png"
style="position: relative; left: 10px;top: -5px;width: 80px;" />
<a href="http://sassmeister.com/">SassMeister</a>
</li>
<li>
<img src="doc/site/images/spandexio-logo.png" style="position: relative; left: 10px;top: -5px;width: 80px;" />
<img src="doc/site/images/spandexio-logo.png"
style="position: relative; left: 10px;top: -5px;width: 80px;" />
<a href="http://SpanDeX.io/">SpanDeX.io</a>
</li>
<li>
<img src="doc/site/images/ideone-logo.png" style="position: relative; left: -5px; top: 20px;" />
<img src="doc/site/images/ideone-logo.png"
style="position: relative; left: -5px; top: 20px;">
<a href="http://ideone.com">Ideone.com</a>
</li>
<li>
<img src="doc/site/images/pixie-logo.png" style="position: relative; left: 0px; top: 10px;" />
<img src="doc/site/images/pixie-logo.png"
style="position: relative; left: 0px; top: 10px;">
<a href="http://pixieengine.com/projects/demo/ide">Pixie</a>
</li>
<li>
<img src="doc/site/images/modx-logo-4.png" style="position: relative; left: 18px; top: 6px;" />
<img src="doc/site/images/modx-logo-4.png"
style="position: relative; left: 18px; top: 6px;">
<a href="http://modx.com/extras/package/ace">MODX</a>
</li>
<li>
<img src="doc/site/images/shiftedit-logo.png" style="position: relative; left: 0px; top: -10px; width: 120px" />
<img src="doc/site/images/shiftedit-logo.png"
style="position: relative; left: -10px; top: -20px; width: 120px" />
<a href="http://shiftedit.net/">ShiftEdit</a>
</li>
</li>
<li>
<img src="doc/site/images/acebug-logo.png" style="position: relative; left: 20px; top: 5px;" />
<img src="doc/site/images/acebug-logo.png"
style="position: relative; left: 20px; top: 5px;">
<a href="https://addons.mozilla.org/en-US/firefox/addon/acebug/">Acebug</a>
</li>
<li>
<img src="doc/site/images/weecod-logo.png" style="position: relative; left: 0px; top: 0px; width: 100px" />
<img src="doc/site/images/weecod-logo.png"
style="position: relative; left: 0px; top: 0px; width: 100px" />
<a href="http://www.weecod.com">Weecod</a>
</li>
<li>
<img src="doc/site/images/lws-logo.png" style="position: relative; left: 0px; top: 0px; width: 100px" />
<img src="doc/site/images/lws-logo.png"
style="position: relative; left: 0px; top: 0px; width: 100px" />
<a href="http://liveworkspace.org">Live Workspace</a>
</li>
<li>
<img src="doc/site/images/processwire-logo.svg" style="position: relative; left: 0px; top: 25px; width: 102px" />
<img src="doc/site/images/processwire-logo.svg"
style="position: relative; left: 0px; top: 25px; width: 102px" />
<a href=" http://modules.processwire.com/modules/inputfield-ace-editor/">Process<i>Wire</i></a>
</li>
<li>
<img src="doc/site/images/stypi-logo.png" style="position: relative; left: 9px; top: -5px; width: 84px" />
<img src="doc/site/images/stypi-logo.png"
style="position: relative; left: 9px; top: -5px; width: 84px" />
<a href="https://code.stypi.com/">Stypi</a>
</li>
<li>
<img src="doc/site/images/repl.it-logo.png" style="position: relative; left: 0px; top: 17px; width: 100px" />
<img src="doc/site/images/repl.it-logo.png"
style="position: relative; left: 0px; top: 17px; width: 100px" />
<a href="http://repl.it/">Repl.it</a>
</li>
<li>
<img src="doc/site/images/crunchapp-logo.png" style="position: relative; left: 9px; top: -5px; width: 84px" />
<img src="doc/site/images/crunchapp-logo.png"
style="position: relative; left: 9px; top: -5px; width: 84px" />
<a href="http://crunchapp.net/">Crunch</a>
</li>
<li>
@ -884,6 +911,14 @@ module.exports = {
style="position: relative; left: 9px; top: -5px; width: 84px">
<a href="https://drivenotepad.appspot.com/support">Drive Notepad</a>
</li>
<li>
<img src="http://phpassist.com/images/logo.png"
style="position: relative; left: -9px; top: 19px; width: 118px">
<a href="http://phpassist.com/">PHP Assist</a>
</li>
<li>
<a href="http://orbit.bonsaijs.org/">BonsaiJS playground</a>
</li>
<li>
<a href="https://github.com/Gozala/sky-edit">Sky Edit</a>
</li>