made index more responsive

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="">

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">

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>