-
Notifications
You must be signed in to change notification settings - Fork 36
/
Copy pathindex.html
144 lines (128 loc) · 6.24 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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Report Card</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/badges.css">
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">Report Card</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a target="_blank" href="http://rileyh.com">Rileyh.com</a></li>
<li class="dropdown pull-right">
<a href="#" class="dropdown-toggle pull-right" data-toggle="dropdown">Get Social <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="https://twitter.com/rileyhSD" target="_blank">Twitter</a></li>
<li><a href="http://www.linkedin.com/in/rileyhilliard" target="_blank">Linked In</a></li>
<li><a href="https://github.com/rileyhilliard" target="_blank">GitHub</a></li>
<li><a href="http://teamtreehouse.com/rileyhilliard" target="_blank">Treehouse</a></li>
<li><a href="http://www.codecademy.com/users/rileyhilliard" target="_blank">Codecademy</a></li>
<li><a href="http://www.codeschool.com/users/djri" target="_blank">CodeSchool</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
<div class="hero-unit">
<h1>Treehouse Badges Widget</h1>
<p>Welcome to the open source Report Card widget! Right now this project is only compatible with <a href="http://teamtreehouse.com" target="_blank">Treehouse</a>. More coding schools may be added in the future if there is enough demand.</p>
<p><a href="instructions.html" class="btn btn-primary btn-large" style="margin-right:15px;">Instructions</a><a href="https://github.com/rileyhilliard/reportcard" class="btn btn-success btn-large" target="_blank">Download via GitHub »</a></p>
</div>
<!-- Example row of columns -->
<h1>Treehouse</h1>
<div class="row">
<div class="span12">
<div class="well clearfix ">
<div class="report-card treehouse"></div>
</div>
</div>
</div>
<div class="row">
<div class="span4">
<div class="well clearfix ">
<div class="report-card treehouse"></div>
</div>
</div>
<div class="span8">
<div class="well clearfix ">
<div class="report-card treehouse"></div>
</div>
</div>
</div>
<hr>
<h1>Code School</h1>
<!-- Example row of columns -->
<div class="row">
<div class="span12">
<div class="well clearfix ">
<div class="report-card codeschool"></div>
</div>
</div>
</div>
<div class="row">
<div class="span4">
<div class="well clearfix ">
<div class="report-card codeschool"></div>
</div>
</div>
<div class="span8">
<div class="well clearfix ">
<div class="report-card codeschool"></div>
</div>
</div>
</div>
<hr>
<footer>
<p>© Riley Hilliard</p>
</footer>
</div> <!-- /container -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/reportcard.js"></script>
<script>
$('.report-card.treehouse').reportCard({
userName: 'rileyhilliard',
site: 'treehouse',
badgesAmount: 7,
tooltips: true
});
$('.report-card.codeschool').reportCard({
userName: 'djri',
site: 'codeschool',
badgesAmount: 6,
tooltips: true
});
</script>
</body>
</html>