-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
123 lines (116 loc) · 7.45 KB
/
gallery.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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html id="gallery" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head><!-- TODO: @profile -->
<title>Kobé Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en-US" scheme="RFC3066" />
<!-- Site Navigation Links -->
<link type="application/xhtml+xml" rel="home" title="Home" href="index.html" />
<link type="application/xhtml+xml" rel="prev" title="Menu" href="menu.html" />
<link type="application/xhtml+xml" rel="self" title="Gallery" href="gallery.html" />
<link type="application/xhtml+xml" rel="about contact next" title="Location" href="location.html" />
<!-- Favicon -->
<link type="image/x-icon" rel="shortcut icon" href="images/favicon.ico" />
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="styles/kobe.css" />
<link rel="stylesheet" type="text/css" href="styles/jquery.lightbox-0.3.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="styles/ie.css" /><![endif]-->
<!-- Scripts -->
<script type="text/javascript" src="scripts/jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="scripts/jquery.lightbox-0.3.1.js"></script>
<script type="text/javascript" src="scripts/kobe.js"></script>
</head>
<body>
<div id="wrapper">
<h1 id="header" class="fn org">
<a href="index.html" class="url" title="The home of Kobé" rel="home" tabindex="1">Kobé</a>
</h1>
<ul id="nav">
<li class="group1"><a href="index.html" rel="home" tabindex="2">Home</a></li>
<li class="group1"><a href="menu.html" tabindex="3">Menu</a></li>
<li class="group2"><a href="location.html" rel="about" tabindex="5">Location</a></li>
<li class="group2 active"><a href="gallery.html" tabindex="4">Gallery</a></li>
</ul>
<div id="content">
<h2>Gallery</h2>
<div id="fullsize">
<script>
(function(photo){
if(!photo) return;
var img = new Image();
img.src = "/images/" + photo + ".full.jpg";
document.getElementById('fullsize').replaceChild(img, document.currentScript);
})((new URL(document.location)).searchParams.get('photo'));
</script>
</div>
<h3>Outdoor Photos</h3>
<div class="photos">
<ul>
<li><a href="gallery.html?photo=o01" title="Outdoor Images Gallery"><img src="images/o01.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=p01" title="Outdoor Images Gallery"><img src="images/p01.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=p02" title="Outdoor Images Gallery"><img src="images/p02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=o03" title="Outdoor Images Gallery"><img src="images/o03.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=o02" title="Outdoor Images Gallery"><img src="images/o02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=o04" title="Outdoor Images Gallery"><img src="images/o04.thumb.jpg" alt="" /></a></li>
</ul>
</div>
<h3>Dining Room Photos</h3>
<div class="photos">
<ul>
<li><a href="gallery.html?photo=d01" title="Dining Room Images Gallery"><img src="images/d01.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d02" title="Dining Room Images Gallery"><img src="images/d02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d03" title="Dining Room Images Gallery"><img src="images/d03.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d04" title="Dining Room Images Gallery"><img src="images/d04.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d05" title="Dining Room Images Gallery"><img src="images/d05.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d06" title="Dining Room Images Gallery"><img src="images/d06.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d07" title="Dining Room Images Gallery"><img src="images/d07.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d08" title="Dining Room Images Gallery"><img src="images/d08.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d09" title="Dining Room Images Gallery"><img src="images/d09.thumb.jpg" alt="" /></a></li>
</ul>
</div>
<h3>Entrance and Bar Phots</h3>
<div class="photos">
<ul>
<li><a href="gallery.html?photo=e01" title="Entrance and Bar Images Gallery"><img src="images/e01.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=e02" title="Entrance and Bar Images Gallery"><img src="images/e02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=e03" title="Entrance and Bar Images Gallery"><img src="images/e03.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=e04" title="Entrance and Bar Images Gallery"><img src="images/e04.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=b01" title="Entrance and Bar Images Gallery"><img src="images/b01.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=b02" title="Entrance and Bar Images Gallery"><img src="images/b02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=b03" title="Entrance and Bar Images Gallery"><img src="images/b03.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=b04" title="Entrance and Bar Images Gallery"><img src="images/b04.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=b05" title="Entrance and Bar Images Gallery"><img src="images/b05.thumb.jpg" alt="" /></a></li>
</ul>
</div>
<div id="footer" class="vard location">
<address class="adr">
<a class="include" href="#header"></a>
<abbr class="geo" title="40.057854;-82.915055">
<span class="street-address">3884 Morse Road</span>,
<span class="locality">Columbus</span>,
<abbr class="region" title="Ohio">OH</abbr>
<span class="postal-code">43219</span>,
</abbr>
<a href="tel:+1.614.428.8880" class="tel">614.428.8880</a>
</address>
</div>
<div class="borderleft"></div>
<div class="borderright"></div>
</div><!--content-->
</div><!--wrapper-->
<div id="photos">
<ul>
<li><a href="gallery.html?photo=d03" title="gallery"><img src="images/d03.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=b02" title="gallery"><img src="images/b02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=b03" title="gallery"><img src="images/b03.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d04" title="gallery"><img src="images/d04.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d07" title="gallery"><img src="images/d07.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=o02" title="gallery"><img src="images/o02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d09" title="gallery"><img src="images/d09.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=e03" title="gallery"><img src="images/e03.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=d02" title="gallery"><img src="images/d02.thumb.jpg" alt="" /></a></li>
<li><a href="gallery.html?photo=p02" title="gallery"><img src="images/p02.thumb.jpg" alt="" /></a></li>
</ul>
</div>
</body>
</html>