From dd61d106ac8d7a3e60bab6ecb0f1527334a84378 Mon Sep 17 00:00:00 2001
From: Andreas Valder <andreasv@fsmpi.rwth-aachen.de>
Date: Tue, 23 Aug 2016 23:06:05 +0200
Subject: [PATCH] made index more responsive

---
 templates/base.html   | 2 +-
 templates/index.html  | 8 ++++----
 templates/macros.html | 9 ++++++++-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 82c8ed8..a1c2827 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -25,7 +25,7 @@
 			<div class="container-fluid">
 				<div class="row">
 					<div class="col-xs-1">
-						<a href="#"><img src="/static/logo.png" style="width: 80px; padding: 5px"></a>
+						<a href="/"><img src="/static/logo.png" style="width: 80px; padding: 5px"></a>
 					</div>
 					<div class="col-md-11">
 						<div class="row" style="">
diff --git a/templates/index.html b/templates/index.html
index 5fe4361..96f2af6 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,7 +7,7 @@
 		<div class="col-md-6 panel-group">
 			<div class="panel panel-default">
 				<div class="panel-heading">
-					<h1>Video AG</h1>
+					<h1 class="panel-title">Video AG</h1>
 				</div>
 				<div class="panel-body">
 					<p>Wir machen Vorlesungsvideos, damit du dir deine Vorlesungen angucken kannst, wann, wo und so oft <strong>du</strong> willst ;)</p>
@@ -21,10 +21,10 @@
 			</div>
 			<div class="panel panel-default">
 				<div class="panel-heading">
-					<h1>Featured</h1>
+					<h1 class="panel-title">Featured</h1>
 				</div>
 				<div class="panel-body">
-					<h3>Collegium Musicum</h3>
+					<h1 class="panel-title">Collegium Musicum</h1 class="panel-title">
 					<img style="width:100%" src="http://www.cm.rwth-aachen.de/typo3/typo3temp/pics/c1d685f56a.jpg">
 				</div>
 			</div>
@@ -32,7 +32,7 @@
 		<div class="col-md-6">
 			<div class="panel panel-default">
 				<div class="panel-heading">
-					<h1>Neueste Videos</h1>
+					<h1 class="panel-title">Neueste Videos</h1">
 				</div>
 				<div class="panel-body">
 					<ul class="list-group videopreview">
diff --git a/templates/macros.html b/templates/macros.html
index 2b4cc2a..a72af2a 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -2,7 +2,7 @@
 
 <li class="list-group-item">
 	<div class="row">
-		<a href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
+		<a  class="hidden-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
 			<img class="col-xs-4" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
 			<div class="col-xs-4">
 				<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span><br>
@@ -16,6 +16,13 @@
 				<p style="font-style: italic; color: #777;">{{ lecture['title'] }}</p>
 			</div>
 		</a>
+		<a  class="visible-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
+			<img class="col-xs-12" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
+			<div class="col-xs-12">
+				<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span>
+				<span style="color: #000;">{{ lecture['time'] }}</span>
+			</div>
+		</a>
 	</div>
 </li>
 
-- 
GitLab