π¦ Upload cafe.zip β Cafe Hidden Garden
Browse files- README.md +2 -2
- data/menu.json +3 -3
- public/admin.html +7 -7
- public/css/order.css +1 -1
- public/css/style.css +1 -1
- public/index.html +16 -16
- public/order.html +1 -1
README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
emoji: β
|
| 4 |
colorFrom: green
|
| 5 |
colorTo: gray
|
|
@@ -7,7 +7,7 @@ sdk: docker
|
|
| 7 |
pinned: false
|
| 8 |
---
|
| 9 |
|
| 10 |
-
#
|
| 11 |
|
| 12 |
A specialty coffee roaster's website with editorial design and admin dashboard.
|
| 13 |
|
|
|
|
| 1 |
---
|
| 2 |
+
title: Cafe Hidden Garden
|
| 3 |
emoji: β
|
| 4 |
colorFrom: green
|
| 5 |
colorTo: gray
|
|
|
|
| 7 |
pinned: false
|
| 8 |
---
|
| 9 |
|
| 10 |
+
# Cafe Hidden Garden β
|
| 11 |
|
| 12 |
A specialty coffee roaster's website with editorial design and admin dashboard.
|
| 13 |
|
data/menu.json
CHANGED
|
@@ -171,9 +171,9 @@
|
|
| 171 |
}
|
| 172 |
],
|
| 173 |
"info": {
|
| 174 |
-
"name": "
|
| 175 |
"tagline": "Crafted with care, served with warmth",
|
| 176 |
-
"address": "
|
| 177 |
"phone": "(503) 555-0192",
|
| 178 |
"hours": [
|
| 179 |
{
|
|
@@ -189,6 +189,6 @@
|
|
| 189 |
"time": "8:00 AM \u2013 5:00 PM"
|
| 190 |
}
|
| 191 |
],
|
| 192 |
-
"email": "hello@
|
| 193 |
}
|
| 194 |
}
|
|
|
|
| 171 |
}
|
| 172 |
],
|
| 173 |
"info": {
|
| 174 |
+
"name": "Cafe Hidden Garden",
|
| 175 |
"tagline": "Crafted with care, served with warmth",
|
| 176 |
+
"address": "Tirupati, Andhra Pradesh, OR 97201",
|
| 177 |
"phone": "(503) 555-0192",
|
| 178 |
"hours": [
|
| 179 |
{
|
|
|
|
| 189 |
"time": "8:00 AM \u2013 5:00 PM"
|
| 190 |
}
|
| 191 |
],
|
| 192 |
+
"email": "hello@Cafehiddengarden.com"
|
| 193 |
}
|
| 194 |
}
|
public/admin.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>Admin β
|
| 7 |
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet">
|
| 8 |
<link rel="stylesheet" href="/css/admin.css">
|
| 9 |
</head>
|
|
@@ -13,7 +13,7 @@
|
|
| 13 |
<div id="loginScreen" class="login-screen">
|
| 14 |
<div class="login-card">
|
| 15 |
<p class="login-overline">Admin</p>
|
| 16 |
-
<h1>
|
| 17 |
<p>Enter your password to manage the menu.</p>
|
| 18 |
<form id="loginForm">
|
| 19 |
<input type="password" id="password" placeholder="Password" required autofocus>
|
|
@@ -30,7 +30,7 @@
|
|
| 30 |
<header class="topbar">
|
| 31 |
<div class="topbar-inner">
|
| 32 |
<div class="topbar-brand">
|
| 33 |
-
<a href="/" class="topbar-logo" target="_blank">
|
| 34 |
<span class="topbar-badge">Admin</span>
|
| 35 |
</div>
|
| 36 |
<nav class="topbar-nav" id="topbarNav">
|
|
@@ -96,7 +96,7 @@
|
|
| 96 |
<form id="infoForm" class="form-block">
|
| 97 |
<div class="field">
|
| 98 |
<label for="infoName">Cafe name</label>
|
| 99 |
-
<input type="text" id="infoName" placeholder="
|
| 100 |
</div>
|
| 101 |
<div class="field">
|
| 102 |
<label for="infoTagline">Tagline</label>
|
|
@@ -105,7 +105,7 @@
|
|
| 105 |
<div class="field-row">
|
| 106 |
<div class="field">
|
| 107 |
<label for="infoAddress">Address</label>
|
| 108 |
-
<input type="text" id="infoAddress" placeholder="
|
| 109 |
</div>
|
| 110 |
<div class="field">
|
| 111 |
<label for="infoPhone">Phone</label>
|
|
@@ -114,7 +114,7 @@
|
|
| 114 |
</div>
|
| 115 |
<div class="field">
|
| 116 |
<label for="infoEmail">Email</label>
|
| 117 |
-
<input type="email" id="infoEmail" placeholder="hello@
|
| 118 |
</div>
|
| 119 |
|
| 120 |
<h3 class="form-subhead">Hours</h3>
|
|
@@ -199,7 +199,7 @@
|
|
| 199 |
</div>
|
| 200 |
<div class="field-row">
|
| 201 |
<div class="field">
|
| 202 |
-
<label for="itemPrice">Price (
|
| 203 |
<input type="number" id="itemPrice" required min="0" step="0.01" placeholder="4.50">
|
| 204 |
</div>
|
| 205 |
<div class="field">
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Admin β Cafe Hidden Garden</title>
|
| 7 |
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet">
|
| 8 |
<link rel="stylesheet" href="/css/admin.css">
|
| 9 |
</head>
|
|
|
|
| 13 |
<div id="loginScreen" class="login-screen">
|
| 14 |
<div class="login-card">
|
| 15 |
<p class="login-overline">Admin</p>
|
| 16 |
+
<h1>Cafe Hidden Garden</h1>
|
| 17 |
<p>Enter your password to manage the menu.</p>
|
| 18 |
<form id="loginForm">
|
| 19 |
<input type="password" id="password" placeholder="Password" required autofocus>
|
|
|
|
| 30 |
<header class="topbar">
|
| 31 |
<div class="topbar-inner">
|
| 32 |
<div class="topbar-brand">
|
| 33 |
+
<a href="/" class="topbar-logo" target="_blank">Cafe Hidden Garden</a>
|
| 34 |
<span class="topbar-badge">Admin</span>
|
| 35 |
</div>
|
| 36 |
<nav class="topbar-nav" id="topbarNav">
|
|
|
|
| 96 |
<form id="infoForm" class="form-block">
|
| 97 |
<div class="field">
|
| 98 |
<label for="infoName">Cafe name</label>
|
| 99 |
+
<input type="text" id="infoName" placeholder="Cafe Hidden Garden">
|
| 100 |
</div>
|
| 101 |
<div class="field">
|
| 102 |
<label for="infoTagline">Tagline</label>
|
|
|
|
| 105 |
<div class="field-row">
|
| 106 |
<div class="field">
|
| 107 |
<label for="infoAddress">Address</label>
|
| 108 |
+
<input type="text" id="infoAddress" placeholder="New Balaji Colony, Tirupati, OR">
|
| 109 |
</div>
|
| 110 |
<div class="field">
|
| 111 |
<label for="infoPhone">Phone</label>
|
|
|
|
| 114 |
</div>
|
| 115 |
<div class="field">
|
| 116 |
<label for="infoEmail">Email</label>
|
| 117 |
+
<input type="email" id="infoEmail" placeholder="hello@cafehiddengarden.com">
|
| 118 |
</div>
|
| 119 |
|
| 120 |
<h3 class="form-subhead">Hours</h3>
|
|
|
|
| 199 |
</div>
|
| 200 |
<div class="field-row">
|
| 201 |
<div class="field">
|
| 202 |
+
<label for="itemPrice">Price (βΉ)</label>
|
| 203 |
<input type="number" id="itemPrice" required min="0" step="0.01" placeholder="4.50">
|
| 204 |
</div>
|
| 205 |
<div class="field">
|
public/css/order.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
/* ββ Order Page β
|
| 2 |
/* Mobile-first: scanned from table QR codes */
|
| 3 |
|
| 4 |
:root {
|
|
|
|
| 1 |
+
/* ββ Order Page β Cafe Hidden Garden βββββββββββββββββββββββββββββββββββββ */
|
| 2 |
/* Mobile-first: scanned from table QR codes */
|
| 3 |
|
| 4 |
:root {
|
public/css/style.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
/* ββ
|
| 2 |
/*
|
| 3 |
Token system
|
| 4 |
βββββββββββββββββββββββββββββββββββββββββββββ
|
|
|
|
| 1 |
+
/* ββ Cafe Hidden Garden β Editorial / Roaster's Notebook ββββββββββββββββββ */
|
| 2 |
/*
|
| 3 |
Token system
|
| 4 |
βββββββββββββββββββββββββββββββββββββββββββββ
|
public/index.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 9 |
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
@@ -14,7 +14,7 @@
|
|
| 14 |
<!-- Navigation -->
|
| 15 |
<nav class="nav" id="nav">
|
| 16 |
<div class="nav-inner">
|
| 17 |
-
<a href="#" class="nav-logo">
|
| 18 |
<div class="nav-links">
|
| 19 |
<a href="#menu">Menu</a>
|
| 20 |
<a href="/order">Order</a>
|
|
@@ -30,8 +30,8 @@
|
|
| 30 |
<!-- Hero β typographic, no background image -->
|
| 31 |
<header class="hero">
|
| 32 |
<div class="hero-inner">
|
| 33 |
-
<p class="hero-overline">Specialty coffee roasted daily in
|
| 34 |
-
<h1 class="hero-title" id="cafeName">
|
| 35 |
<p class="hero-subtitle">We source directly from 23 origins, roast in micro-lots,
|
| 36 |
and serve with intention. Every bean has a story β we just help tell it.</p>
|
| 37 |
<div class="hero-actions">
|
|
@@ -68,20 +68,20 @@
|
|
| 68 |
<div class="about-layout">
|
| 69 |
<div class="about-text">
|
| 70 |
<h2 class="section-title">From farm to cup, we pay attention at every step</h2>
|
| 71 |
-
<p>
|
| 72 |
-
<p>We buy directly from producers
|
| 73 |
<div class="about-figures">
|
| 74 |
<div class="figure">
|
| 75 |
-
<span class="figure-num">
|
| 76 |
-
<span class="figure-label">
|
| 77 |
</div>
|
| 78 |
<div class="figure">
|
| 79 |
-
<span class="figure-num">
|
| 80 |
-
<span class="figure-label">
|
| 81 |
</div>
|
| 82 |
<div class="figure">
|
| 83 |
-
<span class="figure-num">
|
| 84 |
-
<span class="figure-label">
|
| 85 |
</div>
|
| 86 |
</div>
|
| 87 |
</div>
|
|
@@ -104,7 +104,7 @@
|
|
| 104 |
<div class="visit-bg">
|
| 105 |
<img
|
| 106 |
src="https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?w=1920&q=85&fit=crop&crop=center"
|
| 107 |
-
alt="Interior of
|
| 108 |
loading="lazy"
|
| 109 |
/>
|
| 110 |
</div>
|
|
@@ -149,8 +149,8 @@
|
|
| 149 |
<div class="container">
|
| 150 |
<div class="footer-grid">
|
| 151 |
<div>
|
| 152 |
-
<p class="footer-name">
|
| 153 |
-
<p class="footer-tagline">Specialty coffee roasters<br>
|
| 154 |
</div>
|
| 155 |
<div class="footer-links">
|
| 156 |
<a href="#menu">Menu</a>
|
|
@@ -159,7 +159,7 @@
|
|
| 159 |
<a href="/admin">Admin</a>
|
| 160 |
</div>
|
| 161 |
</div>
|
| 162 |
-
<p class="footer-copy">©
|
| 163 |
</div>
|
| 164 |
</footer>
|
| 165 |
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>Cafe Hidden Garden β Specialty Coffee Roasters</title>
|
| 7 |
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 8 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 9 |
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;1,6..72,400;1,6..72,500&family=Figtree:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
| 14 |
<!-- Navigation -->
|
| 15 |
<nav class="nav" id="nav">
|
| 16 |
<div class="nav-inner">
|
| 17 |
+
<a href="#" class="nav-logo">Cafe Hidden Garden</a>
|
| 18 |
<div class="nav-links">
|
| 19 |
<a href="#menu">Menu</a>
|
| 20 |
<a href="/order">Order</a>
|
|
|
|
| 30 |
<!-- Hero β typographic, no background image -->
|
| 31 |
<header class="hero">
|
| 32 |
<div class="hero-inner">
|
| 33 |
+
<p class="hero-overline">Specialty coffee roasted daily in Tirupati</p>
|
| 34 |
+
<h1 class="hero-title" id="cafeName">Cafe Hidden Garden</h1>
|
| 35 |
<p class="hero-subtitle">We source directly from 23 origins, roast in micro-lots,
|
| 36 |
and serve with intention. Every bean has a story β we just help tell it.</p>
|
| 37 |
<div class="hero-actions">
|
|
|
|
| 68 |
<div class="about-layout">
|
| 69 |
<div class="about-text">
|
| 70 |
<h2 class="section-title">From farm to cup, we pay attention at every step</h2>
|
| 71 |
+
<p>Cafe Hidden Garden started in 2026 with a 3-kilo roaster in a garage and a conviction that coffee could be better. Today we operate a full cafe and roastery in India's east side, but the conviction hasn't changed.</p>
|
| 72 |
+
<p>We buy directly from producers and beyond β paying well above commodity prices because quality farming deserves quality compensation. Each lot is roasted to highlight its unique character, not to conform to a house style.</p>
|
| 73 |
<div class="about-figures">
|
| 74 |
<div class="figure">
|
| 75 |
+
<span class="figure-num"> </span>
|
| 76 |
+
<span class="figure-label"> </span>
|
| 77 |
</div>
|
| 78 |
<div class="figure">
|
| 79 |
+
<span class="figure-num"> </span>
|
| 80 |
+
<span class="figure-label"> </span>
|
| 81 |
</div>
|
| 82 |
<div class="figure">
|
| 83 |
+
<span class="figure-num"> </span>
|
| 84 |
+
<span class="figure-label"> </span>
|
| 85 |
</div>
|
| 86 |
</div>
|
| 87 |
</div>
|
|
|
|
| 104 |
<div class="visit-bg">
|
| 105 |
<img
|
| 106 |
src="https://images.unsplash.com/photo-1501339847302-ac426a4a7cbb?w=1920&q=85&fit=crop&crop=center"
|
| 107 |
+
alt="Interior of Cafe Hidden Garden"
|
| 108 |
loading="lazy"
|
| 109 |
/>
|
| 110 |
</div>
|
|
|
|
| 149 |
<div class="container">
|
| 150 |
<div class="footer-grid">
|
| 151 |
<div>
|
| 152 |
+
<p class="footer-name">Cafe Hidden Garden</p>
|
| 153 |
+
<p class="footer-tagline">Specialty coffee roasters<br>Andhra Pradesh,Tirupati</p>
|
| 154 |
</div>
|
| 155 |
<div class="footer-links">
|
| 156 |
<a href="#menu">Menu</a>
|
|
|
|
| 159 |
<a href="/admin">Admin</a>
|
| 160 |
</div>
|
| 161 |
</div>
|
| 162 |
+
<p class="footer-copy">© 2026 Cafe Hidden Garden</p>
|
| 163 |
</div>
|
| 164 |
</footer>
|
| 165 |
|
public/order.html
CHANGED
|
@@ -43,7 +43,7 @@
|
|
| 43 |
<aside class="ord-cart" id="ordCart">
|
| 44 |
<div class="ord-cart-head">
|
| 45 |
<h2>Your order</h2>
|
| 46 |
-
<span class="ord-cart-total" id="cartTotal">
|
| 47 |
</div>
|
| 48 |
<div class="ord-cart-items" id="cartItems">
|
| 49 |
<p class="ord-cart-empty">Tap items from the menu to add them here.</p>
|
|
|
|
| 43 |
<aside class="ord-cart" id="ordCart">
|
| 44 |
<div class="ord-cart-head">
|
| 45 |
<h2>Your order</h2>
|
| 46 |
+
<span class="ord-cart-total" id="cartTotal">βΉ0.00</span>
|
| 47 |
</div>
|
| 48 |
<div class="ord-cart-items" id="cartItems">
|
| 49 |
<p class="ord-cart-empty">Tap items from the menu to add them here.</p>
|