Skip to content

Commit e30782d

Browse files
jwcooperjwcooper
committed
more work on home page
1 parent ff71523 commit e30782d

1 file changed

Lines changed: 52 additions & 55 deletions

File tree

‎index.html‎

Lines changed: 52 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -25,65 +25,62 @@
2525
</div>
2626
</div>
2727

28-
<div class="headline-banner supported-section">
29-
<img class="image-headline" alt="hero image"
30-
src="{{ "assets/images/CircuitPython_Boards.jpg" |
31-
relative_url }}"
32-
/>
33-
<div class="text">
34-
<div class="title"><span>Supported by all of the best microcontrollers</span></div>
35-
<div class="tagline">
36-
<span>
37-
<a href="/downloads" class="action-link">See them all</a>
38-
</span>
39-
</div>
40-
</div>
41-
</div>
42-
43-
<div class="single-column-content">
28+
<div class="one-column-content">
4429
<section>
45-
<h2>More reasons to use CircuitPython</h2>
46-
<div class="home-table">
47-
<div class="item">
48-
<h3>Quick and Easy</h3>
49-
<p>
50-
Create a file, edit your code, save the file, and it runs immediately.
51-
There is no compiling or uploading needed.
52-
</p>
53-
</div>
54-
<div class="item">
55-
<h3>Beginner Friendly</h3>
56-
<p>
57-
CircuitPython is designed with education in mind. It's an easy way to start
58-
learning how to code and you get immediate feedback from the board.
59-
</p>
60-
</div>
61-
<div class="item">
62-
<h3>Easy Code Updates</h3>
63-
<p>
64-
Since your code lives on the disk drive, you can edit it whenever you
65-
like. You can even keep multiple files around for easy experimentation.
66-
</p>
30+
<div>
31+
<h2>When we say easy, we mean it.</h2>
32+
<p>
33+
With CircuitPython, no desktop downloads are required. Just set up your board and start coding via <a href="https://code.circuitpython.org">code.circuitpython.org</a> over USB, WiFi, or Bluetooth.
34+
</p>
35+
<p>
36+
Create a file, edit your code, save the file, and it runs immediately. There is no compiling needed.
37+
</p>
38+
</div>
39+
<div class="icon-block">
40+
<div>
41+
<img alt="Brain Circuit Icon"
42+
src="{{ "assets/images/icons/brain-circuit.svg" |
43+
relative_url }}" />
44+
<div>
45+
<h3>Beginner Friendly</h3>
46+
<p>
47+
CircuitPython is designed with education in mind. It's an easy way to start learning how to code and you get immediate feedback from the board.
48+
</p>
49+
</div>
6750
</div>
68-
<div class="item">
69-
<h3>Serial Console + REPL</h3>
70-
<p>
71-
These features allow for live feedback from your code and interactive programming.
72-
</p>
51+
<div>
52+
<img alt="Microchip Icon"
53+
src="{{ "assets/images/icons/microchip.svg" |
54+
relative_url }}" />
55+
<div>
56+
<h3>File Storage</h3>
57+
<p>
58+
The internal storage for CircuitPython makes it great for data-logging, playing audio clips, and otherwise interacting with files.
59+
</p>
60+
</div>
7361
</div>
74-
<div class="item">
75-
<h3>File Storage</h3>
76-
<p>
77-
The internal storage for CircuitPython makes it great for data-logging,
78-
playing audio clips, and otherwise interacting with files.
79-
</p>
62+
<div>
63+
<img alt="Files Icon"
64+
src="{{ "assets/images/icons/files.svg" |
65+
relative_url }}" />
66+
<div>
67+
<h3>Easy Code Updates</h3>
68+
<p>
69+
Since your code lives on the disk drive, you can edit it whenever you
70+
like. You can even keep multiple files around for easy experimentation.
71+
</p>
72+
</div>
8073
</div>
81-
<div class="item">
82-
<h3>Strong Hardware Support</h3>
83-
<p>
84-
There are many libraries and drivers for sensors, breakout boards
85-
and other external components.
86-
</p>
74+
<div>
75+
<img alt="Terminal Icon"
76+
src="{{ "assets/images/icons/terminal.svg" |
77+
relative_url }}" />
78+
<div>
79+
<h3>Serial Console + REPL</h3>
80+
<p>
81+
These features allow for live feedback from your code and interactive programming.
82+
</p>
83+
</div>
8784
</div>
8885
</div>
8986
</section>

0 commit comments

Comments
 (0)