-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (49 loc) · 2.83 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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- for Google -->
<meta name="description" content="เมล์ไปไหนได้บ้าง" />
<meta name="keywords" content="map, opendata, open data, bus, bangkok, thailand" />
<meta name="author" content="Puripant Ruchikachorn" />
<!-- for Facebook -->
<meta property="og:title" content="เมล์ไปไหนได้บ้าง" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://puripant.ruchikachorn.com/reverse-bus-map/og.png" />
<meta property="og:url" content="http://puripant.ruchikachorn.com/reverse-bus-map/" />
<meta property="og:description" content="แถวนี้นั่งรถเมล์ไปไหนได้บ้างนะ สำรวจพื้นที่ที่อาจไม่เคยไปราคาประหยัดด้วยรถเมล์" />
<!-- for Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="เมล์ไปไหนได้บ้าง" />
<meta name="twitter:description" content="แถวนี้นั่งรถเมล์ไปไหนได้บ้างนะ สำรวจพื้นที่ที่อาจไม่เคยไปราคาประหยัดด้วยรถเมล์" />
<meta name="twitter:image" content="http://puripant.ruchikachorn.com/reverse-bus-map/og.png" />
<title>เมล์ไปไหนได้บ้าง</title>
<link href="https://fonts.googleapis.com/css?family=Chonburi" rel="stylesheet">
<link href="main.css" rel="stylesheet">
</head>
<body>
<div id="header">
<!-- <div class="logos"> -->
<span class="title">เมล์ไปไหนได้บ้าง</span><br />
แถวนี้นั่งรถเมล์ไปไหนได้บ้างนะ 🤔<br />
มาสำรวจพื้นที่ที่อาจไม่เคยไปราคาประหยัดด้วยรถเมล์กัน 🚌
<!-- </div> -->
<!-- <div class="logos right">
<div class="logo mayday"></div>
<div class="logo spacer"></div>
<div class="logo boonmeelab"><a href="https://www.boonmeelab.com"><span></span></a></div>
</div> -->
</div>
<div id="desc">
ป้ายรถเมล์ <span id="stop-name"></span> และป้ายข้างเคียง
<!-- <span id="stop-number"></span> ป้าย -->
มีรถเมล์ผ่าน <span id="bus-number"></span> สาย
ไปได้ <span id="reaches"></span> ป้าย
</div>
<div id="main">
<svg></svg>
</div>
<script src="https://d3js.org/d3.v7.min.js"></script>
<script src="main.js"></script>
</body>
</html>