Taskle-Riot-JS/index.html at master · nogginfuel/Taskle-Riot-JS · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
<!doctype html>

<html>
  <head>
    <title>Riot JS - Taskle</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="todo.css">
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lemon' rel='stylesheet' type='text/css'>

    <!--[if lt IE 9]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.0.5/es5-shim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script>html5.addElements('todo')</script>
    <![endif]-->

  </head>

  <body>

    <todo></todo>
    <timetable>
    	<timer start="0"></timer>
    </timetable>

    <script src="https://cdn.jsdelivr.net/riot/2.0/riot.min.js"></script>
    <script src="todo.js"></script>
    <script src="timetable.js"></script>

    <script>
    riot.mount('todo', {
      title: 'Taskle',
      items: [
        { title: 'Add Material Design Styling', done: true },
        { title: 'Hidden item', hidden: true },
        { title: 'Continue Learning Riotjs' },
        { title: 'Tell Other people about it' }
      ]
    })
    </script>
    <script>
	riot.mount('timer', {
    	start: 0
	})
	</script>

  </body>

</html>