-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
129 lines (113 loc) · 4.15 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Twitter</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="./css/default.css" rel="stylesheet" />
</head>
<body class="yui3-skin-sam">
<!-- QUNIT FIXTURE -->
<div id="container">
<header>
<h1>Twitter</h1>
</header>
<section id="user-profile">
<img src="" width="73" height="73" />
<h2>@Username</h2>
<p class="user-tweets">Tweets: <span>1,136</span></p>
<p class="followers">Followers: <span>5,356</span></p>
<p class="following">Following: <span>2,708</span></p>
</section>
<section id="feed">
<div id="compose">
<textarea></textarea>
<button class="send">Send</button>
<button class="refresh">Refresh</button>
<select class="refreshCount">
<option>05</option>
<option>10</option>
<option>25</option>
<option>50</option>
<option>100</option>
</select>
</div>
<div id="notification">This is a notification.</div>
<ul id="tweets" class="normal-tweet show-promoted-tweets">
<li class="tweet promoted-tweet" data-user-name="appendTo">
<div class="image">
<img height="48" width="48" src="http://twitter.com/api/users/profile_image?screen_name=appendTo" alt="" />
</div>
<div class="content">
<div class="user">
<a class="user-name" href="http://twitter.com/appendTo" title="appendTo">appendTo</a>
<div class="full-name">appendTo</div>
</div>
<div class="text">Our new website has officially launched! Check it out! http://appendto.com/ #ResponsiveDesign</div>
<div class="time-stamp" data-time="1322631934000">3 minutes ago</div>
</div>
</li>
<li class="tweet promoted-tweet" data-user-name="jcreamer898">
<div class="image">
<img height="48" width="48" src="http://twitter.com/api/users/profile_image?screen_name=jcreamer898" alt="" />
</div>
<div class="content">
<div class="user">
<a class="user-name" href="http://twitter.com/jcreamer898" title="jcreamer898">jcreamer898</a>
<div class="full-name">Jonathan Creamer</div>
</div>
<div class="text">Debugging AngularJS Apps from the Console http://modernweb.com/2014/08/21/debugging-angularjs-apps-console … #angular #modernweb @modernwebhq</div>
<div class="time-stamp" data-time="1322631934000">17 minutes ago</div>
</div>
</li>
<li class="tweet normal-tweet" data-user-name="redwolves">
<div class="image">
<img height="48" width="48" src="http://twitter.com/api/users/profile_image?screen_name=redwolves" alt="" />
</div>
<div class="content">
<div class="user">
<a class="user-name" href="http://twitter.com/redwolves" title="redwolves">redwolves</a>
<div class="full-name">Ralph Whitbeck</div>
</div>
<div class="text">So @burkeholland's #mwconf talk is by far the funniest talk I have seen in a long time. I am literally in tears.</div>
<div class="time-stamp" data-time="1322631934000">32 minutes ago</div>
</div>
</li>
</ul>
</section>
<footer>
<div>A progressive demo for training labs</div>
</footer>
</div>
<!-- /QUNIT FIXTURE -->
<script src="./libs/jquery-1.11.1.min.js"></script>
<script src="./libs/jquery.mockjax-1.5.3.js"></script>
<script src="./labs/common/common.js"></script>
<script src="./labs/01-find-something/lab.js"></script>
<script src="./labs/02-jquery-methods/lab.js"></script>
<script src="./labs/04-manipulation/lab.js"></script>
<script src="./labs/06-events/lab.js"></script>
<script src="./labs/09-advanced-events/lab.js"></script>
<script>
$( function() {
var userName = "appendTo",
template = lesson.helpers.template;
$( "#user-profile" )
.find( "img" )
.attr( "src", template( lesson.data.profileImageTemplate, { userName: userName } ) )
.end()
.find( "h2" )
.html( template( lesson.data.profileLinkTemplate, { userName: userName } ) );
$.each( lesson, function ( lesson, exercises ) {
$.each( exercises, function ( exercise, method ) {
if ( /^exercise_/.test( exercise ) ) {
method( $.noop );
}
});
});
});
</script>
</body>
</html>