diff --git a/application.py b/application.py index 00f4f41..8414b62 100644 --- a/application.py +++ b/application.py @@ -5,13 +5,10 @@ @application.route("/") def hello(): - return render_template("index.html") + return render_template("list.html") @application.route("/index") def view_list(): - - - .3 return render_template("index.html") @application.route("/restaurantRegister") @@ -22,9 +19,9 @@ def view_restaurantRegister(): def view_detail(): return render_template("detail.html") -@application.route("/menuRegister") -def view_menuRegister(): - return render_template("menuRegister.html") +# @application.route("/menuRegister") +# def view_menuRegister(): +# return render_template("menuRegister.html") @application.route("/menuView") def view_menuView(): @@ -68,7 +65,11 @@ def view_reviewSubmit(): return "입력값이 POST방식으로 잘 넘어왔는지 확인하는 페이지입니다. 여기 말고 터미널을 확인해주세요." - +@application.route("/menuRegister", methods=['POST']) +def reg_menu(): + data=request.form + print(data) + return render_template("menuRegister.html", data=data) if __name__ == "__main__": diff --git a/final/.DS_Store b/final/.DS_Store new file mode 100644 index 0000000..742267a Binary files /dev/null and b/final/.DS_Store differ diff --git a/final/README.md b/final/README.md new file mode 100644 index 0000000..4ea2d4a --- /dev/null +++ b/final/README.md @@ -0,0 +1,47 @@ +``` +┌───────────────────────────────────────────────┐ + _ + __ _ ___ ___ _ __ _ __ ___ (_) ___ + / _` |/ _ \ / _ \| '__| '_ ` _ \ | |/ _ \ + | (_| | (_) | (_) | | | | | | | |_| | (_) | + \__, |\___/ \___/|_| |_| |_| |_(_)_|\___/ + |___/ + 🌩 𝘼𝙣𝙮𝙤𝙣𝙚 𝙘𝙖𝙣 𝙙𝙚𝙫𝙚𝙡𝙤𝙥! +└───────────────────────────────────────────────┘ +``` + +# goormIDE +Welcome to goormIDE! + +goormIDE is a powerful cloud IDE service to maximize productivity for developers and teams. +**DEVELOP WITH EXCELLENCE** + +`Happy coding! The goormIDE team` + + +## 🔧 Tip & Guide + +* Command feature + * You can simply run your script using the shortcut icons on the top right. + * Check out `PROJECT > Common/Build/Run/Test/Find Command` in the top menu. + +* Get URL and Port + * Click `PROJECT > URL/PORT` in top menu bar. + * You can get default URL/Port and add URL/Port in the top menu. + +* Useful shortcut + +| Shortcuts name | Command (Mac) | Command (Window) | +| ------------------ | :-----------: | :--------------: | +| Copy in Terminal | ⌘ + C | Ctrl + Shift + C | +| Paste in Terminal | ⌘ + V | Ctrl + Shift + V | +| Search File | ⌥ + ⇧ + F | Alt + Shift + F | +| Terminal Toggle | ⌥ + ⇧ + B | Alt + Shift + B | +| New Terminal | ⌥ + ⇧ + T | Alt + Shift + T | +| Code Formatting | ⌥ + ⇧ + P | Alt + Shift + P | +| Show All Shortcuts | ⌘ + H | Ctrl + H | + +## 💬 Support & Documentation + +Visit [https://ide.goorm.io](https://ide.goorm.io) to support and learn more about using goormIDE. +To watch some usage guides, visit [https://help.goorm.io/en/goormide](https://help.goorm.io/en/goormide) diff --git a/final/__pycache__/database.cpython-37.pyc b/final/__pycache__/database.cpython-37.pyc new file mode 100644 index 0000000..3f03a9b Binary files /dev/null and b/final/__pycache__/database.cpython-37.pyc differ diff --git a/final/application.py b/final/application.py new file mode 100644 index 0000000..e8fec97 --- /dev/null +++ b/final/application.py @@ -0,0 +1,95 @@ +from flask import Flask, render_template, request +from database import DBhandler +import sys +application = Flask(__name__) + +DB = DBhandler() + + +@application.route("/") +def hello(): + return render_template("list.html") + +@application.route("/index") +def view_list(): + return render_template("list.html") + +@application.route("/restaurantRegister") +def view_restaurantRegister(): + return render_template("restaurantRegister.html") + +@application.route("/detail") +def view_detail(): + return render_template("detail.html") + +@application.route("/menuRegister", methods=['POST']) +def reg_menu(): + data=request.form + print(data) + return render_template("menuRegister.html", data=data) + + +#@application.route("/menuRegister") +#def view_menuRegister(): + #return render_template("menuRegister.html") + + +@application.route("/menuView") +def view_menuView(): + return render_template("menuView.html") + +@application.route("/reviewRegister") +def view_reviewRegister(): + return render_template("reviewRegister.html") + +@application.route("/reviewView") +def view_reviewView(): + return render_template("reviewView.html") + +@application.route("/worldCup") +def view_worldCup(): + return render_template("worldCup.html") + + +#아래는 과제2 (11/15마감) 제출용 페이지들 +@application.route("/menuSubmit", methods=['POST']) +def view_menuSubmit(): + global idx + image_file=request.files["img"] + image_file.save("./static/image/{}".format(image_file.filename)) + data=request.form + + if DB.insert_menu(data['foodname'], data, image_file.filename): + return render_template("menuResult.html", data=data, image_path="static/image/"+image_file.filename) + else: + return "Menu name is already exist." + + +@application.route("/restaurantSubmit", methods=['POST']) +def view_restaurantSubmit(): + global idx + image_file=request.files["file"] + image_file.save("./static/image/{}".format(image_file.filename)) + data=request.form + + if DB.insert_restaurant(data['name'], data, image_file.filename): + return render_template("result.html", data=data, image_path="static/image/"+image_file.filename) + else: + return "Restaurant name already exist!" + +@application.route("/reviewSubmit", methods=['POST']) +def view_reviewSubmit(): + image_file=request.files["img"] + image_file.save("./static/image/{}".format(image_file.filename)) + data=request.form + + if DB.insert_review(data['reviewerName'], data, image_file.filename): + return render_template("reviewResult.html", data=data, image_path="static/image/"+image_file.filename) + else: + return "Enter the review!" + + + + +if __name__ == "__main__": + application.run(host='0.0.0.0', debug=True) diff --git a/final/authentication/firebase_auth.json b/final/authentication/firebase_auth.json new file mode 100644 index 0000000..33a1629 --- /dev/null +++ b/final/authentication/firebase_auth.json @@ -0,0 +1,10 @@ +{ + "apiKey": "AIzaSyCfh1j3Z-STWZC2JCoPBvFAmaF2WPSf15Q", + "authDomain": "ewha-diner.firebaseapp.com", + "databaseURL": "https://ewha-diner-default-rtdb.firebaseio.com", + "projectId": "ewha-diner", + "storageBucket": "ewha-diner.appspot.com", + "messagingSenderId": "907261550992", + "appId": "1:907261550992:web:eca71177457cdd65d95315", + "measurementId": "G-SBFM91TPM1" +} \ No newline at end of file diff --git a/final/database.py b/final/database.py new file mode 100644 index 0000000..4d34c51 --- /dev/null +++ b/final/database.py @@ -0,0 +1,77 @@ +import pyrebase +import json + +class DBhandler: + def __init__(self): + with open('./authentication/firebase_auth.json') as f: + config=json.load(f) + + firebase = pyrebase.initialize_app(config) + self.db = firebase.database() + + #restaurant check + def restaurant_duplicate_check(self, name): + restaurants = self.db.child("restaurant").get() + for res in restaurants.each(): + if res.key()==name: + return False + return True + + + def insert_restaurant(self, name, data, img_path): + restaurant_info = { + "addr":data['addr'], + "tel":data['tel'], + "category":data['category'], + "money":data['money'], + "park":data['park'], + "time":data['time'], + "site":data['site'], + "img_path":img_path + } + if self.restaurant_duplicate_check(name): + self.db.child("restaurant").child(name).set(restaurant_info) + print(data, img_path) + return True + else: + return False + + #menu check + + def menu_duplicate_check(self, foodname): + menus = self.db.child("menu").get() + for res in menus.each(): + if res.key()==foodname: + return False + return True + + + def insert_menu(self, foodname, data, img_path): + menu_info = { + "restaurant":data['restaurantName'], + "foodprice":data['foodprice'], + "allergy":data['allergy'], + "vegan":data['vegan'], + "img_path":img_path + } + if self.menu_duplicate_check(foodname): + self.db.child("menu").child(foodname).set(menu_info) + print(data, img_path) + return True + else: + return False + + #review check + def insert_review(self, reviewerName, data, img_path): + review_info = { + + "menu":data['menu'], + "text":data['text'], + "rating":data['rating'], + "img_path":img_path + } + self.db.child("review").child(reviewerName).set(review_info) + print(data, img_path) + return True + + diff --git a/final/goorm.manifest b/final/goorm.manifest new file mode 100644 index 0000000..f190f72 --- /dev/null +++ b/final/goorm.manifest @@ -0,0 +1 @@ +{"author":"102210278618261545366_bg3ot_google","name":"flask_project","type":"python","detailedtype":"flask","description":"","date":"2022-11-13T08:22:30.000Z","plugins":{"goorm.plugin.python":[{"plugin.python.compiler_type":"python3","plugin.python.main":"application","plugin.python.source_path":"","plugin.python.run_on":"server","plugin.python.run_option":"$USER_PORT","plugin.python.log_path":"./server.log","name":"python"}]},"is_user_plugin":false,"storage":"container","project_domain":[{"id":"102210278618261545366_bg3ot_google","url":"ewhadiner.run.goorm.io","port":"5000"}],"show_preview_btn":true,"author_email":"charlottejruby@gmail.com","author_name":"Charlotte Nam","ignore_patterns":[],"visibility":1} \ No newline at end of file diff --git a/final/static/emptyheart.png b/final/static/emptyheart.png new file mode 100644 index 0000000..e677593 Binary files /dev/null and b/final/static/emptyheart.png differ diff --git a/final/static/food.jpeg b/final/static/food.jpeg new file mode 100644 index 0000000..60bd692 Binary files /dev/null and b/final/static/food.jpeg differ diff --git a/final/static/heart.png b/final/static/heart.png new file mode 100644 index 0000000..52d4cb5 Binary files /dev/null and b/final/static/heart.png differ diff --git a/final/static/image/konangji.jpg b/final/static/image/konangji.jpg new file mode 100644 index 0000000..635bde5 Binary files /dev/null and b/final/static/image/konangji.jpg differ diff --git a/final/static/image/momiji.jpg b/final/static/image/momiji.jpg new file mode 100644 index 0000000..d37bcef Binary files /dev/null and b/final/static/image/momiji.jpg differ diff --git a/final/static/image/momiji3.jpg b/final/static/image/momiji3.jpg new file mode 100644 index 0000000..a579f79 Binary files /dev/null and b/final/static/image/momiji3.jpg differ diff --git a/final/static/image/test_image.jpg b/final/static/image/test_image.jpg new file mode 100644 index 0000000..11f2486 Binary files /dev/null and b/final/static/image/test_image.jpg differ diff --git a/final/static/image/test_image_menu.jpg b/final/static/image/test_image_menu.jpg new file mode 100644 index 0000000..11f2486 Binary files /dev/null and b/final/static/image/test_image_menu.jpg differ diff --git a/final/static/image/yuyaketokyo.jpeg b/final/static/image/yuyaketokyo.jpeg new file mode 100644 index 0000000..15cbadc Binary files /dev/null and b/final/static/image/yuyaketokyo.jpeg differ diff --git "a/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_menuRegister.png" "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_menuRegister.png" new file mode 100644 index 0000000..e331b12 Binary files /dev/null and "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_menuRegister.png" differ diff --git "a/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_restaurantRegister1.png" "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_restaurantRegister1.png" new file mode 100644 index 0000000..656c74d Binary files /dev/null and "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_restaurantRegister1.png" differ diff --git "a/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_restaurantRegister2.png" "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_restaurantRegister2.png" new file mode 100644 index 0000000..87b7d9b Binary files /dev/null and "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_restaurantRegister2.png" differ diff --git "a/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_reviewRegister.png" "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_reviewRegister.png" new file mode 100644 index 0000000..12d06ae Binary files /dev/null and "b/final/static/image/\353\202\264\354\235\264\353\246\204\354\235\200\354\275\224\353\202\234\355\203\220\354\240\225\354\235\264\354\241\260_\352\267\270\353\243\271\352\263\274\354\240\2342_reviewRegister.png" differ diff --git "a/final/static/image/\354\240\234\354\266\234\354\236\220\353\260\217githubLink 2.txt" "b/final/static/image/\354\240\234\354\266\234\354\236\220\353\260\217githubLink 2.txt" new file mode 100644 index 0000000..d7e2211 --- /dev/null +++ "b/final/static/image/\354\240\234\354\266\234\354\236\220\353\260\217githubLink 2.txt" @@ -0,0 +1,3 @@ +2176121 남승현, 2176123 남지민, 2176278 이원주, 2176349 정유라, 2176355 정혜교 + +https://github.com/EwhaConan/yummy/tree/server/server/HW02 \ No newline at end of file diff --git "a/final/static/image/\354\240\234\354\266\234\354\236\220\353\260\217githubLink.txt" "b/final/static/image/\354\240\234\354\266\234\354\236\220\353\260\217githubLink.txt" new file mode 100644 index 0000000..aa76114 --- /dev/null +++ "b/final/static/image/\354\240\234\354\266\234\354\236\220\353\260\217githubLink.txt" @@ -0,0 +1,3 @@ +2176121 남승현, 2176123 남지민, 2176278 이원주, 2176349 정유라, 2176355 정혜교 + +https://github.com/EwhaConan/yummy/tree/server/server/HW01 \ No newline at end of file diff --git a/final/static/konangji.jpg b/final/static/konangji.jpg new file mode 100644 index 0000000..635bde5 Binary files /dev/null and b/final/static/konangji.jpg differ diff --git a/final/static/momiji.jpeg b/final/static/momiji.jpeg new file mode 100644 index 0000000..d37bcef Binary files /dev/null and b/final/static/momiji.jpeg differ diff --git a/final/static/momiji.jpg b/final/static/momiji.jpg new file mode 100644 index 0000000..d37bcef Binary files /dev/null and b/final/static/momiji.jpg differ diff --git a/final/static/momiji3.jpg b/final/static/momiji3.jpg new file mode 100644 index 0000000..a579f79 Binary files /dev/null and b/final/static/momiji3.jpg differ diff --git a/final/static/momiji4.jpeg b/final/static/momiji4.jpeg new file mode 100644 index 0000000..8be30de Binary files /dev/null and b/final/static/momiji4.jpeg differ diff --git a/final/static/momiji5.jpg b/final/static/momiji5.jpg new file mode 100644 index 0000000..4f47dde Binary files /dev/null and b/final/static/momiji5.jpg differ diff --git a/final/static/momoji2.jpeg b/final/static/momoji2.jpeg new file mode 100644 index 0000000..454c139 Binary files /dev/null and b/final/static/momoji2.jpeg differ diff --git a/final/static/start3.css b/final/static/start3.css new file mode 100644 index 0000000..0de22bd --- /dev/null +++ b/final/static/start3.css @@ -0,0 +1,80 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + display: grid; + place-items: center; + height: 100vh; + background: #ffec94; + font-family: "Lato", sans-serif; + color: #2b2b2b; + } + + a { + text-decoration: none; + color: #d33f2e; + font-size: 0.9rem; + } + + .container { + width: 100%; + max-width: 800px; + height: 100%; + padding: 1em; + display: grid; + grid-template-rows: 800px 1fr; + -webkit-box-align: start; + align-items: start; + } + + section { + width: 100%; + max-width: 800px; + height: 100%; + max-height: 800px; + position: relative; + } + + .svg-content { + position: absolute; + top: 0; + left: 0; + } + + footer { + padding: 1em 0 2em; + text-align: center; + display: grid; + place-items: center; + } + footer a { + margin-top: 20px; + } + footer div { + border: none; + outline: none; + width: 40px; + height: 40px; + background: #ffec94; + border-radius: 50%; + display: grid; + place-items: center; + cursor: pointer; + } + footer div svg { + width: 20px; + height: 20px; + fill: none; + stroke-width: 3; + stroke: #fff; + text-align: center; + } + + @media (max-width: 580px) { + .container { + grid-template-rows: 1fr 30%; + } + } \ No newline at end of file diff --git a/final/static/start3.js b/final/static/start3.js new file mode 100644 index 0000000..9d5097a --- /dev/null +++ b/final/static/start3.js @@ -0,0 +1,170 @@ +let main_tl = gsap.timeline(); + +let clouds_tl = gsap.timeline(); +clouds_tl.from("#clouds", 3, { + opacity: 0, + x: -40, + delay: 2 +}); + +let board24 = gsap.from(".b24", 0.5, { + scale: 0, + stagger: 0.2, + transformOrigin: "50% 50%", + ease: "back.out(2)" +}); + +let open_text = gsap.from(".greenCirc", 0.4, { + scale: 0, + stagger: 0.2, + transformOrigin: "50% 50%", + ease: "elastic.out(1, 1.5)" +}); + +bkg_tl = gsap.timeline({ duration: 0.5 }); +bkg_tl + .from("#city-bkg-back", { + y: 180, + ease: "power4.out" + }) + .from( + "#city-bkg-front", + { + y: 180, + ease: "power4.out" + }, + "-=.3" + ) + .from( + "#bush-left", + { + scaleY: 0, + y: 10, + transformOrigin: "50% 100%", + ease: "elastic.out(1, 0.6)" + }, + "-=.3" + ) + .from( + "#bush-right", + { + scaleY: 0, + y: 10, + transformOrigin: "50% 100%", + ease: "elastic.out(1, 0.6)" + }, + "-=.3" + ); + +main_tl + .set("#arrow-top", { clipPath: "polygon(0 0, 0% 0%, 0% 0%, 0% 0%, 0 0%)" }) + .from("#ground", 0.5, { + scaleX: 0, + transformOrigin: "50% 50%" + }) + .add(bkg_tl) + .from("#pole", 0.7, { + scaleY: 0, + transformOrigin: "0% 100%", + ease: "elastic.out(1, 0.5)" + }) + .from("#arrow-bottom", 0.5, { + scale: 0, + rotation: 30, + transformOrigin: "50% 50%", + ease: "elastic.out(1, 0.3)" + }) + .from( + "#pink-bottom", + 0.7, + { + scale: 0, + rotation: -30, + transformOrigin: "50% 50%", + ease: "elastic.out(1, 0.6)" + }, + "-=.3" + ) + .from( + "#pink-top", + 0.7, + { + scale: 0, + rotation: 30, + transformOrigin: "50% 50%", + ease: "elastic.out(1, 0.6)" + }, + "-=.3" + ) + .from("#board-24", 0.5, { + opacity: 0, + scale: 0, + transformOrigin: "50% 50%", + ease: "elastic.out(1, 0.6)" + }) + .add(board24, "<.3") + .from( + "#panel-yellow", + 0.5, + { + scale: 0, + transformOrigin: "0% 0%", + ease: "back.out" + }, + "-=.2" + ) + .from( + "#panel-blue", + 0.5, + { + scale: 0, + transformOrigin: "100% 100%", + ease: "back.out" + }, + "-=.2" + ) + .to("#arrow-top", 1, { + clipPath: "polygon(0 0, 50% 60%, 100% 50%, 100% 100%, 0 100%)", + transformOrigin: "0% 0%", + ease: "power4.out" + }) + .from( + "#text-moms", + 0.7, + { + opacity: 0, + scale: 0, + transformOrigin: "50% 50%", + ease: "bounce.out" + }, + "-=.2" + ) + .from( + "#text-diner", + 0.7, + { + opacity: 0, + scale: 0, + transformOrigin: "50% 50%", + ease: "bounce.out" + }, + "-=.2" + ) + .from("#top-bar", 0.5, { + scaleY: 0, + transformOrigin: "0% 0%", + ease: "elastic.out" + }) + .add(open_text); + +main_tl.duration(7); + +let replayBtn = document.getElementById("replayBtn"); + +replayBtn.addEventListener("click", () => { + main_tl.restart(); + clouds_tl.restart(); + gsap.from("#refreshBtn", 0.5, { + rotation: 90 + }); +}); \ No newline at end of file diff --git a/final/static/vs.png b/final/static/vs.png new file mode 100644 index 0000000..d5d5188 Binary files /dev/null and b/final/static/vs.png differ diff --git a/final/static/whole.css b/final/static/whole.css new file mode 100644 index 0000000..02bd6e1 --- /dev/null +++ b/final/static/whole.css @@ -0,0 +1,167 @@ +*{ + box-sizing: border-box; +} +body{ + margin:0; +} +header{ + background-color: #ffec94; + padding: 50px; + text-align: center; +} +nav{ + overflow: hidden; + background-color: lightsalmon; +} +nav a{ + float: left; + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 20px; + +} +nav a:hover{ + background-color: #ffec94; + color: black; +} +.리스트{ + text-align: center; + width: 50%; +} +.co{ + float: left; + padding: 10px; +} +.co.side{ + width:20%; +} +.co.mid { + float: left; + background-color: #ffec94; + width: 68%; + padding: 20px; + margin-top: 30px; + border-radius: 25px; + box-shadow: -11px 11px 1px rgba(80, 80, 80, 0.3); +} +.co.mid1 { + background-color: #ffec94; + width: 50%; + padding: 20px; + margin-top: 30px; + text-align:center; +} +.co.mid2 { + background-color: #ffec94; + width: 50%; + padding: 20px; + margin-top: 30px; + text-align:center; +} +section:after{ + content:""; + display:table; + clear:both; +} +@media screen and (max-width:600px){ + .co.side, .co.mid{ + width: 100%; + } + .co.side, .list{ + width: 100%; + } +} +.card{ + background-color: rgb(231, 230, 230); + text-align: center; + padding: 15px; + margin-top: 15px; + width: 70%; + border-radius: 25px; + box-shadow: -11px 11px 1px rgba(57, 57, 57, 0.3); +} +.star-rating{ + background-color:white; +} +#chk{ + color:#ff28a7; +} +footer { + padding: 20px; + text-align: center; + background: lightgray; + margin-top: 20px; + clear : both; +} +.box { + max-width: 100%; + position: relative; + width:285px; + height:285px; + float: left; + margin-left: 7px; + margin-right: 7px; +} +.box img { + max-width: 100%; + border-radius: 25px; +} + +.box .info { + color: #fff; + position: absolute; left: 0; bottom: 0; + background: rgba(0,0,0,0.5); + width: 100%; + padding: 15px; + box-sizing: border-box; + opacity: 0; + transition: opacity 0.35s ease-in-out; +} +.box:hover .info { + opacity: 1; +} +.box .info h3 { + font-size: 24px; + padding-bottom: 0.4em; + overflow:hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-transform: uppercase; +} +.box .info p { + font-size: 20px; + text-overflow: ellipsis; + white-space: nowrap; + text-transform: uppercase; +} +.box .info img { + width: 30px; + height: 30px; +} +.list{ + max-width: 100%; + width: 900px; +} +.class{ + width: 200px; + height:200px; +} +#gourment{ + border-radius:15%; +} +.number{ + text-align: center; + } + +.menu{ + max-width: 100%; + position: relative; + width:430px; + height:320px; + float: left; + margin-left: 7px; + margin-right: 7px; +} \ No newline at end of file diff --git a/final/static/yuyaketokyo.jpeg b/final/static/yuyaketokyo.jpeg new file mode 100644 index 0000000..15cbadc Binary files /dev/null and b/final/static/yuyaketokyo.jpeg differ diff --git a/final/templates/detail.html b/final/templates/detail.html new file mode 100644 index 0000000..8f9110d --- /dev/null +++ b/final/templates/detail.html @@ -0,0 +1,70 @@ +{% extends "index.html" %} + +{% block head_title %} + 맛집 상세페이지 +{% endblock head_title %} + + +{% block section %} +

