Skip to content

Instantly share code, notes, and snippets.

Keybase proof

I hereby claim:

To claim this, I am signing this object:

@laurendavissmith
laurendavissmith / gist:8925254
Created February 10, 2014 22:09
Inline logo for boulevard
nav { display: inline; }
#site-title { float: left; margin-right: 20px; }
@laurendavissmith
laurendavissmith / gist:6297307
Created August 21, 2013 17:21
print pulse image ids to browser console
pulse.on('dataloaded', function(e) {
$.each(e.items, function() {
console.log(this.id);
});
});
@laurendavissmith
laurendavissmith / scrollTo_for_boulevard
Created May 15, 2013 20:03
allowing@koken Boulevard previous click to return to beginning of #album-intro
var scrollTo = function() {
if ( imgViewing >= totalImgs ) {
imgViewing = ( totalImgs - 1 );
} else if ( imgViewing < 0 ) {
imgViewing = 0;
}
var newLeftPos = $('#lane img:eq(' + imgViewing + ')').closest('.cell').offset().left;
@laurendavissmith
laurendavissmith / pulse_loadItem_thumbstrip
Last active December 17, 2015 06:58
pulse.loadItem thumbstrip
<div id="pulse_strip">
<!-- Ideally you will want to use a loop here to create the ID's so they are dynamic and not hardcoded -->
<a href="" data-id="1"><span>1</span></a>
<a href="" data-id="2"><span>2</span></a>
<a href="" data-id="3"><span>3</span></a>
</div>
<p>
<koken:pulse jsvar="pulse" autostart="false" fallbacktext="No featured content found. Please assign some in the Library." />
</p>
<style type="text/css">
.pulse_overlay { padding: 10px; opacity: .5; background: #000; color: #fff; text-align: right; position: absolute; font-size: 11px; }
.pulse-arrow { position: absolute; top: 50%; margin-top: -52px; z-index: 1000; font-size: 70px; color: #fff; cursor: pointer; opacity: .75; font-weight: bold; }
.pulse-left { left: 10px; }
.pulse-right { right: 10px; }
</style>
<script>
(function() {
var leftArr = $('<div class="pulse-left pulse-arrow" data-action="next" />').html('&lang;'),
@laurendavissmith
laurendavissmith / pulse_overlay_example
Last active December 17, 2015 04:08
pulse overlay using e.dom
(function() {
var overlay = $('<div class="__overlay__" />').css({
padding: '10px',
opacity: '.5',
background: '#000',
color: '#fff',
textAlign: 'right',
position: 'absolute',
fontSize: '11px'
})
@laurendavissmith
laurendavissmith / album.lens
Created March 28, 2013 14:16
clicking images inside albums to launch lightbox for the Boulevard theme
<koken:if false="pjax">
<koken:include file="inc/head.html" />
</koken:not>
<koken:load infinite="true">
<koken:head>
<meta property="og:site_name" content="{{ site.title }}" />
<meta property="og:title" content="{{ album.title strip_html="true" }}" />
<meta property="og:description" content="{{ album.summary strip_html="true" }}" />
@laurendavissmith
laurendavissmith / pulse_exif_data
Last active December 14, 2015 07:19
adding exif data to a pulse slideshow
<koken:pulse jsvar="pulse" fallbacktext="No featured photos found. Please assign them in the Library." />
<div id="exif-text"></div>
<script>
pulse.on( 'transitionstart', function(e) {
var exif_fields = ['make','model','aperture'], // Insert the exif fields you would like shown eg. 'make','model','aperture'
exif_element = $('#exif-text'), // Change to the selector of where to insert the exif data
wrap = $('<span/>'); // Change to whatever tag the exif field should be wrapped with
@laurendavissmith
laurendavissmith / gist:1160714
Created August 21, 2011 15:04
YUI Groups Partial
YUI({
base : '[...]/yui/demos/loader-config-groups/library/',
combine : true,
comboBase : '[...]/combo/?b=yui/demos/loader-config-groups&f=',
root : 'library/',
groups : {
gallery : {
base : '[...]/yui/demos/loader-config-groups/gallery/',
root : 'gallery/',
combine : true,