17 Nov - Static Sites to laravel

This commit is contained in:
Kevin Adametz 2018-11-17 02:01:22 +01:00
parent 610aa1e202
commit 5ff57a21a7
3661 changed files with 569001 additions and 771 deletions

View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View 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:
'&lt;li&gt;' +
'&lt;a href="{{image_b}}"&gt;&lt;img src="{{image_s}}" alt="{{title}}" /&gt;&lt;/a&gt;' +
'&lt;/li&gt;'
});</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:
'&lt;li&gt;' +
'&lt;a rel="colorbox" href="{{image}}" title="{{title}}"&gt;' +
'&lt;img src="{{image_s}}" alt="{{title}}" /&gt;' +
'&lt;/a&gt;' +
'&lt;/li&gt;'
}, 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: '&lt;li&gt;&lt;img src="{{image}}" alt="" /&gt;&lt;div&gt;{{title}}&lt;/div&gt;&lt;/li&gt;'
}, 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("&lt;li&gt;&lt;img src='" + item.image_m + "' alt=''/&gt;&lt;/li&gt;");
}
});</pre>
<ul id="nocallback" class="thumbs"></ul>
</div>
</body>
</html>

View 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);

View 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);

View 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>");
}
});
});

View 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; }