Design der Menü-Seite fertiggestellt
This commit is contained in:
Sebastian Seedorf
93
public/css/style.css
Normal file
93
public/css/style.css
Normal file
@@ -0,0 +1,93 @@
|
||||
html, body {
|
||||
font-family: 'Bitter', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 1em;
|
||||
background-color: #121212;
|
||||
}
|
||||
|
||||
.orange {
|
||||
background-color: #FF731A;
|
||||
padding: 50px;
|
||||
}
|
||||
|
||||
.graygray {
|
||||
background-color: #121212;
|
||||
color: #E3D190;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.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) {
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.center-page > table {
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
|
||||
/* Bootstrap changes */
|
||||
|
||||
.navbar, .dropdown-menu {
|
||||
margin-bottom: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: #222222;
|
||||
border: 1px solid #E3D190;
|
||||
}
|
||||
|
||||
.dropdown-menu > li > a {
|
||||
color: #E3D190;
|
||||
}
|
||||
BIN
public/image/asia-chef-2.png
Normal file
BIN
public/image/asia-chef-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
public/image/asia-chef.png
Normal file
BIN
public/image/asia-chef.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
public/image/rice-world.png
Normal file
BIN
public/image/rice-world.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 102 KiB |
BIN
public/image/vegetables.png
Normal file
BIN
public/image/vegetables.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 232 KiB |
@@ -1,5 +1,10 @@
|
||||
doctype html
|
||||
extends ../node_modules/jade-bootstrap/_bootstrap
|
||||
|
||||
block body
|
||||
|
||||
extends ./wrapper
|
||||
block vars
|
||||
- var pageTitle = 'Kontakt'
|
||||
block content
|
||||
.center-page
|
||||
a(name="reservierung")
|
||||
h1 Reservierung
|
||||
.col-md-10.col-md-offset-1.orange
|
||||
label(for="name") Name:
|
||||
input(name="name")
|
||||
@@ -1,32 +1,7 @@
|
||||
doctype html
|
||||
extends ../node_modules/jade-bootstrap/_bootstrap
|
||||
|
||||
block body
|
||||
+navbar("Restaurant Reiskorn","dropdown_menu","inverse")
|
||||
|
||||
a.navbar-brand(style="padding: 3px;",rel="home",href="#",title="Restaurant Reiskorn")
|
||||
img(style="height: 100%;width: auto;",src="/bin/image/logo.png")
|
||||
|
||||
|
||||
+nav_item("/","active") Home
|
||||
+nav_item_dropdown("/speisekarte")(label="Speisekarte")
|
||||
+nav_header Speisen
|
||||
+nav_item("/speisekarte#vorspeise") Vorspeisen
|
||||
+nav_item("/speisekarte#suppe") Suppen
|
||||
+nav_item("/speisekarte#hauptspeise") Hauptspeisen
|
||||
+nav_item("/speisekarte#junior") Für Junior-Reisesser
|
||||
+nav_item("/speisekarte#dessert") Desserts
|
||||
+nav_divider
|
||||
+nav_header Getränke
|
||||
+nav_item("/speisekarte#haus") Auf Art des Hauses
|
||||
+nav_item("/speisekarte#alkoholfrei") Alkoholfrei
|
||||
+nav_item("/speisekarte#alkohol") Mit Alkohol
|
||||
+nav_item("/speisekarte#spirituose") Spiritus
|
||||
+nav_item_dropdown("/kontakt")(label="Kontakt")
|
||||
+nav_item("/kontakt#reservieren") Reservierung
|
||||
+nav_item("/kontakt#anfahrt") Anfahrt
|
||||
+nav_item("/kontakt#impressum") Impressum
|
||||
+nav_item("/kontakt#impressum") Impressum
|
||||
extends ./wrapper
|
||||
block vars
|
||||
- var pageTitle = 'Home'
|
||||
block content
|
||||
+carousel("home_carousel",[
|
||||
{
|
||||
image:"/bin/image/restaurant-1-chairs.jpg",
|
||||
@@ -65,3 +40,15 @@ block body
|
||||
}
|
||||
}
|
||||
])
|
||||
.row
|
||||
.col-md-6.graygray
|
||||
+img-responsive-center("/bin/image/rice-world.png","Welt voller Reis")
|
||||
.col-md-6.orange Wir bieten Ihnen Reis aus aller Welt. Wählen Sie zwischen 52 verschiedenen Sorten oder lassen Sie sich durch die perfekte Wahl des Chefkochs überraschen.
|
||||
.row
|
||||
.col-md-6.orange Zur Zubereitung wird regional angebautes Gemüse verwendet. Somit schmeckt das Essen noch frischer und die Umwelt wird geschont. Der Reis stammt aus einem fairen Handel mit Kleinbauern in ganz Asien. Nur so kann der originale Geschmack des Reis gewährt werden und er schmeckt besonders kräftig und intensiv!
|
||||
.col-md-6.graygray
|
||||
+img-responsive-center("/bin/image/vegetables.png","Gemüse")
|
||||
.row
|
||||
.col-md-6.graygray
|
||||
+img-responsive-center("/bin/image/asia-chef-2.png","Asiatischer Koch")
|
||||
.col-md-6.orange Unser erfahrener Koch überzeugt mit einer Vielzahl an asiatischen Gerichten. Wie verwenden origrinale Rezepte und exquisite Gewürzmischungen für einen unverwechselbaren Geschmack!
|
||||
191
views/menu.jade
191
views/menu.jade
@@ -1,5 +1,188 @@
|
||||
doctype html
|
||||
extends ../node_modules/jade-bootstrap/_bootstrap
|
||||
|
||||
block body
|
||||
extends ./wrapper
|
||||
block vars
|
||||
- var pageTitle = 'Speisekarte'
|
||||
block content
|
||||
.center-page
|
||||
h1 Speisen
|
||||
a(name="vorspeise")
|
||||
h2 Vorspeisen
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
a(name="suppe")
|
||||
h2 Suppen
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
a(name="hauptspeise")
|
||||
h2 Hauptspeisen
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
a(name="junior")
|
||||
h2 Für Junior-Reisesser
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
a(name="dessert")
|
||||
h2 Desserts
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
h1 Getränke
|
||||
a(name="haus")
|
||||
h2 Auf Art des Hauses
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
a(name="alkoholfrei")
|
||||
h2 Alkoholfrei
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
a(name="alkohol")
|
||||
h2 Mit Alkohol
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
a(name="spirituose")
|
||||
h2 Spriritus
|
||||
table#menu-1
|
||||
tbody
|
||||
tr
|
||||
td Suppe Süß-Sauer
|
||||
p Beschreibung
|
||||
td 3,50€
|
||||
tr
|
||||
td Rei-s-uppe
|
||||
p Beschreibung
|
||||
td 4,90€
|
||||
tr
|
||||
td Rei-s-alat
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
tr
|
||||
td Beste Freundschaft
|
||||
p Beschreibung
|
||||
td 5,50€
|
||||
|
||||
57
views/wrapper.jade
Normal file
57
views/wrapper.jade
Normal file
@@ -0,0 +1,57 @@
|
||||
// https://color.adobe.com/de/create/color-wheel/?base=2&rule=Analogous&selected=3&name=Mein%20Color-Thema&mode=rgb&rgbvalues=0.3333333333333333,0.4666666666666667,0.1450980392156863,0.89,0.8199770812980544,0.5651209725440018,1,0.4508887128558591,0.10106228707217113,0.46,0.14302521008403368,0.24734712946944964,0.06274509803921569,0.06274509803921569,0.06274509803921569&swatchOrder=0,1,2,3,4
|
||||
doctype html
|
||||
extends ../node_modules/jade-bootstrap/_bootstrap
|
||||
block styles
|
||||
link(rel="stylesheet",type="text/css",href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css")
|
||||
link(rel="stylesheet",type="text/css",href="https://fonts.googleapis.com/css?family=Bitter")
|
||||
link(rel="stylesheet",type="text/css",href="/bin/css/style.css")
|
||||
|
||||
|
||||
block speisekarte-drop
|
||||
+nav_header Speisen
|
||||
+nav_item("/speisekarte#vorspeise") Vorspeisen
|
||||
+nav_item("/speisekarte#suppe") Suppen
|
||||
+nav_item("/speisekarte#hauptspeise") Hauptspeisen
|
||||
+nav_item("/speisekarte#junior") Für Junior-Reisesser
|
||||
+nav_item("/speisekarte#dessert") Desserts
|
||||
+nav_divider
|
||||
+nav_header Getränke
|
||||
+nav_item("/speisekarte#haus") Auf Art des Hauses
|
||||
+nav_item("/speisekarte#alkoholfrei") Alkoholfrei
|
||||
+nav_item("/speisekarte#alkohol") Mit Alkohol
|
||||
+nav_item("/speisekarte#spirituose") Spiritus
|
||||
|
||||
block kontakt-drop
|
||||
+nav_item("/kontakt#reservieren") Reservierung
|
||||
+nav_item("/kontakt#anfahrt") Anfahrt
|
||||
+nav_item("/kontakt#impressum") Impressum
|
||||
|
||||
block body
|
||||
block vars
|
||||
+navbar("Restaurant Reiskorn","dropdown_menu","inverse")
|
||||
|
||||
a.navbar-brand(style="padding: 3px;",rel="home",href="#",title="Restaurant Reiskorn")
|
||||
img(style="height: 100%;width: auto;",src="/bin/image/logo.png")
|
||||
|
||||
if (pageTitle=='Home')
|
||||
+nav_item("/","active") Home
|
||||
else
|
||||
+nav_item("/", "") Home
|
||||
|
||||
if (pageTitle=='Speisekarte')
|
||||
+nav_item_dropdown("/speisekarte", "active")(label="Speisekarte")
|
||||
block speisekarte-drop
|
||||
else
|
||||
+nav_item_dropdown("/speisekarte")(label="Speisekarte")
|
||||
block speisekarte-drop
|
||||
|
||||
if (pageTitle=='Kontakt')
|
||||
+nav_item_dropdown("/kontakt", "active")(label="Kontakt")
|
||||
block kontakt-drop
|
||||
else
|
||||
+nav_item_dropdown("/kontakt")(label="Kontakt")
|
||||
block kontakt-drop
|
||||
|
||||
if (true)
|
||||
+nav_item("/kontakt#impressum") Impressum
|
||||
block content
|
||||
Reference in New Issue
Block a user