17 Nov - Static Sites to laravel
This commit is contained in:
parent
610aa1e202
commit
5ff57a21a7
3661 changed files with 569001 additions and 771 deletions
36
public/assets/plugins/widget.jflickr/colorbox/colorbox.css
Normal file
36
public/assets/plugins/widget.jflickr/colorbox/colorbox.css
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
/*
|
||||
ColorBox Core Style
|
||||
The following rules are the styles that are consistant between themes.
|
||||
Avoid changing this area to maintain compatability with future versions of ColorBox.
|
||||
*/
|
||||
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
|
||||
#cboxOverlay{position:fixed; width:100%; height:100%;}
|
||||
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
|
||||
#cboxContent{position:relative;}
|
||||
#cboxLoadedContent{overflow:auto;}
|
||||
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
|
||||
#cboxTitle{margin:0;}
|
||||
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
|
||||
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
|
||||
|
||||
/*
|
||||
ColorBox example user style
|
||||
The following rules are ordered and tabbed in a way that represents the
|
||||
order/nesting of the generated HTML, so that the structure easier to understand.
|
||||
*/
|
||||
#cboxOverlay{background:#000;}
|
||||
|
||||
#colorbox{}
|
||||
#cboxContent{margin-top:20px;}
|
||||
#cboxLoadedContent{background:#000; padding:5px;}
|
||||
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
|
||||
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
|
||||
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
|
||||
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
|
||||
#cboxPrevious.hover{background-position:bottom left;}
|
||||
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
|
||||
#cboxNext.hover{background-position:bottom right;}
|
||||
#cboxLoadingOverlay{background:#000;}
|
||||
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
|
||||
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
|
||||
#cboxClose.hover{background-position:bottom center;}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/assets/plugins/widget.jflickr/colorbox/images/loading.gif
Normal file
BIN
public/assets/plugins/widget.jflickr/colorbox/images/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
2
public/assets/plugins/widget.jflickr/colorbox/jquery.colorbox-min.js
vendored
Normal file
2
public/assets/plugins/widget.jflickr/colorbox/jquery.colorbox-min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
22
public/assets/plugins/widget.jflickr/cycle/jquery.cycle.all.min.js
vendored
Normal file
22
public/assets/plugins/widget.jflickr/cycle/jquery.cycle.all.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
91
public/assets/plugins/widget.jflickr/example.html
Normal file
91
public/assets/plugins/widget.jflickr/example.html
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>jFlickrFeed Plugin</title>
|
||||
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
|
||||
<link href="colorbox/colorbox.css" rel="stylesheet" type="text/css" media="screen" />
|
||||
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
||||
<script src="colorbox/jquery.colorbox-min.js"></script>
|
||||
<script src="cycle/jquery.cycle.all.min.js"></script>
|
||||
<script src="jflickrfeed.min.js"></script>
|
||||
<script src="setup.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<h1>jFlickrFeed Plugin</h1>
|
||||
<p>This plugin makes it easy to pull Flickr feeds and display them on your site. Below are some examples that can get you thinking about its possiblities.</p>
|
||||
|
||||
|
||||
<h3>Basic Use</h3>
|
||||
<p>The photos below are being pulled from Flickr using the jFlickrFeed plugin. Here is the code that is being used:</p>
|
||||
<pre>$('#basicuse').jflickrfeed({
|
||||
limit: 14,
|
||||
qstrings: {
|
||||
id: '44802888@N04'
|
||||
},
|
||||
itemTemplate:
|
||||
'<li>' +
|
||||
'<a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a>' +
|
||||
'</li>'
|
||||
});</pre>
|
||||
<ul id="basicuse" class="thumbs"></ul>
|
||||
|
||||
<h3>Use with ColorBox</h3>
|
||||
<p>We can use the callback to apply the colorbox plugin after the photos are loaded.</p>
|
||||
<pre>$('#cbox').jflickrfeed({
|
||||
limit: 14,
|
||||
qstrings: {
|
||||
id: '37304598@N02'
|
||||
},
|
||||
itemTemplate:
|
||||
'<li>' +
|
||||
'<a rel="colorbox" href="{{image}}" title="{{title}}">' +
|
||||
'<img src="{{image_s}}" alt="{{title}}" />' +
|
||||
'</a>' +
|
||||
'</li>'
|
||||
}, function(data) {
|
||||
$('#cbox a').colorbox();
|
||||
});
|
||||
</pre>
|
||||
<ul id="cbox" class="thumbs"></ul>
|
||||
|
||||
<h3>Use with Cycle</h3>
|
||||
<p>Here is an example of how we can tweak the templates and make it work great with jQuery Cycle.</p>
|
||||
<pre>$('#cycle').jflickrfeed({
|
||||
limit: 14,
|
||||
qstrings: {
|
||||
id: '37304598@N02'
|
||||
},
|
||||
itemTemplate: '<li><img src="{{image}}" alt="" /><div>{{title}}</div></li>'
|
||||
}, function(data) {
|
||||
$('#cycle div').hide();
|
||||
$('#cycle').cycle({
|
||||
timeout: 5000
|
||||
});
|
||||
$('#cycle li').hover(function(){
|
||||
$(this).children('div').show();
|
||||
},function(){
|
||||
$(this).children('div').hide();
|
||||
});
|
||||
});
|
||||
</pre>
|
||||
<ul id="cycle"></ul>
|
||||
|
||||
<h3>Use Without Templates</h3>
|
||||
<p>It is also possible to use the plugin without the templating. Instead it would be useful to use the individual item callback:</p>
|
||||
<pre>$('#nocallback').jflickrfeed({
|
||||
limit: 4,
|
||||
qstrings: {
|
||||
id: '37304598@N02'
|
||||
},
|
||||
useTemplate: false,
|
||||
itemCallback: function(item){
|
||||
$(this).append("<li><img src='" + item.image_m + "' alt=''/></li>");
|
||||
}
|
||||
});</pre>
|
||||
<ul id="nocallback" class="thumbs"></ul>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
83
public/assets/plugins/widget.jflickr/jflickrfeed.js
Normal file
83
public/assets/plugins/widget.jflickr/jflickrfeed.js
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
/*
|
||||
* Copyright (C) 2009 Joel Sutherland
|
||||
* Licenced under the MIT license
|
||||
* http://www.newmediacampaigns.com/page/jquery-flickr-plugin
|
||||
*
|
||||
* Available tags for templates:
|
||||
* title, link, date_taken, description, published, author, author_id, tags, image*
|
||||
*/
|
||||
(function($) {
|
||||
$.fn.jflickrfeed = function(settings, callback) {
|
||||
settings = $.extend(true, {
|
||||
flickrbase: 'http://api.flickr.com/services/feeds/',
|
||||
feedapi: 'photos_public.gne',
|
||||
limit: 20,
|
||||
qstrings: {
|
||||
lang: 'en-us',
|
||||
format: 'json',
|
||||
jsoncallback: '?'
|
||||
},
|
||||
cleanDescription: true,
|
||||
useTemplate: true,
|
||||
itemTemplate: '',
|
||||
itemCallback: function(){}
|
||||
}, settings);
|
||||
|
||||
var url = settings.flickrbase + settings.feedapi + '?';
|
||||
var first = true;
|
||||
|
||||
for(var key in settings.qstrings){
|
||||
if(!first)
|
||||
url += '&';
|
||||
url += key + '=' + settings.qstrings[key];
|
||||
first = false;
|
||||
}
|
||||
|
||||
return $(this).each(function(){
|
||||
var $container = $(this);
|
||||
var container = this;
|
||||
$.getJSON(url, function(data){
|
||||
$.each(data.items, function(i,item){
|
||||
if(i < settings.limit){
|
||||
|
||||
// Clean out the Flickr Description
|
||||
if(settings.cleanDescription){
|
||||
var regex = /<p>(.*?)<\/p>/g;
|
||||
var input = item.description;
|
||||
if(regex.test(input)) {
|
||||
item.description = input.match(regex)[2]
|
||||
if(item.description!=undefined)
|
||||
item.description = item.description.replace('<p>','').replace('</p>','');
|
||||
}
|
||||
}
|
||||
|
||||
// Add Image Sizes
|
||||
// http://www.flickr.com/services/api/misc.urls.html
|
||||
item['image_s'] = item.media.m.replace('_m', '_s');
|
||||
item['image_t'] = item.media.m.replace('_m', '_t');
|
||||
item['image_m'] = item.media.m.replace('_m', '_m');
|
||||
item['image'] = item.media.m.replace('_m', '');
|
||||
item['image_b'] = item.media.m.replace('_m', '_b');
|
||||
delete item.media;
|
||||
|
||||
// Use Template
|
||||
if(settings.useTemplate){
|
||||
var template = settings.itemTemplate;
|
||||
for(var key in item){
|
||||
var rgx = new RegExp('{{' + key + '}}', 'g');
|
||||
template = template.replace(rgx, item[key]);
|
||||
}
|
||||
$container.append(template)
|
||||
}
|
||||
|
||||
//itemCallback
|
||||
settings.itemCallback.call(container, item);
|
||||
}
|
||||
});
|
||||
if($.isFunction(callback)){
|
||||
callback.call(container, data);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
})(jQuery);
|
||||
9
public/assets/plugins/widget.jflickr/jflickrfeed.min.js
vendored
Normal file
9
public/assets/plugins/widget.jflickr/jflickrfeed.min.js
vendored
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
/*
|
||||
* Copyright (C) 2009 Joel Sutherland
|
||||
* Licenced under the MIT license
|
||||
* http://www.newmediacampaigns.com/page/jquery-flickr-plugin
|
||||
*
|
||||
* Available tags for templates:
|
||||
* title, link, date_taken, description, published, author, author_id, tags, image*
|
||||
*/
|
||||
!function(e){e.fn.jflickrfeed=function(i,a){i=e.extend(!0,{flickrbase:"http://api.flickr.com/services/feeds/",feedapi:"photos_public.gne",limit:20,qstrings:{lang:"en-us",format:"json",jsoncallback:"?"},cleanDescription:!0,useTemplate:!0,itemTemplate:"",itemCallback:function(){}},i);var t=i.flickrbase+i.feedapi+"?",c=!0;for(var n in i.qstrings)c||(t+="&"),t+=n+"="+i.qstrings[n],c=!1;return e(this).each(function(){var c=e(this),n=this;e.getJSON(t,function(t){e.each(t.items,function(e,a){if(e<i.limit){if(i.cleanDescription){var t=/<p>(.*?)<\/p>/g,m=a.description;t.test(m)&&(a.description=m.match(t)[2],void 0!=a.description&&(a.description=a.description.replace("<p>","").replace("</p>","")))}if(a.image_s=a.media.m.replace("_m","_s"),a.image_t=a.media.m.replace("_m","_t"),a.image_m=a.media.m.replace("_m","_m"),a.image=a.media.m.replace("_m",""),a.image_b=a.media.m.replace("_m","_b"),delete a.media,i.useTemplate){var r=i.itemTemplate;for(var l in a){var p=new RegExp("{{"+l+"}}","g");r=r.replace(p,a[l])}c.append(r)}i.itemCallback.call(n,a)}}),e.isFunction(a)&&a.call(n,t)})})}}(jQuery);
|
||||
54
public/assets/plugins/widget.jflickr/setup.js
Normal file
54
public/assets/plugins/widget.jflickr/setup.js
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
$(document).ready(function(){
|
||||
|
||||
$('#basicuse').jflickrfeed({
|
||||
limit: 14,
|
||||
qstrings: {
|
||||
id: '37304598@N02'
|
||||
},
|
||||
itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a></li>'
|
||||
});
|
||||
|
||||
$('#cbox').jflickrfeed({
|
||||
limit: 14,
|
||||
qstrings: {
|
||||
id: '37304598@N02'
|
||||
},
|
||||
itemTemplate: '<li>'+
|
||||
'<a rel="colorbox" href="{{image}}" title="{{title}}">' +
|
||||
'<img src="{{image_s}}" alt="{{title}}" />' +
|
||||
'</a>' +
|
||||
'</li>'
|
||||
}, function(data) {
|
||||
$('#cbox a').colorbox();
|
||||
});
|
||||
|
||||
$('#cycle').jflickrfeed({
|
||||
limit: 14,
|
||||
qstrings: {
|
||||
id: '37304598@N02'
|
||||
},
|
||||
itemTemplate: '<li><img src="{{image}}" alt="{{title}}" /><div>{{title}}</div></li>'
|
||||
}, function(data) {
|
||||
$('#cycle div').hide();
|
||||
$('#cycle').cycle({
|
||||
timeout: 5000
|
||||
});
|
||||
$('#cycle li').hover(function(){
|
||||
$(this).children('div').show();
|
||||
},function(){
|
||||
$(this).children('div').hide();
|
||||
});
|
||||
});
|
||||
|
||||
$('#nocallback').jflickrfeed({
|
||||
limit: 4,
|
||||
qstrings: {
|
||||
id: '37304598@N02'
|
||||
},
|
||||
useTemplate: false,
|
||||
itemCallback: function(item){
|
||||
$(this).append("<li><img src='" + item.image_m + "' alt=''/></li>");
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
15
public/assets/plugins/widget.jflickr/style.css
Normal file
15
public/assets/plugins/widget.jflickr/style.css
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
body, html { margin: 0; padding: 0; background: #ccc; text-align: center; font-family: arial; }
|
||||
|
||||
#container { width: 700px; padding: 50px; background: #f9f9f9; margin: 0 auto; text-align: left; }
|
||||
|
||||
h1 { margin: 10px 0; }
|
||||
|
||||
.thumbs { margin: 0; padding: 0; overflow: hidden; }
|
||||
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
|
||||
.thumbs li a { }
|
||||
.thumbs li img { display: block; }
|
||||
.thumbs li a img { border: none;}
|
||||
|
||||
#cycle { margin: 0; padding: 0; width: 500px; height: 333px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
|
||||
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 333px; overflow: hidden; }
|
||||
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }
|
||||
Loading…
Add table
Add a link
Reference in a new issue