-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
24 lines (20 loc) · 4.32 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
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<title>Hemnet realtime search map</title>
<link rel="stylesheet" href="dist/style.css">
<script src='https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v3.3.1/mapbox.css' rel='stylesheet' />
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" class="logo" xmlns:xlink="http://www.w3.org/1999/xlink" width="180" height="42" viewBox="0 0 560 132"><defs><path id="a" d="M.7 1h558.5v131H.7z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><path clip-path="url(#b)" fill="#00B100" d="M67.2 1C31 1 1.7 30.3 1.7 66.5c0 14.7 4.8 28.2 13 39.1L4.4 115.9c-3.7 3.7-3.7 9.7 0 13.4 1.8 1.9 4.3 2.8 6.7 2.8 2.4 0 4.8-.9 6.7-2.8L28.1 119c10.9 8.2 24.5 13 39.1 13 36.2 0 65.5-29.3 65.5-65.5S103.4 1 67.2 1m0 114.4c-27 0-48.9-21.9-48.9-48.9s21.9-48.9 48.9-48.9 48.9 21.9 48.9 48.9-21.9 48.9-48.9 48.9"/><path clip-path="url(#b)" fill="#00B100" d="M72.1 89.1V76.7h-9.8v12.4H41V54.7l26.2-18 26.2 18v34.4"/><path fill="#fff" clip-path="url(#b)" d="M222 79.6c0 8.5 2.6 15.8 7.8 21.6 5.2 5.8 11.8 8.6 20.3 8.6 8.6 0 15.7-2.2 21.2-6.6.6-.5.9-.8.9-.9-.1 0-.2-.4-.6-.9l-2.4-3.3c-.3-.2-.5-.3-.6-.4-.3.1-.9.4-1.9 1-5.1 3.1-10.4 4.7-15.6 4.7-5.6 0-10.6-2.2-14.9-6.4-4.2-4.2-6.5-9.1-6.9-14.6l-.1-1.6h45c.8 0 1.1-.2 1.2-1.2.2-1.4.3-2.7.3-3.9 0-7.5-2.4-13.8-7.3-18.7-4.9-5-10.9-7.4-18.5-7.4-8.5 0-15.1 2.8-20.3 8.7-5 5.6-7.6 12.8-7.6 21.3m14.2-18.9c3.8-3.4 8.5-5.1 13.9-5.1 4.9 0 9.2 1.8 12.8 5.4 3.5 3.6 5.4 7.8 5.6 12.6l.1 1.6h-39.2l.2-1.7c.5-5.1 2.7-9.4 6.6-12.8m137.3 47.1c.4.4.7.5.9.5h4.8c.2 0 .5 0 .9-.5.4-.4.5-.7.5-.9V75c0-17.3-7.2-25.7-21.9-25.7-6.5 0-13.7 3.2-21.5 9.5l-1.3 1.1-.9-1.4c-3.8-6.1-9.7-9.1-18-9.1-3.5 0-6.8.6-9.9 1.9-3.1 1.2-5.3 2.5-6.5 3.7l-3.9 3.7-2-7c-.1-.5-.3-.7-1-.7h-2.9c-.4 0-.7.1-.9.4-.4.4-.4.7-.4.9v54.6c0 .2 0 .5.4.9.3.3.5.4.9.4h4.7c.2 0 .5 0 .9-.5.4-.4.5-.7.5-.9V66l2.2-2.5c1.5-1.6 3.7-3.1 6.7-4.7 3.1-1.6 6.4-2.3 9.8-2.3 7.2 0 15.8 3.2 15.8 18.6v31.8c0 .2 0 .5.4.9.3.3.5.4.9.4h4.8c.4 0 .7-.1.9-.4.4-.4.4-.7.4-.9V75c0-2.8-.2-5.6-.7-8.3l-.1-.8.6-.6c6.3-5.9 12.8-8.9 19.4-8.9 6.9 0 15.1 3.2 15.1 18.6v31.8c-.1.3 0 .6.4 1m65.6 0c.3.3.5.4.9.4h4.8c.4 0 .7-.1.9-.4.4-.4.4-.7.4-.9V75c0-17.3-7.2-25.7-21.9-25.7-3.5 0-7 .6-10.3 1.9-3.4 1.2-5.8 2.5-7.4 3.8l-4.2 3.4-2-6.8c-.1-.5-.3-.7-1-.7h-2.9c-.4 0-.7.1-.9.4-.4.4-.4.7-.4.9v54.6c0 .2 0 .5.4.9.3.3.5.4.9.4h4.7c.2 0 .5 0 .9-.5.4-.4.5-.7.5-.9v-41l2.9-2.6c1.6-1.5 4.1-3 7.5-4.5 3.5-1.5 7-2.3 10.5-2.3 4.8 0 8.5 1.6 11.2 4.8 2.6 3.1 3.9 7.7 3.9 13.7v31.8c.2.5.2.8.6 1.2M458 79.6c0 8.5 2.6 15.8 7.8 21.6 5.2 5.8 11.8 8.6 20.3 8.6 8.6 0 15.7-2.2 21.2-6.6.6-.5.9-.8.9-.9-.1 0-.2-.4-.6-.9l-2.4-3.3c-.3-.2-.5-.3-.6-.4-.3.1-.9.4-1.9 1-5.1 3.1-10.4 4.7-15.7 4.7-5.6 0-10.6-2.2-14.9-6.4-4.2-4.2-6.5-9.1-6.9-14.6l-.1-1.6h45c.8 0 1.1-.2 1.2-1.2.2-1.4.3-2.7.3-3.9 0-7.5-2.4-13.8-7.3-18.7-4.9-5-10.9-7.4-18.5-7.4-8.5 0-15.1 2.8-20.3 8.7-4.9 5.6-7.5 12.8-7.5 21.3m14.2-18.9c3.8-3.4 8.5-5.1 13.9-5.1 4.9 0 9.2 1.8 12.8 5.4 3.5 3.6 5.4 7.8 5.6 12.6l.1 1.6h-39.2l.2-1.7c.5-5.1 2.7-9.4 6.6-12.8m86.5 42.4l-2.3-3.8c-.4-.6-.7-.6-.8-.6-.1 0-.4 0-.8.3-4.3 2.3-8.3 3.5-11.7 3.5-2.3 0-4-.7-5-2s-1.4-3.4-1.4-6.7V56.9h19c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1v-3.3c0-1.1-.3-1.4-1.4-1.4h-19V32.3c0-.4-.1-.7-.4-1-.3-.3-.6-.4-.8-.4l-4.7.3c-.5 0-.8.1-1 .4-.4.4-.4.7-.4 1v18.2H520c-1.1 0-1.4.3-1.4 1.4v3.3c0 .4.1.7.4 1 .3.3.6.4 1 .4h9.2v37.7c0 5.1.9 9 2.5 11.5 1.6 2.4 4.9 3.6 9.8 3.6 2.9 0 6.1-.6 9.3-1.7 3.3-1.2 5.7-2.2 7.2-3.2 1.2-.6 1.1-1 .7-1.7m-355.6 4.7c.4.4.7.5.9.5h4.8c.2 0 .5 0 .9-.5.4-.4.5-.7.5-.9V75c0-8.3-1.9-14.8-5.7-19.2-3.8-4.4-9.1-6.5-16.2-6.5-3.4 0-6.8.6-9.9 1.9-3.2 1.2-5.6 2.5-7 3.8l-4.8 4.1V19.4c0-.4-.1-.7-.4-1-.3-.3-.6-.4-.8-.4l-4.7.3c-.5 0-.8.1-1 .4-.4.4-.4.7-.4 1v87.1c0 .2 0 .5.5.9.4.4.7.5.9.5h4.7c.4 0 .7-.1.9-.4.4-.4.4-.7.4-.9V65.8l2.7-2.6c1.8-1.6 4.3-3 7.7-4.5 3.4-1.5 7-2.2 10.6-2.2 4.8 0 8.5 1.6 11.2 4.8 2.6 3.1 3.9 7.7 3.9 13.7v31.8c-.1.3-.1.6.3 1"/></svg>
<div class="legend">
<span class="color color--purple"></span><span class="label">Lägenheter</span>
<span class="color color--green"></span><span class="label">Villor</span>
<span class="color color--orange"></span><span class="label">Annat</span>
</div>
<div id="map" class="realtime__map dark"></div>
<script src="dist/bundle.js"></script>
</body>
</html>