dcprojectsmap/index.html at main · hubblo-org/dcprojectsmap · GitHub

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
<!doctype html>
<head>
 <meta charset="utf-8" />
 <title>France data centers projects</title>
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
     crossorigin=""/>
	<link rel="stylesheet" href="./style.css">
 <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
     integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
     crossorigin=""></script>
 <script type="module" src="./rendermap.js" crossorigin=""></script>
</head>


<body>
<header>
  <div id="header-logo">
    <a class="logo" href="https://hubblo.org/en/" aria-label="Navigate to the Hubblo website">
	<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="logo">
  		<title id="logo">Logo Hubblo</title>
  		<circle r="10" cx="16" cy="16" fill="#fff"/>
  		<path d="M26 16C26 21.5229 21.5228 26 16 26C10.4772 26 6 21.5229 6 16H26Z" fill="#0066CC" fill-opacity="0.6"/>
  		<path d="M6 16C6 10.4771 10.4772 6 16 6C21.5228 6 26 10.4771 26 16L6 16Z" fill="#0066CC" fill-opacity="0.2"/>
  		<path d="M26.6065 5.3934C32.4644 11.2513 32.4644 20.7487 26.6065 26.6066M22.3452 2.40367C16.7915 -0.187658 9.97783 0.808917 5.39334 5.3934C3.4917 7.29505 2.20738 9.58026 1.54041 12M22.3452 29.5963C16.7915 32.1877 9.97783 31.1911 5.39334 26.6066C3.4917 24.705 2.20738 22.4197 1.54041 20" stroke="#17171C" stroke-width="2" stroke-linecap="round"/>
	</svg>
      <span>Hubblo</span>
    </a>
  </div>
  <a id="contact" href="https://hubblo.org/en/contact/" class="btn btn-primary btn-sm"> Contact </a>
</header>
<main>
	<div class="wrapper">
 		<h1>France data center projects map</h1>
		<div id="map-container"></div>
	</div>
</main>
</body>

<style>
#map
{
	margin: auto;
	height: 680px;
	width: 1240px;
}
</style>