Skip to content

Commit 65c03b2

Browse files
committed
edit template
1 parent 51451e4 commit 65c03b2

102 files changed

Lines changed: 1200 additions & 57 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

code.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -582,7 +582,7 @@ Code.init = function () {
582582
var page = Code.getPage(),
583583
config = {
584584
tpl: page === 'index' ? Code.getDemoPage() : page,
585-
modes: 'html,js,output',
585+
modes: 'html,css,js,output',
586586
data: {
587587
js: Blockly.JavaScript.workspaceToCode(Code.workspace)
588588
}

launcher.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,8 @@
7272
data[config.jsPreprocessor] = data.js;
7373
delete data.js;
7474
}
75-
config.modes = config.modes || 'html,js,output';
75+
76+
config.modes = config.modes || 'html,css,js,output';
7677

7778
post('http://bin.webduino.io?' + config.modes, data);
7879
}

templates/tutorials/adxl345-1.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 控制三軸加速度計</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<div id="show">
11+
x: <span id="x"></span><br/>
12+
y: <span id="y"></span><br/>
13+
z: <span id="z"></span><br/>
14+
roll: <span id="r"></span><br/>
15+
pitch: <span id="p"></span><br/>
16+
</div>
17+
</template>
18+
<template id="css">
19+
#show{
20+
font-size:30px;
21+
}
22+
</template>

templates/tutorials/adxl345-2.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 控制三軸加速度計旋轉圖片角度</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<div id="show">
11+
x: <span id="x"></span><br/>
12+
y: <span id="y"></span><br/>
13+
z: <span id="z"></span><br/>
14+
roll: <span id="r"></span><br/>
15+
pitch: <span id="p"></span><br/>
16+
</div>
17+
<div id="box">
18+
<img src="http://blockly.webduino.io/media/webduino-logo.jpg" id="image">
19+
</div>
20+
</template>
21+
<template id="css">
22+
#box{
23+
position:relative;
24+
}
25+
#image{
26+
position:absolute;
27+
top:0;
28+
left:0;
29+
width:200px;
30+
transform-origin:150px 150px;
31+
}
32+
#show{
33+
font-size:16px;
34+
margin-bottom:10px;
35+
}
36+
</template>

templates/tutorials/adxl345-3.html

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 控制三軸加速度計旋轉角度點亮 LED 燈</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<div id="show">
11+
x: <span id="x"></span><br/>
12+
y: <span id="y"></span><br/>
13+
z: <span id="z"></span><br/>
14+
roll: <span id="r"></span><br/>
15+
pitch: <span id="p"></span><br/>
16+
</div>
17+
<div id="light" class="off">
18+
<img src='http://blockly.webduino.io/media/off.png'></img>
19+
<img src='http://blockly.webduino.io/media/on.png'></img>
20+
</div>
21+
</template>
22+
<template id="css">
23+
#show{
24+
font-size:20px;
25+
}
26+
#light{
27+
width:60%;
28+
}
29+
#light img{
30+
width:100%;
31+
display:none;
32+
}
33+
#light.off img:first-child{
34+
display:inline-block;
35+
}
36+
#light.on img:last-child{
37+
display:inline-block;
38+
}
39+
</template>

templates/tutorials/adxl345-4.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 控制三軸加速度計旋轉角度改變點矩陣圖形</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<div id="show">
11+
x: <span id="x"></span><br/>
12+
y: <span id="y"></span><br/>
13+
z: <span id="z"></span><br/>
14+
roll: <span id="r"></span><br/>
15+
pitch: <span id="p"></span><br/>
16+
</div>
17+
</template>
18+
<template id="css">
19+
</template>

templates/tutorials/button-1.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 按鈕開關</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<div id="show">text</div>
11+
</template>
12+
<template id="css">
13+
#show{
14+
font-size:120px;
15+
}
16+
</template>

templates/tutorials/button-2.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 點擊按鈕開關增加數字</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<div id="show">0</div>
11+
</template>
12+
<template id="css">
13+
#show{
14+
font-size:120px;
15+
}
16+
</template>

templates/tutorials/button-3.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 點擊按鈕開關改變圖片位置</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<img src="https://webduino.io/img/tutorials/tutorial-09-02.jpg" id="image">
11+
</template>
12+
<template id="css">
13+
#image{
14+
max-width:100%;
15+
}
16+
</template>

templates/tutorials/button-4.html

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<template id="head">
2+
<meta charset="utf-8">
3+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
4+
<title>Webduino Blockly - 點擊按鈕開關玩賽跑小遊戲</title>
5+
<!-- webduino -->
6+
<script src="https://webduino.io/components/webduino-js/dist/webduino-all.min.js"></script>
7+
<script src="https://webduinoio.github.io/webduino-blockly/webduino-blockly.js"></script>
8+
</template>
9+
<template id="body">
10+
<br/>
11+
先到 <span id="goal"></span> 的贏
12+
<br/><br/>
13+
電腦:<span id="npcshow">0</span>
14+
<br/>
15+
玩家:<span id="usershow">0</span>
16+
<br/>
17+
<br/>
18+
<div id="npc"><img id="npcimg" src="http://webduinoio.github.io/webduino-blockly/media/tutorials/run-cat.gif"></div>
19+
<div id="user"><img id="userimg" src="http://webduinoio.github.io/webduino-blockly/media/tutorials/run-lion.gif"></div>
20+
<button id="start" class="go">比賽開始</button>
21+
</template>
22+
<template id="css">
23+
#start{
24+
font-size:30px;
25+
display:block;
26+
padding:10px;
27+
margin:10px auto;
28+
}
29+
#start.go{
30+
display:none;
31+
}
32+
#npc, #user{
33+
transition:.3s;
34+
}
35+
#npc img{
36+
width:100px;
37+
transform:scaleX(-1);
38+
}
39+
#user img{
40+
width:100px;
41+
transform:scaleX(-1);
42+
}
43+
</template>

0 commit comments

Comments
 (0)