--- a/classes/bfw/mvc/view/benutzerverwaltung/index.tpl
+++ b/classes/bfw/mvc/view/benutzerverwaltung/index.tpl
@@ -1,5 +1,4 @@
<h2 class="text-center">Benutzerverwaltung</h2>
-<hr/>
<div class="container">
{foreach $users as $user}
--- a/classes/bfw/mvc/view/header.tpl
+++ b/classes/bfw/mvc/view/header.tpl
@@ -24,8 +24,12 @@
<div class="form-group">
<input type="text" class="form-control" placeholder="Suchen..." name="did" value="">
</div>
- <button type="submit" class="btn btn-default">Volltext-Suche</button>
+
+ <div class="form-group">
+ <button type="submit" class="btn btn-default">Volltext-Suche</button>
+ </div>
</form>
+
<ul class="nav navbar-nav navbar-right">
{if $request->getKey('isLoggedIn')}
<li><a href="/benutzerverwaltung/meinprofil/">{$user->getFirstname()} {$user->getLastname()}</a></li>
--- a/classes/bfw/mvc/view/home/index.tpl
+++ b/classes/bfw/mvc/view/home/index.tpl
@@ -1,2 +1,11 @@
-<h2 class="text-center">Das Bröker Framework</h2>
-<hr/>
+<h2 class="text-center">Bröker Framework</h2>
+
+<div class="wrapper">
+ <div class="iframe">
+ <iframe src="https://www.youtube.com/embed/kFM2Vcu-BRo" frameborder="0" allowfullscreen></iframe>
+ </div>
+</div>
+
+<div class="promo text-center">
+ <strong>Now on <a href="https://www.bitbucket.org/mbroeker/bfw/">Bitbucket</a></strong>
+</div>
--- a/classes/bfw/mvc/view/layout.tpl
+++ b/classes/bfw/mvc/view/layout.tpl
@@ -4,14 +4,11 @@
<meta charset="utf-8"/>
<title>BFW Demo Page</title>
- <link href="/js/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+ <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous" />
+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<link href="/css/main.css" rel="stylesheet" type="text/css"/>
-
- <script type="text/javascript" src="/js/jquery-1.11.3.min.js"></script>
- <script type="text/javascript" src="/js/bootstrap/bootstrap.js"></script>
-
- <script type="text/javascript" src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
<script type="text/javascript" src="/js/main.js"></script>
</head>
<body>
--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +1,7 @@
+/**
+ * @copyright Copyright(C) 2015 4customers
+ * @author Markus Bröker<broeker.markus@googlemail.com>
+ */
html, body, p, textarea, input, select {
margin: 0;
padding: 0;
@@ -76,4 +80,55 @@
.form-inline .form-group {
max-width: 49%;
+}
+
+.promo {
+ margin-top: 10px;
+
+ font-weight: bold;
+ font-size: 2em;
+}
+
+/* Fluid Iframe starts */
+.wrapper {
+ position: relative;
+
+ width: 75%;
+ height: 100%;
+
+ padding-bottom: 38%;
+
+ margin-left: auto;
+ margin-right: auto;
+
+ text-align: center;
+}
+
+.iframe {
+ position: absolute;
+
+ width: 100%;
+ height: 100%;
+}
+
+.iframe iframe {
+ position: relative;
+
+ width: 100%;
+ height: 100%;
+}
+/* Fluid Iframe ends */
+
+@media screen and (max-width: 480px) {
+ body {
+ font-size: 1.25em;
+ }
+
+ .form-group button {
+ width: 100%;
+ }
+
+ .wrapper {
+ height: 220px;
+ }
}
\ No newline at end of file