Skip to content

Commit 89ab2a4

Browse files
jwcooperjwcooper
committed
add more copy from design
1 parent e30782d commit 89ab2a4

2 files changed

Lines changed: 60 additions & 55 deletions

File tree

‎assets/sass/pages/_home.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
border-radius: 25px;
1515
padding: 40px;
1616

17-
.title {
17+
h1 {
1818
font-size: 3.5em;
1919
font-weight: 500;
2020
margin-bottom: 0.5em;

‎index.html‎

Lines changed: 59 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@
55
<div id="home-page">
66
<div class="two-column-content">
77
<div class="text">
8-
<div class="title"><span>The easiest way to program microcontrollers</span></div>
8+
<h1>The easiest way to program microcontrollers</h1>
99
<div class="tagline">
10-
<span>
10+
<p>
1111
CircuitPython is a programming language designed to simplify
1212
experimenting and learning to code on low-cost microcontroller
1313
boards.
14-
</span>
14+
</p>
1515
</div>
1616
<div class="get-started">
1717
<a href="https://learn.adafruit.com/welcome-to-circuitpython">Get Started</a>
@@ -86,68 +86,73 @@ <h3>Serial Console + REPL</h3>
8686
</section>
8787
</div>
8888

89-
<div class="headline-banner supported-section">
90-
<img class="image-headline pinball" alt="hero image"
91-
src="{{ "assets/images/CircuitPython_Pinball.jpg" |
92-
relative_url }}"
93-
/>
89+
<div class="two-column-content">
90+
<div class="image">
91+
<img class="image-headline" alt=""
92+
src="{{ "assets/images/learn/sketch_drawing_toy.jpg" |
93+
relative_url }}"
94+
/>
95+
</div>
9496
<div class="text">
95-
<div class="title"><span>The simple way to build something amazing</span></div>
97+
<h2>Easily manage and use over 500+ Python libraries.</h2>
98+
<div class="tagline">
99+
<p>
100+
Python is the fastest growing programming language. It's taught in schools and universities. It's a high-level programming language which means it's designed to be easier to read, write and maintain. It supports modules and packages which means it's easy to reuse your code for other projects. It has a built-in interpreter which means there are no extra steps, like compiling, to get your code to work. And of course, Python is Open Source Software which means it's free for anyone to use, modify or improve upon.
101+
</p>
102+
<p>
103+
CircuitPython adds hardware support to all of these amazing features. If you already have Python knowledge, you can easily apply that to using CircuitPython. If you have no previous experience, it's really simple to get started!
104+
</p>
105+
</div>
96106
</div>
97107
</div>
98108

99-
<div class="content">
100-
<section>
101-
<img class="responsive" src="{{ "/assets/images/python.png" | relative_url }}"
102-
srcset="{{ "/assets/images/python.png" | relative_url }} 1x,
103-
{{ "/assets/images/python@2x.png" | relative_url }} 2x,
104-
{{ "/assets/images/python@3x.png" | relative_url }} 3x" alt="Python Logo">
105-
<h2>CircuitPython is based on Python</h2>
106-
<p>
107-
Python is the fastest growing programming language. It's taught in schools
108-
and universities. It's a high-level programming language which means it's
109-
designed to be easier to read, write and maintain. It supports modules and
110-
packages which means it's easy to reuse your code for other projects. It
111-
has a built-in interpreter which means there are no extra steps, like
112-
compiling, to get your code to work. And of course, Python is Open Source
113-
Software which means it's free for anyone to use, modify or improve upon.
114-
</p>
115-
<p>
116-
CircuitPython adds hardware support to all of these amazing features. If you
117-
already have Python knowledge, you can easily apply that to using CircuitPython.
118-
If you have no previous experience, it's really simple to get started!
119-
</p>
120-
</section>
121-
</div>
122-
123-
<div class="headline-banner supported-section">
124-
<img class="image-headline pinball" alt="hero image"
125-
src="{{ "assets/images/CircuitPython_Sensors.jpg" |
126-
relative_url }}"
127-
/>
109+
<div class="two-column-content">
128110
<div class="text">
129-
<div class="title"><span>280+ libraries all written in Python</span></div>
111+
<h2>Supported by all of the best microcontrollers</h2>
112+
<div class="tagline">
113+
<p>
114+
CircuitPython is now supported by over 550 microcontrollers. With so many to choose from, there is sure to be a perfect board for your next project.
115+
</p>
116+
</div>
117+
<div class="get-started">
118+
<a href="{{ "downloads" | relative_url }}">See them all</a>
119+
</div>
120+
</div>
121+
<div class="image">
122+
<img class="image-headline" alt=""
123+
src="{{ "assets/images/learn/sketch_drawing_toy.jpg" |
124+
relative_url }}"
125+
/>
130126
</div>
131127
</div>
132128

133-
<div class="content">
134-
<section>
135-
<img class="responsive" src="{{ "/assets/images/raspberry_pi.png" | relative_url }}"
136-
srcset="{{ "/assets/images/raspberry_pi.png" | relative_url }} 1x,
137-
{{ "/assets/images/raspberry_pi@2x.png" | relative_url }} 2x,
138-
{{ "/assets/images/raspberry_pi@3x.png" | relative_url }} 3x" alt="Raspberry Pi">
129+
<div class="two-column-content">
130+
<div class="image">
131+
<img class="image-headline" alt=""
132+
src="{{ "assets/images/learn/sketch_drawing_toy.jpg" |
133+
relative_url }}"
134+
/>
135+
</div>
136+
<div class="text">
139137
<h2>CircuitPython libraries on single board computers</h2>
140-
<p>
141-
Most CircuitPython libraries also work on <a href="/blinka">single board computers (SBCs)</a>, such as the Raspberry Pi.
142-
Linux runs "desktop" Python (commonly known as CPython) instead of CircuitPython.
143-
Our CPython Blinka library provides CircuitPython's low-level hardware APIs, such as `digitalio`.
144-
</p>
145-
<p>
146-
Blinka and CircuitPython libraries are just a `pip install` away.
147-
</p>
148-
</section>
138+
<div class="tagline">
139+
<p>
140+
Most CircuitPython libraries also work on single board computers (SBCs), such as the Raspberry Pi. Linux runs &quot;desktop&quot; Python (commonly known as CPython) instead of CircuitPython. Our CPython Blinka library provides CircuitPython&apos;s low-level hardware APIs, such as `digitalio`.
141+
</p>
142+
<p>
143+
Blinka and CircuitPython libraries are just a `pip install` away.
144+
</p>
145+
</div>
146+
<div class="get-started">
147+
<a href="{{ "downloads" | relative_url }}">Learn More</a>
148+
</div>
149+
</div>
149150
</div>
150151

152+
153+
154+
155+
151156
<div class="purple banner">
152157
<div class="content short">
153158
<h2>Just the beginning...</h2>

0 commit comments

Comments
 (0)