diff options
| author | JoelHMikael <joel.h.kronqvist@gmail.com> | 2021-12-07 14:09:23 +0200 |
|---|---|---|
| committer | JoelHMikael <joel.h.kronqvist@gmail.com> | 2021-12-07 14:09:23 +0200 |
| commit | 278d57ab2f06b246e2c671ba7f453408c0468318 (patch) | |
| tree | 7ed140424a45ae11f934219ba4b6e81fb897e0df | |
| parent | 68bfb9cc8eeaeb93fa6b4eae649d82ddb1f01234 (diff) | |
| download | LYLLRuoka-278d57ab2f06b246e2c671ba7f453408c0468318.tar.gz LYLLRuoka-278d57ab2f06b246e2c671ba7f453408c0468318.zip | |
Made a frontend that can be looked at
| -rw-r--r-- | 404/index.css | 3 | ||||
| -rw-r--r-- | 404/index.html | 8 | ||||
| -rw-r--r-- | index.css | 60 | ||||
| -rw-r--r-- | index.html | 67 | ||||
| -rw-r--r-- | parse.js | 4 | ||||
| -rw-r--r-- | server.js | 1 |
6 files changed, 115 insertions, 28 deletions
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 @@ <meta charset="utf-8"> <title>Page not found</title> <link href="/index.css" rel="stylesheet" type="text/css"> + <link href="/404/index.css" rel="stylesheet" type="text/css"> + <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> - <h1>404: Page not found at \(path\).</h1> - <p>):</p> + <div class="float-block"> + <h1>404: sivua \(path\) ei löytynyt.</h1> + <p>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</p> + </div> </body> </html> @@ -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; } @@ -2,29 +2,54 @@ <html> <head> <meta charset="utf-8"> - <title>Food-app</title> + <title>LYLL-ruokailuvuoro</title> <link href="/index.css" rel="stylesheet" type="text/css"> + <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> - <h1>Food-app</h1> - <p>\(result\)</p> - <form method="GET"> - <label for="index">Opettaja / kurssi:</label> - <br> - <input type="text" name="index" placeholder="sahe // ÄI1.2"> - <br> - <label for="day">Päivä:</label> - <br> - <select name="day"> - <option value="1">ma</option> - <option value="2">ti</option> - <option value="3">ke</option> - <option value="4">to</option> - <option value="5">pe</option> - <option value="6" disabled>la</option> - <option value="0" disabled>su</option> - </select> - <input type="submit"> - </form> + <header> + <h1>LYLL-ruokailuvuoro</h1> + </header> + + <br> + + <main> + <div id="foodshift"> + <form method="GET" class="float-block"> + <label for="index">Opettaja / kurssi:</label> + <br> + <input type="text" name="index" placeholder="sahe // ÄI1.2"> + <br> + <label for="day">Päivä:</label> + <br> + <select name="day"> + <option value="1">ma</option> + <option value="2">ti</option> + <option value="3">ke</option> + <option value="4">to</option> + <option value="5">pe</option> + <option value="6" disabled>la</option> + <option value="0" disabled>su</option> + </select> + <br> + <input type="submit" id="send" value="Löydä vuoro"> + </form> + + <br> + + <div id="result" class="float-block"> + <h2>\(foodshift-header\)</h2> + <p>\(result\)</p> + </div> + </div> + + + <div id="food"> + <div class="float-block"> + <h2>\(food-header\)</h2> + <p>\(food\)</p> + </div> + </div> + </main> </body> </html> @@ -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)); @@ -20,6 +20,7 @@ async function init() const build = { "./index.html": buildMain, "./index.css": buildDefault, + "./404/index.css": buildDefault }; const errorPath = "./404/index.html"; |