모미지

+ +
+
+ 맛집 대표사진 +
+
+ 맛집 대표사진 +
+
+
+

링크

+

+ + + 맛집url + +

+
+ +
+

주소

+

서울 서대문구 이화여대7길 24 2층

+
+ +
+

대표메뉴

+

+ +

+ +
+ +
+

리뷰

+

+ +

+ +
+{% endblock section %} + + +{% block co_side %} +
+{% endblock co_side %} \ No newline at end of file diff --git a/final/templates/index.html b/final/templates/index.html new file mode 100644 index 0000000..384673e --- /dev/null +++ b/final/templates/index.html @@ -0,0 +1,74 @@ + + + + + {% block head_title %}{% endblock head_title %} + + + + + + +
+ +
+ + + + + + + +
+
+

인기차트

+

+ 1. 모미지식당
+ 2. 참참참
+ 3. 유야케도쿄
+ 4. 고냉지
+ 5. 티아라카페 +

+
+ +
+

Follow Me

+

+ 앞으로도 종종 들러서
+ 업그레이드되는
+ 이대 주변 맛집 소식을
+ 봐주세요~ +

+
+
+ + + +
+
+ {% block section %} + {% endblock section %} +
+ + + {% block co_side %}{% endblock co_side %} + +
+ + + + + + \ No newline at end of file diff --git a/final/templates/list.html b/final/templates/list.html new file mode 100644 index 0000000..11e4324 --- /dev/null +++ b/final/templates/list.html @@ -0,0 +1,108 @@ +{% extends "index.html" %} + +{% block head_title %} + 맛집 리스트 +{% endblock head_title %} + + +{% block section %} +
+ +

