sebse/kuerbiskern-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial

Browse Source
This commit is contained in:
Sebastian Seedorf
2019-01-10 13:08:06 +01:00
commit 096f2f1c4b
59 changed files with 44318 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
views/error.pug Normal file
View File

@@ -0,0 +1,6 @@
extends layout
block content
h1= message
h2= error.status
pre #{error.stack}

159
views/index.pug Normal file
View File

@@ -0,0 +1,159 @@
extends layout
block content
style.
.demo-card-square.mdl-card {
width: 100%;
}
.demo-card-square > .mdl-card__title {
color: #fff;
background: #795548;
}
.mdl-selectfield__select option {
font-family: "Helvetica", "Arial", sans-serif;
}
script(src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.13.3/dist/tf.min.js", defer)
script(src="/js/neuralnet.js", defer)
.mdl-grid
.mdl-cell--3-offset-desktop
.mdl-cell.mdl-cell--6-col.mdl-cell--12-col-tablet
.demo-card-square.mdl-card.mdl-shadow--2dp
.mdl-card__title.mdl-card--expand
h2.mdl-card__title-text Über diese Seite
.mdl-card__supporting-text
| Auf dieser Website kannst Du Deine Lieblingscocktails speichern und beim nächsten Mal wieder bestellen!
h3 Freiwillige Informationen
| Du kannst anonym Dein Alter und Geschlecht angeben, um die Cocktails weiter verbessern zu können.
.form
.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.getmdl-select
input#sex-input.mdl-textfield__input(type='text', value='', readonly='')
input(type='hidden', value='', name='sex-input')
label.mdl-textfield__label(for='sex-input') Geschlecht
i.mdl-icon-toggle__label.material-icons keyboard_arrow_down
ul.mdl-menu.mdl-menu--bottom-left.mdl-js-menu(for='sex-input')
li.mdl-menu__item(data-val='na') Nicht angegeben
li.mdl-menu__item(data-val='m') Männlich
li.mdl-menu__item(data-val='w') Weiblich
li.mdl-menu__item(data-val='o') Divers
br
br
.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label
input.mdl-textfield__input(type="number", id="age_input")
label.mdl-textfield__label(for="age_input") Alter
br
br
br
br
br
br
br
//.mdl-card__actions.mdl-card--border
// a.mdl-button.mdl-button--colored.mdl-js-button.mdl-js-ripple-effect
// | View Updates
.mdl-grid
.mdl-cell--3-offset-desktop
.mdl-cell.mdl-cell--6-col.mdl-cell--12-col-tablet
.demo-card-square.mdl-card.mdl-shadow--2dp
.mdl-card__title.mdl-card--expand
h2.mdl-card__title-text Lieblingscocktails
.mdl-card__supporting-text
ul.demo-list-two.mdl-list
li.mdl-list__item.mdl-list__item--two-line
span.mdl-list__item-primary-content
i.material-icons.mdl-list__item-avatar local_bar
span Bryan Cranston
span.mdl-list__item-sub-title 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes, 62 Episodes
span.mdl-list__item-secondary-content
.mdl-grid(style="text-align:center;padding:0;margin:0")
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons remove
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
#p1.mdl-progress.mdl-js-progress(style="width:100px;text-align:center")
span.mdl-list__item-secondary-info 6/7
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons add
script.
document.querySelector('#p1').addEventListener('mdl-componentupgraded', function () {
this.MaterialProgress.setProgress(100 * 6 / 7);
});
li.mdl-list__item.mdl-list__item--two-line
span.mdl-list__item-primary-content
i.material-icons.mdl-list__item-avatar local_bar
span Aaron Paul
span.mdl-list__item-sub-title 62 Episodes
span.mdl-list__item-secondary-content
.mdl-grid(style="width:100px;text-align:center;padding:0;margin:0")
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons remove
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
#p2.mdl-progress.mdl-js-progress(style="text-align:center")
span.mdl-list__item-secondary-info 2/7
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons add
script.
document.querySelector('#p2').addEventListener('mdl-componentupgraded', function () {
this.MaterialProgress.setProgress(100 * 2 / 7);
});
li.mdl-list__item.mdl-list__item--two-line
span.mdl-list__item-primary-content
i.material-icons.mdl-list__item-avatar local_bar
span Bob Odenkirk
span.mdl-list__item-sub-title 62 Episodes
span.mdl-list__item-secondary-content
.mdl-grid(style="width:100px;text-align:center;padding:0;margin:0")
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons remove
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
#p3.mdl-progress.mdl-js-progress(style="text-align:center")
span.mdl-list__item-secondary-info 5/7
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons add
script.
document.querySelector('#p3').addEventListener('mdl-componentupgraded', function () {
this.MaterialProgress.setProgress(100 * 5 / 7);
});
br
.form
.mdl-grid
.mdl-cell--6-col
.mdl-selectfield.mdl-js-selectfield.mdl-selectfield--floating-label
select#gender.mdl-selectfield__select
option(value='')
option(value='1') Cocktail 1
option(value='2') Cocktail 2
option(value='3') Cocktail 3
option(value='4') Cocktail 4
option(value='5') Cocktail 5
label.mdl-selectfield__label(for='gender') New cocktail
span.mdl-selectfield__error Select a value
.mdl-cell--3-col
.mdl-grid(style="width:100px;text-align:center;padding:0;margin:0")
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons remove
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
#pnew.mdl-progress.mdl-js-progress(style="text-align:center")
span.mdl-list__item-secondary-info 5/7
.mdl-cell(style="width:33.33333333%;margin-right:0px;margin-left:0px")
a.mdl-list__item-secondary-action(href='#')
i.material-icons add
script.
document.querySelector('#pnew').addEventListener('mdl-componentupgraded', function () {
this.MaterialProgress.setProgress(100 * 5 / 7);
});
.mdl-cell--3-col
button.mdl-button.mdl-js-button.mdl-button--fab.mdl-js-ripple-effect
i.material-icons add
//.mdl-card__actions.mdl-card--border
// a.mdl-button.mdl-button--colored.mdl-js-button.mdl-js-ripple-effect
// | View Updates

50
views/layout.pug Normal file
View File

@@ -0,0 +1,50 @@
doctype html
html
head
title= title
//link(rel = 'stylesheet', href = '/stylesheets/style.css')
link(rel = 'stylesheet', href = '/stylesheets/material.css')
link(rel = 'stylesheet', href = '/stylesheets/mdl-selectfield.min.css')
link(rel = 'stylesheet', href = '/stylesheets/getmdl-select.min.css')
link(rel = 'stylesheet', href = '/stylesheets/material-icons.css')
meta(name='viewport', content='width=device-width, initial-scale=1.0')
script(defer, type='text/javascript', src='/js/material.min.js')
script(defer, type='text/javascript', src='/js/mdl-selectfield.min.js')
script(defer, type='text/javascript', src='/js/getmdl-select.min.js')
body
style.
.demo-layout-transparent {
background: url('/images/transparent.jpg') center / cover;
}
.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button {
/* This background is dark, so we set text to white. Use 87% black instead if
your background is light. */
color: white;
}
.demo-layout-transparent.mdl-layout.mdl-js-layout
header.mdl-layout__header.mdl-layout__header--transparent
.mdl-layout__header-row
// Title
span.mdl-layout-title= title
// Add spacer, to align navigation to the right
.mdl-layout-spacer
// Navigation
//nav.mdl-navigation
// a.mdl-navigation__link(href='') Link
// a.mdl-navigation__link(href='') Link
// a.mdl-navigation__link(href='') Link
// a.mdl-navigation__link(href='') Link
.mdl-layout__drawer
span.mdl-layout-title Kürbiskern
nav.mdl-navigation
a.mdl-navigation__link(href='/') Liste
a.mdl-navigation__link(href='/recommends') Empfohlene Cocktails
a.mdl-navigation__link(href='/similar') Ähnliche Cocktails
a.mdl-navigation__link(href='/admin') Admin
a.mdl-navigation__link(href='/impressum') Impressum & Datenschutz
main.mdl-layout__content
block content