-
Notifications
You must be signed in to change notification settings - Fork 3
/
photos.html
101 lines (85 loc) · 3.72 KB
/
photos.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>In memoriam FIRSTNAME LASTNAME</title>
<!-- Bootstrap core CSS -->
<link href="./assets/css/bootstrap.min.css" rel="stylesheet">
<link href="./assets/css/bootstrap-glyphicons.css" rel="stylesheet">
<!-- Remember template CSS -->
<link href="./assets/css/remember.css" rel="stylesheet">
</head>
<!-- NAVBAR
================================================== -->
<body>
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="nav-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html"><B>FIRSTNAME LASTNAME</B></a></li>
<li><a href="funeral.html">Funeral</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="condolences.html">Condolences</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- CENTRAL CONTAINER
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container remember">
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Google Chrome Security</h4>
</div>
<div class="modal-body">
If the photographs on this page are not loading while you are using Google Chrome, your browser might be blocking the loading.
To circumvent this, click the grey shield icon on the far right side of the bar where you enter website URLS.
Proceed and click "load unsafe script".<BR /><BR />
<img src="./images/empty.png" />
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="jumbotron">
<h2>Photos</h2>
<p>This gallery automatically loads photographs that have been <a href="https://www.flickr.com/search/?q=firstnamelastname&m=tags&ss=0&ct=0&mt=all&w=all&adv=1">tagged on flickr with "FIRSTNAMELASTNAME"</a>. If you have only recently created your flickr account, it can take up to 48 hours before your photographs will show up here.</p>
</div>
<style type="text/css">
.shows-grid {
margin-bottom: 30px;
}
</style>
<div id="my-photos">
</div>
<p>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
This page isn't showing anything
</button>
</p>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./assets/js/jquery.js"></script>
<script src="./assets/js/bootstrap.js"></script>
<script src="./assets/js/holder.js"></script>
<script src="./assets/js/gallery.js"></script>
</body>
</html>