aboutsummaryrefslogtreecommitdiff
path: root/template/overview.phtml
diff options
context:
space:
mode:
authorMaZderMind2015-02-26 17:57:42 +0100
committerMaZderMind2015-02-26 17:57:42 +0100
commit6db2f0f4b9816ccd271332b89a05a9d0d753216b (patch)
treefd7ecf7cf16b33bdb75c45e747d12f9ecca43358 /template/overview.phtml
parent9fb5b19bb0652b9c187c9b552c0a7ec4d6778222 (diff)
shuffle things around on the way to a bootstrap-based configurable website
Diffstat (limited to '')
-rw-r--r--template/overview.phtml98
1 files changed, 98 insertions, 0 deletions
diff --git a/template/overview.phtml b/template/overview.phtml
new file mode 100644
index 0000000..d27c9b0
--- /dev/null
+++ b/template/overview.phtml
@@ -0,0 +1,98 @@
+<? include("$assemblies/banner.phtml") ?>
+
+<div class="container overview">
+ <div class="row">
+ <div class="col-xs-12">
+ <h1>Live-Streams</h1>
+ </div>
+ </div>
+
+ <? foreach(get('OVERVIEW.GROUPS') as $group => $rooms): ?>
+ <div class="row room-group">
+ <div class="col-xs-12">
+ <h2><?=h($group)?></h2>
+ </div>
+
+ <? $count = count($rooms); ?>
+ <? foreach($rooms as $idx => $slug): ?>
+ <div class="
+ room room-<?=h($slug)?>
+
+ <? if($count % 2 == 1 && $idx == $count - 1): ?>
+ col-sm-12 wide
+ <? else: ?>
+ col-md-6 col-sm-12 narrow
+ <? endif ?>
+
+ <? if(get("ROOMS.$slug.PREVIEW")): ?>
+ has-preview
+ <? endif ?>
+
+ <? if(get("ROOMS.$slug.SCHEDULE") && has("SCHEDULE")): ?>
+ has-schedule
+ <? endif ?>
+ ">
+ <? /* when the count is odd and this is the last item - make it full width */ ?>
+ <div class="
+ panel panel-default
+ <? if(get("ROOMS.$slug.PREVIEW")): ?>has-preview<? endif ?>
+ ">
+ <? if(get("ROOMS.$slug.PREVIEW") && get("ROOMS.$slug.SCHEDULE") && has("SCHEDULE")): ?>
+ <div class="panel-heading">
+ <a href="<?=h(link_room($slug))?>">
+ <?=h(get("ROOMS.$slug.DISPLAY"))?>
+ </a>
+ </div>
+ <? endif ?>
+
+ <div class="panel-body">
+ <? if(get("ROOMS.$slug.PREVIEW")): ?>
+ <a href="<?=h(link_room($slug))?>">
+ <img class="preview" src="thumbs/<?=h(get("ROOMS.$slug.STREAM"))?>.png" alt="" width="213" height="120" />
+ </a>
+ <? endif ?>
+
+ <? if(!get("ROOMS.$slug.PREVIEW") || !get("ROOMS.$slug.SCHEDULE") || !has("SCHEDULE")): ?>
+ <a href="<?=h(link_room($slug))?>" class="title">
+ <?=h(get("ROOMS.$slug.DISPLAY"))?>
+ </a>
+ <? endif ?>
+
+ <? if(get("ROOMS.$slug.SCHEDULE") && has("SCHEDULE")): ?>
+ Schedule
+ <div class="program-schedule">
+ <span class="current-talk hidden">
+ <strong>Now:</strong>
+ <span class="t">none</span>
+ </span>
+
+ <br />
+
+ <span class="next-talk hidden">
+ <strong>Next Talk:</strong>
+ <span class="t">none</span>
+ </span>
+ </div>
+ <? endif ?>
+ </div>
+ </div>
+ </div>
+ <? endforeach ?>
+ </div>
+ <? endforeach ?>
+
+ <div class="room-group recordings">
+ <h2>Recordings</h2>
+
+ <ul class="row">
+ <li class="col-sm-6">
+ <div class="title">
+ <a href="http://media.ccc.de/browse/congress/2014/index.html"><span class="fa fa-video-camera"></span> Releases</a>
+ </div>
+ </li>
+ <li class="col-sm-6">
+ <a href="relive/"><span class="fa fa-play-circle"></span> ReLive</a>
+ </li>
+ </ul>
+ </div>
+</div>