Skip to content

Commit 07adc08

Browse files
ntollntoll
committed
Nicely named images, alt text and better copy.
1 parent 50d007a commit 07adc08

26 files changed

+393
-57
lines changed

‎content/en/index.html‎

Lines changed: 304 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,304 @@
1+
type: page_en
2+
slug: home
3+
url: /en/index.html
4+
title: Python in Education
5+
---
6+
<div class="about-block">
7+
<div class="wrap">
8+
<div class="container-fluid">
9+
<div class="row">
10+
<div class="col-md-4 col">
11+
<div class="image-holder">
12+
<img src="/images/snake_learn.png"
13+
alt="A learning snake">
14+
</div>
15+
<h2>learn</h2>
16+
<p>Master the basics, progress to the fun stuff and achieve
17+
coding greatness with lessons for learners of all ages,
18+
levels and abilities.</p>
19+
<a href="#learn" class="more"><span>get started</span></a>
20+
</div>
21+
<div class="col-md-4 col">
22+
<div class="image-holder">
23+
<img src="/images/snake_teach.png"
24+
alt="A teaching snake">
25+
</div>
26+
<h2>teach</h2>
27+
<p>Inspire the next generation of Python programmers with
28+
fun resources, tested in the field by teachers and members
29+
of the global Python community.</p>
30+
<a href="#teach" class="more"><span>fun resources</span></a>
31+
</div>
32+
<div class="col-md-4 col">
33+
<div class="image-holder">
34+
<img src="/images/snake_build.png"
35+
alt="A building snake">
36+
</div>
37+
<h2>build</h2>
38+
<p>Discover all the technical details, designs and source
39+
code needed to build something amazing, create a cool
40+
project or make a contribution to our educational
41+
efforts.</p>
42+
<a href="#build" class="more"><span>lets go!</span></a>
43+
</div>
44+
</div>
45+
<span class="sticker"></span>
46+
</div>
47+
</div>
48+
</div>
49+
<div class="illustration-block">
50+
<img src="/images/pythonic_world.jpg" alt="A Pythonic World" width="1440" height="942">
51+
</div>
52+
<section class="text-section">
53+
<div class="wrap">
54+
<div class="container-fluid">
55+
<div class="row">
56+
<div class="col-md-4 visual text-center">
57+
<img src="/images/python_logo.png"
58+
alt="The Python programming language logo"
59+
width="187" height="186">
60+
</div>
61+
<div class="col-md-8 description">
62+
<h2>Python is a programming language:</h2>
63+
<p>It's very easy to learn. Python is used all over the
64+
world by all sorts of people from professional coders to
65+
complete beginners. Use Python to code cool stuff on your
66+
micro:bit, Raspberry Pi or other computer.</p>
67+
</div>
68+
</div>
69+
<span class="sticker"></span>
70+
<span class="sticker sticker-top"></span>
71+
</div>
72+
</div>
73+
</section>
74+
<section class="title-section" style="background: url(/images/learning_is_play.png) no-repeat 100% 100%;">
75+
<div class="container-fluid">
76+
<div class="row">
77+
<div class="col-xs-6 col-lg-7 heading-col separator1">
78+
<h1>learning <span>is play</span></h1>
79+
</div>
80+
</div>
81+
</div>
82+
</section>
83+
<section class="info-section">
84+
<div class="wrap">
85+
<div class="container-fluid">
86+
<span class="sticker sticker1"></span>
87+
<h1 id="learn">learn</h1>
88+
<div class="row">
89+
<!-- product item -->
90+
<div class="article">
91+
<div class="col-md-4 visual text-center">
92+
<img src="/images/tutorials.png"
93+
alt="A snake thinking about tutorials">
94+
</div>
95+
<div class="col-md-8">
96+
<div class="description">
97+
<h2>tutorials</h2>
98+
<p>Start here for an introduction to Python,
99+
intermediate material that'll help you stretch your
100+
wings, and advanced features that'll have you
101+
building your world-changing project from the
102+
comfort of your own home in no time at all!</p>
103+
<a href="#" class="more"><span>try out a tutorial</span></a>
104+
</div>
105+
</div>
106+
</div>
107+
<!-- product item -->
108+
<div class="article">
109+
<div class="col-md-4 visual text-center">
110+
<img src="/images/microbit.png" alt="A BBC micro:bit">
111+
</div>
112+
<div class="col-md-8">
113+
<div class="description">
114+
<h2>micro:bit</h2>
115+
<p>The BBC micro:bit is a small programmable
116+
device. It aims to inspire a new generation of
117+
digital creators, makers and coders. Thanks to
118+
the amazing
119+
<a href="http://micropython.org/">MicroPython</a>
120+
project, it runs a full re-implementation of
121+
Python 3.</p>
122+
<p>The device has two buttons, a 5x5 LED display,
123+
I/O pins, an accelerometer, compass, radio,
124+
micro-USB port, battery connector, ARM
125+
microprocessor and a heart of gold.</p>
126+
<a href="#" class="more"><span>code the future with micro:bit</span></a>
127+
</div>
128+
</div>
129+
</div>
130+
<!-- product item -->
131+
<div class="article">
132+
<div class="col-md-4 visual text-center">
133+
<img src="/images/raspberry_pi.png"
134+
alt="The Raspberry Pi logo">
135+
</div>
136+
<div class="col-md-8">
137+
<div class="description">
138+
<h2>raspberry pi</h2>
139+
<p>The Raspberry Pi is a unique phenomenon. It is
140+
the most successful computing-in-education project
141+
in history with over 6 million units delivered
142+
around the world.</p>
143+
<p>But it's not just about the hardware! Thanks to
144+
the amazing work of the Raspberry Pi Foundation's
145+
education team, Python is widely used on the device
146+
to do all sorts of fun stuff such as program games
147+
(like Minecraft), travel into space (to the
148+
International Space Station) and control
149+
peripherals plugged into the Pi via its GPIO
150+
pins.</p>
151+
<a href="#" class="more"><span>enjoy a slice of raspberry pi</span></a>
152+
</div>
153+
</div>
154+
</div>
155+
</div>
156+
<span class="sticker"></span>
157+
</div>
158+
</div>
159+
</section>
160+
<section class="title-section center" style="background: url(/images/play_is_creativity.png) no-repeat 85% 50%;">
161+
<div class="container-fluid">
162+
<div class="row">
163+
<div class="col-xs-6 col-lg-7 heading-col separator2">
164+
<h1>play is <span>creativity</span></h1>
165+
</div>
166+
</div>
167+
</div>
168+
</section>
169+
<section class="info-section">
170+
<div class="wrap">
171+
<div class="container-fluid">
172+
<span class="sticker sticker2"></span>
173+
<h1 id="teach">teach</h1>
174+
<div class="row">
175+
<!-- product item -->
176+
<div class="article">
177+
<div class="col-md-4 visual text-center">
178+
<img src="/images/resources.png"
179+
alt="Pythonic resources">
180+
</div>
181+
<div class="col-md-8">
182+
<div class="description">
183+
<h2>resources</h2>
184+
<p>Teachers and programmers from all over the world
185+
have created fun, engaging and challenging
186+
resources for teachers to use in their classrooms.
187+
These range from simple tasks for beginners to
188+
complicated projects to challenge the most advanced
189+
students. They include lesson plans, code, books,
190+
worksheets and online interactive courses.</p>
191+
<p>Most importantly, many of these resources are
192+
free for people to use, adopt and adapt.</p>
193+
<a href="#" class="more"><span>discover compelling and creative resources</span></a>
194+
</div>
195+
</div>
196+
</div>
197+
<!-- product item -->
198+
<div class="article">
199+
<div class="col-md-4 visual text-center">
200+
<img src="/images/community.png"
201+
alt="Two snakes in community t-shirts">
202+
</div>
203+
<div class="col-md-8">
204+
<div class="description">
205+
<h2>community</h2>
206+
<p>Community is Python's secret weapon.</p>
207+
<p>The Python community value openness, actively
208+
engage in outreach and give up their time for
209+
educational support (this site was written by
210+
volunteers). As one person put it, "I came for the
211+
programming language, but stayed for the
212+
community".</p>
213+
<p>The Python Software Foundation (PSF) ~ under
214+
whose auspices this site was created ~ support and
215+
organise conferences all over the world. There's a
216+
good chance there's one near you very soon.</p>
217+
<p>If you're looking for support, advice or just
218+
some friendly encouragement, get involved and say
219+
"hello".</p>
220+
<a href="#" class="more"><span>meet and make friends with your community</span></a>
221+
</div>
222+
</div>
223+
</div>
224+
</div>
225+
</div>
226+
</div>
227+
</section>
228+
<section class="title-section" style="background: url(/images/creativity_is_exploration.png) no-repeat 91% 100%;">
229+
<div class="container-fluid">
230+
<div class="row">
231+
<div class="col-xs-6 col-lg-7 heading-col separator3">
232+
<h1>creativity is <span>exploration</span></h1>
233+
</div>
234+
</div>
235+
</div>
236+
</section>
237+
<section class="info-section">
238+
<div class="wrap">
239+
<div class="container-fluid">
240+
<h1 id="build">build</h1>
241+
<div class="row">
242+
<!-- product item -->
243+
<div class="article">
244+
<div class="col-md-4 visual text-center">
245+
<img src="/images/docs_doge.png"
246+
alt="Documentation doge, much wow, so docs">
247+
</div>
248+
<div class="col-md-8">
249+
<div class="description">
250+
<h2>documentation</h2>
251+
<p>Python has comprehensive and excellent
252+
documentation. In fact, many in the Python
253+
community spend lots of effort to make sure Python
254+
projects have comprehensive, detailed and easy to
255+
understand technical documentation.</p>
256+
<p>Need to know how to do something? Read the
257+
docs! Looking for the best way to use some code?
258+
Read the docs! Want to learn something new so you
259+
can impress your programming buddies with your
260+
knowledge? Read the docs!</p>
261+
<a href="#" class="more"><span>read the docs!</span></a>
262+
</div>
263+
</div>
264+
</div>
265+
<!-- product item -->
266+
<div class="article">
267+
<div class="col-md-4 visual text-center">
268+
<img src="/images/code.png" alt="A coding prompt">
269+
</div>
270+
<div class="col-md-8">
271+
<div class="description">
272+
<h2>source code</h2>
273+
<p>Python is free software: it is given away for
274+
free (nobody pays to use Python), you are also free
275+
to use it as you see fit and the Python community
276+
actively encourages people to contribute code,
277+
documentation and resources for the benefit of
278+
others.</p>
279+
<p>For this to work you need access to the source
280+
code: the instructions for the computer that tell
281+
it how to do the stuff you want it to do.</p>
282+
<p>Perhaps you already know this stuff and you're
283+
just looking for a cool educational project to
284+
which you can contribute. If so, you've come to the
285+
right place!</p>
286+
<a href="#" class="more"><span>hack on code</span></a>
287+
</div>
288+
</div>
289+
</div>
290+
</div>
291+
<span class="sticker sticker3"></span>
292+
</div>
293+
</div>
294+
</section>
295+
<section class="title-section" style="background: url(/images/explore_with_python.png) no-repeat 89% 100%;">
296+
<div class="container-fluid">
297+
<span class="sticker sticker-bottom"></span>
298+
<div class="row">
299+
<div class="col-xs-6 col-lg-8 heading-col separator4">
300+
<h1>explore with <span>python</span></h1>
301+
</div>
302+
</div>
303+
</div>
304+
</section>

‎content/en/index.md‎

Lines changed: 0 additions & 10 deletions
This file was deleted.

0 commit comments

Comments
 (0)