diff --git a/a.png b/a.png new file mode 100644 index 0000000..e9c81e4 Binary files /dev/null and b/a.png differ diff --git a/b.png b/b.png new file mode 100644 index 0000000..d0c462a Binary files /dev/null and b/b.png differ diff --git a/c.png b/c.png new file mode 100644 index 0000000..d19c045 Binary files /dev/null and b/c.png differ diff --git a/contact_us.html b/contact_us.html new file mode 100644 index 0000000..dc5468f --- /dev/null +++ b/contact_us.html @@ -0,0 +1,68 @@ + + + + + + + + + + + Milktea - Contact Us + + + +
+ +
+
+
+

📧
Contact Us

+

Feel free to reach out to us through any of the following methods:

+
+
+
+
+

Location

+

67 Street, GH San Juan Philippines

+

.

+
+
+
+
+

Phone Number

+

(305) 472-9186

+

.

+
+
+
+
+

Email Adress

+

name1@provider.com

+

company@provider.com

+
+
+
+
\ No newline at end of file diff --git a/d.png b/d.png new file mode 100644 index 0000000..167afc3 Binary files /dev/null and b/d.png differ diff --git a/e.png b/e.png new file mode 100644 index 0000000..00bd518 Binary files /dev/null and b/e.png differ diff --git a/index.html b/index.html index 6936240..38f4a3b 100644 --- a/index.html +++ b/index.html @@ -3,29 +3,99 @@ - DRILL 1 - - + + + + + + Milktea - Menu + -

Simple Avg Calc

-

score 1:

- -

score 2:

- - -

Your average is:

-

Passed:

+
+ +
+
+
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Product NamePrice (₱)
+
+ +
+ + +
+ +
+ +
+
+ Order Now +

.

+
+
+
- + + diff --git a/main.py b/main.py index 5036657..227553f 100644 --- a/main.py +++ b/main.py @@ -1,15 +1,61 @@ -from pyscript import document +from pyscript import display +# Restaurant Order System using Python Data Types -def calculate_average(event): - score1 = float(document.getElementById("score1").value) - score2 = float(document.getElementById("score2").value) +# String data type +restaurant_name = "Milktea Shop" +owner_name = "Eyl Valeroso" - average = (score1 + score2) / 2 +# Integer data type +year_since = 2067 - if average >= 75: - result = "Yes" - else: - result = "No" +# Float data type +tax_rate = 0.08 # 8% tax + +# Boolean data type +has_delivery = True +is_dine_in = True +is_takeaway = False + +# List data type +beverages = ["Milktea", "Choc Milktea", "Strawberry Milktea", "Coffee Milktea", "Milktea w/ IceCream"] + +# Tuple data type +business_hours = ("11:00 AM", "10:00 PM") + +# Dictionary data type +menu = { + "Milktea": 79.99, + "Choc Milktea": 89.00, + "Strawberry Milktea": 89.00, + "Coffee Milktea": 89.00, + "Milktea w/ IceCream": 99.00 +} + +# Set data type +common_allergens = {"dairy", "nuts"} + +# Displaying restaurant information +display(restaurant_name, target="name1") +display(f"Owner: {owner_name}", target="owner") +display(f"Since {year_since}", target="since") +display(f"Menu Pricelist", target="heading1") + +# Display menu items +display(beverages[0], target="prod1") +display(f"₱{menu['Milktea']:.2f}", target="price1") +display(beverages[1], target="prod2") +display(f"₱{menu['Choc Milktea']:.2f}", target="price2") +display(beverages[2], target="prod3") +display(f"₱{menu['Strawberry Milktea']:.2f}", target="price3") +display(beverages[3], target="prod4") +display(f"₱{menu['Coffee Milktea']:.2f}", target="price4") +display(beverages[4], target="prod5") +display(f"₱{menu['Milktea w/ IceCream']:.2f}", target="price5") + +# Display additional information +display(f"Open: {business_hours[0]} - {business_hours[1]}", target="openingHours") + + +# Display order type +display(f"Dine-in Available", target="orderType") - document.getElementById("averageA").innerText = str(round(average,2)) - document.getElementById("result").innerText = result \ No newline at end of file diff --git a/main2.py b/main2.py new file mode 100644 index 0000000..6ee87bd --- /dev/null +++ b/main2.py @@ -0,0 +1,26 @@ +from pyscript import document, display + + +def create_order(e): + # Get input values + item1 = document.getElementById("item1") + item2 = document.getElementById("item2") + item3 = document.getElementById("item3") + item4 = document.getElementById("item4") + item5 = document.getElementById("item5") + + # Calculate total by multiplying value by checked status (1 or 0) + total = (float(item1.value) * item1.checked + + float(item2.value) * item2.checked + + float(item3.value) * item3.checked + + float(item4.value) * item4.checked + + float(item5.value) * item5.checked) + + customer_name = document.getElementById("customer").value + customer_address = document.getElementById("address").value + contact_number = document.getElementById("contact_number").value + + display(f"Order for: {customer_name}", target="order_output1") + display(f"Address: {customer_address}", target="order_output2") + display(f"Contact number: {contact_number}", target="order_output3") + display(f"Total: ₱ {total:.2f} ", target="show") diff --git a/ordering_form.html b/ordering_form.html new file mode 100644 index 0000000..e84bd3b --- /dev/null +++ b/ordering_form.html @@ -0,0 +1,141 @@ + + + + + + + + + + + Milktea - Ordering + + + +
+ +
+
+
+
+

Food Ordering System

+ +
+
+

Menu:

+ +
+ Carbonara +
+ + +
₱79.99
+
+
+ +
+ Garlic Bread +
+ + +
₱89.99
+
+
+ +
+ Caesar Salad +
+ + +
₱89.99
+
+
+ +
+ Iced Tea +
+ + +
₱89.99
+
+
+ +
+ Sparkling Water +
+ + +
₱99.99
+
+
+
+ +
+
+

Customer Details:

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

Order Summary:

+
+
+
+
+
+
+ + +
+ + + +
+
+ + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..2ebb8ad --- /dev/null +++ b/style.css @@ -0,0 +1,39 @@ +body{ + background-color: moccasin; + align-items: center; +} +.box{ + background-color: white; + align-items: center; + margin-left: 50px; + margin-right: 50px; + margin-top: 20px; + padding: 0px; + border: 1px solid #ce93d8 rgba(0, 0, 0, 0.1); + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + +} +.nav{ + background-color: chocolate; + padding: 0px; + border: 1px solid #ce93d8 rgba(0, 0, 0, 0.1); + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} +.ss{ + text-align: center; + margin-bottom: 20px; +} +.boxini{ + background-color: peachpuff; + align-items: center; + margin-left: 25px; + margin-right: 25px; + margin-top: 20px; + padding: 0px; + border: 1px solid #ce93d8 rgba(0, 0, 0, 0.1); + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + text-align: center; +}