boneyard
Version:
Architectural Toolkit for Web Development
57 lines (55 loc) • 2.99 kB
HTML
<html>
<head>
<title><%= name %> | Boneyard Composer Tool v<%= version %></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<style type="text/css">
body.boneyard-main { background-color: #eee; font-family: "Questrial", Helvetica, Arial; -webkit-font-smoothing: antialiased; }
ul.boneyard-bar { background-color: #556270; list-style: none; width: 100%; height: 10px; }
ul.boneyard-bar li { float: left; width: 10%; height: 10px; }
ul.boneyard-bar li.bar-a { background-color: #FAD089; }
ul.boneyard-bar li.bar-b { background-color: #FF9C5B; }
ul.boneyard-bar li.bar-c { background-color: #F5634A; }
ul.boneyard-bar li.bar-d { background-color: #ED303C; }
ul.boneyard-bar li.bar-e { background-color: #3B8183; }
div.welcome { margin-bottom: 0px; }
div.logo { margin-bottom: 15px; text-align: center; }
div.logo .info { position: relative; width: 500px; margin: 0 auto; }
div.version { position: absolute; bottom: 5px; right: 5px; padding: 5px 10px; }
div.footer { height: 30px; margin-top: 50px; border-top: 1px solid #d1d1d1; }
/** Affix Navigation **/
nav.ui-affix { float: left; }
nav.ui-affix ul > li h4 { margin: 0; padding: 5px 15px; font-weight: bold; }
nav.ui-affix ul > li a { padding: 5px 15px; color: black; }
nav.ui-affix ul > li a:hover,
nav.ui-affix ul > li a:active { background-color: #337ab7; color: white; }
nav.affix { top: 20px; }
nav.affix-top { margin-top: 30px; }
nav.affix-bottom { }
div.ui-dropdown { margin-bottom: 10px; }
</style>
<script type='text/javascript' src='http://<%= host %>:9494/socket.io/socket.io.js'></script>
<script type='text/javascript'>
var socket = io.connect('http://<%= host %>:9494/', { 'sync disconnect on unload': true });
socket.on('reload', function() { document.location.reload(); });
</script>
<script type='text/javascript' src='<%= core %>' data-spec='<%= mainSpec %>'></script>
</head>
<body class="boneyard-main">
<ul class="boneyard-bar"><li class="bar-a"></li><li class="bar-b"></li><li class="bar-c"></li><li class="bar-d"></li><li class="bar-e"></li></ul>
<div class="jumbotron text-center container welcome">
<div class="logo col-xs-12">
<div class="info">
<img src="http://boneyard.nahuel.io/images/boneyard/boneyard-logo-v1.png" width="500" />
<div class="version small">v<%= version %></div>
</div>
</div>
<p class="col-xs-12">Project Name: <%= name %></p>
</div>
<div id="composer-main"></div>
<div class="footer"><p class="text-center">Boneyard Composer Tool © 2016-2017. <a class="btn btn-link" href="http://nahuel.io/" target="_blank">Nahuel IO</a></p></div>
<script type='text/javascript'>require(['<%= requireMain %>'], function() { require(['ioc/context']); });</script>
</body>
</html>