맛집 리스트

+ +
+ + +
+ + + +
+
+
+
+ momiji +
+
+

모미지식당

+

이대 정문쪽 덮밥집

+ 채워진 하트 +
+
+
+
+
+
+ 유야케도쿄사진 +
+
+

유야케도쿄

+

이대 정문쪽 돈가스집

+ 채워진 하트 + + +
+
+
+
+
+
+ 고냉지사진 +
+
+

고냉지

+

신촌기차역쪽 김치찌개 맛집

+ 비워진 하트 + + +
+
+
+
+ +
+{% endblock section %} \ No newline at end of file diff --git a/final/templates/menuRegister.html b/final/templates/menuRegister.html new file mode 100644 index 0000000..42e8cc1 --- /dev/null +++ b/final/templates/menuRegister.html @@ -0,0 +1,58 @@ +{% extends "index.html" %} {% block head_title %} 대표메뉴 등록 +{% endblock head_title %} +{% block section %} +
+ +

메뉴 등록

+ +
+ +

+ 자신이 생각하는 대표메뉴를 공유해주세요! +

+
+ +
+ +
+

+

+
+ + + + + + +

+ +

+

+ + +

+

+ +

+ +
+ +
+ +


+ +
+ +
+ 샘플 대표메뉴 이미지

+
+ + +
+


