-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (64 loc) · 3.25 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8" />
<title>Malaysian Food Map</title>
<!-- Meta information - for search engines and other clever web bits -->
<meta property="og:title" content="Malaysian Food Map" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://malaysianfoodmap.com/" />
<meta property="og:image" content="https://i.imgur.com/posV04Y.jpg" />
<meta name="description" content = "Based on personal recommendations via Clubhouse" />
<meta name="keywords" content="malaysia, malaysian, food, map, nasi lemak"/>
<!-- For mobile devices. -->
<meta name="viewport" content="width=device-width"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
<!-- This site had been built using LESS. This is the compiled and minified CSS
To see the individual LESS files navigate to www.website.co.uk/less/
This will show you the individual less files :-) -->
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/tailwind.css" type="text/css" media="screen" />
<script src="map.js"></script>
<!-- favicon and shortcut icons for mobile devices. -->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
</head>
<!--[if IE 7]><body class="no-javascript ie7"><![endif]-->
<!--[if IE 8]><body class="no-javascript ie8"><![endif]-->
<!--[if IE 9]><body class="no-javascript ie9"><![endif]-->
<!--[if !IE]>-->
<body class="no-javascript font-body
bg-eggshell
">
<!--<![endif]-->
<h1 style="display:none">Malaysian Food Map</h1>
<h2 style="display:none">Based on personal recommendations via Clubhouse</h2>
<div class="flex items-center justify-between px-4 py-2 text-sm font-semibold text-center border-b border-1">
<div class="flex items-center justify-center font-semibold text-center">
<img class="object-contain w-8 h-8 pr-1" alt="wave" src="img/wave.png">
🇲🇾 Food Map - Based on personal recommendations via Clubhouse
</div>
</div>
<div class="flex items-center justify-center px-5 mx-auto mt-12 md:mt-20">
<div class="flex flex-col items-center justify-center pb-10 text-xl text-center text-gray-800">
<div class="max-w-md px-2 mt-6 text-base text-gray-700">
<div id="map"></div>
<!-- Replace the value of the key parameter in the call to the Google Maps JavaScript API URL below with your own API key. -->
<!-- Make sure your API key is authorised to access the Google Maps API - you can enable that through your Google Developer console. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAUMaCxecvtwx7X6yr8dnSxK076FoE_nD0&callback=initialiseMap">
</script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="mt-6">
</div>
</div>
</div>
</div>
<!-- Javascript loveliness. -->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/script.js" ></script>
</body>
</html>