codeshowjs/index.html at master · sdanielf/codeshowjs · GitHub

37 lines (36 loc) · 1.19 KB

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>codeshow.js</title>

<link rel="stylesheet" href="codeshow.css" />

</head>

<body>

<h1>codeshow.js</h1>

Use left and right arrow keys to navigate<br>

<a href="http://github.com/sdanielf/codeshowjs">Fork me on github</a>

<hr>

<code>

<span id="questions">

<span id="question1"></span><br>

<span id="question2"></span>

</span>

<span id="end"></span>

</code>

<efect class="typing" dest="question1">

Do you need to explain code during a presentation?

</efect>

<efect class="highlight" dest="question1"></efect>

<efect class="darken" dest="question1"></efect>

<efect class="typing" dest="question2">

Do you need to edit code during a presentation?

</efect>

<efect class="highlight" dest="question2"></efect>

<efect class="darken" dest="question2"></efect>

<efect class="remove" dest="questions"></efect>

<efect class="typing" dest="end">Use codeshow.js</efect>

<efect class="highlight" dest="end"></efect>

<script src="codeshow.js"></script>

</body>

</html>