+ +
+
+ {% endblock section %} {% block co_side %} +
+{% endblock co_side %} \ No newline at end of file diff --git a/final/templates/menuResult.html b/final/templates/menuResult.html new file mode 100644 index 0000000..15c6ea6 --- /dev/null +++ b/final/templates/menuResult.html @@ -0,0 +1,11 @@ + + + + My Image + {% for key, value in data.items() %} +

{{ key }}

+

{{ value }}

+
+ {% endfor %} + + diff --git a/final/templates/menuView.html b/final/templates/menuView.html new file mode 100644 index 0000000..02a0a4a --- /dev/null +++ b/final/templates/menuView.html @@ -0,0 +1,114 @@ +{% extends "index.html" %} + +{% block head_title %} + 메뉴 조회 +{% endblock head_title %} + + +{% block section %} +
+ +

메뉴 조회

+ +
+ +
+ +
+
+ +
+ +
+
+
+ 샘플 대표메뉴 이미지 +
+
+
+
+

메뉴 이름

+ 소고기 가지덮밥 +

+ +

가격

+ 9500원 +
+
+
+
+ +
+ +
+
+
+ 샘플 대표메뉴 이미지 +
+
+
+
+

메뉴 이름

+ 육회덮밥 +

+ +

가격

+ 11000원 +
+
+
+ +
+ +
+
+
+ 샘플 대표메뉴 이미지 +
+
+
+
+

메뉴 이름

