Spaces:

neoALI
/

ALI-Lunch-Menu

Running

App Files Files Community

bibekyess commited on Jun 24, 2024

Commit

255efa8

unverified ·

1 Parent(s): 4c9cf16

Adds new restaurants and displays bonus options

Browse files

Files changed (3) hide show

index.html +27 -1
restaurants.json +9 -3
script.js +24 -23

index.html CHANGED Viewed

@@ -20,14 +20,36 @@
             padding: 20px;
             border-radius: 8px;
             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
         }
-        h1 {
             color: #333;
         }
         .restaurant {
             font-size: 1.2em;
             margin: 10px 0;
         }
     </style>
 </head>
 <body>
@@ -35,6 +57,10 @@
         <h1>Today's Restaurant Suggestions</h1>
         <p id="currentDate"></p>
         <div id="restaurants"></div>
     </div>
     <script src="script.js"></script>
 </body>

             padding: 20px;
             border-radius: 8px;
             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+            max-width: 600px;
+            width: 100%;
         }
+        h1, h3 {
             color: #333;
+            margin-bottom: 20px;
         }
         .restaurant {
             font-size: 1.2em;
             margin: 10px 0;
         }
+        .restaurant a {
+            color: #007bff;
+            text-decoration: none;
+            transition: color 0.3s;
+        }
+        .restaurant a:hover {
+            color: red;
+        }
+        .bonus-container {
+            margin-top: 30px;
+            padding: 20px;
+            background-color:  #f0f8ff;
+            border-radius: 8px;
+        }
+        .bonus-container h3 {
+            margin-top: 0;
+            margin-bottom: 1%;
+            color: orange;
+        }
     </style>
 </head>
 <body>
         <h1>Today's Restaurant Suggestions</h1>
         <p id="currentDate"></p>
         <div id="restaurants"></div>
+        <div class="bonus-container">
+            <h3 id="bonusHeader">Bonus Suggestions</h3>
+            <div id="bonusRestaurants"></div>
+        </div>
     </div>
     <script src="script.js"></script>
 </body>

restaurants.json CHANGED Viewed

@@ -5,15 +5,21 @@
     ["후추포인트 (Italian)", "https://naver.me/GOzRKAoO"],
     ["파스타 트리오 (Italian)", "https://naver.me/5DbSwvXH"],
     ["진대감 (Korean, beef+pork)", "https://naver.me/5EQ3QCXL"],
-    ["Taksim Kebab (Turkish, small place)", "https://naver.me/5EQ3QCXL"],
     ["Proteiner (low carb, high protein wraps, bowls)", "https://naver.me/xBhHYMfk"],
     ["쿠차라 강남점 (Mexican)", "https://maps.app.goo.gl/pGWzvT2Zm6KtNMLS7"],
     ["미엔아이 천등 (Chinese, beef and pork)", "https://naver.me/Ix7qUNzU"],
     ["상무초밥 (Sushi)", "https://naver.me/FfWO3pLI"],
-    ["키토분식 (Kito)", "https://naver.me/G2xFx8vg"],
     ["인더비엣 (Vietnamese)", "https://inthevietsnh.modoo.at"],
     ["강남역 파스타 (Pasta, large space)", "https://naver.me/xL1EJLfC"],
-    ["백가구내식당 (Korean)", "https://naver.me/xUSZRKEO"],
     ["강남교자 본점 (Dumplings)", "http://gyoja.gangnamlohas.com"],
     ["모범갈빗살 (Beef, lunch menu)", "https://naver.me/x9JcqgN7"],
     ["메차쿠차 (Don katsu)", "https://naver.me/GbEr52H0"]

     ["후추포인트 (Italian)", "https://naver.me/GOzRKAoO"],
     ["파스타 트리오 (Italian)", "https://naver.me/5DbSwvXH"],
     ["진대감 (Korean, beef+pork)", "https://naver.me/5EQ3QCXL"],
+    ["Taksim Kebab (Turkish, small place)", "https://maps.app.goo.gl/6rwGVo5qbT9xKZAMA"],
     ["Proteiner (low carb, high protein wraps, bowls)", "https://naver.me/xBhHYMfk"],
     ["쿠차라 강남점 (Mexican)", "https://maps.app.goo.gl/pGWzvT2Zm6KtNMLS7"],
     ["미엔아이 천등 (Chinese, beef and pork)", "https://naver.me/Ix7qUNzU"],
     ["상무초밥 (Sushi)", "https://naver.me/FfWO3pLI"],
+    ["키토분식 (Kito, This building)", "https://naver.me/G2xFx8vg"],
     ["인더비엣 (Vietnamese)", "https://inthevietsnh.modoo.at"],
     ["강남역 파스타 (Pasta, large space)", "https://naver.me/xL1EJLfC"],
+    ["백가구내식당 (Korean, Menu changes every day)", "https://naver.me/xUSZRKEO"],
+    ["돈비고고 (unlimited 돈까스 + 제육 (Pork) for 8.8K)", "https://naver.me/GGUfwvl9"],
+    ["덕자네 방앗간 (cheap Gimbab & tteokbokki)", "https://maps.app.goo.gl/H6ZHQytb7ksxNma87"],
+    ["싸다김밥 (Gimbab & tteokobkki & noodle & cutlet …)", "https://maps.app.goo.gl/bX1ubHKgp1ZgGUYLA"],
+    ["노브랜드버거 (Chicken burger avail)", "https://naver.me/5IFsT0fz"],
+    ["Halal guys (sandwich and platters with beef or chicken)", "https://naver.me/F0KtkgV9"],
+    ["순남시래기 (Raddish soup, Ribka cannot eat here)", "https://naver.me/Ft8l8iJQ"],
     ["강남교자 본점 (Dumplings)", "http://gyoja.gangnamlohas.com"],
     ["모범갈빗살 (Beef, lunch menu)", "https://naver.me/x9JcqgN7"],
     ["메차쿠차 (Don katsu)", "https://naver.me/GbEr52H0"]

