diff options
Diffstat (limited to 'views/grain.ejs')
| -rw-r--r-- | views/grain.ejs | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/views/grain.ejs b/views/grain.ejs new file mode 100644 index 0000000..1576e1b --- /dev/null +++ b/views/grain.ejs @@ -0,0 +1,65 @@ +<script type="text/javascript" src="/js/vendor/audiolib.js"></script> +<script type="text/javascript" src="/js/mouse.js"></script> +<script type="text/javascript" src="/js/chat.js"></script> +<script type="text/javascript" src="/js/grain.js"></script> +<script type="text/javascript" src="/js/user.js"></script> +<script type="text/javascript" src="/js/app.js"></script> + +<style> + * {padding: 0; margin: 0; font-family: menlo;} + header {display: block; background-color: #ddd;padding:10px; width: 300px; float: left; z-index: 3; position: relative;} + body {padding: 0; margin: 0; background: #444444; } + #content { margin: 10px; position: relative; z-index: 2;} + canvas { margin-top: 80px; } + + #chat { + position: absolute; + bottom: 0; + left: 0; + z-index: 1; + padding: 10px; + } + #send { + background: #333; color: #fff; + border: 0; padding: 4px; + } + #message { + background: #ddd; + padding: 1px; + width: 200px; + } + #messages { + color: #888; + width: 400px; + font-size: 14px; + } + #messages b { + font-size: 16px; + color: #585; + display: inline-block; + padding: 5px 5px 0 0; + } + #mute { + } + #mute.muted { + background: #fff; + color: #000; + } +</style> + +<header> + <h1>warpFX</h1> + <span id="mute">mute</span> + <div id="hud"></div> +</header> + +<section id="content"> + <canvas id='canvas' height='400' width='594'></canvas> +</section> + +<div id="chat"> + <div id="messages"></div> + <input type="text" id="message" autocomplete="off"> + <button id="send">send</button> +</div> + |