Skip to content

Instantly share code, notes, and snippets.

@davecusatis

davecusatis/index.html

Created December 12, 2015 18:12
Show Gist options
  • Save davecusatis/f6b798ebff51b4826218 to your computer and use it in GitHub Desktop.
Save davecusatis/f6b798ebff51b4826218 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html ng-app="monospace">
<head>
<title>monospace</title>
<base href="/" />
</head>
<body>
<!-- import this controller to hide/unhide some elements -->
<div ng-controller="LayoutController as vm">
<span>monospace</span>
<span><a href="register">register</a></span>
<span ng-if="vm.isAuthenticated()">
<a href="javascript:void(0)" ng-click="vm.logout()">logout</a>
</span>
<span ng-if="!vm.isAuthenticated()">
<a href="login">login</a>
</span>
</div>
<hr>
<div class="container-fluid">
<div class="row">
<div class="ng-view"></div>
</div>
</div>
<div ng-controller="LayoutController as vm">
<div ng-if="vm.isAuthenticated()">
{% include 'main.html' %}
</div>
</div>
{% include 'js.html' %}
</body>
</html>
Raw
js.html
<!--{%load static from staticfiles %}-->
<!--&lt;!&ndash;<script type="text/javascript" src="{% static 'lib/jquery/dist/jquery.js' %}"></script>&ndash;&gt;-->
<!--&lt;!&ndash;<script type="text/javascript" src="{% static 'lib/bootstrap/dist/js/bootstrap.js' %}"></script>&ndash;&gt;-->
<!--<script type="text/javascript" src="{% static 'lib/bootstrap-material-design/dist/js/material.js' %}"></script>-->
<!--<script type="text/javascript" src="{% static 'lib/bootstrap-material-design/dist/js/ripples.js' %}"></script>-->
<!--<script type="text/javascript" src="{% static 'lib/underscore/underscore.js' %}"></script>-->
<script type="text/javascript" src="{% static 'lib/angular/angular.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/angular-route/angular-route.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/angular-cookies/angular-cookies.js' %}"></script>
<link rel="stylesheet" href="{% static 'lib/codemirror-5.9/lib/codemirror.css' %}">
<script type="text/javascript" src="{% static 'lib/codemirror-5.9/lib/codemirror.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/codemirror-5.9/addon/edit/matchbrackets.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/codemirror-5.9/addon/comment/continuecomment.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/codemirror-5.9/addon/comment/comment.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/codemirror-5.9/mode/javascript/javascript.js' %}"></script>
<script type="text/javascript" src="{% static 'lib/jquery/dist/jquery.js"' %}></script>
<script type="text/javascript" src="{% static 'js/three.js' %}"></script>
<script type="text/javascript" type="text/javascript" src="{% static 'lib/ngDialog/js/ngDialog.js' %}"></script>
<script type="text/javascript" src="{% static 'js/monospace.js' %}"></script>
<script type="text/javascript" src="{% static 'js/monospace.config.js' %}"></script>
<script type="text/javascript" src="{% static 'js/monospace.routes.js' %}"></script>
<script type="text/javascript" src="{% static 'js/auth/monospace.authentication.js' %}"></script>
<script type="text/javascript" src="{% static 'js/auth/services/authentication.service.js' %}"></script>
<script type="text/javascript" src="{% static 'js/auth/controllers/register.controller.js' %}"></script>
<script type="text/javascript" src="{% static 'js/auth/controllers/login.controller.js' %}"></script>
<script type="text/javascript" src="{% static 'js/auth/controllers/auth.controller.js' %}"></script>
<script type="text/javascript" src="{% static 'js/layout/layout.module.js' %}"></script>
<script type="text/javascript" src="{% static 'js/layout/controllers/layout.controller.js' %}"></script>
<script type="text/javascript" src="{% static 'js/editor/editor.module.js' %}"></script>
<script type="text/javascript" src="{% static 'js/editor/controllers/editor.controller.js' %}"></script>
Raw
main.html
<style type="text/css">.CodeMirror {border: 1px solid black;}</style>
<h1>Monospace</h1>
<div id="canvas">
<script>
var canvas = document.getElementById('canvas');
document.body.appendChild(canvas);
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 75, 480/320, 0.1, 1000 );
var renderer = new THREE.WebGLRenderer();
renderer.setSize( 480, 320 );
canvas.appendChild( renderer.domElement );
var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
var cube = new THREE.Mesh( geometry, material );
scene.add( cube );
camera.position.z = 5;
var render = function () {
requestAnimationFrame( render );
cube.rotation.x += 0.1;
cube.rotation.y += 0.1;
renderer.render(scene, camera);
};
render();
</script>
</div>
<div style="width: 50%; border-color: black; border: 1px;">
<h1>Editor</h1>
<textarea id="code" name="code">
</textarea>
</div>
<!-- this template should be displayed after a user logs in -->
<script type="text/javascript">
CodeMirror.commands.save = function(instance){
file = instance.getValue();
vm.save(file);
};
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
mode: "javascript"
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment