zeus.ugent.be/content/cammie.erb

95 lines
3.3 KiB
Text
Raw Permalink Normal View History

2016-07-31 19:28:23 +02:00
---
navigable: true
title: Cammie
---
2017-04-24 21:11:18 +02:00
<% content_for :scripts do %>
2018-07-09 16:19:20 +02:00
<script src="https://code.jquery.com/jquery-3.0.0.min.js" charset="utf-8"></script>
2019-10-08 04:10:15 +02:00
<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.2.0/socket.io.js" integrity="sha256-yr4fRk/GU1ehYJPAs8P4JlTgu0Hdsp4ZKrx8bDEDC3I=" crossorigin="anonymous"></script>
<script type="text/javascript" charset="utf-8">
var socket = io("https://kelder.zeus.ugent.be");
socket.on('replymessage', function(obj) {
alert("Kelder says: " + obj['message']);
})
</script>
2017-04-24 21:11:18 +02:00
<%= asset :js, :cammie %>
2018-04-27 02:13:05 +02:00
<%= asset :js, :message %>
2017-04-24 21:11:18 +02:00
<% end %>
2016-08-30 21:45:27 +02:00
<section id="cammie-section">
2016-08-26 23:21:58 +02:00
<div id="cammie-body">
2017-04-21 20:53:46 +02:00
<figure class="image is-16by9">
2018-12-14 02:28:35 +01:00
<img id="cammie-feed" alt="cammie" src="https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2" onerror="cammie_error()">
2017-04-21 20:53:46 +02:00
</figure>
2016-08-29 15:10:08 +02:00
<div id="cammie-ctrls">
2016-10-12 10:31:16 +02:00
<div class="columns is-mobile">
2016-08-30 21:45:27 +02:00
<div class="column is-1 ctrl diag left" data-command="set_relative_pos" data-x="-10" data-y="10">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-left' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-30 18:28:14 +02:00
<div class="column ctrl center" data-command="set_relative_pos" data-x="0" data-y="10">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-up' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-30 21:45:27 +02:00
<div class="column is-1 ctrl diag right" data-command="set_relative_pos" data-x="10" data-y="10">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-up' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-26 23:21:58 +02:00
</div>
2016-08-29 00:13:02 +02:00
2016-10-12 10:31:16 +02:00
<div class="columns center is-mobile">
2016-08-30 21:45:27 +02:00
<div class="column is-1 ctrl left" data-command="set_relative_pos" data-x="-10" data-y="0">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-left' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-30 21:45:27 +02:00
<div class="column">
2017-06-01 02:39:55 +02:00
<!-- blank space -->
2016-08-30 18:16:19 +02:00
</div>
2016-08-30 21:45:27 +02:00
<div class="column is-1 ctrl right" data-command="set_relative_pos" data-x="10" data-y="0">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-right' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-29 00:43:21 +02:00
</div>
2016-08-30 21:45:27 +02:00
2016-10-12 10:31:16 +02:00
<div class="columns is-mobile">
2016-08-30 21:45:27 +02:00
<div class="column is-1 ctrl diag left" data-command="set_relative_pos" data-x="-10" data-y="-10">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-down' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-30 18:28:14 +02:00
<div class="column ctrl center" data-command="set_relative_pos" data-x="0" data-y="-10">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-down' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-30 21:45:27 +02:00
<div class="column is-1 ctrl diag right" data-command="set_relative_pos" data-x="10" data-y="-10">
2016-08-29 15:49:27 +02:00
<%= fa 'chevron-circle-right' %>
2016-08-29 15:10:08 +02:00
</div>
2016-08-29 00:43:21 +02:00
</div>
2016-08-26 23:21:58 +02:00
</div>
</div>
2018-04-14 23:33:56 +02:00
<nav class="nav columns">
<div class="column">
2019-05-09 21:00:52 +02:00
<button class="button ctrl" data-command="set_pos" data-x="24" data-y="16">
2016-08-30 21:45:27 +02:00
Kleine tafel
</button>
2018-04-14 23:33:56 +02:00
</div>
<div class="column">
2019-05-09 21:00:52 +02:00
<button class="button ctrl" data-command="set_pos" data-x="61" data-y="10">
2016-08-30 21:45:27 +02:00
Grote tafel
</button>
2018-04-14 23:33:56 +02:00
</div>
<div class="column">
2019-05-09 21:00:52 +02:00
<button class="ctrl button" data-command="set_pos" data-x="10" data-y="12">
2016-08-30 21:45:27 +02:00
Zetel
</button>
2016-08-30 21:45:27 +02:00
</div>
2019-06-19 15:58:00 +02:00
<div class="column">
<button class="ctrl button" data-command="set_pos" data-x="26" data-y="6">
Deur
</button>
</div>
2016-08-30 21:45:27 +02:00
</nav>
2018-04-27 02:13:05 +02:00
<div class="columns">
2018-04-27 04:05:25 +02:00
<p id="chat-response"></p>
2018-04-27 02:13:05 +02:00
<div class="field has-addons ">
<div class="field control">
<input class="input chatbox" type="text" placeholder="Zeus is de max!">
</div>
<a class="button send control">
Send to kelder
</a>
</div>
2019-06-07 11:39:08 +02:00
</div>
2016-08-14 10:12:19 +02:00
</section>