+ 고등어 타레덮밥(시즌) +

+ +

가격

+ 12800원 +
+
+
+
+
+{% endblock section %} + + +{% block co_side %} +
+{% endblock co_side %} \ No newline at end of file diff --git a/final/templates/restaurantRegister.html b/final/templates/restaurantRegister.html new file mode 100644 index 0000000..f5240cd --- /dev/null +++ b/final/templates/restaurantRegister.html @@ -0,0 +1,69 @@ + + + +{% extends "index.html" %} {% block head_title %} 맛집 등록 {% endblock +head_title %} {% block section %} + +
+ +

맛집 등록

+ + +

자신이 생각하는 맛집을 등록해주세요!

+ +
+ +
+ +
+ 샘플이미지 +


+
+ +


+
+ + +

+ + + + +

+ + +
+ +
+ + + +

+ + +

+ + +

+ + + +
+ +

+ + + + +

+ + +

+ +

+ + +
+ +
+{% endblock section %} \ No newline at end of file diff --git a/final/templates/result.html b/final/templates/result.html new file mode 100644 index 0000000..86df12c --- /dev/null +++ b/final/templates/result.html @@ -0,0 +1,28 @@ + + + + My Image + {% for key, value in data.items() %} +

{{ key }}

+

{{ value }}

+
+ {% endfor %} + +
+ +
+

+ It's time to register the representative menu in + {{data.name}} +

+ + +

