index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/style.css">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	    <meta charset="utf-8">
	    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-47415821-1', 'auto');
  ga('send', 'pageview');

</script>
		<meta name="description" content="An collaborative in-browser code editor for Google Drive and OneDrive">
		<meta name="google-site-verification" content="2jBshOtCyauLPt-Tdw0HRkOOizbDnw6IJTM_4dNNLQQ" />
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="lib/velocity/velocity.min.js"></script>
		<script src="lib/velocity/velocity.ui.min.js"></script>
		<meta charset="utf-8">
    	<title>Code Your Cloud</title>
		<link rel="shortcut icon" type="image/png" href="favicon.png"/>
	    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
		<!--link rel="stylesheet" href="lib/messenger/css/messenger.css"-->
		<!--link rel="stylesheet" href="lib/messenger/css/messenger-theme-air.css"-->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
		<link rel="stylesheet" href="css/material.css">
		<link href='https://cdn.jsdelivr.net/devicons/1.8.0/css/devicons.min.css' rel='stylesheet'>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.5/clipboard.min.js"></script>
		<script src="lib/colorjoe/one-color-all.js"></script>
		<script src="lib/colorjoe/colorjoe.min.js"></script>
		<link rel="stylesheet" href="lib/colorjoe/colorjoe.css">

	</head>
	<body>
		<img id="paper-loading-spinner" style="display:none" src="images/svg/spinner.svg" height="40px" width="40px"/>
		
		<div id="side" style="/*display:none*/">
			<div class="side-head" id="navigate">
				<div class="active" id="nav_tree" onclick="nav.nav('tree')"><i class="zmdi zmdi-folder-outline"></i></div>
				<div id="nav_preview" onclick="nav.nav('preview')"><i class="zmdi zmdi-eye"></i></div>
				<div id="nav_snippet" onclick="nav.nav('snippet')">
				  <i class="fa fa-code"></i>
				  <!--span style="
		              position: absolute;
		              left: 18px;
		              font-family: &quot;Roboto&quot;;
		              font-size: 11px;
		              background-color: #B72727;
		              padding: 3px;
		              border-radius: 4px;
		              color: white;
		              font-weight: 400;
		              padding-bottom: 1px;
		              padding-top: 1px;
		              top: 2px;
		          ">new</span-->
				</div>
			</div>
			
			<i class="nav-snippet zmdi zmdi-plus" style="
			    position: absolute;
			    color: white;
			    padding: 10px;
			    padding-top: 6px;
			    padding-bottom: 7px;
			    padding-left: 10px;
			    border-radius: 50%;
			    background-color: #FF8F00;
			    bottom: 7px;
			    right: 7px;
			    display: none;
			    z-index: 2;
			" onclick="snippets.add()"></i>
			
			<i class="nav-snippet zmdi zmdi-settings" style="
			    position: absolute;
			    color: white;
			    padding: 10px;
			    padding: 6px 7px 6px;
			    border-radius: 50%;
			    background-color: #F57C00;
			    bottom: 38px;
			    right: 9px;
			    display: none;
			    z-index: 4;
			    font-size: 12px;
			" onclick="$('.popup').css('display','none');$('#snippet-popup').toggle()"></i>
			
			<div class="nav-snippet snippet-main" style="display:none">
			  <pre style="
	            text-align: center;
	            font-family: &quot;Roboto&quot;;
	            color: #ABABAB;
	            font-size: 15px;
	            overflow-wrap: break-word;
	            width: 100%;
	            margin-top: 20px;
	            margin-bottom: 0px;
				">Click  <i class="zmdi zmdi-plus" style="
					color: #eee;
				"></i>  To Create A New Snippet</pre>
			</div>
			
			<div style="display:none" id="snippet-popup" class="popup">
				<input type="file" id="snippet-file" style="
				position: absolute;
				opacity: 0;
				width: 100%;
				height: 44px;" onchange="snippets.import()">
  				<span onclick=""><i class="zmdi zmdi-upload"></i> Import Snippets</span>
  				<span>
  					<a href="https://codeyourcloud.com/snippets/download" style="text-decoration: none;">
  						<i class="zmdi zmdi-download"></i> Export Snippets
  					</a>
  				</span>
  			</div>
			
			<i class="nav-preview zmdi zmdi-refresh" style="
			    position: absolute;
			    color: white;
			    padding: 10px;
			    padding-top: 6px;
			    padding-bottom: 7px;
			    padding-left: 10px;
			    border-radius: 50%;
			    background-color: #FF8F00;
			    bottom: 7px;
			    right: 7px;
			    display: none;
			    z-index: 3;
			" onclick="updatePreview()"></i>
			<i class="nav-preview zmdi zmdi-fullscreen" style="
			    position: absolute;
			    color: white;
			    padding: 10px;
			    padding-top: 6px;
			    padding-bottom: 7px;
			    padding-left: 10px;
			    border-radius: 50%;
			    background-color: #F57C00;
			    bottom: 38px;
			    right: 9px;
			    display: none;
			    z-index: 4;
			    font-size: 12px;
			" onclick="$('#preview-overlay').velocity('transition.slideDownIn')"></i>
			<iframe style="display:none" class="nav-preview preview-frame" id="preview"></iframe>
			<div class="nav-tree tree tree-tree"><ul class="root-tree"></ul></div>			
		</div>

		
		<nav id="nav" class="navbar navbar-inverse nav-1 move" role="navigation">
      		<div class="navbar-header"></div>
        	<div class="" id="navbar-collapse-01" style="width: 99%;">
        	  <ul class="nav navbar-nav n-l" style="display: flex;float:left">          	  	
        	  	<span id="toggle_side_menu_button" onclick="toggle_side()"><i class="fa fa-dot-circle-o"></i></span>
				
        	  </ul>
        	  <ul class="nav navbar-nav navbar-right n-r" style="display: flex;float:right">
	        	  <div id="nav-outline">
		        	<span id="help_button" class="side-file" onclick='$("#chat-popup").slideToggle()'><i class="zmdi zmdi-comments"></i>
		        		<span style="display:none">0</span>
		        	</span>
		        	<span id="open_button" onclick="picker.open()"><i class="zmdi zmdi-folder-outline"></i></span>
	        	  	<span id="save_button" class="side-file" onclick="manager.save(current_file)"><i class="zmdi zmdi-floppy"></i></span>
	        	  	<span id="undo_button" onclick="editorUndo()"><i class="zmdi zmdi-undo"></i></span>
	        	  	<span id="redo_button" onclick="editorRedo()"><i class="zmdi zmdi-redo"></i></span>
	        	  </div>
        	  	
			  	<div id="profile_div"><img id="profile_pic" src="" height="30px" width="30px"></div>
			  	<!--span id="cloud_type"><i class="zmdi zmdi-google-drive" style="color: #ECD83C;"></i></span-->
        	  </ul>
        	</div>
      	</nav>
	
	  	
	<div style="width:100%;height:calc(100% - 15px);position:fixed;z-index: 0;" class="move">
		<div class="tab-wrapper">
			<div class="tab-container">
				<span class="tab-tab tab-active" data-fileid="welcome">
					<i class="fa fa-align-left"></i>
					<h4 onclick="manager.openTab('welcome')">Welcome</h4>
					<h6>
						<i class="zmdi zmdi-close" onclick="manager.removeTab('welcome')"></i>
					</h6>
				</span>
			</div>
			
			<div class="tab-right">
				<i class="zmdi zmdi-palette" onclick="$('.popup').not('#color-popup').css('display','none');$('#color-popup').toggle()"></i>
				<div style="display:none;width:49px;border-radius:0px" id="color-popup" class="popup">
					<div id="color"></div>
				</div>
			</div>
			
			<div class="tab-right" style="">
				<i class="zmdi zmdi-search" onclick="$('.popup').not('#search-popup').css('display','none');$('#search-popup').toggle()"></i>
				<div style="display:none" id="search-popup" class="popup">
        				<span onclick="find()">Find</span>
        				<span onclick="replace()">Replace</span>
        			</div>
			</div>
			
			<div id="plus-plus" class="tab-right">
				<i class="zmdi zmdi-plus" onclick="$('.popup').not('#new-popup').css('display','none');$('#new-popup').toggle();"></i>
				<div style="display:none" id="new-popup" class="popup">
        				<span onclick="new_file()">New File</span>
        				<span onclick="picker.open();">Open File</span>
        				<span onclick="picker.upload();">Upload File</span>
        			</div>
			</div>
			
			<div class="tab-right">
			  <i class="zmdi zmdi-settings" onclick="$('.popup').not('#setting-popup').css('display','none');$('#setting-popup').toggle()"></i>
			  <div style="display:none" id="setting-popup" class="popup">
					<div class="select-box">
						<p>Language</p>
						<span><i class="fa fa-caret-down"></i></span>
						<select id="mode-select" onchange="modeChange()"></select>
					</div>
					
					<div class="select-box">
						<p>Theme</p>
						<span><i class="fa fa-caret-down"></i></span>
						<select id="theme-select" onchange="settings.themeChange()"></select>
					</div>
					
					<div class="select-box">
						<p>Font Size</p>
						<span><i class="fa fa-caret-down"></i></span>
						<select id="font-select" onchange="settings.fontChange()">
						</select>
					</div>
					
					<div class="select-box">
					  <p>Indent Size</p>
					  <span><i class="fa fa-caret-down"></i></span>
					  <select id="indent-size-select" onchange="settings.indentUnitChange()">
					    <option value="1">1 char</option>
					    <option value="2">2 chars</option>
					    <option value="4">4 chars</option>
					    <option value="8">8 chars</option>
						</select>
					</div>
					
					<div class="select-box">
					  <p>Tab Size</p>
					  <span><i class="fa fa-caret-down"></i></span>
					  <select id="tab-size-select" onchange="settings.tabSizeChange()">
					    <option value="1">1 char</option>
					    <option value="2">2 chars</option>
					    <option value="4">4 chars</option>
					    <option value="8">8 chars</option>
						</select>
					</div>
					
					<div class="select-box select-box-small">
						<p>Indent With Tabs</p>
						<label class="check-switch" id="side-indent-tabs-label">
						    <input type="checkbox" id="side-indent-tabs" checked>
						    <span onclick="settings.indentWithTabsChange()"></span>
						</label>	
					</div>

					<div class="select-box select-box-small">
						<p>Line Numbers</p>
						<label class="check-switch" id="side-nums-label">
						    <input type="checkbox" id="side-nums" checked>
						    <span onclick="settings.lineNumbersChange()"></span>
						</label>	
					</div>
					
					<div class="select-box select-box-small">
						<p>Line Wrap</p>
						<label class="check-switch" id="side-wrap-label">
						    <input type="checkbox" id="side-wrap" checked>
						    <span onclick="settings.lineWrapChange()"></span>
						</label>	
					</div>
					
					<div class="select-box select-box-small">
					  <p>Minimap</p>
					  <label class="check-switch" id="side-minimap-label">
					    <input type="checkbox" id="side-minimap">
					    <span onclick="settings.minimapChange()"></span>
					  </label>
					</div>
			  </div>
			</div>

			
			<div class="tab-right">
  			<i class="zmdi zmdi-more-vert" onclick="$('.popup').not('#more-popup').css('display','none');$('#more-popup').toggle()"></i>	
  			<div style="display:none" id="more-popup" class="popup">
  				<span onclick="drive.trash(current_file)"><i class="zmdi zmdi-delete"></i> Delete</span>
  				<span onclick="picker.share(current_file)" id="share-button"><i class="zmdi zmdi-account-add"></i> Share</span>
  				<span onclick="picker.saveAs()"><i class="zmdi zmdi-floppy"></i>Save As</span>
  				<span onclick="picker.download()"><i class="zmdi zmdi-download"></i>Download</span>
  				<span class="side-pub" onclick="manager.publish()"><i class="zmdi zmdi-upload"></i>Publish</span>
  				<span class="side-pub">
  					<a class="side-pub-link" href="" target="_blank" style="text-decoration: none;">
  						<i class="zmdi zmdi-link"></i>View Published File
  					</a>
  				</span>
  				<span class="side-drive side-file">
  					<a class="side-drive-link" href="" target="_blank" style="text-decoration:none">
  						<i class="zmdi zmdi-google-drive"></i>Open in Google Drive
  					</a>
  				</span>
  				<span class="side-run" onclick="run()"><i class="zmdi zmdi-play"></i>Run</span>
  				<span>
  					<a href="https://codeyourcloud.com?sky=true" style="text-decoration: none" id="swap">
	  					<i class="zmdi zmdi-swap"></i>Switch To OneDrive
  					</a>
  				</span>
  				<span>
  					<a href="https://accounts.google.com/logout" style="text-decoration: none;" id="log-out">
  						<i class="zmdi zmdi-square-right"></i>Log Out
  					</a>
  				</span>
  			</div>
  		</div>
		</div>
		
		<div class="mains" style="position: absolute;height: calc(100% - 60px);width: 100%;margin-top: 4px;background-color:white">
			<div id="image_div" style=""></div>	
			
			<div id="codemirror-sizer">
				<div id ="welcome" class="codemirror-container codemirror-active" id="welcome" data-fileid="welcome"></div>
				<span id="insert-point" style="display:none"></span>
			</div>
			
			<div id="loading-overlay">
				<div>
					<div>
						<span style="width: 5%" id="loading-bar"></span>
					</div>
				</div>
			</div>
			
			<div id="overlay" style="display:none">
				<h3>Let's Get Started</h3>
				<div>
					<div>
						<i class="zmdi zmdi-folder" onclick="picker.open()"></i>
						<h4>Open a file</h4>
					</div>
					<div>
						<i class="zmdi zmdi-upload" onclick="picker.upload()"></i>
						<h4>Upload</h4>
					</div>
					<div>
						<i class="zmdi zmdi-plus" onclick="new_file()"></i>
						<h4>New file</h4>
					</div>
				</div>
			</div>
		</div>
		</div>
		

		<!--END MAIN-->
		
		<div id="chat-popup" style="display:none">
			<div class="chats-top">
				<h6>
					<i class="zmdi zmdi-close" onclick='$("#chat-popup").slideToggle()'></i>
					<i class="zmdi zmdi-fullscreen" onclick='$("#chat-popup").toggleClass("chat-fullscreen")'></i>
				</h6>
			</div>
			<div class="chats-users">
				<div class="chats-people chats-active-people" data-fileid="welcome">
				
				</div>
			</div>
			<div class="chats-store">
				<div class="chats-content chats-active" data-fileid="welcome">
						
				</div>
			</div>
			<div class="chats-bottom">
				<textarea placeholder="Type something" class="chat-input chats-text"></textarea>
			</div>
		</div>

		<div class="overlay-tint" id="saveas-overlay" style="display:none">
			<div>
				<div style="height:auto !important; margin-bottom: 40px">
					<input type="text" id="file-name" style="font-size: 15px" value="" placeholder="Name of new file" class="normal-input">
					<h5 style="margin: 8px">Next, you will choose a location to save this file</h5>
					
					<div style="width:calc(100% - 20px);position: absolute; bottom: 10px; right: 10px; display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-end;">
						<a class="waves-effect waves-dark paper-btn-flat" style="margin-right: 5px;align-self: flex-end;" onclick="picker.saveAsClicked()"> CONTINUE</a>
						<a onclick="$('#saveas-overlay').velocity('transition.slideUpOut');$('#file-name').val('')" class="waves-effect waves-light paper-btn paper-btn-blue" style="background-color:#3498DB;align-self: flex-end;">CLOSE</a>
					
					</div>
				</div>
			</div>
		</div>
		
		<div class="overlay-tint" id="output-overlay" style="display:none">
			<div>
				<div>
					<pre id="output-output">
					</pre>
				</div>
			</div>
		</div>
		
		<div class="overlay-tint" id="upload-overlay" style="display:none">
			<div>
				<div style="height:auto !important; margin-bottom: 40px">
					<input type="file" id="file" style="font-size: 15px">
					<h5 style="margin: 8px">Next, you will choose a location to upload this file</h5>
					
					<div style="width:calc(100% - 20px);position: absolute; bottom: 10px; right: 10px; display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-end;">
						
						<a class="waves-effect waves-dark paper-btn-flat" style="margin-right: 5px;align-self: flex-end;" onclick="$('#upload-overlay').velocity('transition.slideUpOut');sky.upload()"> CONTINUE</a>
					
						<a onclick="$('#upload-overlay').velocity('transition.slideUpOut');$('#file').val('')" class="waves-effect waves-light paper-btn paper-btn-blue" style="background-color:#3498DB;align-self: flex-end;">CLOSE</a>
					
					</div>
				</div>
			</div>
		</div>
		
		<div class="overlay-tint" id="preview-overlay" style="display:none">
			<div>
				<div>
					<iframe class="preview-frame"></iframe>
					
					<div style="width:calc(100% - 20px);position: absolute; bottom: 10px; right: 10px; display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content: flex-end;">
						
						<a class="waves-effect waves-dark paper-btn-flat" style="margin-right: 5px;align-self: flex-end;" onclick="updatePreview()"><i class="zmdi zmdi-refresh" style="margin-right: 5px;align-self: flex-end;"></i> REFRESH</a>
					
						<a onclick="$('#preview-overlay').velocity('transition.slideUpOut')" class="waves-effect waves-light paper-btn paper-btn-blue" style="background-color:#3498DB;align-self: flex-end;">CLOSE</a>
					
					</div>
					
				</div>
			</div>
		</div>
		
		<div class="overlay-tint" id="keyboard-overlay" style="display:none">
			<div>
				<div style="height: auto !important;">
					<h2>Keyboard Shortcuts</h2>
					
					<div id="keyboard-manager">
						<div>
							<h5>Ctrl + space, &#8984; + space <span>Autocomplete</span></h5>
						</div>
						<div>
							<h5>Ctrl + S, &#8984; + S <span>Save</span></h5>
						</div>
						<div>
							<h5>Ctrl + O, &#8984; + O <span>Open</span></h5>
						</div>
						<div style="border: none !important">
							<h5>Ctrl + F, &#8984; + F <span>Find</span></h5>
						</div>
					</div>
					
					<a onclick="$('#keyboard-overlay').velocity('transition.slideUpOut')" class="waves-effect waves-light paper-btn paper-btn-blue" style="position: absolute;bottom: 0px;right:10px;background-color:#3498DB">CLOSE</a>
				</div>
			</div>
		</div>
		
		<div id="broadcast" style="display:none">
			<div id="minimap-warn" style="display:none">
				<p>It looks like you have a large file. Would you like to disable to minimap to increase performance? You can switch it back in the <i class="zmdi zmdi-settings"></i> menu.</p>
				<button onclick="">DISABLE</button>
			</div>
			<div id="ad" style="display:none">
				<p>Would you be ok with ads on this site?</p>
				<button onclick="broadcast.ad_ok()">YES</button>
				<button onclick="broadcast.ad_no()">NO</button>
			</div>
			<div id="donate" style="display:none">
				
				<p>Please support this free, open source, independent project</p>
				
				<form style="margin-left: 5px" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
				<input type="hidden" name="cmd" value="_s-xclick">
				<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
				">
				<button name="submit" style="
				color: white;
				background-color: #ff9800;
				border: none;
				font-size: 13px;
				padding: 4px;
				border-radius: 2px;
				font-family: &quot;Roboto&quot;;
				font-weight: bold;
				"><i class="zmdi zmdi-paypal"></i> Donate</button>
				<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
				</form>

			<a href="https://github.com/mkaminsky11/codeyourcloud" target="_blank" style="
			text-decoration: none;
			color: white;
			background-color: #313030;
			border: none;
			font-size: 13px;
			padding: 4px;
			border-radius: 2px;
			font-family: &quot;Roboto&quot;;
			font-weight: bold;
			">
			  <i class="zmdi zmdi-github"></i> Star
			</a>

			</div>
			<i class="md zmdi zmdi-close" onclick="broadcast.close()"></i>
		</div>
		
		<div class="repl" style="display:none"></div>
		<iframe id="repl" style="display:none" src="lib/repl/index.html"></iframe>
		
		<!--context menu-->
		<div id="context" class="popup context-menu">
			<span onclick="" class="context-menu__item">
			  <a class="context-menu__link" onclick="context.trash()">Delete</a>
		  	</span>
			<span onclick="" class="context-menu__item">
			  <a class="context-menu__link" onclick="context.save()">Save</a>
			</span>
			<span onclick="" class="context-menu__item">
			  <a class="context-menu__link" onclick="context.saveas()">Save As</a>
			</span>
			<span onclick="" class="context-menu__item">
			  <a class="context-menu__link" onclick="context.share()">Share</a>
			</span>
			<span onclick="" class="context-menu__item">
			  <a class="context-menu__link" onclick="context.close()">Close</a>
			</span>
			<span onclick="" class="context-menu__item">
			  <a class="context-menu__link" onclick="context.rename()">Rename</a>
			</span>
			<span onclick="" class="context-menu__item">
			  <a class="context-menu__link" onclick="context.download()">Download</a>
			</span>
			<span class="side-pub context-menu__item">
				<a class="side-pub-link context-menu__link" href="" target="_blank" style="text-decoration: none;">
					<i class="zmdi zmdi-link"></i>Go to Site
				</a>
			</span>
			<span class="side-drive context-menu__item">
				<a class="side-drive-context-link context-menu__link" href="" target="_blank" style="text-decoration:none">
					<i class="zmdi zmdi-google-drive"></i>Open in Google Drive
				</a>
			</span>
		</div>
		
		<script src="lib/codemirror/lib/codemirror.js"></script>
		<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
		
		<script src="lib/codemirror/mode/meta.js"></script>
		
		<link rel="stylesheet" href="lib/codemirror/addon/dialog/dialog.css" >
		<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css" >
		<link rel="stylesheet" href="lib/codemirror/addon/tern/tern.css" >
		<script src="lib/codemirror/addon/comment/comment.js" ></script>
		
		<script src="lib/codemirror/addon/comment/comment.js"></script>
		<script src="lib/codemirror/addon/dialog/dialog.js"></script>
		<link rel="stylesheet" href="lib/codemirror/addon/dialog/dialog.css">
		
		<script src="lib/codemirror/addon/edit/closebrackets.js"></script>
		<script src="lib/codemirror/addon/edit/closetag.js"></script>
		<script src="lib/codemirror/addon/edit/continuelist.js"></script>
		<script src="lib/codemirror/addon/edit/matchbrackets.js"></script>
		<script src="lib/codemirror/addon/edit/matchtags.js"></script>
		<script src="lib/codemirror/addon/edit/trailingspace.js"></script>
		
		<script src="lib/codemirror/addon/fold/brace-fold.js"></script>
		<script src="lib/codemirror/addon/fold/comment-fold.js"></script>
		<script src="lib/codemirror/addon/fold/foldcode.js"></script>
		<script src="lib/codemirror/addon/fold/foldgutter.js"></script>
		<script src="lib/codemirror/addon/fold/indent-fold.js"></script>
		<script src="lib/codemirror/addon/fold/markdown-fold.js"></script>
		<script src="lib/codemirror/addon/fold/xml-fold.js"></script>
		<link rel="stylesheet" href="lib/codemirror/addon/fold/foldgutter.css">

		<script src="lib/codemirror/addon/hint/show-hint.js"></script>
		<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css">
		<script src="lib/codemirror/addon/hint/anyword-hint.js"></script>
		<script src="lib/codemirror/addon/hint/css-hint.js"></script>
		<script src="lib/codemirror/addon/hint/xml-hint.js"></script>
		<script src="lib/codemirror/addon/hint/javascript-hint.js"></script>
		<script src="lib/codemirror/addon/hint/html-hint.js"></script>
		<script src="lib/codemirror/addon/hint/sql-hint.js"></script>

		<script src="lib/codemirror/addon/lint/lint.js"></script>
		<script src="lib/codemirror/addon/lint/coffeescript-lint.js"></script>
		<script src="lib/codemirror/addon/lint/css-lint.js"></script>
		<script src="lib/codemirror/addon/lint/javascript-lint.js"></script>
		<script src="lib/codemirror/addon/lint/json-lint.js"></script>
		<link rel='stylesheet' type='text/css' href='lib/codemirror/addon/lint/lint.css'/>
		
		<script src="lib/codemirror/addon/tern/tern.js"></script>
		<link rel="stylesheet" href="lib/codemirror/addon/tern/tern.css">
		
		<script src="lib/codemirror/addon/search/match-highlighter.js"></script>
		<script src="lib/codemirror/addon/search/matchesonscrollbar.js"></script>
		<script src="lib/codemirror/addon/search/search.js"></script>
		<script src="lib/codemirror/addon/search/searchcursor.js"></script>
		<link rel="stylesheet" href="lib/codemirror/addon/search/matchesonscrollbar.css">
		
		<!--script src="lib/messenger/js/messenger.js"></script-->
		
		<script src="lib/auto/acorn.js"></script>
		<script src="lib/auto/acorn_loose.js"></script>
		<script src="lib/auto/walk.js"></script>
		<script src="lib/auto/polyfill.js"></script>
		<script src="lib/auto/signal.js"></script>
		<script src="lib/auto/tern.js"></script>
		<script src="lib/auto/def.js"></script>
		<script src="lib/auto/comment.js"></script>
		<script src="lib/auto/infer.js"></script>
		<script src="lib/auto/doc_comment.js"></script>
		
		
		<script src="lib/codemirror/addon/fold/brace-fold.js"></script>
		<script src="lib/codemirror/addon/fold/comment-fold.js"></script>
		<script src="lib/codemirror/addon/fold/foldcode.js"></script>
		<script src="lib/codemirror/addon/fold/foldgutter.js"></script>
		<script src="lib/codemirror/addon/fold/indent-fold.js"></script>
		<script src="lib/codemirror/addon/fold/markdown-fold.js"></script>
		<script src="lib/codemirror/addon/fold/xml-fold.js"></script>
		
		<script src="lib/codemirror/addon/minimap/minimap.js"></script>
		<link rel="stylesheet" href="lib/codemirror/addon/minimap/minimap.css">
		<link rel="stylesheet" href="lib/codemirror/addon/fold/foldgutter.css">
      
      	<script src="lib/coffee/coffee.js"></script>
      	<script src="lib/markdown/markdown.js"></script>
      	
      	<script>
	      	var _sky = false;
	      	if(document.location.href.indexOf("skydrive=true") !== -1){
		      	_sky = true;
	      	}
	    </script>
	    
	  <script src="lib/socket.io.js"></script>

		<script src="js/global.js"></script>
		<script src="js/context.js"></script>
		<script src="js/images.js"></script>
		<script src="js/mobile.js"></script>
		<script src="js/sky.js"></script>
		<script src="js/realtime.js"></script>
		<script src="js/frontend.js"></script>
		<script src="js/drive.js"></script>
		<script src="js/visual.js"></script>
		<script src="js/editor.js"></script>
		<script src="js/material.js"></script>
		<script src="js/picker.js"></script>
		<script src="js/broadcast.js"></script>
		<script src="js/tree.js"></script>
		<script src="js/tabs.js"></script>
		<script src="js/snippets.js"></script>
		<script src="js/repl.js"></script>
		<script src="js/ready.js"></script>
		
		
		<script src = 'lib/keyboard/jwerty.js'></script>
		<script>
			jwerty.key('ctrl+o/cmd+o', function() {
				picker.open();
				return false;
			});
			jwerty.key('ctrl+s/cmd+s', function() {
				if(current_file !== "welcome"){
					manager.save(current_file);
				}
				else{
					saveAs();
				}
				return false;
			});
			jwerty.key('ctrl+space/cmd+space',function(){
				getHint();
				return false;
			});
			jwerty.key('ctrl+f/cmd+f',function(){
				find();
				return false;
			});
		</script>
		
		<script type="text/javascript" src="https://js.live.net/v5.0/wl.js" onload="loadSky()"></script>
		<script type="text/javascript" src="https://apis.google.com/js/client.js?onload=loadDrive"></script>
		
    <div id="escape"></div>
	</body>
</html>