A responsive layout for photos with a mobile and desktop breakpoint
A Pen by Eric Gelinas on CodePen.
| /* Bootstrap changes */ | |
| .span12 { | |
| padding-top: 11px !important; | |
| } | |
| .col-md-12 { | |
| z-index: 1; | |
| width: 100vw; | |
| margin: 0 0 0 -14px; | |
| padding: 0; |
| StandardPixelBase() { | |
| var that = this; | |
| var listeners = {}; | |
| // | |
| // Subscribes a function to an event called by fire | |
| // | |
| that.on = function on(type, callback, data, once) { |
A responsive layout for photos with a mobile and desktop breakpoint
A Pen by Eric Gelinas on CodePen.
| (function(exports){ | |
| })(typeof exports === 'undefined'? this['ModuleName']={}: exports); |
| function ImageMap(map, img) { | |
| var areas = $(map).find('area'), | |
| coords = [], | |
| self = this; | |
| areas.each(function(n, area) { | |
| coords[n] = area.coords.split(','); | |
| }); |
| events { | |
| worker_connections 4096; | |
| } | |
| http { | |
| server { | |
| listen 80; | |
| server_name ""; | |
| location / { | |
| proxy_pass http://127.0.0.1:3000/; |
| /* | |
| * This is the Format Flickr uses to organize OSM places by year and lat long. | |
| * leaflet layers are uses this to show the appropriate layers | |
| * | |
| * This code example is provided to support my talk at State of the Map 2012 | |
| * "What the Flickr community can do for maps" | |
| */ | |
| var places = { | |
| "types":{ | |
| "mapquest_osm": { |
| /* | |
| * This is a simple library agnostic example of Flickr's three step map zoom. | |
| * In this example we are using the open mapquest static map api. Preloading | |
| * of second and third map images can be done before mouseover to make their | |
| * first display smoother. | |
| */ | |
| <style> | |
| #map_container { | |
| width:300px; |
| javascript:(function()%7Bvar%20_etags=document.getElementsByTagName('style'),_etag=(_etags%5B0%5D)?_etags%5B0%5D.innerHTML:'No%20Style%20Tags%20Available%20To%20Preload',_ewin=window.open('','_ewin','height=300,width=600'),_edoc=_ewin.document;_edoc.write('%3Ctextarea%20id=%22_earea%22%20style=%22width:600px;height:300px;%22%3E'+_etag+'%3C/textarea%3E');var%20_earea=_edoc.getElementsByTagName('textarea')%5B0%5D;var%20_enewtag=document.createElement('div');document.getElementsByTagName('body')%5B0%5D.insertBefore(_enewtag,document.getElementsByTagName('body')%5B0%5D.firstChild);_enewtag.id='_enewtag';_earea.addEventListener('keyup',function()%7B_enewtag.innerHTML='%3Cstyle%3E'+_earea.value+'%3C/style%3E';%7D,false);%7D)(); |