diff options
| -rw-r--r-- | assets/js/lustiges-relive-script.js | 14 | ||||
| -rw-r--r-- | pages/relive.php | 11 | ||||
| -rw-r--r-- | template/relive.phtml | 29 |
3 files changed, 54 insertions, 0 deletions
diff --git a/assets/js/lustiges-relive-script.js b/assets/js/lustiges-relive-script.js new file mode 100644 index 0000000..fe2ead7 --- /dev/null +++ b/assets/js/lustiges-relive-script.js @@ -0,0 +1,14 @@ +$(function() { + var + $parent = $('.event-previews'), + $loading = $parent, + $tpl = $parent.find('.template').detach().removeClass('template'); + + $.ajax({ + url: '/~peter/relive.json', + success: function(els) { + console.log(els); + $loading.hide(); + } + }); +});
\ No newline at end of file diff --git a/pages/relive.php b/pages/relive.php new file mode 100644 index 0000000..2d7f3d6 --- /dev/null +++ b/pages/relive.php @@ -0,0 +1,11 @@ +<?php + +require_once('lib/bootstrap.php'); + +echo $tpl->render(array( + 'page' => 'relive', + 'title' => 'Relive!', + 'extraScripts' => array( + 'assets/js/lustiges-relive-script.js', + ), +)); diff --git a/template/relive.phtml b/template/relive.phtml new file mode 100644 index 0000000..248056f --- /dev/null +++ b/template/relive.phtml @@ -0,0 +1,29 @@ +<div class="container-fluid"> + <h1>Experimetal ReLive Recordings</h1> + + <div class="event-previews"> + <h2 class="loading">Loading…</h2> + + <a class="event-preview template" href="url.html"> + <img alt="Readable Title" class="video-thumbnail" src=""> + <div class="caption"> + <ul class="metadata"> + <li> + <span class="fa fa-clock-o"></span> + 36 min + </li> + <li> + <span class="fa fa-calendar-o"></span> + 2013-12-28 + </li> + <li class="persons"> + <span class="fa fa-user"></span> + C B + </li> + </ul> + <h3>Readable Title</h3> + </div> + </a> + + </div> +</div> |