included bootstrap; header placeholder

98d44f5d · Andreas Valder · 32a3bc62 · 98d44f5d · 98d44f5d · 98d44f5d
Commit 98d44f5d authored 8 years ago by Andreas Valder
--- a/static/bootstrap/bootstrap.css
+++ b/static/bootstrap/bootstrap.css
--- a/static/bootstrap/bootstrap.js
+++ b/static/bootstrap/bootstrap.js
--- a/static/fonts/glyphicons-halflings-regular.eot
+++ b/static/fonts/glyphicons-halflings-regular.eot
--- a/static/fonts/glyphicons-halflings-regular.svg
+++ b/static/fonts/glyphicons-halflings-regular.svg
--- a/static/fonts/glyphicons-halflings-regular.ttf
+++ b/static/fonts/glyphicons-halflings-regular.ttf
--- a/static/fonts/glyphicons-halflings-regular.woff
+++ b/static/fonts/glyphicons-halflings-regular.woff
--- a/static/fonts/glyphicons-halflings-regular.woff2
+++ b/static/fonts/glyphicons-halflings-regular.woff2
--- a/static/logo.png
+++ b/static/logo.png
--- a/templates/base.html
+++ b/templates/base.html
 <!DOCTYPE html>
 <html>
 	<head>
-		<title>{{ site_title }}</title>
+		<title>Video AG</title>
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 		<script src="static/jquery.js"></script>
-		<link rel="stylesheet" type="text/css" href="style.css">
-		<link rel="icon" type="image/png" href="/favicon.png">
+		<link rel="stylesheet" type="text/css" href="static/style.css">
+		<link rel="icon" type="image/png" href="static/favicon.png">
 		<meta http-equiv="content-language" content="de-DE">
 		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
 		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<link href="static/bootstrap/bootstrap.css" rel="stylesheet">
+		<script src="static/bootstrap/bootstrap.js"></script>
+
 	</head>
 	<body>
-
+		{%include "header.html" %}
 		<h1>This is a Heading</h1>
 		<p>This is a paragraph.</p>


--- a/templates/header.html
+++ b/templates/header.html
+<nav class="navbar navbar-default navbar-static-top">
+	<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>
+			</div>
+			<div class="col-md-11">
+				<div class="row" style="">
+					<ul class="list-inline col-xs-12">
+						<li>
+							<a href="#">Vampir</a>
+						</li>
+						<li>
+							<a href="#">Youtube</a>
+						</li>
+						<li>
+							<a href="#">Fachschaft</a>
+						</li>
+						<li>
+							<a href="#">Facebook</a>
+						</li>
+						<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>
+							<li>
+								<a href="#"><span class="glyphicon glyphicon-film"></span> Videos</a>
+							</li>
+							<li>
+								<a href="#">Mitmachen</a>
+							</li>
+						</ul>
+					</div>
+					<div class="col-md-4">
+							<span class=""><input class="form-control" type="text" placeholder="Search">
+					</div>
+					<div class="col-md-1">
+							<span class=""><button class="btn btn-default" type="submit">Submit</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</nav>