Initial commit

JustinQuekZJ · Apr 10, 2024 · 8875c21 · 8875c21
commit 8875c21
Show file tree

Hide file tree

Showing 5 changed files with 897 additions and 0 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Hawker Centers in Singapore</title>
+    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
+    <link href="https://api.mapbox.com/mapbox-gl-js/v3.2.0/mapbox-gl.css" rel="stylesheet">
+    <link href="styles.css" rel="stylesheet">
+    <script
+        src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js"></script>
+    <link rel="stylesheet"
+        href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css"
+        type="text/css">
+</head>
+
+<body>
+    <div class="sidebar">
+        <h2>Hawker Centers in Singapore</h2>
+        <img src="https://images.lifestyleasia.com/wp-content/uploads/sites/6/2022/06/17130722/51137099969_6d959e591b_o-1600x900.jpg" alt="Hawker Centre Image" style="width: 100%; max-width: 250px;">
+        <p>Hawker Centers are open-air food centres in Singapore. These bustling food hubs are more than just places to eat; they're an integral part of Singaporean culture and identity. At hawker centres, you'll find an extensive array of affordable and delectable dishes representing the diverse ethnic tapestry of Singapore. What makes hawker centres truly special is the communal dining experience they offer, allowing you to dine in large groups with friends and family. </p>
+        <p><strong>Enter a location in the search bar and view the nearest hawker centers!</strong></p>
+    </div>
+    <div id="map"></div>
+    <script src="https://api.mapbox.com/mapbox-gl-js/v3.2.0/mapbox-gl.js"></script>
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"
+        integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+    <script src="js/hawkers.js"></script>
+    <script src="js/scripts.js"></script>
+</body>
+
+</html>