forked from wezm/wezm.net
Tidy up layout of photos on home page
This commit is contained in:
Wesley Moore
parent
a446bd7924
commit
84e5913d00
5 changed files with 52 additions and 34 deletions
|
|
@ -33,7 +33,6 @@ li
|
|||
|
||||
|
||||
dl
|
||||
dt
|
||||
dd
|
||||
margin-left: 2em
|
||||
|
||||
|
|
@ -75,8 +74,6 @@ a
|
|||
&:link, &:visited
|
||||
color: #36454F
|
||||
|
||||
&:hover
|
||||
|
||||
h1 a
|
||||
text-decoration: none
|
||||
|
||||
|
|
@ -110,7 +107,7 @@ blockquote
|
|||
margin: 0 0 1em 0
|
||||
|
||||
|
||||
header
|
||||
body > header
|
||||
font-family: "Helvetica Neue", Helvetica, "Liberation Sans", "Bitstream Vera Sans", Tahoma, Geneva, Arial, sans-serif
|
||||
font-size: 18px
|
||||
color: white
|
||||
|
|
@ -246,21 +243,41 @@ a
|
|||
#flickr
|
||||
clear: both
|
||||
|
||||
header
|
||||
margin-left: 2em
|
||||
|
||||
h1
|
||||
margin: 0
|
||||
padding: 0.6em 0 0 0
|
||||
|
||||
ul
|
||||
display: block
|
||||
// width: 5000px
|
||||
height: 100px
|
||||
overflow: hidden
|
||||
|
||||
li
|
||||
float: left
|
||||
overflow: hidden
|
||||
margin: 20px 0 0 20px
|
||||
margin: 1em 0 0 1em
|
||||
display: block
|
||||
position: relative
|
||||
height: 75px
|
||||
width: 75px
|
||||
border: 1px solid #ccc
|
||||
background: url(/images/photos.jpg) no-repeat 0 0
|
||||
|
||||
&:first-child
|
||||
margin-left: 2em
|
||||
|
||||
img
|
||||
-webkit-transition: opacity 500ms
|
||||
position: absolute
|
||||
top: -75px
|
||||
|
||||
&:hover
|
||||
top: 0
|
||||
//top: 0
|
||||
opacity: 0
|
||||
|
||||
|
||||
ul.menu
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
<html>
|
||||
<head>
|
||||
<%= render '_head' %>
|
||||
<link rel="stylesheet" href="/css/thumbs.css" type="text/css" media="screen,projection" />
|
||||
<link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
|
||||
<script src="/js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
|
@ -39,11 +38,12 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div id="flickr">
|
||||
<!-- <h1>Photos</h1> -->
|
||||
<ul class="inline">
|
||||
</ul>
|
||||
</div>
|
||||
<section id="flickr">
|
||||
<header>
|
||||
<h1>Photos</h1>
|
||||
</header>
|
||||
<ul class="inline"></ul>
|
||||
</section>
|
||||
<%= render '_footer' %>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB After Width: | Height: | Size: 99 KiB |
|
|
@ -6,7 +6,7 @@ jQuery(function () {
|
|||
};
|
||||
|
||||
function populate_flickr(data, text_status) {
|
||||
var ul = $("ul", "#flickr");
|
||||
var ul = $("#flickr ul");
|
||||
ul.empty();
|
||||
jQuery.each($('photo', data), function(i, obj) {
|
||||
var photo = $(obj);
|
||||
|
|
@ -17,6 +17,7 @@ jQuery(function () {
|
|||
};
|
||||
var li = $(render_image(image));
|
||||
$('img', li).css({left: (i * -75) + 'px'});
|
||||
li.css({"background-position-x": (i * -75) + 'px'});
|
||||
ul.append(li);
|
||||
});
|
||||
$("a[rel^='prettyPhoto']").prettyPhoto({theme: "facebook"});
|
||||
|
|
|
|||
|
|
@ -1,25 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8" ?>
|
||||
<rsp stat="ok">
|
||||
<photos page="1" pages="52" perpage="20" total="1032">
|
||||
<photo id="4302502138" url_bw="/images/photos/4302502138_f126101e85.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="f126101e85" server="2705" farm="3" title="_MG_7957" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2705/4302502138_f126101e85_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2705/4302502138_f126101e85.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4301753381" url_bw="/images/photos/4301753381_2612301f57.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="2612301f57" server="4044" farm="5" title="_MG_7956" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4044/4301753381_2612301f57_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4044/4301753381_2612301f57.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4302500816" url_bw="/images/photos/4302500816_ed280956af.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="ed280956af" server="2766" farm="3" title="_MG_7954" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2766/4302500816_ed280956af_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2766/4302500816_ed280956af.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4302500154" url_bw="/images/photos/4302500154_d0c3689004.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="d0c3689004" server="2797" farm="3" title="_MG_7953" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2797/4302500154_d0c3689004_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2797/4302500154_d0c3689004.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4302499604" url_bw="/images/photos/4302499604_0b7b6e8948.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="0b7b6e8948" server="2727" farm="3" title="_MG_7952" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2727/4302499604_0b7b6e8948_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2727/4302499604_0b7b6e8948.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4302498978" url_bw="/images/photos/4302498978_59b44dbf76.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="59b44dbf76" server="4010" farm="5" title="_MG_7951" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4010/4302498978_59b44dbf76_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4010/4302498978_59b44dbf76.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4302498634" url_bw="/images/photos/4302498634_ea261847ab.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="ea261847ab" server="4016" farm="5" title="_MG_7950" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4016/4302498634_ea261847ab_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4016/4302498634_ea261847ab.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4302498230" url_bw="/images/photos/4302498230_5b05bb0637.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="5b05bb0637" server="2712" farm="3" title="_MG_7949" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2712/4302498230_5b05bb0637_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2712/4302498230_5b05bb0637.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4302497800" url_bw="/images/photos/4302497800_e5c652f3d1.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="e5c652f3d1" server="2690" farm="3" title="_MG_7946" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2690/4302497800_e5c652f3d1_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2690/4302497800_e5c652f3d1.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4301749097" url_bw="/images/photos/4301749097_9dfae30b9f.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="9dfae30b9f" server="4055" farm="5" title="_MG_7942" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4055/4301749097_9dfae30b9f_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4055/4301749097_9dfae30b9f.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4302496460" url_bw="/images/photos/4302496460_a1ec313d06.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="a1ec313d06" server="2708" farm="3" title="_MG_7939" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2708/4302496460_a1ec313d06_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2708/4302496460_a1ec313d06.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4302495908" url_bw="/images/photos/4302495908_06eb16405f.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="06eb16405f" server="2709" farm="3" title="_MG_7937" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2709/4302495908_06eb16405f_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2709/4302495908_06eb16405f.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4302495170" url_bw="/images/photos/4302495170_df09a61e2c.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="df09a61e2c" server="2790" farm="3" title="_MG_7936" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2790/4302495170_df09a61e2c_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2790/4302495170_df09a61e2c.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4302494828" url_bw="/images/photos/4302494828_13942eb8c2.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="13942eb8c2" server="2684" farm="3" title="_MG_7935" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2684/4302494828_13942eb8c2_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2684/4302494828_13942eb8c2.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4302493928" url_bw="/images/photos/4302493928_61675ca5bd.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="61675ca5bd" server="2761" farm="3" title="_MG_7934" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2761/4302493928_61675ca5bd_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2761/4302493928_61675ca5bd.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4268597148" url_bw="/images/photos/4268597148_ab83667f21.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="ab83667f21" server="4013" farm="5" title="Blue Flower" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4013/4268597148_ab83667f21_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4013/4268597148_ab83667f21.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4267852401" url_bw="/images/photos/4267852401_e2d539967b.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="e2d539967b" server="2677" farm="3" title="Wes on Steps in the Rainforest" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2677/4267852401_e2d539967b_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2677/4267852401_e2d539967b.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4267852153" url_bw="/images/photos/4267852153_1060f0d092.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="1060f0d092" server="4021" farm="5" title="Wes and Manda in the Rainforest" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4021/4267852153_1060f0d092_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4021/4267852153_1060f0d092.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4268596618" url_bw="/images/photos/4268596618_c9755d8507.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="c9755d8507" server="4061" farm="5" title="Manda in the Rainforest" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4061/4268596618_c9755d8507_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4061/4268596618_c9755d8507.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4268596324" url_bw="/images/photos/4268596324_eaf83cde01.jpg" height_bw="75" width_bw="75" owner="40215689@N00" secret="eaf83cde01" server="2755" farm="3" title="Mossy Path and Seat" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm3.static.flickr.com/2755/4268596324_eaf83cde01_s.jpg" height_sq="75" width_sq="75" url_m="http://farm3.static.flickr.com/2755/4268596324_eaf83cde01.jpg" height_m="500" width_m="333" />
|
||||
<photos page="1" pages="58" perpage="20" total="1156">
|
||||
<photo id="4702291178" owner="40215689@N00" secret="0c93b2692d" server="4049" farm="5" title="_MG_8428" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4049/4702291178_0c93b2692d_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4049/4702291178_0c93b2692d.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4701655259" owner="40215689@N00" secret="bacaf2cd69" server="4016" farm="5" title="_MG_8425" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4016/4701655259_bacaf2cd69_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4016/4701655259_bacaf2cd69.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702289366" owner="40215689@N00" secret="5213515004" server="4005" farm="5" title="_MG_8424" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4005/4702289366_5213515004_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4005/4702289366_5213515004.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702288314" owner="40215689@N00" secret="f5d54b1f2b" server="4017" farm="5" title="_MG_8423" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4017/4702288314_f5d54b1f2b_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4017/4702288314_f5d54b1f2b.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702287344" owner="40215689@N00" secret="da0148daf6" server="4070" farm="5" title="_MG_8418" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4070/4702287344_da0148daf6_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4070/4702287344_da0148daf6.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702286904" owner="40215689@N00" secret="97553c04dc" server="4024" farm="5" title="_MG_8415" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4024/4702286904_97553c04dc_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4024/4702286904_97553c04dc.jpg" height_m="334" width_m="500" />
|
||||
<photo id="4702286158" owner="40215689@N00" secret="c261df7a70" server="1289" farm="2" title="_MG_8411" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm2.static.flickr.com/1289/4702286158_c261df7a70_s.jpg" height_sq="75" width_sq="75" url_m="http://farm2.static.flickr.com/1289/4702286158_c261df7a70.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4701650465" owner="40215689@N00" secret="d72b97008c" server="4050" farm="5" title="_MG_8408" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4050/4701650465_d72b97008c_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4050/4701650465_d72b97008c.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702284482" owner="40215689@N00" secret="26380c25e6" server="4012" farm="5" title="_MG_8407" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4012/4702284482_26380c25e6_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4012/4702284482_26380c25e6.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4701648035" owner="40215689@N00" secret="0694dd375d" server="4044" farm="5" title="_MG_8404" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4044/4701648035_0694dd375d_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4044/4701648035_0694dd375d.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702281342" owner="40215689@N00" secret="610ce0b485" server="4044" farm="5" title="_MG_8402" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4044/4702281342_610ce0b485_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4044/4702281342_610ce0b485.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4701644693" owner="40215689@N00" secret="bc323231a1" server="4033" farm="5" title="_MG_8396" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4033/4701644693_bc323231a1_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4033/4701644693_bc323231a1.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4701644061" owner="40215689@N00" secret="d6a0df61ee" server="4060" farm="5" title="_MG_8395" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4060/4701644061_d6a0df61ee_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4060/4701644061_d6a0df61ee.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4701643081" owner="40215689@N00" secret="be85754f93" server="4029" farm="5" title="_MG_8393" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4029/4701643081_be85754f93_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4029/4701643081_be85754f93.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702277682" owner="40215689@N00" secret="3199da7277" server="4065" farm="5" title="_MG_8382" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4065/4702277682_3199da7277_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4065/4702277682_3199da7277.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4702277026" owner="40215689@N00" secret="a32b073d46" server="4069" farm="5" title="_MG_8381" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4069/4702277026_a32b073d46_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4069/4702277026_a32b073d46.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4701640689" owner="40215689@N00" secret="5883e35b53" server="4036" farm="5" title="_MG_8380" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4036/4701640689_5883e35b53_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4036/4701640689_5883e35b53.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4701639949" owner="40215689@N00" secret="775295b190" server="4059" farm="5" title="_MG_8379" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4059/4701639949_775295b190_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4059/4701639949_775295b190.jpg" height_m="333" width_m="500" />
|
||||
<photo id="4702274598" owner="40215689@N00" secret="f22cde6557" server="4041" farm="5" title="_MG_8377" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4041/4702274598_f22cde6557_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4041/4702274598_f22cde6557.jpg" height_m="500" width_m="333" />
|
||||
<photo id="4701638135" owner="40215689@N00" secret="7a72d38fde" server="4067" farm="5" title="_MG_8373" ispublic="1" isfriend="0" isfamily="0" url_sq="http://farm5.static.flickr.com/4067/4701638135_7a72d38fde_s.jpg" height_sq="75" width_sq="75" url_m="http://farm5.static.flickr.com/4067/4701638135_7a72d38fde.jpg" height_m="333" width_m="500" />
|
||||
</photos>
|
||||
</rsp>
|
||||
|
|
|
|||
Loading…
Reference in a new issue