script.js CHANGED Viewed

@@ -1,17 +1,19 @@
-function shuffle(array, seed) {                // <-- ADDED ARGUMENT
     var m = array.length, t, i;
     // While there remain elements to shuffle…
     while (m) {
       // Pick a remaining element…
-      i = Math.floor(random(seed) * m--);        // <-- MODIFIED LINE
       // And swap it with the current element.
       t = array[m];
       array[m] = array[i];
       array[i] = t;
-      ++seed                                     // <-- ADDED LINE
     }
     return array;
@@ -35,7 +37,7 @@ async function fetchRestaurants() {
 function getRandomRestaurants(restaurants, seed) {
     // Generate three random indices based on the seed
     randomRestaurants = shuffle(restaurants, seed);
-    return randomRestaurants.slice(0,3);
 }
 async function displayRestaurants() {
@@ -56,17 +58,6 @@ async function displayRestaurants() {
     }
     const dateKey = today.toISOString().split('T')[0];
-    let savedData = localStorage.getItem('restaurantSuggestions');
-    if (savedData) {
-        savedData = JSON.parse(savedData);
-        if (savedData.date === dateKey) {
-            document.getElementById('restaurants').innerHTML = savedData.restaurants.map(restaurant =>
-                `<a href="${restaurant[1]}" target="_blank">${restaurant[0]}</a>`
-            ).join('<br>');
-            return;
-        }
-    }
     try {
         const restaurants = await fetchRestaurants();
@@ -75,19 +66,29 @@ async function displayRestaurants() {
         console.log('Random seed per day: ', seed);
         const randomRestaurants = getRandomRestaurants(restaurants, seed);
         console.log('Random Restaurants:', randomRestaurants); // Debugging: Print random restaurants
-        document.getElementById('restaurants').innerHTML = randomRestaurants.map(restaurant =>
             `<a href="${restaurant[1]}" target="_blank">${restaurant[0]}</a>`
         ).join('<br>');
-        const dataToSave = {
-            date: dateKey,
-            restaurants: randomRestaurants
-        };
-        localStorage.setItem('restaurantSuggestions', JSON.stringify(dataToSave));
     } catch (error) {
         console.error('Error fetching restaurants:', error);
-        document.getElementById('restaurants').innerHTML = "Failed to load restaurant suggestions.";
     }
 }

+const restaurant_no = 5;
+function shuffle(array, seed) {
     var m = array.length, t, i;
     // While there remain elements to shuffle…
     while (m) {
       // Pick a remaining element…
+      i = Math.floor(random(seed) * m--);
       // And swap it with the current element.
       t = array[m];
       array[m] = array[i];
       array[i] = t;
+      ++seed
     }
     return array;
 function getRandomRestaurants(restaurants, seed) {
     // Generate three random indices based on the seed
     randomRestaurants = shuffle(restaurants, seed);
+    return randomRestaurants.slice(0,restaurant_no);
 }
 async function displayRestaurants() {
     }
     const dateKey = today.toISOString().split('T')[0];
     try {
         const restaurants = await fetchRestaurants();
         console.log('Random seed per day: ', seed);
         const randomRestaurants = getRandomRestaurants(restaurants, seed);
         console.log('Random Restaurants:', randomRestaurants); // Debugging: Print random restaurants
+        const firstThreeRestaurants = randomRestaurants.slice(0, 3);
+        const bonusRestaurants = randomRestaurants.slice(3, 5);
+        document.getElementById('restaurants').innerHTML = firstThreeRestaurants.map(restaurant =>
+            `<a href="${restaurant[1]}" target="_blank">${restaurant[0]}</a>`
+        ).join('<br>');
+        document.getElementById('bonusRestaurants').innerHTML = bonusRestaurants.map(restaurant =>
             `<a href="${restaurant[1]}" target="_blank">${restaurant[0]}</a>`
         ).join('<br>');
     } catch (error) {
         console.error('Error fetching restaurants:', error);
+        const bestRestaurants = [
+            ["돈비고고 (unlimited 돈까스 + 제육 (Pork) for 8.8K)", "https://naver.me/GGUfwvl9"],
+            ["Taksim Kebab (Turkish, small place)", "https://maps.app.goo.gl/6rwGVo5qbT9xKZAMA"],
+            ["강남역 파스타 (Pasta, large space)", "https://naver.me/xL1EJLfC"],
+        ]
+        document.getElementById('restaurants').innerHTML = "Failed to load restaurant suggestions. <br>Below are my personal suggestions based on your review!!";
+        document.getElementById('bonusHeader').innerHTML = "";
+        document.getElementById('bonusRestaurants').innerHTML = bestRestaurants.map(restaurant =>
+            `<a href="${restaurant[1]}" target="_blank">${restaurant[0]}</a>`
+        ).join('<br>') + "<br><br>";
     }
 }