3v324v23 commited on
Commit
271b6dd
Β·
1 Parent(s): f0e43b0

πŸ“¦ Upload cafe.zip β€” Cafe Hidden Garden

Browse files
README.md CHANGED
@@ -1,5 +1,5 @@
1
  ---
2
- title: The Roasted Bean
3
  emoji: β˜•
4
  colorFrom: green
5
  colorTo: gray
@@ -7,7 +7,7 @@ sdk: docker
7
  pinned: false
8
  ---
9
 
10
- # The Roasted Bean β˜•
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": "The Roasted Bean",
175
  "tagline": "Crafted with care, served with warmth",
176
- "address": "127 Barista Lane, Portland, OR 97201",
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@theroastedbean.com"
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 β€” The Roasted Bean</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,7 +13,7 @@
13
  <div id="loginScreen" class="login-screen">
14
  <div class="login-card">
15
  <p class="login-overline">Admin</p>
16
- <h1>The Roasted Bean</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">The Roasted Bean</a>
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="The Roasted Bean">
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="127 Barista Lane, Portland, OR">
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@theroastedbean.com">
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 ($)</label>
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 β€” The Roasted Bean ───────────────────────────────────── */
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
- /* ── The Roasted Bean β€” Editorial / Roaster's Notebook ────────────────── */
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>The Roasted Bean β€” 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,7 +14,7 @@
14
  <!-- Navigation -->
15
  <nav class="nav" id="nav">
16
  <div class="nav-inner">
17
- <a href="#" class="nav-logo">The Roasted Bean</a>
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 Portland</p>
34
- <h1 class="hero-title" id="cafeName">The Roasted Bean</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,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>The Roasted Bean started in 2018 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 Portland's east side, but the conviction hasn't changed.</p>
72
- <p>We buy directly from producers in Ethiopia, Colombia, Guatemala, 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">23</span>
76
- <span class="figure-label">Origins</span>
77
  </div>
78
  <div class="figure">
79
- <span class="figure-num">12+</span>
80
- <span class="figure-label">Single origins at any time</span>
81
  </div>
82
  <div class="figure">
83
- <span class="figure-num">≀ 7</span>
84
- <span class="figure-label">Days from roast to cup</span>
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 The Roasted Bean cafe"
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">The Roasted Bean</p>
153
- <p class="footer-tagline">Specialty coffee roasters<br>Portland, Oregon</p>
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">&copy; 2024 The Roasted Bean</p>
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">&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">$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>
 
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>