+
+
+ + \ No newline at end of file diff --git a/final/templates/reviewRegister.html b/final/templates/reviewRegister.html new file mode 100644 index 0000000..96bd6fc --- /dev/null +++ b/final/templates/reviewRegister.html @@ -0,0 +1,108 @@ +{% extends "index.html" %} + +{% block head_title %} + 리뷰 등록 +{% endblock head_title %} + + +{% block style %} + .star-rating { + border: solid 1px #ccc; + display: flex; + flex-direction: row-reverse; + font-size: 1.5em; + justify-content: space-around; + padding: 0 0.2em; + text-align: center; + width: 5em; + } + + .star-rating input { + display: none; + } + + .star-rating label { + color: #ccc; + cursor: pointer; + } + + .star-rating :checked ~ label { + color: #f90; + } + + .star-rating label:hover, + .star-rating label:hover ~ label { + color: #fc0; + } + + /* explanation */ + + article { + background-color: #ffe; + box-shadow: 0 0 1em 1px rgba(0, 0, 0, 0.25); + color: #006; + font-family: cursive; + font-style: italic; + margin: 4em; + max-width: 30em; + padding: 2em; + } +{% endblock style %} + + +{% block section %} + +
+ +

리뷰 등록

+ +

솔직하고 상세한 경험을 공유해주세요!


+
+ +
+
+ + +
+ + + +

+ +
+ + +
+

+ 샘플 대표메뉴 이미지
+ + +

+ + + +
+ + + + + + + + + + +



+ + + +
+
+ + {% endblock section %} + + +{% block co_side %} +
+{% endblock co_side %} \ No newline at end of file diff --git a/final/templates/reviewResult.html b/final/templates/reviewResult.html new file mode 100644 index 0000000..15c6ea6 --- /dev/null +++ b/final/templates/reviewResult.html @@ -0,0 +1,11 @@ + + + + My Image + {% for key, value in data.items() %} +

{{ key }}

+

{{ value }}

+
+ {% endfor %} + + diff --git a/final/templates/reviewView.html b/final/templates/reviewView.html new file mode 100644 index 0000000..d58e022 --- /dev/null +++ b/final/templates/reviewView.html @@ -0,0 +1,185 @@ + + +{% extends "index.html" %} + +{% block head_title %} + 리뷰 조회 +{% endblock head_title %} + + + +{% block style %} + .keyword_graph ul { + margin: 0 50px 0 50px; + padding: 1px 0 0 0; + border-top: 0; + border-right: 0; + font-size: 11px; + font-family: Tahoma, Geneva, sans-serif; + list-style: none; + } + .keyword_graph li { + position: relative; + margin: 10px 0; + vertical-align: top; + white-space: nowrap; + } + .keyword_graph .g_term { + position: absolute; + top: 0; + left: -50px; + width: 40px; + font-weight: bold; + line-height: 20px; + text-align: right; + } + .keyword_graph .g_bar { + display: inline-block; + left: 50px; + position: relative; + height: 20px; + border-left: 0; + background: orange; + } + .keyword_graph .g_bar span { + position: absolute; + top: 0; + right: -50px; + width: 40px; + color: #767676; + line-height: 20px; + } + .fill_star { + color: orange; + } + .non_fill_star { + color: gray; + } + #total_star_rating { + font-size: 300%; + } + .per_star_rating { + font-size: 200%; + } +{% endblock style %} + + +{% block section %} +
+ +

모미지

+

리뷰 조회


+ +
+ +
+ + + +
+
+ + ★★★★★ + + + ★★★★★ + +
+ +
+ +
+ +
+
+ +
+ + + + +
+
+ +
+ 샘플 대표메뉴 이미지 + +
+
+ + ★★★★★ + + + ★★★★★ + +
+
+

닉네임
Charlotte

+

리뷰 내용
육회덮밥 : 육회가 굉장히 신선하고 맛있어요:)

+
+
+
+ + + +
+ 샘플 대표메뉴 이미지 + +
+
+ + ★★★★★ + + + ★★★★★ + +
+
+

닉네임
Dolores

+

리뷰 내용
소고기 대파 덮밥 : 고기와 대파 조합 최고!
특히 대파가 튀긴 것과 구운 것 둘 다 있어 맛있어용

+
+
+
+{% endblock section %} + + +{% block co_side %} +
+{% endblock co_side %} \ No newline at end of file diff --git a/final/templates/start3.html b/final/templates/start3.html new file mode 100644 index 0000000..cd1923a --- /dev/null +++ b/final/templates/start3.html @@ -0,0 +1,216 @@ + + + + + CodePen - Codepen Challenge: GSAP - Sequencing + + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + + + + \ No newline at end of file diff --git a/final/templates/worldCup.html b/final/templates/worldCup.html new file mode 100644 index 0000000..bdda9ec --- /dev/null +++ b/final/templates/worldCup.html @@ -0,0 +1,91 @@ + + + + + 점메추/저메추 + + + +
+ + + +
+ + + +
+ +
+ +
+
+
+

인기차트

+

1. 모미지식당
+ 2. 참참참
+ 3. 유야케도쿄
+ 4. 고냉지
+ 5. 티아라카페 +

+
+ +
+

Follow Me

+

앞으로도 종종 들러서
+ 업그레이드되는
+ 이대 주변 맛집 소식을
+ 봐주세요~

+
+
+ +
+
+ +

음식 이상형 월드컵

+ +

32강

+
+
+
+ 모미지사진
+
+

모미지식당

+

이대 정문쪽 덮밥집

+
+
+
+ vs
+
+ +
+ 고냉지사진 +
+

고냉지

+

신촌기차역쪽 김치찌개 맛집

+
+
+
+
+
+
+
+ + + + diff --git a/static/whole.css b/static/whole.css index 02bd6e1..0171fa5 100644 --- a/static/whole.css +++ b/static/whole.css @@ -1,167 +1,166 @@ -*{ - box-sizing: border-box; -} -body{ - margin:0; -} -header{ - background-color: #ffec94; - padding: 50px; - text-align: center; -} -nav{ - overflow: hidden; - background-color: lightsalmon; -} -nav a{ - float: left; - display: block; - color: white; - text-align: center; - padding: 14px 16px; - text-decoration: none; - font-size: 20px; - -} -nav a:hover{ - background-color: #ffec94; - color: black; -} -.리스트{ - text-align: center; - width: 50%; -} -.co{ - float: left; - padding: 10px; -} -.co.side{ - width:20%; +* { + box-sizing: border-box; +} +body { + margin: 0; +} +header { + background-color: #ffec94; + padding: 50px; + text-align: center; +} +nav { + overflow: hidden; + background-color: lightsalmon; +} +nav a { + float: left; + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 20px; +} +nav a:hover { + background-color: #ffec94; + color: black; +} +.co { + float: left; + padding: 10px; +} +.co.side { + width: 20%; } .co.mid { - float: left; - background-color: #ffec94; - width: 68%; - padding: 20px; - margin-top: 30px; - border-radius: 25px; - box-shadow: -11px 11px 1px rgba(80, 80, 80, 0.3); + float: left; + background-color: #ffec94; + width: 68%; + padding: 20px; + margin-top: 30px; + border-radius: 25px; + box-shadow: -11px 11px 1px rgba(80, 80, 80, 0.3); } .co.mid1 { - background-color: #ffec94; - width: 50%; - padding: 20px; - margin-top: 30px; - text-align:center; + background-color: #ffec94; + width: 50%; + padding: 20px; + margin-top: 30px; + text-align: center; } .co.mid2 { - background-color: #ffec94; - width: 50%; - padding: 20px; - margin-top: 30px; - text-align:center; -} -section:after{ - content:""; - display:table; - clear:both; -} -@media screen and (max-width:600px){ - .co.side, .co.mid{ - width: 100%; - } - .co.side, .list{ - width: 100%; - } -} -.card{ - background-color: rgb(231, 230, 230); - text-align: center; - padding: 15px; - margin-top: 15px; - width: 70%; - border-radius: 25px; - box-shadow: -11px 11px 1px rgba(57, 57, 57, 0.3); -} -.star-rating{ - background-color:white; -} -#chk{ - color:#ff28a7; + background-color: #ffec94; + width: 50%; + padding: 20px; + margin-top: 30px; + text-align: center; +} +section:after { + content: ""; + display: table; + clear: both; +} +@media screen and (max-width: 600px) { + .co.side, + .co.mid { + width: 100%; + } + .co.side, + .list { + width: 100%; + } +} +.card { + background-color: rgb(231, 230, 230); + text-align: center; + padding: 15px; + margin-top: 15px; + width: 70%; + border-radius: 25px; + box-shadow: -11px 11px 1px rgba(57, 57, 57, 0.3); +} +.star-rating { + background-color: white; +} +#chk { + color: #ff28a7; } footer { - padding: 20px; - text-align: center; - background: lightgray; - margin-top: 20px; - clear : both; + padding: 20px; + text-align: center; + background: lightgray; + margin-top: 20px; + clear: both; } .box { - max-width: 100%; - position: relative; - width:285px; - height:285px; - float: left; - margin-left: 7px; - margin-right: 7px; + max-width: 100%; + position: relative; + width: 285px; + height: 285px; + float: left; + margin-left: 7px; + margin-right: 7px; } .box img { - max-width: 100%; - border-radius: 25px; + max-width: 100%; + border-radius: 25px; } - + .box .info { - color: #fff; - position: absolute; left: 0; bottom: 0; - background: rgba(0,0,0,0.5); - width: 100%; - padding: 15px; - box-sizing: border-box; - opacity: 0; - transition: opacity 0.35s ease-in-out; + color: #fff; + position: absolute; + left: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + width: 100%; + padding: 15px; + box-sizing: border-box; + opacity: 0; + transition: opacity 0.35s ease-in-out; } .box:hover .info { - opacity: 1; + opacity: 1; } .box .info h3 { - font-size: 24px; - padding-bottom: 0.4em; - overflow:hidden; - text-overflow: ellipsis; - white-space: nowrap; - text-transform: uppercase; + font-size: 24px; + padding-bottom: 0.4em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-transform: uppercase; } .box .info p { - font-size: 20px; - text-overflow: ellipsis; - white-space: nowrap; - text-transform: uppercase; + font-size: 20px; + text-overflow: ellipsis; + white-space: nowrap; + text-transform: uppercase; } .box .info img { - width: 30px; - height: 30px; + width: 30px; + height: 30px; } -.list{ - max-width: 100%; - width: 900px; +.list { + max-width: 100%; + width: 900px; } -.class{ - width: 200px; - height:200px; +.class { + width: 200px; + height: 200px; } -#gourment{ - border-radius:15%; +#gourment { + border-radius: 15%; +} +.number { + text-align: center; } -.number{ - text-align: center; - } -.menu{ - max-width: 100%; - position: relative; - width:430px; - height:320px; - float: left; - margin-left: 7px; - margin-right: 7px; -} \ No newline at end of file +.menu { + max-width: 100%; + position: relative; + width: 430px; + height: 320px; + float: left; + margin-left: 7px; + margin-right: 7px; +} diff --git a/templates/.DS_Store b/templates/.DS_Store new file mode 100644 index 0000000..5b220ed Binary files /dev/null and b/templates/.DS_Store differ diff --git a/templates/detail.html b/templates/detail.html index f55e561..8f9110d 100644 --- a/templates/detail.html +++ b/templates/detail.html @@ -1,102 +1,70 @@ - - - - - 맛집 상세페이지 - - - -
- - - -
- - - - +{% extends "index.html" %} -
-
+{% block head_title %} + 맛집 상세페이지 +{% endblock head_title %} -
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
- -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
- -
- -
- - -

모미지

-
-
- 맛집 대표사진 -
-
- 맛집 대표사진 -
-
-
-

링크

-

- 맛집url - -

-
+{% block section %} +

모미지

+ +
+
+ 맛집 대표사진 +
+
+ 맛집 대표사진 +
+
+
+

링크

+

+ + + 맛집url + +

+
-
-

주소

-

서울 서대문구 이화여대7길 24 2층

-
+
+

주소

+

서울 서대문구 이화여대7길 24 2층

+
-
-

대표메뉴

-

-
+
+

대표메뉴

+

+ +

+ +
-
-

리뷰

-

-
+
+

리뷰

+

+ +

+ +
+{% endblock section %} -
-
-
-
- - - +{% block co_side %} +
+{% endblock co_side %} \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index a529dad..fcfd21b 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,131 +1,74 @@ - - - 맛집 리스트 - - - - -
- - - -
- - - -
-
- -
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
- -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
- -
- -
- -
- -

맛집 리스트

- -
- - -
- - -
-
-
-
- momiji -
-
-

모미지식당

-

이대 정문쪽 덮밥집

- 채워진 하트 -
-
-
-
-
-
- 유야케도쿄사진 -
-
-

유야케도쿄

-

이대 정문쪽 돈가스집

- 채워진 하트 - - -
-
-
-
-
-
- 고냉지사진 -
-
-

고냉지

-

신촌기차역쪽 김치찌개 맛집

- 비워진 하트 - - -
-
-
-
- -
-
-
- - - - - \ No newline at end of file + + + {% block head_title %}{% endblock head_title %} + + + + + + +
+ +
+ + + + + + + +
+
+

인기차트

+

+ 1. 모미지식당
+ 2. 참참참
+ 3. 유야케도쿄
+ 4. 고냉지
+ 5. 티아라카페 +

+
+ +
+

Follow Me

+

+ 앞으로도 종종 들러서
+ 업그레이드되는
+ 이대 주변 맛집 소식을
+ 봐주세요~ +

+
+
+ + + +
+
+ {% block section %} + {% endblock section %} +
+ + + {% block co_side %}{% endblock co_side %} + +
+ + + + + + \ No newline at end of file diff --git a/templates/list.html b/templates/list.html new file mode 100644 index 0000000..218536b --- /dev/null +++ b/templates/list.html @@ -0,0 +1,108 @@ +{% extends "index.html" %} + +{% block head_title %} + 맛집 리스트 +{% endblock head_title %} + + +{% block section %} +
+ +

맛집 리스트

+ +
+ + +
+ + + +
+
+
+
+ momiji +
+
+

모미지식당

+

이대 정문쪽 덮밥집

+ 채워진 하트 +
+
+
+
+
+
+ 유야케도쿄사진 +
+
+

유야케도쿄

+

이대 정문쪽 돈가스집

+ 채워진 하트 + + +
+
+
+
+
+
+ 고냉지사진 +
+
+

고냉지

+

신촌기차역쪽 김치찌개 맛집

+ 비워진 하트 + + +
+
+
+
+ +
+{% endblock section %} diff --git a/templates/menuRegister.html b/templates/menuRegister.html index f8868ef..cf9862e 100644 --- a/templates/menuRegister.html +++ b/templates/menuRegister.html @@ -1,111 +1,72 @@ - - +{% extends "index.html" %} {% block head_title %} 대표메뉴 등록 {% endblock +head_title %} {% block section %} +
+ +

메뉴 등록

+ +
- - - 대표메뉴 등록 - - - - -
- - - -
- - - -
- +

자신이 생각하는 대표메뉴를 공유해주세요!

+
+
+
+

+ 식당 이름: {{data.restaurantName}} +

+

음식이름 :

+

-
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
- -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
- -
- -
- -
- -

메뉴 등록

- -
- -

- 자신이 생각하는 대표메뉴를 공유해주세요! -

- - -
-

음식이름 :

-

+

+ 가격 : +

+

-

가격 :

-

+

+ 알러지 정보 (*선택사항) : +

+

+

+ 비건 메뉴 여부 (*선택사항) : +

+ +
+ +
+ +


+
-

알러지 정보 (*선택사항) :

-

- -

비건 메뉴 여부 (*선택사항) :

- -
- -
- -


- -
- -
- 샘플 대표메뉴 이미지

-
- - -
-


- -
- +
+ 샘플 대표메뉴 이미지

+
+ +
-
-
-
- - - - \ No newline at end of file +


+ +
+ +{% endblock section %} {% block co_side %} +
+{% endblock co_side %} diff --git a/templates/menuView.html b/templates/menuView.html index f6f2b29..f2c5319 100644 --- a/templates/menuView.html +++ b/templates/menuView.html @@ -1,136 +1,114 @@ - - - - - 메뉴 조회 - - - -
- - - -
- +{% extends "index.html" %} - -
- - -
- -
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
+{% block head_title %} + 메뉴 조회 +{% endblock head_title %} -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
- -
- -
-
- -

메뉴 조회

- -
+{% block section %} +
+ +

메뉴 조회

+ +
-
- -
-
- +
+ +
+
-
- -
-
-
- 샘플 대표메뉴 이미지 +
+ +
+
+
+ 샘플 대표메뉴 이미지
-
+
-

메뉴 이름

소고기 가지덮밥 -

+

메뉴 이름

+ 소고기 가지덮밥 +

-

가격

9500원 -
+

가격

+ 9500원
-
-
- -
- -
-
-
- 샘플 대표메뉴 이미지 -
-
-
-
-

메뉴 이름

육회덮밥 -

- -

가격

11000원 -
+
-
+
-
- 샘플 대표메뉴 이미지 -
-
-
-
-

메뉴 이름

고등어 타레덮밥(시즌) -

- -

가격

12800원 -
-
+
+ 샘플 대표메뉴 이미지 +
+
+
+
+

메뉴 이름

+ 육회덮밥 +

+ +

가격

+ 11000원 +
+
-
+ +
+ +
+
+
+ 샘플 대표메뉴 이미지 +
+
+
+
+

메뉴 이름

+ 고등어 타레덮밥(시즌) +

+ +

가격

+ 12800원
+
-
-
+
+{% endblock section %} + - - - +{% block co_side %} +
+{% endblock co_side %} diff --git a/templates/restaurantRegister.html b/templates/restaurantRegister.html index c04b6af..1cf974f 100644 --- a/templates/restaurantRegister.html +++ b/templates/restaurantRegister.html @@ -1,127 +1,92 @@ - - - - - - 맛집 등록 - - - - -
- - - -
- - - -
- -
- -
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
- -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
- -
- - -
-
- -

맛집 등록

- - -

자신이 생각하는 맛집을 등록해주세요!

- -
- -
- -
- 샘플이미지 -


-
- -

-
-

식당이름:

-

- -

주소:

-

- - -
- -
- -

전화번호:

-

- -

음식의 종류:

-

- -

음식 가격대:

-
-
-

주차여부:

- -
- -

- -

영업시간:

- - -

- -

사이트 URL:

-

- -

- - -
- -
+{% extends "index.html" %} {% block head_title %} 맛집 등록 {% endblock +head_title %} {% block section %} +
+ +

맛집 등록

+ + +

자신이 생각하는 맛집을 등록해주세요!

+
- -
- - - - \ No newline at end of file +
+
+ 샘플이미지 +


+
+ +

+
+

식당이름:

+

+ +

+ 주소: +

+

+
+ +
+

+ 전화번호: +

+

+ +

+ 음식의 종류: +

+

+ +

+ 음식 가격대: +

+
+
+

+ 주차여부: +

+ +
+ +

+ +

+ 영업시간: +

+ + +

+ +

+ 사이트 URL: +

+

+ +

+ + +
+
+{% endblock section %} diff --git a/templates/result.html b/templates/result.html index 91cc476..2ef3b8b 100644 --- a/templates/result.html +++ b/templates/result.html @@ -1,11 +1,27 @@ - - {% for key, value in data.items() %} -

{{ key }}

-

{{ value }}

-
+ {% for + key, value in data.items() %} +

{{ key }}

+

{{ value }}

+
{% endfor %} + +
+ +
+

+ It's time to register the representative menu in + {{data.restaurantName}} +

+ +

+
+
diff --git a/templates/reviewRegister.html b/templates/reviewRegister.html index c7eb0bc..cc9f6dc 100644 --- a/templates/reviewRegister.html +++ b/templates/reviewRegister.html @@ -1,168 +1,137 @@ - - - - - - 리뷰 등록 - - - - - -
- - - -
- - - - - -
- - +{% extends "index.html" %} + +{% block head_title %} + 리뷰 등록 +{% endblock head_title %} + + +{% block style %} + .star-rating { + border: solid 1px #ccc; + display: flex; + flex-direction: row-reverse; + font-size: 1.5em; + justify-content: space-around; + padding: 0 0.2em; + text-align: center; + width: 5em; + } + + .star-rating input { + display: none; + } + + .star-rating label { + color: #ccc; + cursor: pointer; + } + + .star-rating :checked ~ label { + color: #f90; + } + + .star-rating label:hover, + .star-rating label:hover ~ label { + color: #fc0; + } + + /* explanation */ + + article { + background-color: #ffe; + box-shadow: 0 0 1em 1px rgba(0, 0, 0, 0.25); + color: #006; + font-family: cursive; + font-style: italic; + margin: 4em; + max-width: 30em; + padding: 2em; + } +{% endblock style %} + + +{% block section %} + +
+ +

리뷰 등록

+ +

솔직하고 상세한 경험을 공유해주세요!

+
+
+
+
+ +

작성자 닉네임 :

+
+ +

+ 먹은 메뉴 : +

+

+ +
+ + +
+

+ 샘플 대표메뉴 이미지
+ +

+ 리뷰내용 (*선택사항): +

+

+ +

+ 총 평점을 등록해주세요 +

+ +
+ + + + + + + + + + +
+


+ + +
+{% endblock section %} -
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
- -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
- -
- -
- - -
- -

리뷰 등록

- -

솔직하고 상세한 경험을 공유해주세요!


-
- -
-
- - -

작성자 닉네임 :

-
- - -

먹은 메뉴 :

-

- -
- - -
-

- 샘플 대표메뉴 이미지
- -

리뷰내용 (*선택사항):

-

- -

총 평점을 등록해주세요

- -
- - - - - - - - - - -



- - - -
-
- -
- -
-
-
- - - - \ No newline at end of file +{% block co_side %} +
+{% endblock co_side %} \ No newline at end of file diff --git a/templates/reviewView.html b/templates/reviewView.html index 6c3d0e7..1123754 100644 --- a/templates/reviewView.html +++ b/templates/reviewView.html @@ -1,233 +1,193 @@ - - - - - 리뷰 조회 - - - - -
- - - -
- - - - +{% extends "index.html" %} -
- -
- -
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
+{% block head_title %} + 리뷰 조회 +{% endblock head_title %} -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
-
+ +{% block style %} + .keyword_graph ul { + margin: 0 50px 0 50px; + padding: 1px 0 0 0; + border-top: 0; + border-right: 0; + font-size: 11px; + font-family: Tahoma, Geneva, sans-serif; + list-style: none; + } + .keyword_graph li { + position: relative; + margin: 10px 0; + vertical-align: top; + white-space: nowrap; + } + .keyword_graph .g_term { + position: absolute; + top: 0; + left: -50px; + width: 40px; + font-weight: bold; + line-height: 20px; + text-align: right; + } + .keyword_graph .g_bar { + display: inline-block; + left: 50px; + position: relative; + height: 20px; + border-left: 0; + background: orange; + } + .keyword_graph .g_bar span { + position: absolute; + top: 0; + right: -50px; + width: 40px; + color: #767676; + line-height: 20px; + } + .fill_star { + color: orange; + } + .non_fill_star { + color: gray; + } + #total_star_rating { + font-size: 300%; + } + .per_star_rating { + font-size: 200%; + } +{% endblock style %} -
-
- -

모미지

-

리뷰 조회


- -
-
- - - -
-
- - ★★★★★ - - - ★★★★★ - -
+{% block section %} +
+ +

모미지

+

리뷰 조회

+
+ +
-
+
+ + + +
+
+ + ★★★★★ + + + ★★★★★ + +
-
-
    -
  • - 음식이 맛있어요 -
    • -
  • - 매장이 청결해요 -
    • -
  • - 음식이 빨리 나와요 -
    • -
  • - 가성비가 좋아요 -
    • -
-
-
+
-
- - - - -
-
+
+
    +
  • + 음식이 맛있어요 +
    • +
  • + 매장이 청결해요 +
    • +
  • + 음식이 빨리 나와요 +
    • +
  • + 가성비가 좋아요 +
    • +
+
+
-
- 샘플 대표메뉴 이미지 +
+ + + + +
+
-
-
- - ★★★★★ - - - ★★★★★ - -
-
-

닉네임
Charlotte

-

리뷰 내용
육회덮밥 : 육회가 굉장히 신선하고 맛있어요:)

-
-
-
+
+ 샘플 대표메뉴 이미지 +
+
+ + ★★★★★ + + + ★★★★★ + +
+
+

닉네임
Charlotte

+

+ 리뷰 내용
+ 육회덮밥 : 육회가 굉장히 신선하고 맛있어요:) +

+
+
+
+
+ 샘플 대표메뉴 이미지 -
- 샘플 대표메뉴 이미지 - -
-
- - ★★★★★ - - - ★★★★★ - -
-
-

닉네임
Dolores

-

리뷰 내용
소고기 대파 덮밥 : 고기와 대파 조합 최고!
특히 대파가 튀긴 것과 구운 것 둘 다 있어 맛있어용

-
-
-
+
+
+ + ★★★★★ + + + ★★★★★ + +
+
+

닉네임
Dolores

+

+ 리뷰 내용
소고기 대파 덮밥 : 고기와 대파 조합 최고! +
특히 대파가 튀긴 것과 구운 것 둘 다 있어 맛있어용 +

-
-
+
+ +{% endblock section %} + - - - \ No newline at end of file +{% block co_side %} +
+{% endblock co_side %} + \ No newline at end of file diff --git a/templates/worldCup.html b/templates/worldCup.html index bdda9ec..46b1c25 100644 --- a/templates/worldCup.html +++ b/templates/worldCup.html @@ -1,91 +1,60 @@ - - - - - 점메추/저메추 - - - -
- - - -
- - +{% extends "index.html" %} -
- -
- -
-
-
-

인기차트

-

1. 모미지식당
- 2. 참참참
- 3. 유야케도쿄
- 4. 고냉지
- 5. 티아라카페 -

-
+{% block head_title %} + 점메추/저메추 +{% endblock head_title %} -
-

Follow Me

-

앞으로도 종종 들러서
- 업그레이드되는
- 이대 주변 맛집 소식을
- 봐주세요~

-
-
-
-
- -

음식 이상형 월드컵

- -

32강

-
-
-
- 모미지사진
-
-

모미지식당

-

이대 정문쪽 덮밥집

-
-
-
- vs
-
- -
- 고냉지사진 -
-

고냉지

-

신촌기차역쪽 김치찌개 맛집

-
+{% block section %} +
+ +

음식 이상형 월드컵

+ +

32강

+
+
+
+ 모미지사진 +
+
+

모미지식당

+

이대 정문쪽 덮밥집

+
+ vs +
-
+ +
+ 고냉지사진 +
+

고냉지

+

신촌기차역쪽 김치찌개 맛집

+
-
+ +{% endblock section %} + - - - +{% block co_side %} +
+{% endblock co_side %} \ No newline at end of file