Permalink
Browse files

scrolling gallore for front page, no paging anymore

  • Loading branch information...
1 parent 0a5aca5 commit 5aadc86b273ae6a72f525d98621f6f7430bfe3da @kremalicious committed May 29, 2012

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -36,12 +36,14 @@ var photoGrid = {
if ( $('body.blog, body.search').length > 0 ) {
// a bit weird logic because we have no dividers we can throw at nextUntil()
// but it works, so who would complain
- var noPhotoPhosts = $('#content').find('article.format-standard, article.format-link');
+ var noPhotoPhosts = $('#content').find('article.format-standard, article.format-link, article.remainingPost');
noPhotoPhosts.each(function() {
// only fire when has image sibling
if ( $(this).nextUntil(noPhotoPhosts).length > 1 ) {
- $(this).not('.remainingPost').nextUntil(noPhotoPhosts).wrapAll('<div class="masonryWrap"></div>');
+ $(this).not('.remainingPost')
+ .nextUntil(noPhotoPhosts, 'article')
+ .wrapAll('<div class="masonryWrap"></div>');
}
});
@@ -74,8 +74,7 @@ h2 {
margin: 0.75em 0;
}
-h3,
-.hentry.remainingPost header h2 {
+h3 {
margin: 0 0 1em;
font-size: 1.5em;
}
@@ -823,6 +822,10 @@ nav[role="navigation"] .dropdown-menu li a {
padding-top: 0;
}
+.hentry:last-child {
+ .no-divider-bottom();
+}
+
.home .hentry p:last-child {
margin-bottom: 0;
}
@@ -865,17 +868,51 @@ nav[role="navigation"] .dropdown-menu li a {
/* REMAINING POSTS */
/* ============================================================== */
+#olderPosts {
+ clear: both;
+ .clearfix();
+}
+
+#olderPosts h1 {
+ margin-top: 2em;
+ color: @textColorDimmed;
+ .divider-bottom();
+ .divider-top();
+ margin-bottom: 0;
+}
+
.hentry.remainingPost {
padding: 0;
}
-.hentry.remainingPost header h2 {
+.remainingPost:first-child {
+ margin-top: 4em
+}
+
+.remainingPost .posttype {
+ margin-top: 1.6em;
+ font-size: 1em;
+ width: 15%;
+ float: left;
+ margin-right: 2%;
+ text-align: left
+}
+
+.remainingPost h2,
+.remainingPost .entry-content {
+ float: left;
+ width: 83%;
+}
+
+.hentry.remainingPost h2 {
+ font-size: 1.2em;
margin-bottom: 0;
+ text-align: left
}
-.hentry.remainingPost header h2 a {
+.hentry.remainingPost h2 a {
display: block;
- padding: 1em 0;
+ padding: 1.5em 0;
border: none
}
@@ -988,9 +1025,21 @@ h2 a:hover i:before {
margin-top: -1.7em;
}
+.format-link header h1,
.format-link header h2 {
- font-size: 1.5em;
- line-height: 1.3em;
+ font-size: 1.3em;
+}
+
+.single .format-link header h1 {
+ font-size: 1.5em
+}
+
+.format-link.remainingPost header h2 a {
+ color: @textColorDimmed
+}
+
+.format-link.remainingPost header h2 a:hover {
+ color: @linkColorHover
}
/* PHOTO POST */
@@ -1012,6 +1061,7 @@ a.photopost {
border: 1px solid rgba(158, 170, 178, .6);
.border-radius(2px);
.box-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
+ .transition(background .3s ease-in-out);
}
.photoPost figure img,
@@ -1033,29 +1083,33 @@ a.photoPost {
max-width: 100%;
}
-a.photoPost:hover figure {
- background: #c4e4df;
+.hentry.remainingPost.format-image a {
+ display: block;
+ line-height: 1em;
}
-.hentry.remainingPost .posttype {
- margin-top: 1.4em;
- font-size: 1em;
+a.photoPost:hover figure,
+.hentry.remainingPost.format-image a:hover figure {
+ background: #c4e4df;
}
.hentry.remainingPost.format-image {
- padding: 1.5em 0
+ padding: 1em 0
}
.hentry.remainingPost.format-image .posttype {
- margin-top: -.2em
+ margin-top: 0
}
.remainingPost figure {
padding: .2em;
+ margin: 0
}
.remainingPost figure img {
- margin-bottom: .6em
+ border: none;
+ margin: 0;
+ margin-right: .6em;
}
/* Single View */
@@ -75,6 +75,15 @@
}
}
+// so we can reset only one item out of multiple
+.no-divider-bottom {
+ border-bottom: none;
+ padding-bottom: 0;
+ &:before {
+ display: none
+ }
+}
+
// Loading Thingy
.loading {
-webkit-animation: loadingThingy .2s infinite;
@@ -18,7 +18,7 @@ function kremalicious2_setup() {
add_image_size( 'featureImageStream', 540, 9999, true );
add_image_size( 'goodieImage', 650, 9999, true );
add_image_size( 'photoStream', 520, 9999 );
- add_image_size( 'photoStreamTiny', 50, 50, true );
+ add_image_size( 'photoStreamTinySlot', 245, 45, true );
add_image_size( 'photoArchive', 300, 9999 );
add_image_size( 'photoBig', 960, 960 );
@@ -172,7 +172,10 @@
<?php
if ($wp_query->max_num_pages > 1) { ?>
-
+
+ <header id="olderPosts">
+ <h1>Older Posts</h1>
+ </header>
<?php
$remainingOffset = get_option('posts_per_page'); // get the offset from admin settings
$remainingPosts = new WP_Query(array( 'posts_per_page' => 200, 'offset' => $remainingOffset )); //posts_per_page hack, so offset works
@@ -193,10 +196,10 @@
$linkURL = get_post_meta($post->ID, '_format_link_url', true);
$leTopic = get_the_category(); ?>
- <div class="col1 posttype">
+ <div class="posttype">
<a class="icon- cat-<?php echo $leTopic[0]->slug; ?>" rel="tooltip" title="Show all posts in '<?php echo $leTopic[0]->cat_name; ?>'" href="<?php echo get_category_link($leTopic[0]->term_id); ?>"></a>
</div>
- <h2 class="col5"><a href="<?php echo $linkURL ?>"><?php the_title(); ?> <i class="icon-external-link"></i></a></h2>
+ <h2 class="entry-title"><a href="<?php echo $linkURL ?>"><?php the_title(); ?> <i class="icon-external-link"></i></a></h2>
<?php }
@@ -206,14 +209,14 @@
elseif ( has_post_format( 'image' ) ) { ?>
- <div class="col1 posttype">
+ <div class="posttype">
<a class="icon-picture" rel="tooltip" href="/photos" title="Show all photo posts"></a>
</div>
- <figure>
- <a href="<?php the_permalink(); ?>">
- <?php the_post_thumbnail('photoStreamTiny'); ?>
- </a>
- </figure>
+ <a href="<?php the_permalink(); ?>" class="entry-content">
+ <figure>
+ <?php the_post_thumbnail('photoStreamTinySlot'); ?>
+ </figure>
+ </a>
<?php }
@@ -223,10 +226,10 @@
elseif ( in_category('goodies') ) { ?>
- <div class="col1 posttype">
+ <div class="posttype">
<a class="icon-gift" rel="tooltip" href="/goodies" title="Show all goodies"></a>
</div>
- <h2 class="col5"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+ <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php }
@@ -236,7 +239,7 @@
else { ?>
- <div class="col1 posttype">
+ <div class="posttype">
<?php if ( in_category('design') ) { ?>
<a class="icon-leaf" rel="tooltip" href="/design" title="Show all posts in 'design'"></a>
<?php } elseif ( in_category('personal') ) { ?>
@@ -247,7 +250,7 @@
<a class="icon-asterisk" rel="tooltip" href="<?php the_permalink(); ?>" title="Show all posts in"></a>
<?php } ?>
</div>
- <h2 class="col5"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
+ <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php } ?>

0 comments on commit 5aadc86

Please sign in to comment.