Skip to content

Commit aef3f96

Browse files
author
Ke, Mingze
committed
Load tutorials/led templates
1 parent 4a00b5b commit aef3f96

8 files changed

Lines changed: 139 additions & 4 deletions

File tree

‎templates/tutorials/led-1.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<title>Webduino Blockly - 點亮第一顆 LED</title>
4+
<!-- webduino -->
5+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
6+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
7+
</template>
8+
<template id="body">
9+
<div id="light" class="off">
10+
<img src='http://i.imgur.com/T5H4MHE.png'></img>
11+
<img src='http://i.imgur.com/8qFj2Ou.png'></img>
12+
</div>
13+
</template>
14+
<template id="css">
15+
#light {
16+
width: 60%;
17+
}
18+
19+
#light img {
20+
width: 100%;
21+
display: none;
22+
}
23+
24+
#light.off img:first-child {
25+
display: inline-block;
26+
}
27+
28+
#light.on img:last-child {
29+
display: inline-block;
30+
}
31+
</template>

‎templates/tutorials/led-2.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<title>Webduino Blockly - 點選圖片控制 LED 燈</title>
4+
<!-- webduino -->
5+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
6+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
7+
</template>
8+
<template id="body">
9+
<div id="light" class="off">
10+
<img src='http://i.imgur.com/T5H4MHE.png'></img>
11+
<img src='http://i.imgur.com/8qFj2Ou.png'></img>
12+
</div>
13+
</template>
14+
<template id="css">
15+
#light {
16+
width: 60%;
17+
}
18+
19+
#light img {
20+
width: 100%;
21+
display: none;
22+
}
23+
24+
#light.off img:first-child {
25+
display: inline-block;
26+
}
27+
28+
#light.on img:last-child {
29+
display: inline-block;
30+
}
31+
</template>

‎templates/tutorials/led-3.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<title>Webduino Blockly - 控制兩顆 LED 燈</title>
4+
<!-- webduino -->
5+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
6+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
7+
</template>
8+
<template id="body">
9+
<div id="light1" class="off">
10+
<img src='http://i.imgur.com/T5H4MHE.png'></img>
11+
<img src='http://i.imgur.com/8qFj2Ou.png'></img>
12+
</div>
13+
<div id="light2" class="off">
14+
<img src='http://i.imgur.com/T5H4MHE.png'></img>
15+
<img src='http://i.imgur.com/8qFj2Ou.png'></img>
16+
</div>
17+
</template>
18+
<template id="css">
19+
#light1,
20+
#light2 {
21+
width: 40%;
22+
display: inline-block;
23+
margin: 0 5px;
24+
}
25+
26+
#light1 img,
27+
#light2 img {
28+
width: 100%;
29+
display: none;
30+
}
31+
32+
#light1.off img:first-child,
33+
#light2.off img:first-child {
34+
display: inline-block;
35+
}
36+
37+
#light1.on img:last-child,
38+
#light2.on img:last-child {
39+
display: inline-block;
40+
}
41+
</template>

‎templates/tutorials/led-4.html‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<title>Webduino Blockly - 兩顆 LED 燈交互閃爍</title>
4+
<!-- webduino -->
5+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
6+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
7+
</template>
8+
<template id="body">
9+
<div id="light" class="off">
10+
<img src='http://i.imgur.com/T5H4MHE.png'>
11+
<img src='http://i.imgur.com/8qFj2Ou.png'>
12+
</div>
13+
</template>
14+
<template id="css">
15+
#light {
16+
width: 70%;
17+
margin: 0 5px;
18+
}
19+
20+
#light img {
21+
width: 100%;
22+
display: none;
23+
}
24+
25+
#light.off img:first-child {
26+
display: inline-block;
27+
}
28+
29+
#light.on img:last-child {
30+
display: inline-block;
31+
}
32+
</template>

‎views/tutorials/led-1.handlebars‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<div id="demoArea">
2626
<a href="https://webduino.io/" id="cuteman01" target="_blank"></a>
2727
<div id="demoTitle">{{demoTitle}}</div>
28-
<a href="http://bin.webduino.io/cim/edit?html,css,js,output" id="linkToBin" target="_blank"><img src="media/dave.min.svg">{{linkToBin}}</a>
28+
<a href="launcher.html" target="_blank" id="linkToBin"><img src="media/dave.min.svg">{{linkToBin}}</a>
2929
<div id="demoDescription">{{demoDescription}}</div>
3030
<div id="light" class="off">
3131
<img src='media/off.png'></img>

‎views/tutorials/led-2.handlebars‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@
2626
<div id="demoArea">
2727
<a href="https://webduino.io/" id="cuteman01" target="_blank"></a>
2828
<div id="demoTitle">{{demoTitle}}</div>
29-
<a href="http://bin.webduino.io/gey/edit?html,css,js,output" id="linkToBin" target="_blank"><img src="media/dave.min.svg">{{linkToBin}}</a>
29+
<a href="launcher.html" target="_blank" id="linkToBin"><img src="media/dave.min.svg">{{linkToBin}}</a>
3030
<div id="demoDescription">{{demoDescription}}</div>
3131
<div id="light" class="off">
3232
<img src='media/off.png'></img>

‎views/tutorials/led-3.handlebars‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
<div id="demoArea">
2929
<a href="https://webduino.io/" id="cuteman01" target="_blank"></a>
3030
<div id="demoTitle">{{demoTitle}}</div>
31-
<a href="http://bin.webduino.io/vur/edit?html,css,js,output" id="linkToBin" target="_blank"><img src="media/dave.min.svg">{{linkToBin}}</a>
31+
<a href="launcher.html" target="_blank" id="linkToBin"><img src="media/dave.min.svg">{{linkToBin}}</a>
3232
<div id="demoDescription">{{demoDescription}}</div>
3333
<div id="light1" class="off">
3434
<img src='media/off.png'></img>

‎views/tutorials/led-4.handlebars‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
<div id="demoArea">
2828
<a href="https://webduino.io/" id="cuteman01" target="_blank"></a>
2929
<div id="demoTitle">{{demoTitle}}</div>
30-
<a href="http://bin.webduino.io/zici/edit?html,css,js,output" id="linkToBin" target="_blank"><img src="media/dave.min.svg">{{linkToBin}}</a>
30+
<a href="launcher.html" target="_blank" id="linkToBin"><img src="media/dave.min.svg">{{linkToBin}}</a>
3131
<div id="demoDescription">{{demoDescription}}</div>
3232
<div id="light" class="off">
3333
<img src='media/off.png'>

0 commit comments

Comments
 (0)