aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMaZderMind2015-02-27 10:46:35 +0100
committerMaZderMind2015-02-27 10:46:35 +0100
commit1dc96f73d09e2fb37ac7872df6e7d1dd8a1ab784 (patch)
treecf22f8e4fbe9a0602535f47403a5205acbfebc55
parentac19a620c8ed221821bbca289c636ca9a8900ed0 (diff)
Finish Overview-Page
Diffstat (limited to '')
-rw-r--r--assets/css/_overview.less54
-rw-r--r--assets/css/_structure.less2
-rw-r--r--config.php4
-rw-r--r--template/overview.phtml94
4 files changed, 107 insertions, 47 deletions
diff --git a/assets/css/_overview.less b/assets/css/_overview.less
index a036291..df3f0ad 100644
--- a/assets/css/_overview.less
+++ b/assets/css/_overview.less
@@ -1,3 +1,55 @@
-.room-group .room {
+.room {
+ text-align: center;
+ .panel-heading {
+ display: none;
+ }
+
+ &.has-schedule.has-preview {
+ text-align: left;
+
+ .panel-heading {
+ display: block;
+ }
+ .title {
+ display: none;
+ }
+ }
+
+ .preview {
+ float: left;
+ margin-right: @padding-base-horizontal;
+ }
+
+ a.title {
+ font-size: 2.5em;
+ display: block;
+ }
+
+ .program-schedule .talk {
+ display: inline;
+ margin-right: @padding-base-horizontal;
+ }
+
+ &.has-schedule.has-preview {
+ .program-schedule .talk {
+ display: block;
+ }
+ }
+
+ &.has-preview {
+ .program-schedule .next-talk {
+ margin-top: @padding-base-vertical;
+ }
+ }
}
+
+.recordings a {
+ font-size: 2.5em;
+ display: block;
+ text-align: center;
+
+ &:hover {
+ text-decoration: none;
+ }
+} \ No newline at end of file
diff --git a/assets/css/_structure.less b/assets/css/_structure.less
index 09d6a99..71eea0f 100644
--- a/assets/css/_structure.less
+++ b/assets/css/_structure.less
@@ -18,7 +18,7 @@
}
body {
- padding-top: 50px;
+ padding: 50px 0;
}
diff --git a/config.php b/config.php
index 706a38c..55b0e93 100644
--- a/config.php
+++ b/config.php
@@ -55,13 +55,13 @@ $GLOBALS['CONFIG']['OVERVIEW'] = array(
* Link zu den Recordings
* Wird diese Zeile auskommentiert, wird der Link nicht angezeigt
*/
- 'RECORDINGS' => 'http://media.ccc.de/browse/congress/2014/index.html',
+ 'RELEASES' => 'http://media.ccc.de/browse/congress/2014/index.html',
/**
* Link zu einer (externen) ReLive-Übersichts-Seite
* Wird diese Zeile auskommentiert, wird der Link nicht angezeigt
*/
- //'RELIVE' => 'https://foo',
+ //'RELIVE' => 'http://vod.c3voc.de/',
/**
* Alternativ kann ein ReLive-Json konfiguriert werden, um die interne
diff --git a/template/overview.phtml b/template/overview.phtml
index d27c9b0..5f36cab 100644
--- a/template/overview.phtml
+++ b/template/overview.phtml
@@ -1,12 +1,6 @@
<? 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">
@@ -18,6 +12,7 @@
<div class="
room room-<?=h($slug)?>
+ <? /* when the count is odd and this is the last item - make it full width */ ?>
<? if($count % 2 == 1 && $idx == $count - 1): ?>
col-sm-12 wide
<? else: ?>
@@ -32,18 +27,12 @@
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 panel-default">
+ <div class="panel-heading">
+ <a href="<?=h(link_room($slug))?>">
+ <?=h(get("ROOMS.$slug.DISPLAY"))?>
+ </a>
+ </div>
<div class="panel-body">
<? if(get("ROOMS.$slug.PREVIEW")): ?>
@@ -52,26 +41,21 @@
</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 ?>
+ <a href="<?=h(link_room($slug))?>" class="title">
+ <?=h(get("ROOMS.$slug.DISPLAY"))?>
+ </a>
<? if(get("ROOMS.$slug.SCHEDULE") && has("SCHEDULE")): ?>
- Schedule
<div class="program-schedule">
- <span class="current-talk hidden">
+ <div class="talk current-talk">
<strong>Now:</strong>
<span class="t">none</span>
- </span>
-
- <br />
+ </div>
- <span class="next-talk hidden">
+ <div class="talk next-talk">
<strong>Next Talk:</strong>
<span class="t">none</span>
- </span>
+ </div>
</div>
<? endif ?>
</div>
@@ -81,18 +65,42 @@
</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>
+ <? if(has('OVERVIEW.RELEASES') || has('OVERVIEW.RELIVE') || has('OVERVIEW.RELIVE_JSON')): ?>
+ <? $class = has('OVERVIEW.RELEASES') && (has('OVERVIEW.RELIVE') || has('OVERVIEW.RELIVE_JSON')) ? 'col-sm-6 col-xs-12' : 'col-xs-12' ?>
+ <div class="row recordings">
+ <div class="col-xs-12">
+ <h2>Recordings</h2>
</div>
- </li>
- <li class="col-sm-6">
- <a href="relive/"><span class="fa fa-play-circle"></span> ReLive</a>
- </li>
- </ul>
- </div>
+
+ <? if(has('OVERVIEW.RELEASES')): ?>
+ <div class="<?=h($class)?>">
+ <div class="panel panel-primary">
+ <div class="panel-body">
+ <a href="http://media.ccc.de/browse/congress/2014/index.html">
+ <span class="fa fa-video-camera"></span> Releases
+ </a>
+ </div>
+ </div>
+ </div>
+ <? endif ?>
+
+ <? if(has('OVERVIEW.RELIVE') || has('OVERVIEW.RELIVE_JSON')): ?>
+ <div class="<?=h($class)?>">
+ <div class="panel panel-primary">
+ <div class="panel-body">
+ <? if(has('OVERVIEW.RELIVE')): ?>
+ <a href="<?=h(get('OVERVIEW.RELIVE'))?>">
+ <? else: ?>
+ <a href="relive/">
+ <? endif ?>
+
+ <span class="fa fa-play-circle"></span> ReLive
+ </a>
+ </div>
+ </div>
+ </div>
+ <? endif ?>
+ </ul>
+ </div>
+ <? endif ?>
</div>