From 278d57ab2f06b246e2c671ba7f453408c0468318 Mon Sep 17 00:00:00 2001 From: JoelHMikael Date: Tue, 7 Dec 2021 14:09:23 +0200 Subject: Made a frontend that can be looked at --- 404/index.css | 3 +++ 404/index.html | 8 +++++-- index.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 67 ++++++++++++++++++++++++++++++++++++++++------------------ parse.js | 4 ---- server.js | 1 + 6 files changed, 115 insertions(+), 28 deletions(-) create mode 100644 404/index.css diff --git a/404/index.css b/404/index.css new file mode 100644 index 0000000..ceb8016 --- /dev/null +++ b/404/index.css @@ -0,0 +1,3 @@ +body { + padding-top: calc(30vh); +} diff --git a/404/index.html b/404/index.html index ea9660a..e6771ad 100644 --- a/404/index.html +++ b/404/index.html @@ -4,9 +4,13 @@ Page not found + + -

404: Page not found at \(path\).

404: sivua \(path\) ei löytynyt.

Voi myös olla, että sinulla ei ole oikeuksia sivun tarkasteluun tai että palvelimella on tapahtunut virhe. Jos epäilet jälkimmäistä, otathan yhteyttä joel.kronqvist@edu.lohja.fi

diff --git a/index.css b/index.css index 8956c1a..5c3834e 100644 --- a/index.css +++ b/index.css @@ -1,4 +1,62 @@ +* { + margin: 0; + padding: 0; + text-align: center; +} + body { - background: black; + background: #444; color: white; + padding: 1em; + + font-family: Verdana, sans-serif; + text-shadow: .125em .125em black; +} + +#foodshift, #food { + width: 100%; + box-sizing: border-box; + display: inline-block; + vertical-align: top; +} + +@media screen and (min-width: 700px) +{ + #foodshift, #food { + width: 49%; + } +} + +.float-block { + display: inline-block; + margin: 1em; + padding: 1em; + + background: #222; + border: 0 solid black; + border-radius: 5px; +} + +.float-block p, .float-block h1, .float-block h2, .float-block label, .float-block select, .float-block input { + margin: .5em; +} + +#send { + background: blue; + padding: .5em; + margin: .5em; + border: 1px solid black; + border-radius: 5px; + font-weight: bold; + + position: relative; + right: .125em; + bottom: .125em; + box-shadow: .125em .125em; +} + +#send:hover { + right: .25em; + bottom: .25em; + box-shadow: .25em .25em; } diff --git a/index.html b/index.html index c31df04..4c3a491 100644 --- a/index.html +++ b/index.html @@ -2,29 +2,54 @@ - Food-app + LYLL-ruokailuvuoro + -

Food-app

\(result\)

- +

LYLL-ruokailuvuoro

+ +
+ +

+ + +
+ +

\(foodshift-header\)

\(result\)

+ + +

\(food-header\)

\(food\)

diff --git a/parse.js b/parse.js index d21faad..6a88a19 100644 --- a/parse.js +++ b/parse.js @@ -210,7 +210,3 @@ function getShift(day, index, db) // day: int, 1 = monday; index: string of cour exports.build = parseShift; exports.get = getShift; - -const db = parseShift("MAANANTAISIN\n\n \n\nRUOKAILUVUORO I: ruokailu klo 10.50 - 11.30, oppitunti klo 11.40 - 13.00\n\nTE11 JUHO, GE21 PAHO, EA112 ANLE, MA72 JUMA, MA141 SAKO, ÄI82 MIAU, ÄI63 TUTA ja KAHDEN TUTKINNON OPINNOT 1., 2. ja 3. VUOSITASON RYHMÄT \n\n \n\nRUOKAILUVUORO II: ruokailu klo 11.40 - 12.20, oppitunti klo 11.00 - 11.40 ja klo 12.20 - 13.00\n\nGE42 MAME, KE82 SALE, PS53 SATU, MB42 SAHE, YH25 JAJU, RB46 ANSU, MB83 MATI, EA48 VIHU, FD41 MASI ja FI31 TEKE\n\n \n\nRUOKAILUVUORO III: ruokailu klo 12.20 - 13.00, oppitunti klo 11.00 - 12.20\n\nBI14 LAMI, BI12 LAMI, ENA27 SABE, RB37 KAHU, AT12 RIHO, AT13 ESRI, RB62 SASA, KU15 REOJ ja OP16 PIKS\n\n \n\n \n\nTIISTAISIN\n\n \n\nRUOKAILUVUORO I: ruokailu klo 10.50 - 11.20, oppitunti klo 11.30 - 12.50\n\nMA111 MATI, ÄI62 HAPA, KU41 REOJ, MA73 SAKO, PS82 JUNU, RB41 ANSU, BI41 PAHO, UE27 SATU ja RA41 SASA\n\n \n\nRUOKAILUVUORO II: ruokailu klo 11.40 - 12.10, oppitunti klo 11.00 - 11.40 ja klo 12.10 - 12.50\n\nUE13 TEKE, RB44 MAOI, HI31 JUSA, MA142 ESRI, KE81 SALE, PS51 ALMA, TE14 ANSA, TE12 ANSA, BI16 MAME ja BI13 MAME\n\n \n\nRUOKAILUVUORO III: ruokailu klo 12.20 - 12.50, oppitunti klo 11.00 - 12.20\n\nENA25 VIHU, TE17 JUHO, AT11 RIHO, FY12 JUMA, MB84 OLNU, ÄI85 TUTA ja MU41 MAMY\n\n \n\n \n\nKESKIVIIKKOISIN\n\n \n\nRUOKAILUVUORO I: ruokailu klo 10.50 - 11.30, oppitunti klo 11.40 - 13.00\n\nLP91 JUHO, LT91 ANSA, ÄI84 HAPA, AT14 ESRI, AT16 RIHO, GE61 MAME, HI32 HEAH, ÄI44 VETU ja PS52 JSAL\n\n \n\nRUOKAILUVUORO II: ruokailu klo 11.40 - 12.20, oppitunti klo 11.00 - 11.40 ja klo 12.20 - 13.00\n\nMB63 SAHE, UE51 SATU, KE33 SAKO, SC51 SABE, RB35 ANSU, EA46 KAHU, HI27 JAJU, ENA21 MASI ja MA143 MATI\n\n \n\nRUOKAILUVUORO III: ruokailu klo 12.20 - 13.00, oppitunti klo 11.00 - 12.20\n\nRB82 MAOI, KE13 SALE, PS15 ALMA, PS12 ALMA, OPO12 KIIK, OPO17 PIKS, EA51 ANLE ja ÄI61 TUTA\n\n \n\nTORSTAISIN\n\n \n\nRUOKAILUVUORO I: ruokailu klo 10.50 - 11.20, oppitunti klo 11.30 - 12.50\n\nLP22 JUHO, PS71 KAMA, ÄI48 HAPA, ÄI86 VETU, ÄI65 MIAU, MA74 RIHO, YH42 JUSA ja RB72 MAOI\n\n \n\nRUOKAILUVUORO II: ruokailu klo 11.40 - 12.10, oppitunti klo 11.00 - 11.40 ja klo 12.10 - 12.50\n\nMB64 SAHE, ENA24 ANLE, PS17 SATU, GE31 PAHO, SC101 SABE, MB43 JOTO, PC41 VIHU, PD51 VIHU, ENA22 KAHU ja FY72 JUMA\n\n \n\nRUOKAILUVUORO III: ruokailu klo 12.20 - 12.50, oppitunti klo 11.00 - 12.20\n\nFI13 ALMA, HI15 HEAH, HI12 HEAH, KU11 REOJ, LT23 ANSA, MU16 MAMY, MU14 MAMY ja BI23 MAME\n\n \n\nPERJANTAISIN\n\n \n\nRUOKAILUVUORO I: ruokailu klo 10.50 - 11.30, oppitunti klo 11.40 - 13.00\n\nOPO13 KIIK, OPO15 PIKS, ET21 ALMA, RA111 MAOI, RB111 MAOI, TE32 ANSA, FY111 JUMA, PC81 VIHU, TE22 JUHO, ÄI83 MIAU ja ÄI67 VETU\n\n \n\nRUOKAILUVUORO II: ruokailu klo 11.40 - 12.20, oppitunti klo 11.00 - 11.40 ja klo 12.20 - 13.00\n\nRB71 KAHU, AT17 RIHO, MB82 JOTO, MA71 MATI, MB41 ESRI, EA44 ANLE ja HI25 HEAH\n\n \n\nRUOKAILUVUORO III: ruokailu klo 12.20 - 13.00, oppitunti klo 11.00 - 12.20\n\nBI26 PAHO, FI11 JSAL, FI12 JSAL, PS14 TEKE, ENA26 SABE, MU12 MAMY, MU13 MAMY, KE32 SALE ja FD81 MASI"); -console.log(db[1]); -console.log(getShift(2, "SASA", db)); diff --git a/server.js b/server.js index d4a1311..86e107d 100644 --- a/server.js +++ b/server.js @@ -20,6 +20,7 @@ async function init() const build = { "./index.html": buildMain, "./index.css": buildDefault, + "./404/index.css": buildDefault }; const errorPath = "./404/index.html"; -- cgit v1.2.3