Erste Funktionalität der Menükarte per GET/POST, keine API; Umstrukturierung der Tabelle als Bootstrap-div; HTML/CSS-Cleanup

public/css/style.css

@@ -15,65 +15,45 @@ html, body {
 	color: #E3D190;
 }
 
-.row {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display:         flex;
-  margin: 0;
+/* Medium Devices, Desktops */
+@media only screen and (min-width : 992px) {
+	.row {
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: -ms-flexbox;
+		display:         flex;
+		margin: 0;
+	}
+}
+
+.stripe > .row:nth-child(2n) {
+	background-color: #222222;
+	color: #E3D190;
+}
+
+.stripe > .row:nth-child(2n+1) {
+	background-color: #FF731A;
+}
+
+.stripe > .row > * {
+	padding: .8em;
 }
 
 .center-page > h1, .center-page > h2 {
 	text-align: center;
 }
 
-.center-page > table {
-    margin: 0 auto;
-}
-
-.center-page > * > * {
-    margin: initial;
-}
-
-.center-page > table {
-	width: 80vw;
-}
-
-.center-page tr:nth-child(2n) {
-	background-color: #222222;
-	color: #E3D190;
-}
-
-.center-page tr:nth-child(2n+1) {
-	background-color: #FF731A;
-}
-
-.center-page td:nth-child(2) {
-	text-align: right;
-}
-
-.center-page td {
-	padding: .8em;
-}
-
-.center-page td > p {
-	margin: 0;
-	padding: 0;
-	font-size: .7em;
-}
-
 .center-page > h1, .center-page > h2 {
 	margin-bottom: 1em;
 	color: #E3D190;
-	text-shadow: 0.1em 0.1em 0.2em;
 }
 
-.center-page > h1:not(:first-child) {
+.center-page > h1:not(:first-of-type) {
 	margin-top: 3em;
 }
 
-.center-page > table {
-	margin-bottom: 3em;
+.center-page > h2 {
+	margin-top: 1.5em;
 }
 
 /* Bootstrap changes */
@@ -90,4 +70,53 @@ html, body {
 
 .dropdown-menu > li > a {
 	color: #E3D190;
+}
+
+textarea {
+	min-width: 100%;
+	max-width: 100%;
+	min-height: 3em;
+}
+
+#carousel-home_carousel {
+	max-width: 1170px;
+	margin: auto;
+	padding: 0 15px;
+}
+
+.btn {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+/* Login menu */
+
+#loginDropdown {
+	left: auto;
+	right: 0;
+	color: #9D9D9D;
+}
+
+#loginDropdown label {
+	font-weight: 400;
+}
+
+#navLogin {
+	padding-right: 0;
+}
+
+#formLogin button, #formLogin a {
+	margin: 5px 0;
+}
+
+@media only screen and (max-width : 768px) {
+	ul.nav.pull-right {
+		float: initial !important;
+	}
+}
+
+@media only screen and (min-width : 768px) {
+	#loginDropdown {
+		min-width: 300px;
+	}
 }

public/js/angular-init.js

@@ -0,0 +1,32 @@
+var app = angular.module('myApp', []);
+app.directive('rrMap', function() {
+	return {
+		restrict: 'A',
+		template: '',
+		link: function(scope, elem, attrs) {
+			function init_map() {
+				var coords = attrs.rrMap.split(", ");
+				var var_location = new google.maps.LatLng(parseFloat(coords[0]), parseFloat(coords[1]));
+
+				var var_mapoptions = {
+					center: var_location,
+					zoom: 14
+				};
+
+				var var_marker = new google.maps.Marker({
+				position: var_location,
+				map: var_map,
+				title:"Map"});
+
+				var var_map = new google.maps.Map(elem[0], var_mapoptions);
+
+				var_marker.setMap(var_map);	
+
+			}
+			
+			console.log(elem[0].style);
+			elem[0].style.minHeight = '400px';
+			google.maps.event.addDomListener(window, 'load', init_map);
+		}
+	}
+});