-
Notifications
You must be signed in to change notification settings - Fork 26
/
about.html
178 lines (159 loc) · 12 KB
/
about.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html>
<head>
<title>About the micro:bit's 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/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'>
</head>
<body class="about">
<header>
<h1 class="homepage-title"><a href="/"><span>micro:bit</span><span class="microbit large-icon"></span><span>worldtour</span></a></h1>
<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="/about.html" class="about"><span>About</span>
<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="200px" height="200px" 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>
</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 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>
<h1>How?</h1>
<p>We will post 5 micro:bits to 5 people we know.</p>
<ol>
<li>They have a week to learn about the device and produce
something fun. Their task is to surprise, delight and educate
us!</li>
<li>After a week they create a pull request to
<a href="https://github.com/microworldtour/microworldtour.github.io">our code repository</a>
detailing what they've done:
<a href="https://www.youtube.com/playlist?list=PLzCYc445IVNQimtxAlPpaFMtvv8qKSncK">point to videos</a>,
<a href="http://ntoll.org/article/story-micropython-on-microbit">link to blog posts</a>
or tell us about a
<a href="https://github.com/bbcmicrobit/micropython/milestones">new feature</a>.</li>
<li>They post the device to a new person who repeats the
process.</li>
</ol>
<p>If you want to get involved <em>read the README in
<a href="https://github.com/microworldtour/microworldtour.github.io">our code repository</a></em>
for more information. :-)</p>
<p>Hopefully, in a relatively short period of time, we'll have spread
the word about this remarkable device and generated a significant
number of projects, resources and features that children can use.</p>
<h1>Who?</h1>
<ul>
<li>If you're from a background which isn't well-represented in
most geeky groups, get involved - <strong>we want to help you make
a difference</strong>.</li>
<li>If you're from a background which is well-represented in most
geeky groups, get involved - <strong>we want your help making a
difference</strong>.</li>
<li>If you're worried about not being technical enough, get
involved - <strong>your fresh perspective will be
invaluable</strong>.</li>
<li>If you think you're an imposter, get involved.</li>
<li>If your day job isn't code, get involved.</li>
<li>This isn't a group of experts, just people.</li>
<li>We are interested in the educational, social and technical
problems.</li>
<li>This is a new community. <strong>No-one knows what they are
doing</strong>.</li>
</ul>
<p>(The list above was adapted from
<a href="http://computeranonymous.org/">here</a>.)</p>
<p>"What children will be using the device?" I hear you ask.</p>
<p>A million micro:bits will be given out to all the UK's children in
academic year 7 (11 to 12 year olds). When this happens all
the digital assets needed to create the device as well as all the
software needed to program it will be released under an open-source
license. Put simply, anyone, anywhere in the world will be able to fork
the project and make it their own. You'll also be able to buy such
devices via mail-order from the UK soon after they are given to the
children in the spring of 2016.</p>
<p>The following video of an early version of MicroPython running on
the device will give you a flavour of the sort of things you can
do.</p>
<div class="video-container">
<iframe src="https://www.youtube-nocookie.com/embed/HAx9sJB1_eY?rel=0&controls=0&showinfo=0" allowfullscreen="" frameborder="0" height="360" width="480"></iframe>
</div>
<p></p>
</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>
</body>
</html>