diff options
author | MaZderMind | 2015-02-27 10:46:35 +0100 |
---|---|---|
committer | MaZderMind | 2015-02-27 10:46:35 +0100 |
commit | 1dc96f73d09e2fb37ac7872df6e7d1dd8a1ab784 (patch) | |
tree | cf22f8e4fbe9a0602535f47403a5205acbfebc55 | |
parent | ac19a620c8ed221821bbca289c636ca9a8900ed0 (diff) |
Finish Overview-Page
-rw-r--r-- | assets/css/_overview.less | 54 | ||||
-rw-r--r-- | assets/css/_structure.less | 2 | ||||
-rw-r--r-- | config.php | 4 | ||||
-rw-r--r-- | template/overview.phtml | 94 |
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; } @@ -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> |