2016-07-31 17:28:23 +00:00
|
|
|
---
|
|
|
|
|
navigable: true
|
|
|
|
|
title: Cammie
|
|
|
|
|
---
|
2016-08-30 19:45:27 +00:00
|
|
|
<section id="cammie-section">
|
2016-08-26 21:21:58 +00:00
|
|
|
<div id="cammie-body">
|
2017-04-21 12:37:31 +00:00
|
|
|
<img id="cammie-feed" alt="cammie" src="https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2">
|
2016-08-29 13:10:08 +00:00
|
|
|
<div id="cammie-ctrls">
|
2016-10-12 08:31:16 +00:00
|
|
|
<div class="columns is-mobile">
|
2016-08-30 19:45:27 +00:00
|
|
|
<div class="column is-1 ctrl diag left" data-command="set_relative_pos" data-x="-10" data-y="10">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-left' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-30 16:28:14 +00:00
|
|
|
<div class="column ctrl center" data-command="set_relative_pos" data-x="0" data-y="10">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-up' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-30 19:45:27 +00:00
|
|
|
<div class="column is-1 ctrl diag right" data-command="set_relative_pos" data-x="10" data-y="10">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-up' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-26 21:21:58 +00:00
|
|
|
</div>
|
2016-08-28 22:13:02 +00:00
|
|
|
|
2016-10-12 08:31:16 +00:00
|
|
|
<div class="columns center is-mobile">
|
2016-08-30 19:45:27 +00:00
|
|
|
<div class="column is-1 ctrl left" data-command="set_relative_pos" data-x="-10" data-y="0">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-left' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-30 19:45:27 +00:00
|
|
|
<div class="column">
|
|
|
|
|
<!-- blank space -->
|
2016-08-30 16:16:19 +00:00
|
|
|
</div>
|
2016-08-30 19:45:27 +00:00
|
|
|
<div class="column is-1 ctrl right" data-command="set_relative_pos" data-x="10" data-y="0">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-right' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-28 22:43:21 +00:00
|
|
|
</div>
|
2016-08-30 19:45:27 +00:00
|
|
|
|
2016-10-12 08:31:16 +00:00
|
|
|
<div class="columns is-mobile">
|
2016-08-30 19:45:27 +00:00
|
|
|
<div class="column is-1 ctrl diag left" data-command="set_relative_pos" data-x="-10" data-y="-10">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-down' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-30 16:28:14 +00:00
|
|
|
<div class="column ctrl center" data-command="set_relative_pos" data-x="0" data-y="-10">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-down' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-30 19:45:27 +00:00
|
|
|
<div class="column is-1 ctrl diag right" data-command="set_relative_pos" data-x="10" data-y="-10">
|
2016-08-29 13:49:27 +00:00
|
|
|
<%= fa 'chevron-circle-right' %>
|
2016-08-29 13:10:08 +00:00
|
|
|
</div>
|
2016-08-28 22:43:21 +00:00
|
|
|
</div>
|
2016-08-26 21:21:58 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2016-08-30 19:45:27 +00:00
|
|
|
<nav class="nav">
|
|
|
|
|
<div class="nav-center">
|
2017-04-21 12:37:31 +00:00
|
|
|
<button class="button ctrl" data-command="set_pos" data-x="0" data-y="12">
|
2016-08-30 19:45:27 +00:00
|
|
|
Kleine tafel
|
2016-08-30 21:53:43 +00:00
|
|
|
</button>
|
2017-04-21 12:37:31 +00:00
|
|
|
<button class="button ctrl" data-command="set_pos" data-x="50" data-y="10">
|
2016-08-30 19:45:27 +00:00
|
|
|
Grote tafel
|
2016-08-30 21:53:43 +00:00
|
|
|
</button>
|
2017-04-21 12:37:31 +00:00
|
|
|
<button class="ctrl button" data-command="set_pos" data-x="50" data-y="22">
|
2016-08-30 19:45:27 +00:00
|
|
|
Zetel
|
2016-08-30 21:53:43 +00:00
|
|
|
</button>
|
2016-08-30 19:45:27 +00:00
|
|
|
</div>
|
|
|
|
|
</nav>
|
2016-08-14 08:12:19 +00:00
|
|
|
</section>
|
2016-08-04 17:06:36 +00:00
|
|
|
|
2016-07-18 07:24:24 +00:00
|
|
|
|
2016-08-04 17:06:36 +00:00
|
|
|
<%= asset :js, :cammie %>
|
