diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..3e16085 --- /dev/null +++ b/public/css/style.css @@ -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; +} \ No newline at end of file diff --git a/public/image/asia-chef-2.png b/public/image/asia-chef-2.png new file mode 100644 index 0000000..44a2920 Binary files /dev/null and b/public/image/asia-chef-2.png differ diff --git a/public/image/asia-chef.png b/public/image/asia-chef.png new file mode 100644 index 0000000..9bb3a45 Binary files /dev/null and b/public/image/asia-chef.png differ diff --git a/public/image/rice-world.png b/public/image/rice-world.png new file mode 100644 index 0000000..c7e3f50 Binary files /dev/null and b/public/image/rice-world.png differ diff --git a/public/image/vegetables.png b/public/image/vegetables.png new file mode 100644 index 0000000..0454190 Binary files /dev/null and b/public/image/vegetables.png differ diff --git a/views/contact.jade b/views/contact.jade index 92b1db0..09978fa 100644 --- a/views/contact.jade +++ b/views/contact.jade @@ -1,5 +1,10 @@ -doctype html -extends ../node_modules/jade-bootstrap/_bootstrap - -block body - \ No newline at end of file +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") \ No newline at end of file diff --git a/views/index.jade b/views/index.jade index d89f051..ecb4a23 100644 --- a/views/index.jade +++ b/views/index.jade @@ -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", @@ -64,4 +39,16 @@ block body url:"/speisekarte" } } - ]) \ No newline at end of file + ]) + .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! \ No newline at end of file diff --git a/views/menu.jade b/views/menu.jade index 92b1db0..997d5a3 100644 --- a/views/menu.jade +++ b/views/menu.jade @@ -1,5 +1,188 @@ -doctype html -extends ../node_modules/jade-bootstrap/_bootstrap - -block body - \ No newline at end of file +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€ + \ No newline at end of file diff --git a/views/wrapper.jade b/views/wrapper.jade new file mode 100644 index 0000000..3d2d952 --- /dev/null +++ b/views/wrapper.jade @@ -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 \ No newline at end of file