-
Notifications
You must be signed in to change notification settings - Fork 1
/
2011.html
116 lines (98 loc) · 3.86 KB
/
2011.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<title>Photo album - 2011</title>
<link rel="stylesheet" href="public/lightgallery/css/lightgallery.css" />
<link rel="stylesheet" href="public/videojs/video-js.min.css" />
<link rel="stylesheet" href="public/lightgallery/css/lg-exif.min.css" />
<link rel="stylesheet" href="public/core.css" />
<link rel="stylesheet" href="public/theme.css" />
</head>
<body>
<div id="container">
<!--
Gallery title
-->
<header>
<h1><a href="index.html">Photo album</a></h1>
</header>
<!--
Breadcrumbs of parent albums
-->
<nav class="breadcrumbs">
<a class="breadcrumb-item" href="index.html">Home</a> / <a class="breadcrumb-item" href="2011.html">2011</a>
</nav>
<!--
Nested albums, if any
-->
<div id="albums">
<a href="2011-2011-11-10_ODROID_Robot_Kit.html" style="background-image: url('media/small/2011/2011-11-10_ODROID_Robot_Kit/10_davidwu.jpg')">
<div class="info">
<h3>2011-11-10_ODROID_Robot_Kit</h3>
<div class="summary">30 photos</div>
<div class="date">24 Feb 2023 - 24 Feb 2023</div>
</div>
</a><a href="2011-2011-10-27.html" style="background-image: url('media/small/2011/2011-10-27/1_davidwu_rex.jpg')">
<div class="info">
<h3>2011-10-27</h3>
<div class="summary">6 photos</div>
<div class="date">24 Feb 2023 - 24 Feb 2023</div>
</div>
</a><a href="2011-2011-03-03_Clyde%E7%95%B6%E5%85%B5%E5%89%8D%E7%B4%80%E5%BF%B5%E7%95%99%E5%BD%B1.html" style="background-image: url('media/small/2011/2011-03-03_Clyde%E7%95%B6%E5%85%B5%E5%89%8D%E7%B4%80%E5%BF%B5%E7%95%99%E5%BD%B1/2011-03-03%2022.46.28_mat.jpg')">
<div class="info">
<h3>2011-03-03_Clyde當兵前紀念留影</h3>
<div class="summary">3 photos</div>
<div class="date">03 Mar 2011 - 03 Mar 2011</div>
</div>
</a><a href="2011-2011-02-15_Tossug%E6%9C%83%E5%BE%8C%E8%B7%9Fkanru%E5%BC%84ucimf-chewing%E6%A8%A1%E7%B5%84.html" style="background-image: url('media/small/2011/2011-02-15_Tossug%E6%9C%83%E5%BE%8C%E8%B7%9Fkanru%E5%BC%84ucimf-chewing%E6%A8%A1%E7%B5%84/2011-02-15%2023.16.07_mat.jpg')">
<div class="info">
<h3>2011-02-15_Tossug會後跟kanru弄ucimf-chewing模組</h3>
<div class="summary">7 photos</div>
<div class="date">15 Feb 2011 - 15 Feb 2011</div>
</div>
</a> </div>
<!--
All photos and videos
-->
<ul id="media" class="clearfix">
</ul>
<!--
Pagination
-->
<!--
Zip file link
-->
<!--
Optional footer
-->
</div>
<!-- Video loader -->
<div id="videos">
</div>
<!-- jQuery -->
<script src="public/jquery.min.js"></script>
<!-- VideoJS -->
<script src="public/videojs/video.min.js"></script>
<!-- LightGallery -->
<script src="public/lightgallery/js/lightgallery.js"></script>
<script src="public/lightgallery/js/lg-autoplay.js"></script>
<script src="public/lightgallery/js/lg-pager.js"></script>
<script src="public/lightgallery/js/lg-thumbnail.js"></script>
<script src="public/lightgallery/js/lg-video.js"></script>
<script src="public/lightgallery/js/lg-exif.min.js"></script>
<script>
$(document).ready(function() {
$("#media").lightGallery({
thumbWidth: 80,
controls: true,
loop : false,
download: true,
counter: true,
videojs: true
});
});
</script>
</body>
</html>