diff --git a/layouts/listing.html b/layouts/listing.html
index c7e23cd..77e1d97 100644
--- a/layouts/listing.html
+++ b/layouts/listing.html
@@ -76,7 +76,7 @@
-
- Loading photos…
+
diff --git a/output/css/style.css b/output/css/style.css
index 4e08cbb..6f28bfa 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -196,15 +196,26 @@ ul#menu li {
float: left;
height: 75px;
width: 75px;
+ overflow: hidden;
margin: 20px 0 0 20px;
}
#flickr li img {
- opacity: 0.7;
+/* opacity: 0.7;*/
}
#flickr li img:hover {
opacity: 1;
}
+#flickr li:first-child {
+ background: url(/images/photos/4302496460_a1ec313d06.jpg) no-repeat top left;
+}
+#flickr li:first-child:hover {
+ background-position: 0 -75px;
+}
+#flickr li img:first-child {
+ opacity: 0;
+}
+
/* Inline flat list style */
ul.inline {
list-style: none;
diff --git a/output/images/photos/4302496460_a1ec313d06.jpg b/output/images/photos/4302496460_a1ec313d06.jpg
new file mode 100644
index 0000000..7a66864
Binary files /dev/null and b/output/images/photos/4302496460_a1ec313d06.jpg differ
diff --git a/output/js/home.js b/output/js/home.js
index e371758..cf1dee2 100644
--- a/output/js/home.js
+++ b/output/js/home.js
@@ -2,7 +2,7 @@
jQuery(function () {
function populate_flickr(data, text_status) {
var ul = $("ul", "#flickr");
- ul.empty();
+ // ul.empty();
jQuery.each(data.photos.photo, function(i, photo) {
var li = $("");
var a = $("");
diff --git a/output/photos.xml b/output/photos.xml
new file mode 100644
index 0000000..b5bfec3
--- /dev/null
+++ b/output/photos.xml
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
