-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (82 loc) · 2.32 KB
/
index.html
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jDomo - sample</title>
<script src="jquery-1.9.1.js"></script>
<script src="domo.js"></script>
<script src="jDomo.js"></script>
</head>
<body>
<script>
HTML(
HEAD(
TITLE( 'jDomo - sample' )
,
META( { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0' } )
,
META( { httpEquiv: 'Content-Type', content: 'text/html;charset=utf-8' } )
,
STYLE(
STYLE.on( 'body', { backgroundColor: '#282727', fontSize: '72px',fontFamily: 'arial, helvetica', })
,
STYLE.on( 'H1', { fontSize: '16px', color: '#676767', fontWeight: 'normal', marginTop: 0, marginRight: 0,marginBottom: 0, marginLeft: '6px' })
,
STYLE.on( 'a', { cursor: 'pointer', color: '#676767', display: 'inline-block' } )
,
STYLE.on( 'a:hover', { color: '#A6A6A6' })
,
STYLE.on( 'div', { backgroundColor: 'black', display: 'inline-block', color: '#676767', padding: '6px' })
,
STYLE.on( 'div:last-child', { color: '#DA685F' })
)
)
,
BODY(
H1( 'jDōmo' )
,
ON(
'click'
,
function ( e, $all) {
var $this = $(this);
$all.not( this ).css( 'color', '');
$this.css( 'color', '#9981FF' );
$( 'div' )
.css({ 'opacity': 0 })
.filter(':last')
.text( $this.text() + '!' )
.end()
.each(function (i) {
$( this ).delay( i *200 ).animate({ opacity: 1 }, 'slow' )
})
;
}
,
function ( $all ) {
$all.filter(':first-child').css('color', '#9981FF' );
}
,
A( 'Foo' )
,
A( 'Baa' )
)
,
BR()
,
JQUERY(
false,
function ( $all ) { $all.css( 'opacity', 0 ); }
,
DIV( 'This' )
,
DIV( 'is' )
,
DIV( '?' )
)
)
)
</script>
<noscript>We are Sorry, but this page needs JavaScript. Please enable it.</noscript>
</body>
</html>