Spaces:

PIANDT
/

corner_cafe

Paused

0001AMA commited on 3 days ago

Commit

af9dc8a

verified ·

1 Parent(s): 88bbe51

Point CornerCafeRestaurant App to live SmOS_CC on Render, not localhost

Files changed (4) hide show

README.md CHANGED Viewed

@@ -24,7 +24,7 @@ Public hospitality site for a neighbourhood cafe in Dalkeith — menu, branding,
 ## Stack
 - **Static site:** `index.html`, `styles.css`, `script.js`
-- **Ordering:** SmOS module **SmOS_CC** (separate repo) — linked from Order online
 - **Streamlit:** `streamlit_app.py` wraps the static site for Community Cloud
 - **Docker / API:** `app.py` + `Dockerfile` — FastAPI static host and `POST /api/contact` (SMTP)
@@ -34,7 +34,8 @@ Public hospitality site for a neighbourhood cafe in Dalkeith — menu, branding,
 # Static preview (site)
 python3 -m http.server 8080
 # Site: http://localhost:8080/
-# Ordering (SmOS_CC): http://127.0.0.1:8877/modules/SmOS_CC/
 # Docker (contact mail via SMTP env vars)
 docker build -t CornerCafeRestaurant .

 ## Stack
 - **Static site:** `index.html`, `styles.css`, `script.js`
+- **Ordering:** SmOS module **SmOS_CC** on [smos.onrender.com](https://smos.onrender.com/modules/SmOS_CC/) — linked from Order online
 - **Streamlit:** `streamlit_app.py` wraps the static site for Community Cloud
 - **Docker / API:** `app.py` + `Dockerfile` — FastAPI static host and `POST /api/contact` (SMTP)
 # Static preview (site)
 python3 -m http.server 8080
 # Site: http://localhost:8080/
+# Ordering (SmOS_CC): https://smos.onrender.com/modules/SmOS_CC/
+# Local SmOS stack: http://127.0.0.1:8877/modules/SmOS_CC/
 # Docker (contact mail via SMTP env vars)
 docker build -t CornerCafeRestaurant .

index.html CHANGED Viewed

@@ -116,7 +116,7 @@
     <div class="container site-announcement__inner">
       <p class="site-announcement__text">
         <a href="#order-online"><strong>Order online</strong></a> from
-        <a href="http://127.0.0.1:8877/modules/SmOS_CC/" rel="noopener noreferrer" target="_blank">CornerCafeRestaurant App</a>
         or from
         <a href="https://www.just-eat.co.uk/restaurants-the-corner-cafe-dalkeith-eh22" rel="noopener noreferrer" target="_blank">Just Eat</a>.
       </p>
@@ -363,7 +363,8 @@
               <li>
                 <a
                   class="order-channel order-channel--webapp"
-                  href="http://127.0.0.1:8877/modules/SmOS_CC/"
                   target="_blank"
                   rel="noopener noreferrer">
                   <span class="order-channel__brand order-channel__brand--web" aria-hidden="true">
@@ -1101,6 +1102,6 @@
       </div>
     </div>
   </footer>
-  <script src="script.js?v=1.28" defer></script>
 </body>
 </html>

     <div class="container site-announcement__inner">
       <p class="site-announcement__text">
         <a href="#order-online"><strong>Order online</strong></a> from
+        <a href="https://smos.onrender.com/modules/SmOS_CC/" data-order-app rel="noopener noreferrer" target="_blank">CornerCafeRestaurant App</a>
         or from
         <a href="https://www.just-eat.co.uk/restaurants-the-corner-cafe-dalkeith-eh22" rel="noopener noreferrer" target="_blank">Just Eat</a>.
       </p>
               <li>
                 <a
                   class="order-channel order-channel--webapp"
+                  href="https://smos.onrender.com/modules/SmOS_CC/"
+                  data-order-app
                   target="_blank"
                   rel="noopener noreferrer">
                   <span class="order-channel__brand order-channel__brand--web" aria-hidden="true">
       </div>
     </div>
   </footer>
+  <script src="script.js?v=1.29" defer></script>
 </body>
 </html>

script.js CHANGED Viewed

@@ -1,5 +1,14 @@
 (() => {
   const THEME_KEY = "CornerCafeRestaurant-theme";
   const applyChrome = (theme) => {
     const meta = document.getElementById("meta-theme-color");

 (() => {
   const THEME_KEY = "CornerCafeRestaurant-theme";
+  const ORDER_APP_LOCAL = "http://127.0.0.1:8877/modules/SmOS_CC/";
+  const ORDER_APP_PROD = "https://smos.onrender.com/modules/SmOS_CC/";
+  const orderAppUrl = () =>
+    /^(localhost|127\.0\.0\.1)$/.test(window.location.hostname) ? ORDER_APP_LOCAL : ORDER_APP_PROD;
+  document.querySelectorAll("[data-order-app]").forEach((el) => {
+    el.setAttribute("href", orderAppUrl());
+  });
   const applyChrome = (theme) => {
     const meta = document.getElementById("meta-theme-color");

webapp/index.html CHANGED Viewed

@@ -2,13 +2,32 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <meta http-equiv="refresh" content="0; url=http://127.0.0.1:8877/modules/SmOS_CC/">
   <title>Redirecting to CornerCafeRestaurant App…</title>
   <script>
-    location.replace("http://127.0.0.1:8877/modules/SmOS_CC/");
   </script>
 </head>
 <body>
-  <p>Ordering moved to <a href="http://127.0.0.1:8877/modules/SmOS_CC/">CornerCafeRestaurant App</a>.</p>
 </body>
 </html>

 <html lang="en">
 <head>
   <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Redirecting to CornerCafeRestaurant App…</title>
   <script>
+    (function () {
+      var local = /^(localhost|127\.0\.0\.1)$/.test(location.hostname);
+      var url = local
+        ? "http://127.0.0.1:8877/modules/SmOS_CC/"
+        : "https://smos.onrender.com/modules/SmOS_CC/";
+      location.replace(url);
+    })();
   </script>
 </head>
 <body>
+  <p>
+    Opening
+    <a id="order-app-fallback" href="https://smos.onrender.com/modules/SmOS_CC/">CornerCafeRestaurant App</a>…
+  </p>
+  <script>
+    (function () {
+      var local = /^(localhost|127\.0\.0\.1)$/.test(location.hostname);
+      var url = local
+        ? "http://127.0.0.1:8877/modules/SmOS_CC/"
+        : "https://smos.onrender.com/modules/SmOS_CC/";
+      var link = document.getElementById("order-app-fallback");
+      if (link) link.href = url;
+    })();
+  </script>
 </body>
 </html>