more files

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>