forked from btrott/tiptop
-
Notifications
You must be signed in to change notification settings - Fork 1
/
assets.tt
109 lines (95 loc) · 3.63 KB
/
assets.tt
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
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset-fonts-grids/reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="/static/css/styles.css" />
<link rel="stylesheet" type="text/css" href="/static/facebox/facebox.css" />
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.hotkeys.js"></script>
<script type="text/javascript" src="/static/js/jquery.relatize_date.js"></script>
<script type="text/javascript" src="/static/facebox/facebox.js"></script>
<script type="text/javascript">
$( document ).ready( function() {
var currentOffset = 0;
$( '.relatize' ).relatizeDate();
var items = $( '.hentry' );
var current = -1;
$( document ).bind( 'keydown', 'j', function( e ) {
if ( current < items.length - 1 ) {
showItem( current + 1 );
}
return false;
} );
$( document ).bind( 'keydown', 'k', function( e ) {
if ( current > 0 ) {
showItem( current - 1 );
}
return false;
} );
$( document ).bind( 'keydown', 'space', function( e ) {
if ( current >= 0 && current < items.length ) {
$.facebox( {
div: '#' + items.get( current ).id + '-full'
} );
return false;
}
} );
$( '#more-button' ).bind( 'click', function( e ) {
e.preventDefault();
currentOffset += 20;
$.get( '[% uri %]', { offset: currentOffset, format: 'partial' }, function( data ) {
$( '#assets-container' ).append( data );
} );
} );
function showItem( index ) {
$( items.get( current ) ).removeClass( 'selected' );
current = index;
var div = $( items.get( current ) );
div.addClass( 'selected' );
var pos = div.offset();
window.scrollTo( 0, Math.round( pos.top ) - 20 );
}
} );
</script>
<title>Dashboard</title>
</head>
<body class="[% body_class | html %]">
<div id="doc3">
<div id="hd">
[%- USE today = DateTime( today = 1 );
yesterday = today.subtract( days => 1 ) -%]
<div class="brand">
<div class="container">
<strong><a href="http://www.typepad.com/">TypePad</a></strong> /
Dashboard
</div>
</div>
<div class="navigation">
<div class="container">
<ul>
<li class="dashboard"><a href="/"><span>Dashboard</span></a></li>
<li class="leaders"><a href="/most"><span>Leaderboard</span></a></li>
</ul>
</div>
</div>
</div>
<div id="bd">
<div class="container">
<div class="box">
<div id="assets-container">
[% INCLUDE assets_list.tt %]
</div>
<div id="pagination">
<a href="#" id="more-button">more</a>
</div>
</div>
</div>
</div>
<div id="ft">
<div class="container">
<p>Powered by <a href="http://www.typepad.com/">TypePad</a></p>
</div>
</div>
</div>
</body>
</html>