From 2e651471fb0820c1783c4e53e6378ca6f538515e Mon Sep 17 00:00:00 2001 From: Andreas Valder <andreasv@fsmpi.rwth-aachen.de> Date: Sun, 7 Aug 2016 08:46:04 +0200 Subject: [PATCH] placeholder landing page --- static/style.css | 0 templates/base.html | 3 +- templates/header.html | 29 ++++++++++++++--- templates/index.html | 76 +++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 103 insertions(+), 5 deletions(-) create mode 100644 static/style.css diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..e69de29 diff --git a/templates/base.html b/templates/base.html index 74af417..fcafeeb 100644 --- a/templates/base.html +++ b/templates/base.html @@ -16,8 +16,9 @@ </head> <body> {%include "header.html" %} + {% block content %} <h1>This is a Heading</h1> <p>This is a paragraph.</p> - + {% endblock %} </body> </html> diff --git a/templates/header.html b/templates/header.html index 784e956..bcdbd25 100644 --- a/templates/header.html +++ b/templates/header.html @@ -7,6 +7,7 @@ <div class="col-md-11"> <div class="row" style=""> <ul class="list-inline col-xs-12"> + <!--- <li> <a href="#">Vampir</a> </li> @@ -22,19 +23,20 @@ <li> <a href="#">Twitter</a> </li> + !---> </ul> </div> <div class="row"> <div class="col-md-7"> <ul class="nav nav-pills"> - <li> - <a href="#"><span class="glyphicon glyphicon-home"></span> Home</a> + <li class="active"> + <a href="/"><span class="glyphicon glyphicon-home"></span> Home</a> </li> <li> - <a href="#"><span class="glyphicon glyphicon-film"></span> Videos</a> + <a href="/videos"><span class="glyphicon glyphicon-film"></span> Videos</a> </li> <li> - <a href="#">Mitmachen</a> + <a href="/contribute">Mitmachen</a> </li> </ul> </div> @@ -45,6 +47,25 @@ <span class=""><button class="btn btn-default" type="submit">Submit</button> </div> </div> + <div class="row"> + <div class="col-md-12"> + <ul class="nav nav-pills"> + <!-- + <li> + <a href="#">Streams</a> + </li> + <li> + <a href="#">Statistiken</a> + </li> + <li> + <a href="#">Mitmachen</a> + </li> + !---> + </ul> + </div> + </div> + + </div> </div> </div> diff --git a/templates/index.html b/templates/index.html index 94d9808..9b98230 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1 +1,77 @@ {% extends "base.html" %} +{% block content %} +<div class="container-fluid"> + <div class="row"> + <div class="col-md-6"> + <div> + <h1>Video AG</h1> + <p>Wir machen Vorlesungsvideos, damit du dir deine Vorlesungen angucken kannst, wann, wo und so oft <strong>du</strong> willst ;)</p> + <p><strong>Probleme?</strong><a href="http://google.de"> Hier gehts zur FAQ</a></p> + <p>Wenn du die Videos nützlich fandest, schreib doch bitte den Dozenten eine kurze E-Mail. Waren die Videos grauenhaft? Kritik an uns.</p> + <p>Wenn du mitmachen willst, Fragen oder Anregungen hast, oder nur mal schauen möchtest, komm zu unserem AG-Treffen oder schreib uns eine E-Mail. + Insbesondere freuen wir uns über Studis der Mathematik und Physik, die ihre Vorlesungen filmen wollen. + Die nächste Sitzung der AG findet am 10.08.2016 ab 18:00 Uhr in den Räumlichkeiten der Fachschaft im Augustinerbach 2a, 1. Obergeschoss statt. + </p> + </div> + <div> + <h1>Featured</h1> + <h3>Collegium Musicum</h3> + <img style="width:100%" src="http://www.cm.rwth-aachen.de/typo3/typo3temp/pics/c1d685f56a.jpg"> + </div> + </div> + <div class="col-md-6"> + <h1>Neueste Videos</h1> + <ul class="list-group"> + <li class="list-group-item"> + <div class="row"> + <a href="?view=player&lectureid=7359#content" title="HYP2016"> + <img class="col-xs-4" src="https://video.fsmpi.rwth-aachen.de/pub/thumbnails/16ss-hyp-160802-720p.jpg" alt="Vorschaubild"> + <div class="col-xs-4"> + <span title="HYP2016">HYP2016</span> + <span title="02.08.16 18:00">02.08.16</span> + <p>The classical limit of quantum observables in conservation laws of fluid dynamics</p> + </div> + <div class="col-xs-4"> + <div class="comment">Quantum mechanics II</div> + <div class="comment">Gehalten von Anders Szepessy</div> + </div> + </a> + </div> + </li> + <li class="list-group-item"> + <div class="row"> + <a href="?view=player&lectureid=7359#content" title="HYP2016"> + <img class="col-xs-4" src="https://video.fsmpi.rwth-aachen.de/pub/thumbnails/16ss-hyp-160802-720p.jpg" alt="Vorschaubild"> + <div class="col-xs-4"> + <span title="HYP2016">HYP2016</span> + <span title="02.08.16 18:00">02.08.16</span> + <p>The classical limit of quantum observables in conservation laws of fluid dynamics</p> + </div> + <div class="col-xs-4"> + <div class="comment">Quantum mechanics II</div> + <div class="comment">Gehalten von Anders Szepessy</div> + </div> + </a> + </div> + </li> + <li class="list-group-item"> + <div class="row"> + <a href="?view=player&lectureid=7359#content" title="HYP2016"> + <img class="col-xs-4" src="https://video.fsmpi.rwth-aachen.de/pub/thumbnails/16ss-hyp-160802-720p.jpg" alt="Vorschaubild"> + <div class="col-xs-4"> + <span title="HYP2016">HYP2016</span> + <span title="02.08.16 18:00">02.08.16</span> + <p>The classical limit of quantum observables in conservation laws of fluid dynamics</p> + </div> + <div class="col-xs-4"> + <div class="comment">Quantum mechanics II</div> + <div class="comment">Gehalten von Anders Szepessy</div> + </div> + </a> + </div> + </li> + </ul> + </div> + </div> +</div> +{% endblock %} -- GitLab