Skip to content

Commit e45f353

Browse files
jmstriegeljmstriegel
committed
added project zip
1 parent 9b2d0c9 commit e45f353

File tree

2 files changed

+16
-16
lines changed

2 files changed

+16
-16
lines changed

‎projects/blinky_lights/assets/downloads/blinky_lights.zip

12.7 KB
Binary file not shown.

‎projects/blinky_lights/index.html

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,13 @@ <h1>Blinky Lights</h1>
2626
</div>
2727
<div class="section intro">
2828
<img class="feature" src="assets/images/feature_full.jpg" />
29-
<a href="assets/downloads/FILE.zip" target="_blank" class="project_download trackdl">Download Complete Project <span class="info">305k | .zip file</span></a>
29+
<a href="assets/downloads/blinky_lights.zip" target="_blank" class="project_download trackdl">Download Complete Project <span class="info">13k | .zip file</span></a>
3030
</div>
3131
<div class="section description">
3232
<div class="details">
3333
<h2>Description</h2>
3434
<p>Connect your web browser to real-world lights and sensors. With a bit of electronics and server programming, you can blink a real light by clicking a web button, or even blink your web browser by pushing a real button!</p>
35-
<p><b>Note:</b> requires Coder v.5</p>
35+
<p><b>Note:</b> Requires Coder v.5</p>
3636
<p class="whofor"><strong>A great project for:</strong>
3737
Illuminated engineers, server hackers, circuit benders, button pushers.
3838
</p>
@@ -73,8 +73,8 @@ <h3><a href="../digital_clock/">Previous Project: Digital Clock</a></h3>
7373
<div class="projectlink">
7474
<img src="assets/images/app.jpg" />
7575
<div class="details">
76-
<h3><a href="">Download: Blinky Lights App</a></h3>
77-
<p>This project starts with a finished program. We’ll build the electronics and investigate how to talk to them with the included app. Download the complete Blinky Lights app for Coder here: <a href="" target="_blank">blinky_lights.zip</a>.</p>
76+
<h3><a href="assets/downloads/blinky_lights.zip" target="_blank" class="trackdl">Download: Blinky Lights App</a></h3>
77+
<p>This project starts with a finished program. We’ll build the electronics and investigate how to talk to them with the included app. Download the complete Blinky Lights app for Coder here: <a href="assets/downloads/blinky_lights.zip" target="_blank" class="trackdl">blinky_lights.zip</a>.</p>
7878
</div>
7979
<div class="clear"></div>
8080
</div>
@@ -211,7 +211,7 @@ <h2>Step 4: Button circuit</h2>
211211
<div class="step">
212212
<h2>Step 5: See it work!</h2>
213213
<p><img src="assets/images/step_05.gif" /></p>
214-
<p>It’s time to check out the results of all your hard work. To get things running, you just need to hook it all up and run the Blinky Lights app supplied with this project. You can download that here if you haven’t already.</p>
214+
<p>It’s time to check out the results of all your hard work. To get things running, you just need to hook it all up and run the Blinky Lights app supplied with this project. You can download that here if you haven’t already: <a href="assets/downloads/blinky_lights.zip" target="_blank" class="trackdl">blinky_lights.zip</a></p>
215215

216216
<p><b>Connect your circuit to Coder:</b></p>
217217
<ul>
@@ -235,7 +235,7 @@ <h2>Step 5: See it work!</h2>
235235
<h2>Step 6: Looking at the code</h2>
236236
<p><img src="assets/images/step_06.jpg" /></p>
237237
<p>Hop into the code editor and let’s investigate what’s happening. We’ve heavily commented most of the code in the project you downloaded, so you can just dig in if you prefer to learn that way. Otherwise, here’s a breakdown of a few things that make this project work.</p>
238-
238+
239239
<p><b>Introducing the Node tab:</b><br />
240240
<b>Node.js</b> is a bit like the javascript you’re familiar with, but instead of running in your web browser, this javascript code actually runs on your Coder server. In a typical Coder app, Node is responsible for delivering the HTML that you create to your web browser, and then your web browser executes everything it receives.</p>
241241

@@ -417,16 +417,16 @@ <h2>Web Sockets - Client Side</h2>
417417
<div class="codeview">
418418
<div class="data" data-type="javascript">
419419
Coder.socketConnection.addListener( 'buttonupdate', function( d ){
420-
console.log("button gpio value: " + d);
421-
422-
// The data we get should be an integer, 0 (off) or 1 (button pressed).
423-
var val = parseInt( d );
424-
if ( d === 1 ) {
425-
$("#buttonval").addClass('on');
426-
} else {
427-
$("#buttonval").removeClass('on');
428-
}
429-
});
420+
console.log("button gpio value: " + d);
421+
422+
// The data we get should be an integer, 0 (off) or 1 (button pressed).
423+
var val = parseInt( d );
424+
if ( d === 1 ) {
425+
$("#buttonval").addClass('on');
426+
} else {
427+
$("#buttonval").removeClass('on');
428+
}
429+
});
430430
</div>
431431
</div>
432432

0 commit comments

Comments
 (0)