-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
125 lines (112 loc) · 8.94 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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<DOCTYPE html>
<html>
<head>
<title>Micro World Tour</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta charset="UTF-8" />
<link rel="shortcut icon" href="/img/microicon.png" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/leaflet.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,500italic' rel='stylesheet' type='text/css'>
<script src="/js/leaflet.js"></script>
<script src="/js/leaflet.polylineDecorator.min.js"></script>
</head>
<body class="homepage">
<header>
<img src="img/optimised.svg" class="bg-img">
<h1 class="homepage-title"><a href="/"><span>micro:bit</span><span class="microbit large-icon"></span><span>worldtour</span><span class="shadow"></span></a></h1>
<span class="globe">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="800px" height="800px" viewBox="0 0 439.333 439.333" enable-background="new 0 0 439.333 439.333"
xml:space="preserve">
<g class="earth">
<circle fill="#49C3CC" cx="219.667" cy="219.667" r="200"/>
<path fill="none" stroke="#53B848" stroke-width="42" stroke-linecap="round" stroke-miterlimit="10" d="M67.603,219.667
c0-12.524,1.514-24.694,4.369-36.338c11.039-45.021,42.126-82.168,83.258-101.438"/>
<path fill="none" stroke="#53B848" stroke-width="36" stroke-linecap="round" stroke-miterlimit="10" d="M130.964,319.663
C103.381,295.176,86,259.451,86,219.667C86,145.844,145.844,86,219.667,86"/>
<path opacity="0.57" fill="none" stroke="#BED1D4" stroke-width="42" stroke-linecap="round" stroke-miterlimit="10" d="
M38.639,292.29c-9.013-22.445-13.972-46.955-13.972-72.623c0-62.626,29.522-118.357,75.41-154.035"/>
<path opacity="0.51" fill="none" stroke="#BED1D4" stroke-width="42" stroke-linecap="round" stroke-miterlimit="10" d="
M85.99,343.667c-30.194-32.535-48.656-76.111-48.656-124c0-38.778,12.105-74.729,32.744-104.279"/>
<path opacity="0.47" fill="none" stroke="#BED1D4" stroke-width="42" stroke-linecap="round" stroke-miterlimit="10" d="
M112.667,209.667c0-24.224,8.879-46.373,23.561-63.372"/>
<path fill="none" stroke="#53B848" stroke-width="60" stroke-linecap="round" stroke-miterlimit="10" d="M219.667,142
c9.111,0,17.855,1.569,25.979,4.451c30.119,10.687,51.688,39.432,51.688,73.216c0,26.809-13.583,50.445-34.242,64.402"/>
<path fill="none" stroke="#53B848" stroke-width="35" stroke-linecap="round" stroke-miterlimit="10" d="M402.049,219.667
c0,1.749-0.024,3.492-0.073,5.229c-0.433,15.352-2.763,30.228-6.763,44.404"/>
<path fill="none" stroke="#53B848" stroke-width="33" stroke-linecap="round" stroke-miterlimit="10" d="M219.667,36.667
c17.454,0,34.337,2.443,50.326,7.007c18.544,5.293,35.886,13.438,51.52,23.93"/>
<path opacity="0.57" fill="none" stroke="#BED1D4" stroke-width="42" stroke-linecap="round" stroke-miterlimit="10" d="
M364.939,89.508c16.146,18.009,29.188,39.345,37.968,63.464c21.42,58.851,12.738,121.317-18.179,170.538"/>
<path opacity="0.51" fill="none" stroke="#BED1D4" stroke-width="42" stroke-linecap="round" stroke-miterlimit="10" d="
M302.872,57.424c39.501,20.246,71.754,54.88,88.133,99.88c13.263,36.439,14.183,74.363,4.896,109.19"/>
<path fill="none" stroke="#53B848" stroke-width="28" stroke-linecap="round" stroke-miterlimit="10" d="M361.714,338.752
c-31.898,38.807-79.065,64.587-132.316,68.154c-4.208,0.282-8.453,0.426-12.731,0.426"/>
<path opacity="0.57" fill="none" stroke="#BED1D4" stroke-width="58" stroke-linecap="round" stroke-miterlimit="10" d="
M327.892,280.236c-21.229,37.852-61.739,63.431-108.226,63.431c-31.532,0-60.315-11.77-82.196-31.155"/>
</g>
</svg>
</span>
<nav class="nav">
<ul>
<li><a href="/microbit/mary.html" id="mary" class="mary"><span>Mary</span><div class="microbit mary"></div></a></li>
<li><a href="/microbit/meena.html" id="meena" class="meena"><span>Meena</span><div class="microbit meena"></div></a></li>
<li><a href="/microbit/meixiu.html" id="meixiu" class="meixiu"><span>Mei Xiu</span><div class="microbit dead"></div></a></li>
<li><a href="/microbit/mohandas.html" id="mohandas" class="mohandas"><span>Mohandas</span><div class="microbit mohandas"></div></a></li>
<li><a href="/microbit/monifa.html" id="monifa" class="monifa"><span>Monifa</span><div class="microbit monifa"></div></a></li>
<li> <a href="/microbit/mahiri.html" id="mahiri" class="mahiri"><span>Mahiri</span><div class="microbit dead"></div></a></li>
<li><a href="/microbit/marja.html" id="marja" class="marja"><span>Marja</span><div class="microbit marja"></div></a></li>
<li><a href="/microbit/macaroni.html" id="macaroni" class="macaroni"><span>Macaroni</span><div class="microbit macaroni"></div></a></li>
</ul>
</nav>
<div class="mobile-nav">
<h1 class="homepage-title">micro:bit worldtour<label for="mobile-menu-toggle"><span class="hidden">menu</span></label></h1>
<input type="checkbox" id="mobile-menu-toggle">
<ul class="mobile-menu">
<li><a href="/microbit/mary.html" id="mary" class="mary"><div class="microbit mary"></div><span>Mary</span></a></li>
<li><a href="/microbit/meena.html" id="meena" class="meena"><div class="microbit meena"></div><span>Meena</span></a></li>
<li><a href="/microbit/meixiu.html" id="meixiu" class="meixiu"><div class="microbit dead"></div><span>Mei Xiu</span></a></li>
<li><a href="/microbit/mohandas.html" id="mohandas" class="mohandas"><div class="microbit mohandas"></div><span>Mohandas</span></a></li>
<li><a href="/microbit/monifa.html" id="monifa" class="monifa"><div class="microbit monifa"></div><span>Monifa</span></a></li>
<li> <a href="/microbit/mahiri.html" id="mahiri" class="mahiri"><div class="microbit dead"></div><span>Mahiri</span></a></li>
<li><a href="/microbit/marja.html" id="marja" class="marja"><div class="microbit marja"></div><span>Marja</span></a></li>
<li><a href="/microbit/macaroni.html" id="macaroni" class="macaroni"><div class="microbit macaroni"></div><span>Macaroni</span></a></li>
</ul>
</div>
</header>
<div id="map" class="fragment"></div>
<div class="content">
<h1>What?</h1>
<p>The
<a href="http://www.bbc.co.uk/mediacentre/mediapacks/microbit">BBC's micro:bit</a>
is a small computing device for children. Thanks to
<a href="http://ntoll.org/article/story-micropython-on-microbit">some amazing work</a>
by Damien George, the creator of
<a href="http://micropython.org/">MicroPython</a>, there is a full
re-implementation of Python 3 that runs on the device.</p>
<p><strong>We have five of these devices to share with the world-wide
Python community.</strong></p>
<p><strong>We want code to be created, videos to be shot and articles
to be written.</strong></p>
<p><strong>This "world-tour" is a cheap-and-cheerful way to make this
work.</strong></p>
<p><strong>This website will log each of the five devices' journeys.</strong></p>
<a href="about.html" class="name btn">read more</a>
</div>
<div class="footer">
<h1>micro:bit worldtour</h1>
<span class="microbit"></span>
<p>Design by <a href="http://www.blanc.ltd.uk/">Blanc</a></p>
</div>
<script src="/js/microworldtour.js"></script>
<script src="/microbit/mary.js"></script>
<script src="/microbit/meena.js"></script>
<script src="/microbit/mahiri.js"></script>
<script src="/microbit/meixiu.js"></script>
<script src="/microbit/mohandas.js"></script>
<script src="/microbit/monifa.js"></script>
<script src="/microbit/marja.js"></script>
<script src="/microbit/macaroni.js"></script>
</body>
</html>