This commit is contained in:
nikolark committed 2013-05-10 09:32:28 +02:00
1 parent 4c00b0554b
commit 89a494625c
35 files changed
+242 -104

No files matched your search

+2 -2
View File
@@ -1,7 +1,7 @@
<article id="post-<?php the_ID(); ?>" role="article" class="sticky">
<article id="post-<?php the_ID(); ?>" role="article">
<header class="article-header row">
<div class="small-12 columns">
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('eight-columns'); ?></a>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<!--<p class="byline vcard"><time class="updated" datetime="<?php echo get_the_time('Y-m-j'); ?>" pubdate><?php echo get_the_time(get_option('date_format'));?></time> av <span class="author"><?php the_author_posts_link(); ?></span></p>-->
</div>
@@ -2,7 +2,7 @@
<article id="post-<?php the_ID(); ?>" role="article" class="sticky">
<header class="article-header row">
<div class="small-12 columns">
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('eight-columns'); ?></a>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<!--<p class="byline vcard"><time class="updated" datetime="<?php echo get_the_time('Y-m-j'); ?>" pubdate><?php echo get_the_time(get_option('date_format'));?></time> av <span class="author"><?php the_author_posts_link(); ?></span></p>-->
</div>
+1 -1
View File
@@ -1,7 +1,7 @@
<article id="post-<?php the_ID(); ?>" role="article">
<div class="row">
<div class="small-6 columns">
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>
<a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail('four-columns'); ?></a>
</div>
<div class="small-6 columns">
<header class="article-header">
+25 -4
View File
@@ -522,6 +522,8 @@ body h1 { margin-bottom: 0.3em; }
body a { -webkit-transition: background-color 0.15s ease, color 0.15s ease; -moz-transition: background-color 0.15s ease, color 0.15s ease; -o-transition: background-color 0.15s ease, color 0.15s ease; transition: background-color 0.15s ease, color 0.15s ease; }
body a:hover { color: #ff005c; }
.hide-text, .highlight a.highlight-image, .tweets-image, .blog-image, .instagram-image, .artists-image { text-indent: 100%; white-space: nowrap; overflow: hidden; }
/* buttons */
body .button { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: uppercase; }
body .btn-tiny { text-align: center; font-size: 1.3em; display: inline-block; color: white; width: 32px; height: 32px; line-height: 32px; }
@@ -531,18 +533,25 @@ body .primary:hover { color: white; background-color: #ff005c; }
body .secondary, body .button { background-color: #ff005c; }
body .secondary:hover, body .button:hover { color: white; background-color: #007aff; }
/* Image hover filters */
a.filter { position: relative; float: left; cursor: pointer; background-color: white; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
a.filter:hover { -webkit-filter: none; -moz-filter: none; filter: none; background-color: white; }
header.header { margin-top: 2em; margin-bottom: 2em; }
header.header .date { color: #007aff; font-size: 3.45em; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; display: inline-block; }
header.header .logo img { position: relative; bottom: -15px; left: 10px; }
header.header .logo img.multiply { position: absolute; left: 372px; bottom: -12px; z-index: 1; }
header.header .nav-menu { margin: 0; padding: 0; border: 0; overflow: hidden; *zoom: 1; margin: 0 auto; background-color: #007aff; }
header.header .nav-menu li { list-style-image: none; list-style-type: none; margin-left: 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; white-space: nowrap; }
header.header .nav-menu a { font-size: 1.5em; font-weight: 600; display: inline-block; padding: .7em .8em; color: white; text-transform: uppercase; }
header.header .nav-menu a:hover { background-color: #ff005c; }
header.header .nav-menu a { font-size: 1.5em; font-weight: 600; display: inline-block; padding: .7em .813em; color: white; text-transform: uppercase; position: relative; }
header.header .nav-menu a:hover { z-index: 2; background-color: #ff005c; }
.highlight a { height: 280px; line-height: 1.1; font-size: 2.5em; font-weight: bold; text-transform: uppercase; text-align: center; display: block; color: white; background-color: #ff005c; }
.highlight a.highlight-image { background-color: white; background-image: url("../images/fri_villig.png"); background-repeat: no-repeat; }
.highlight a.highlight-image:hover { background-color: white; background-image: url("../images/fri_villig_hover.png"); }
.highlight a:hover { color: white; background-color: #007aff; }
.highlight a span { display: inline-block; padding-top: 30px; }
.highlight a span.larger { padding-top: 55px; font-size: 1.6em; }
.highlight a span.larger { padding-top: 62px; font-size: 1.6em; }
.highlight a .number { font-size: 3em; }
.separator { height: 2px; background-color: #ff005c; margin: 2em 0; }
@@ -561,7 +570,19 @@ article .article-footer { text-align: right; margin-bottom: 2em; }
.bluebordered { border-left: 2px solid #007aff; }
.row.row.tweets-and-blog { margin-top: 2em; margin-bottom: 3em; }
.row.row.tweets-and-blog { margin-bottom: 3em; }
.tweets-image { display: inline-block; width: 291px; height: 114px; background-color: white; background-image: url("../images/tweets.png"); background-repeat: no-repeat; }
.tweets-image:hover { background-color: white; background-image: url("../images/tweets_hover.png"); }
.blog-image { display: inline-block; width: 285px; height: 258px; background-color: white; background-image: url("../images/blog.png"); background-repeat: no-repeat; }
.blog-image:hover { background-color: white; background-image: url("../images/blog_hover.png"); }
.instagram-image { display: inline-block; width: 300px; height: 304px; background-color: white; background-image: url("../images/instagram.png"); background-repeat: no-repeat; }
.instagram-image:hover { background-color: white; background-image: url("../images/instagram_hover.png"); }
.artists-image { display: inline-block; width: 300px; height: 220px; background-color: white; background-image: url("../images/artists.png"); background-repeat: no-repeat; }
.artists-image:hover { background-color: white; background-image: url("../images/artists_hover.png"); }
.social-media { font-size: 2em; color: #ff005c; }
.social-media img, .social-media i { padding-left: 1em; }
+10 -15
View File
@@ -3,8 +3,8 @@
<div class="highlight small-4 columns">
<a href="#"><span><div class="number">100</div>dager igjen</span></a>
</div>
<div class="small-4 columns text-center">
<a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/fri_villig.png" class="highlight higlight-image" alt="Frivillig Studio 2013" /></a>
<div class="highlight small-4 columns text-center">
<a href="#" class="highlight-image">Bli Frivillig</a>
</div>
<div class="highlight small-4 columns">
<a href="#"><span class="larger">Kjøp billett</span></a>
@@ -33,26 +33,21 @@
</div>
<div class="row tweets-and-blog">
<div class="small-6 columns">
<a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/studiotweets.png" alt="Tweets om STUDiO" /></a>
<div class="twitter-feed"></div>
<a href="#" class="tweets-image">Tweets tagget med #studiofestivalen</a>
<ul class="twitter-feed"></ul>
</div>
<div class="bluebordered text-center small-6 columns">
<a href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/follow_bloggers.png" class="highlight higlight-image" alt="Frivillig Studio 2013" /></a>
<a href="#" class="blog-image">Blogg</a>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="instagram-feed">
<ul class="small-block-grid-2">
<li><h1>Instagram</h1><h4>#Studiofestivalen</h4></li>
<li><img src="http://placekitten.com/330/330/"></li>
</ul>
<ul class="small-block-grid-4">
<li><img src="http://placekitten.com/200/200/"></li>
<li><img src="http://placekitten.com/200/200/"></li>
<li><img src="http://placekitten.com/200/200/"></li>
<li><img src="http://placekitten.com/200/200/"></li>
</ul>
<ul class="small-block-grid-2 first">
<li><a href="http://instagram.com/studiofestivalen/" class="instagram-image">Instagram #studiofestivalen</a></li>
</ul>
<ul class="small-block-grid-4 rest">
</ul>
</div>
</div>
</div>
+18 -11
View File
@@ -10,18 +10,25 @@ register_nav_menu( 'footer', 'Footermeny' );
add_theme_support( 'post-thumbnails' );
/* TODO: Add these js thingies:
<script src="javascripts/foundation/foundation.joyride.js"></script>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'javascripts/vendor/zepto' : 'javascripts/vendor/jquery') +
'.js><\/script>')
</script>
<script>
$(document).foundation();
</script>
add_image_size( 'eight-columns', 650, 500, true );
add_image_size( 'four-columns', 310, 160, true );
function studio_enqueue_scripts() {
// script location, dependencies and version
wp_register_script( 'foundation', get_template_directory_uri().'/js/foundation/foundation.js', array('jquery') );
wp_register_script( 'foundation-joyride', get_template_directory_uri().'/js/foundation/foundation.joyride.js', array('foundation') );
wp_register_script( 'instafeed', get_template_directory_uri().'/js/vendor/instafeed.min.js' );
wp_register_script( 'moment', get_template_directory_uri().'/js/vendor/moment.min.js' );
wp_register_script( 'skrollr', get_template_directory_uri().'/js/vendor/skrollr.min.js' );
wp_register_script( 'skrollr-stylesheets', get_template_directory_uri().'/js/vendor/skrollr.stylesheets.min.js' );
wp_register_script( 'application', get_template_directory_uri().'/js/main.js', array('instafeed', 'foundation-joyride', 'moment', 'skrollr', 'skrollr-stylesheets') );
// enqueue them
wp_enqueue_script( 'application' );
}
add_action( 'wp_enqueue_scripts' , 'studio_enqueue_scripts' );
*/
/* Modify the output of list items in the header navigation menu.
*
* Remove the whitespace between HTML tags. Required specifically for better
+1 -1
View File
@@ -58,7 +58,7 @@
<div id="container">
<header class="header" role="banner">
<div id="inner-header" class="row">
<div class="logo small-8 columns"><a href="<?php echo home_url(); ?>" rel="nofollow"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" /></a></div>
<div class="logo small-8 columns"><a href="<?php echo home_url(); ?>" rel="nofollow"><img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" /></a><img src="<?php echo get_template_directory_uri(); ?>/images/logo_multiply.png" class="multiply" /></div>
<div class="small-4 columns">
<span class="date">12.-24. aug</span><img src="<?php echo get_template_directory_uri(); ?>/images/line.png"></span></div>
</div> <!-- end #inner-header -->
Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

@@ -1,13 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="113.295px" height="6.488px" viewBox="0 0 113.295 6.488" enable-background="new 0 0 113.295 6.488" xml:space="preserve">
<g>
<path fill="none" stroke="#4374B9" stroke-width="2.402" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="
M1.201,1.201c5.544,0,5.544,4.085,11.088,4.085c5.543,0,5.543-4.085,11.087-4.085c5.544,0,5.544,4.085,11.088,4.085
c5.542,0,5.542-4.085,11.085-4.085s5.542,4.085,11.085,4.085c5.544,0,5.544-4.085,11.088-4.085c5.546,0,5.546,4.085,11.092,4.085
c5.544,0,5.544-4.085,11.089-4.085c5.548,0,5.548,4.085,11.096,4.085s5.548-4.085,11.096-4.085"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 989 B

@@ -1,22 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="310.295px" height="17.769px" viewBox="0 0 310.295 17.769" enable-background="new 0 0 310.295 17.769"
xml:space="preserve">
<path fill="#4374B9" d="M276.617,17.769c-8.677,0-13.176-3.313-17.145-6.234c-3.61-2.66-6.727-4.955-13.245-4.955
c-6.513,0-9.628,2.295-13.236,4.952c-3.967,2.924-8.46,6.237-17.134,6.237c-8.677,0-13.173-3.313-17.139-6.237
c-3.608-2.657-6.727-4.952-13.239-4.952c-6.511,0-9.626,2.295-13.231,4.952c-3.967,2.924-8.463,6.237-17.137,6.237
c-8.671,0-13.166-3.313-17.131-6.237c-3.606-2.657-6.72-4.952-13.229-4.952s-9.622,2.295-13.229,4.952
c-3.966,2.924-8.46,6.237-17.132,6.237s-13.168-3.313-17.135-6.237c-3.606-2.657-6.721-4.952-13.232-4.952
c-6.51,0-9.625,2.295-13.231,4.952c-3.966,2.924-8.461,6.237-17.134,6.237c-8.672,0-13.168-3.313-17.135-6.237
C12.917,8.874,9.801,6.579,3.29,6.579C1.474,6.579,0,5.105,0,3.289C0,1.474,1.474,0,3.29,0c8.674,0,13.17,3.313,17.137,6.237
c3.606,2.657,6.721,4.952,13.232,4.952c6.51,0,9.625-2.295,13.231-4.952C50.857,3.313,55.352,0,64.024,0
c8.673,0,13.168,3.313,17.135,6.235c3.606,2.659,6.722,4.954,13.232,4.954c6.509,0,9.622-2.295,13.229-4.952
C111.585,3.313,116.081,0,124.751,0s13.166,3.313,17.131,6.237c3.606,2.657,6.72,4.952,13.229,4.952
c6.51,0,9.626-2.295,13.231-4.954C172.309,3.313,176.805,0,185.479,0c8.676,0,13.172,3.313,17.139,6.235
c3.608,2.659,6.727,4.954,13.239,4.954c6.51,0,9.626-2.295,13.231-4.952C233.057,3.313,237.553,0,246.227,0
c8.677,0,13.176,3.313,17.145,6.235c3.611,2.659,6.727,4.954,13.245,4.954c6.518,0,9.634-2.295,13.244-4.954
C293.831,3.313,298.33,0,307.005,0c1.816,0,3.29,1.474,3.29,3.289c0,1.816-1.474,3.29-3.29,3.29c-6.518,0-9.634,2.295-13.244,4.955
C289.792,14.455,285.293,17.769,276.617,17.769z"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

@@ -1,29 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="170.08px" height="255.12px" viewBox="0 0 170.08 255.12" enable-background="new 0 0 170.08 255.12" xml:space="preserve">
<g>
<path fill="#FF005C" d="M34.546,280.804c-4.474,0-7.484,3.635-7.484,7.902v0.077c0,4.267,3.082,7.98,7.57,7.98
c4.517,0,7.513-3.632,7.513-7.894v-0.087C42.145,284.517,39.063,280.804,34.546,280.804z"/>
<path fill="#FF005C" d="M156.691,282.955c-7.226,0-13.464,4.222-16.417,10.308c-2.967-6.094-9.206-10.308-16.432-10.308
c0,7.915,5.033,14.636,12.073,17.182c-0.703,5.472-5.361,9.693-11.025,9.693c-6.136,0-11.126-4.983-11.126-11.124v-86.203
c0-7.669-6.224-13.898-13.895-13.898H17.196c-7.685,0-13.907,6.229-13.907,13.898v100.483c0,7.677,6.222,13.898,13.907,13.898
h72.106h18.539h9.263c15.14,0,27.471-11.972,28.117-26.97C151.945,297.218,156.691,290.648,156.691,282.955z M50.504,288.783
c0,8.493-6.839,15.374-15.958,15.374c-9.119,0-15.886-6.795-15.886-15.287v-0.087c0-8.497,6.838-15.378,15.973-15.378
c9.12,0,15.872,6.808,15.872,15.301V288.783z"/>
<path fill="#FF005C" d="M-328.7,285.156c-4.092-0.935-5.111-1.521-5.111-2.878v-0.086c0-1.061,0.976-1.906,2.961-1.906
c2.617,0,5.57,1.018,8.273,2.919l4.107-5.787c-3.211-2.578-7.14-3.927-12.173-3.927c-7.097,0-11.441,3.972-11.441,9.464v0.086
c0,6.087,4.855,7.849,11.148,9.296c4.015,0.926,4.99,1.599,4.99,2.828v0.082c0,1.271-1.19,2.029-3.383,2.029
c-3.42,0-6.675-1.234-9.587-3.546l-4.566,5.447c3.627,3.263,8.617,4.901,13.857,4.901c7.177,0,11.958-3.598,11.958-9.635v-0.082
C-317.666,288.833-321.896,286.624-328.7,285.156z"/>
<polygon fill="#FF005C" points="-270.558,281.185 -261.684,281.185 -261.684,303.571 -253.489,303.571 -253.489,281.185
-244.613,281.185 -244.613,273.999 -270.558,273.999 "/>
<path fill="#FF005C" d="M-176.552,290.648c0,4.136-2.15,6.078-5.447,6.078c-3.283,0-5.449-2.028-5.449-6.296v-16.432h-8.316v16.596
c0,9.255,5.277,13.521,13.68,13.521c8.417,0,13.864-4.18,13.864-13.73v-16.387h-8.331V290.648z"/>
<path fill="#FF005C" d="M-106.309,273.999h-11.429v29.572h11.243c10.652,0,16.86-6.345,16.86-14.865v-0.095
C-89.636,280.086-95.757,273.999-106.309,273.999z M-98.038,288.833c0,4.766-3.254,7.472-8.156,7.472h-3.343v-15.034h3.343
c4.902,0,8.156,2.738,8.156,7.468V288.833z"/>
<rect x="-39.595" y="273.999" fill="#FF005C" width="8.23" height="29.572"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

+48
View File
@@ -0,0 +1,48 @@
function format_image(img) {
return '<li><a href="'+ img.link +'" class="filter primary"><img src="'+ img.images.low_resolution.url +'" /></a></li>';
}
jQuery(document).foundation();
jQuery(function($) {
/* Twitter feed */
//var feed = "http://search.twitter.com/search.json?q=studiofestivalen&result_type=recent&callback=?";
var feed = "http://search.twitter.com/search.json?q=studio2012&result_type=recent&callback=?";
$.getJSON(feed, function(results) {
$.each(results, function(i) {
console.log(results[i]);
var id = results[i].id_str;
/* relative tweet time */
var time = time_str.slice(4); // without weekday
moment.lang('en'); // parse english month name
var when = moment(time, "DD MMM YYYY HH:mm:ss Z");
moment.lang('nb'); // format in norwegian locale
var rel_when = when.fromNow();
/* Format tweet */
$('.twitter-feed').append('<li><a href="" class="tweet">' + results[i].text + '</a></li>');
});
});
/* Instagram feed
* Ref: http://instafeedjs.com/ */
var feed = new Instafeed({
get: 'tagged',
tagName: 'studiofestivalen',
clientId: 'e82ee5c6c85a4057a3545442e6cc5162',
limit: 5,
mock: true,
success: function(result) {
//allso: result.pagination
var first = format_image(result.data[0]);
$(".instagram-feed .first").append(first);
var html = "";
for(var i=1; i < result.data.length; i++) {
html += format_image(result.data[i]);
}
$(".instagram-feed .rest").append(html);
}
});
feed.run();
});
+2
View File
@@ -0,0 +1,2 @@
// Generated by CoffeeScript 1.3.3
(function(){var e,t;e=function(){function e(e){var t,n;this.options={target:"instafeed",get:"popular",resolution:"thumbnail",sortBy:"most-recent",links:!0,limit:15,mock:!1};if(typeof e=="object")for(t in e)n=e[t],this.options[t]=n;this.unique=this._genKey()}return e.prototype.run=function(){var t,n,r;if(typeof this.options.clientId!="string"&&typeof this.options.accessToken!="string")throw new Error("Missing clientId or accessToken.");if(typeof this.options.accessToken!="string"&&typeof this.options.clientId!="string")throw new Error("Missing clientId or accessToken.");return this.options.before!=null&&typeof this.options.before=="function"&&this.options.before.call(this),typeof document!="undefined"&&document!==null&&(r=document.createElement("script"),r.id="instafeed-fetcher",r.src=this._buildUrl(),t=document.getElementsByTagName("head"),t[0].appendChild(r),n="instafeedCache"+this.unique,window[n]=new e(this.options),window[n].unique=this.unique),!0},e.prototype.parse=function(e){var t,n,r,i,s,o,u,a,f,l,c,h,p,d,v;if(typeof e!="object"){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"Invalid JSON data"),!1;throw new Error("Invalid JSON response")}if(e.meta.code!==200){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,e.meta.error_message),!1;throw new Error("Error from Instagram: "+e.meta.error_message)}if(e.data.length===0){if(this.options.error!=null&&typeof this.options.error=="function")return this.options.error.call(this,"No images were returned from Instagram"),!1;throw new Error("No images were returned from Instagram")}this.options.success!=null&&typeof this.options.success=="function"&&this.options.success.call(this,e);if(this.options.sortBy!=="most-recent"){this.options.sortBy==="random"?c=["","random"]:c=this.options.sortBy.split("-"),l=c[0]==="least"?!0:!1;switch(c[1]){case"random":e.data.sort(function(){return.5-Math.random()});break;case"recent":e.data=this._sortBy(e.data,"created_time",l);break;case"liked":e.data=this._sortBy(e.data,"likes.count",l);break;case"commented":e.data=this._sortBy(e.data,"comments.count",l);break;default:throw new Error("Invalid option for sortBy: '"+this.options.sortBy+"'.")}}if(typeof document!="undefined"&&document!==null&&this.options.mock===!1){document.getElementById(this.options.target).innerHTML="",u=e.data,u.length>this.options.limit&&(u=u.slice(0,this.options.limit+1||9e9));if(this.options.template!=null&&typeof this.options.template=="string"){i="",o="";for(h=0,d=u.length;h<d;h++)s=u[h],o=this._makeTemplate(this.options.template,{model:s,id:s.id,link:s.link,image:s.images[this.options.resolution].url,caption:this._getObjectProperty(s,"caption.text"),likes:s.likes.count,comments:s.comments.count,location:this._getObjectProperty(s,"location.name")}),i+=o;document.getElementById(this.options.target).innerHTML=i}else{n=document.createDocumentFragment();for(p=0,v=u.length;p<v;p++)s=u[p],a=document.createElement("img"),a.src=s.images[this.options.resolution].url,this.options.links===!0?(t=document.createElement("a"),t.href=s.link,t.appendChild(a),n.appendChild(t)):n.appendChild(a);document.getElementById(this.options.target).appendChild(n)}r=document.getElementsByTagName("head")[0],r.removeChild(document.getElementById("instafeed-fetcher")),f="instafeedCache"+this.unique,delete window[f]}return this.options.after!=null&&typeof this.options.after=="function"&&this.options.after.call(this),!0},e.prototype._buildUrl=function(){var e,t,n;e="https://api.instagram.com/v1";switch(this.options.get){case"popular":t="media/popular";break;case"tagged":if(typeof this.options.tagName!="string")throw new Error("No tag name specified. Use the 'tagName' option.");t="tags/"+this.options.tagName+"/media/recent";break;case"location":if(typeof this.options.locationId!="number")throw new Error("No location specified. Use the 'locationId' option.");t="locations/"+this.options.locationId+"/media/recent";break;case"user":if(typeof this.options.userId!="number")throw new Error("No user specified. Use the 'userId' option.");if(typeof this.options.accessToken!="string")throw new Error("No access token. Use the 'accessToken' option.");t="users/"+this.options.userId+"/media/recent";break;default:throw new Error("Invalid option for get: '"+this.options.get+"'.")}return n=""+e+"/"+t,this.options.accessToken!=null?n+="?access_token="+this.options.accessToken:n+="?client_id="+this.options.clientId,n+="&count="+this.options.limit,n+="&callback=instafeedCache"+this.unique+".parse",n},e.prototype._genKey=function(){var e;return e=function(){return((1+Math.random())*65536|0).toString(16).substring(1)},""+e()+e()+e()+e()},e.prototype._makeTemplate=function(e,t){var n,r,i,s,o;r=/(?:\{{2})([\w\[\]\.]+)(?:\}{2})/,n=e;while(r.test(n))i=n.match(r)[1],s=(o=this._getObjectProperty(t,i))!=null?o:"",n=n.replace(r,""+s);return n},e.prototype._getObjectProperty=function(e,t){var n,r;t=t.replace(/\[(\Line truncated
+1
View File
@@ -0,0 +1 @@
(function(){var a={months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan_feb_mar_apr_mai_jun_jul_aug_sep_okt_nov_des".split("_"),weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn_man_tir_ons_tor_fre_lør".split("_"),longDateFormat:{LT:"HH:mm",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY LT",LLLL:"dddd D MMMM YYYY LT"},meridiem:{AM:"AM",am:"am",PM:"PM",pm:"pm"},calendar:{sameDay:"[I dag klokken] LT",nextDay:"[I morgen klokken] LT",nextWeek:"dddd [klokken] LT",lastDay:"[I går klokken] LT",lastWeek:"[Forrige] dddd [klokken] LT",sameElse:"L"},relativeTime:{future:"om %s",past:"for %s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"},ordinal:function(a){return"."}};typeof module!="undefined"&&(module.exports=a),typeof window!="undefined"&&this.moment&&this.moment.lang&&this.moment.lang("nb",a)})();
+6
View File
@@ -0,0 +1,6 @@
// moment.js
// version : 2.0.0
// author : Tim Wood
// license : MIT
// momentjs.com
(function(e){function O(e,t){return function(n){return j(e.call(this,n),t)}}function M(e){return function(t){return this.lang().ordinal(e.call(this,t))}}function _(){}function D(e){H(this,e)}function P(e){var t=this._data={},n=e.years||e.year||e.y||0,r=e.months||e.month||e.M||0,i=e.weeks||e.week||e.w||0,s=e.days||e.day||e.d||0,o=e.hours||e.hour||e.h||0,u=e.minutes||e.minute||e.m||0,a=e.seconds||e.second||e.s||0,f=e.milliseconds||e.millisecond||e.ms||0;this._milliseconds=f+a*1e3+u*6e4+o*36e5,this._days=s+i*7,this._months=r+n*12,t.milliseconds=f%1e3,a+=B(f/1e3),t.seconds=a%60,u+=B(a/60),t.minutes=u%60,o+=B(u/60),t.hours=o%24,s+=B(o/24),s+=i*7,t.days=s%30,r+=B(s/30),t.months=r%12,n+=B(r/12),t.years=n}function H(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n]);return e}function B(e){return e<0?Math.ceil(e):Math.floor(e)}function j(e,t){var n=e+"";while(n.length<t)n="0"+n;return n}function F(e,t,n){var r=t._milliseconds,i=t._days,s=t._months,o;r&&e._d.setTime(+e+r*n),i&&e.date(e.date()+i*n),s&&(o=e.date(),e.date(1).month(e.month()+s*n).date(Math.min(o,e.daysInMonth())))}function I(e){return Object.prototype.toString.call(e)==="[object Array]"}function q(e,t){var n=Math.min(e.length,t.length),r=Math.abs(e.length-t.length),i=0,s;for(s=0;s<n;s++)~~e[s]!==~~t[s]&&i++;return i+r}function R(e,t){return t.abbr=e,s[e]||(s[e]=new _),s[e].set(t),s[e]}function U(e){return e?(!s[e]&&o&&require("./lang/"+e),s[e]):t.fn._lang}function z(e){return e.match(/\[.*\]/)?e.replace(/^\[|\]$/g,""):e.replace(/\\/g,"")}function W(e){var t=e.match(a),n,r;for(n=0,r=t.length;n<r;n++)A[t[n]]?t[n]=A[t[n]]:t[n]=z(t[n]);return function(i){var s="";for(n=0;n<r;n++)s+=typeof t[n].call=="function"?t[n].call(i,e):t[n];return s}}function X(e,t){function r(t){return e.lang().longDateFormat(t)||t}var n=5;while(n--&&f.test(t))t=t.replace(f,r);return C[t]||(C[t]=W(t)),C[t](e)}function V(e){switch(e){case"DDDD":return p;case"YYYY":return d;case"YYYYY":return v;case"S":case"SS":case"SSS":case"DDD":return h;case"MMM":case"MMMM":case"dd":case"ddd":case"dddd":case"a":case"A":return m;case"X":return b;case"Z":case"ZZ":return g;case"T":return y;case"MM":case"DD":case"YY":case"HH":case"hh":case"mm":case"ss":case"M":case"D":case"d":case"H":case"h":case"m":case"s":return c;default:return new RegExp(e.replace("\\",""))}}function $(e,t,n){var r,i,s=n._a;switch(e){case"M":case"MM":s[1]=t==null?0:~~t-1;break;case"MMM":case"MMMM":r=U(n._l).monthsParse(t),r!=null?s[1]=r:n._isValid=!1;break;case"D":case"DD":case"DDD":case"DDDD":t!=null&&(s[2]=~~t);break;case"YY":s[0]=~~t+(~~t>68?1900:2e3);break;case"YYYY":case"YYYYY":s[0]=~~t;break;case"a":case"A":n._isPm=(t+"").toLowerCase()==="pm";break;case"H":case"HH":case"h":case"hh":s[3]=~~t;break;case"m":case"mm":s[4]=~~t;break;case"s":case"ss":s[5]=~~t;break;case"S":case"SS":case"SSS":s[6]=~~(("0."+t)*1e3);break;case"X":n._d=new Date(parseFloat(t)*1e3);break;case"Z":case"ZZ":n._useUTC=!0,r=(t+"").match(x),r&&r[1]&&(n._tzh=~~r[1]),r&&r[2]&&(n._tzm=~~r[2]),r&&r[0]==="+"&&(n._tzh=-n._tzh,n._tzm=-n._tzm)}t==null&&(n._isValid=!1)}function J(e){var t,n,r=[];if(e._d)return;for(t=0;t<7;t++)e._a[t]=r[t]=e._a[t]==null?t===2?1:0:e._a[t];r[3]+=e._tzh||0,r[4]+=e._tzm||0,n=new Date(0),e._useUTC?(n.setUTCFullYear(r[0],r[1],r[2]),n.setUTCHours(r[3],r[4],r[5],r[6])):(n.setFullYear(r[0],r[1],r[2]),n.setHours(r[3],r[4],r[5],r[6])),e._d=n}function K(e){var t=e._f.match(a),n=e._i,r,i;e._a=[];for(r=0;r<t.length;r++)i=(V(t[r]).exec(n)||[])[0],i&&(n=n.slice(n.indexOf(i)+i.length)),A[t[r]]&&$(t[r],i,e);e._isPm&&e._a[3]<12&&(e._a[3]+=12),e._isPm===!1&&e._a[3]===12&&(e._a[3]=0),J(e)}function Q(e){var t,n,r,i=99,s,o,u;while(e._f.length){t=H({},e),t._f=e._f.pop(),K(t),n=new D(t);if(n.isValid()){r=n;break}u=q(t._a,n.toArray()),u<i&&(i=u,r=n)}H(e,r)}function G(e){var t,n=e._i;if(w.exec(n)){e._f="YYYY-MM-DDT";for(t=0;t<4;t++)if(S[t][1].exec(n)){e._f+=S[t][0];break}g.exec(n)&&(e._f+=" Z"),K(e)}else e._d=new Date(n)}function Y(t){var n=t._i,r=u.exec(n);n===e?t._d=new Date:r?t._d=new Date(+r[1]):typeof n=="string"?G(t):I(n)?(t._a=n.slice(0),J(t)):t._d=n instanceof Date?new Date(+n):new Date(n)}function Z(e,t,n,r,i){return i.relativeTime(t||1,!!n,e,r)}function et(e,t,n){var i=r(Math.abs(e)/1e3),s=r(i/60),o=r(s/60),u=r(o/24),a=r(u/365),f=i<45&&["s",i]||s===1&&["m"]||s<45&&["mm",s]||o===1&&["h"]||o<22&&["hh",o]||u===1&&["d"]||u<=25&&["dd",u]||u<=45&&["M"]||u<345&&["MM",r(u/30)]||a===1&&["y"]||["yy",a];return f[2]=t,f[3]=e>0,f[4]=n,Z.apply({},f)}function tt(e,n,r){var i=r-n,s=r-e.day();return s>i&&(s-=7),s<i-7&&(s+=7),Math.ceil(t(e).add("d",s).dayOfYear()/7)}function nt(e){var n=e._i,r=e._f;return n===null||n===""?null:(typeof n=="string"&&(e._i=n=U().preparse(n)),t.isMoment(n)?(e=H({},n),e._d=new Date(+n._d)):r?I(r)?Q(e):K(e):Y(e),new D(e))}function rt(e,n){t.fn[e]=t.fn[e+"s"]=function(e){var t=this._isUTC?"UTC":"";return e!=null?(this._d["set"+t+n](e),this):this._d["get"+t+n]()}}function it(e){t.duration.fn[e]=function(){return this._data[e]}}function st(e,n){Line truncated
@@ -0,0 +1,2 @@
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
(function(o,e){var t=/hsla?\(\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)%\s*,\s*(-?[\d.]+)%.*?\)/g,r=/rgba?\(\s*(-?[\d.]+%?)\s*,\s*(-?[\d.]+%?)\s*,\s*(-?[\d.]+%?).*?\)/g,n=/^#[^\s]+$/,l=e.setStyle;e.setStyle=function(o,e,n){l.apply(this,arguments);var a,i=o.style;if("opacity"===e)return i.zoom=1,n>=1&&i.removeAttribute?i.removeAttribute("filter"):i.filter="alpha(opacity="+100*n+")",void 0;if(n.indexOf("hsl")>-1&&(a=!1,n=n.replace(t,function(o,e,t,r){return a=!0,s.hsl(parseFloat(e),parseFloat(t),parseFloat(r))}),a))try{i[e]=n}catch(c){}else if(n.indexOf("rgb")>-1&&(a=!1,n=n.replace(r,function(o,e,t,r){return a=!0,e=parseFloat(e,10),t=parseFloat(t,10),r=parseFloat(r,10),o.indexOf("%")>-1&&(e=255*(e/100),t=255*(t/100),r=255*(r/100)),s.rgb(0|e,0|t,0|r)}),a))try{i[e]=n}catch(c){}else;};var s={hsl:function(o,e,t,r){return o%=360,o/=60,t/=100,e=[t+=e*=(.5>t?t:1-t)/100,t-2*o%1*e,t-=e*=2,t,t+o%1*e,t+e],r=[e[~~o%6],e[(16|o)%6],e[(8|o)%6]],s.rgb(parseInt(255*r[0],10),parseInt(255*r[1],10),parseInt(255*r[2],10))},rgb:function(o,e,t){return"#"+((256+o<<8|e)<<8|t).toString(16).slice(1)}};o.querySelector=o.querySelector||function(e){if(!n.test(e))throw'Unsupported selector "'+e+'". The querySelector polyfill only works for IDs.';return o.getElementById(e.substr(1))}})(document,window.skrollr);
+2
View File
@@ -0,0 +1,2 @@
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
(function(o,e){var t=500,r="sqrt",n="data-menu-top",l=function(e){return"A"===e.tagName?e:e===o?!1:l(e.parentNode)},a=function(e){var t=l(e.target);if(t){var r=t.getAttribute("href");if(0===r.indexOf("#")){var a;if(t.hasAttribute(n))a=+t.getAttribute(n);else{var u=o.getElementById(r.substr(1));if(!u)return;a=s.relativeToAbsolute(u,"top","top")}p?s.animateTo(a,{duration:c,easing:i}):s.setScrollTop(a),e.preventDefault()}}};e.menu={},e.menu.init=function(n,l){s=n,l=l||{},c=l.duration||t,i=l.easing||r,p=l.animate!==!1,e.addEvent(o,"click",a)};var s,i,c,p;window.setTimeout(function(){location.hash&&window.scrollTo(0,0)},1)})(document,window.skrollr);
+2
View File
@@ -0,0 +1,2 @@
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
(function(e,t,r){"use strict";function n(r){if(o=t.documentElement,a=t.body,O(),j=this,r=r||{},K=r.constants||{},r.easing)for(var n in r.easing)V[n]=r.easing[n];if(Y={beforerender:r.beforerender,render:r.render},J=r.forceHeight!==!1,X=r.smoothScrolling!==!1,Z={targetTop:j.getScrollTop()},J&&(ct=r.scale||1),ot(o,[u],[p]),J){var i=t.getElementById("skrollr-body")||t.createElement("div"),s=i.style;s.minWidth="1px",s.position="absolute",s.top=s.zIndex="0",i.id||(s.width="1px",s.right="0",a.appendChild(i)),function(e){tt=function(){e.apply(this,arguments),s.height=ft+o.clientHeight+"px"}}(tt)}return j.refresh(),l.addEvent(e,"resize",tt),function f(){S(f),N()}(),j}var o,a,l=e.skrollr={get:function(){return j},init:function(e){return j||new n(e)},VERSION:"0.5.14"},i=Object.prototype.hasOwnProperty,s="rendered",f="un"+s,c="skrollable",u="skrollr",p="no-"+u,m="linear",d=1e3,g=200,h="start",v="end",T="center",y="bottom",b="___has_rendered_class",k="___skrollable_id",S=e.requestAnimationFrame;(function(){var t,r=["ms","moz","webkit","o"];for(t=0;r.length>t&&!S;t++)S=e[r[t]+"RequestAnimationFrame"];var n=0;S||(S=function(t){var r=it(),o=Math.max(0,30-(r-n));e.setTimeout(function(){t(r+o)},o),n=r+o})})();var w,x,E=/^\s+|\s+$/g,F=/^data(?:-(_\w+))?(?:-?(-?\d+))?(?:-?(start|end|top|center|bottom))?(?:-?(top|center|bottom))?$/,z=/\s*([a-z\-\[\]]+)\s*:\s*(.+?)\s*(?:;|$)/gi,A=/^([a-z\-]+)\[(\w+)\]$/,M=/-([a-z])/g,_=function(e,t){return t.toUpperCase()},D=/[\-+]?[\d]*\.?[\d]+/g,H=/\{\?\}/g,C=/rgba?\(\s*-?\d+\s*,\s*-?\d+\s*,\s*-?\d+/g,I=/[a-z\-]+-gradient/g,O=function(){var t=/^(?:O|Moz|webkit|ms)|(?:-(?:o|moz|webkit|ms)-)/;if(e.getComputedStyle){var r=e.getComputedStyle(a,null);for(var n in r)if(w=n.match(t)||+n==n&&r[n].match(t))break;w&&(w=w[0],"-"===w.slice(0,1)?(x=w,w={"-webkit-":"webkit","-moz-":"Moz","-ms-":"ms","-o-":"O"}[w]):x="-"+w.toLowerCase()+"-")}},V={begin:function(){return 0},end:function(){return 1},linear:function(e){return e},quadratic:function(e){return e*e},cubic:function(e){return e*e*e},swing:function(e){return-Math.cos(e*Math.PI)/2+.5},sqrt:function(e){return Math.sqrt(e)},bounce:function(e){var t;if(.5083>=e)t=3;else if(.8489>=e)t=9;else if(.96208>=e)t=27;else{if(!(.99981>=e))return 1;t=91}return 1-Math.abs(3*Math.cos(1.028*e*t)/t)}};n.prototype.refresh=function(e){var n,o=!1;for(e===r?(o=!0,W=[],dt=0,e=t.getElementsByTagName("*")):e=[].concat(e),n=0;e.length>n;n++){var a=e[n],l=a,i=[],u=X;if(a.attributes){for(var p=0;a.attributes.length>p;p++){var m=a.attributes[p];if("data-anchor-target"!==m.name)if("data-smooth-scrolling"!==m.name){var d=m.name.match(F);if(null!==d){var g=d[1];g=g&&K[g.substr(1)]||0;var T=(0|d[2])+g,y=d[3],S=d[4]||y,w={offset:T,props:m.value,element:a};i.push(w),y&&y!==h&&y!==v?(w.mode="relative",w.anchors=[y,S]):(w.mode="absolute",y===v?w.isEnd=!0:(w.frame=T*ct,delete w.offset))}}else u="off"!==m.value;else if(l=t.querySelector(m.value),null===l)throw'Unable to find anchor target "'+m.value+'"'}if(i.length){var x,E,z;!o&&k in a?(z=a[k],x=W[z].styleAttr,E=W[z].classAttr):(z=a[k]=dt++,x=a.style.cssText,E=nt(a));var A=W[z]={element:a,styleAttr:x,classAttr:E,anchorTarget:l,keyFrames:i,smoothScrolling:u};ot(a,[c,s],[f]),A[b]=!0}}}for(tt(),n=0;e.length>n;n++){var M=W[e[n][k]];M!==r&&(M.keyFrames.sort(st),$(M),L(M))}return j},n.prototype.relativeToAbsolute=function(e,t,r){var n=o.clientHeight,a=e.getBoundingClientRect(),l=a.top,i=a.bottom-a.top;return t===y?l-=n:t===T&&(l-=n/2),r===y?l+=i:r===T&&(l+=i/2),l+=j.getScrollTop(),0|l+.5},n.prototype.animateTo=function(e,t){t=t||{};var n=it(),o=j.getScrollTop();return Q={startTop:o,topDiff:e-o,targetTop:e,duration:t.duration||d,startTime:n,endTime:n+(t.duration||d),easing:V[t.easing||m],done:t.done},Q.topDiff||(Q.done&&Q.done.call(j,!1),Q=r),j},n.prototype.stopAnimateTo=function(){Q&&Q.done&&Q.done.call(j,!0),Q=r},n.prototype.isAnimatingTo=function(){return!!Q},n.prototype.setScrollTop=function(t,r){return r===!0&&(pt=t,et=!0),l.iscroll?l.iscroll.scrollTo(0,-t):e.scrollTo(0,t),j},n.prototype.getScrollTop=function(){return l.iscroll?-l.iscroll.y:e.pageYOffset||o.scrollTop||a.scrollTop||0},n.prototype.on=function(e,t){return Y[e]=t,j},n.prototype.off=function(e){return delete Y[e],j};var q=function(){var e,t,r,n,o,a,l,i,s;for(a=0;W.length>a;a++)for(e=W[a],t=e.element,r=e.anchorTarget,n=e.keyFrames,l=0;n.length>l;l++)o=n[l],"relative"===o.mode&&(i=t.style.cssText,s=nt(t),t.style.cssText=e.styleAttr,ot(t,e.classAttr),o.frame=j.relativeToAbsolute(r,o.anchors[0],o.anchors[1])-o.offset,t.style.cssText=i,ot(t,s)),J&&!o.isEnd&&o.frame>ft&&(ft=o.frame);for(ft=Math.max(ft,rt()),a=0;W.length>a;a++)for(e=W[a],n=e.keyFrames,l=0;n.length>l;l++)o=n[l],o.isEnd&&(o.frame=ft-o.offset)},G=function(e,t){for(var r=0;W.length>r;r++){var n,o,a=W[r],c=a.smoothScrolling?e:t,u=a.keyFrames,p=u[0].frame,m=u[u.length-1].frame,d=p>=c,g=c>=m;if(d||g){var h=u[d?0:u.length-1].props;for(n in h)i.call(h,n)&&(o=P(h[n].value),l.setStyle(a.element,n,o));a[b]&&(p>c||c>m)&&(ot(a.elemeLine truncated
@@ -0,0 +1,4 @@
/*! skrollr 0.5.14 (2013-04-04) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr | Free to use under terms of MIT license */
/*! contains iScroll */
/*! iScroll v4.2.4 ~ Copyright (c) 2012 Matteo Spinelli, http://cubiq.org Released under MIT license, http://cubiq.org/license */
(function(o,e){function t(o){return""===l?o:(o=o.charAt(0).toUpperCase()+o.substr(1),l+o)}var r=Math,n=e.createElement("div").style,l=function(){for(var o,e="t,webkitT,MozT,msT,OT".split(","),t=0,r=e.length;r>t;t++)if(o=e[t]+"ransform",o in n)return e[t].substr(0,e[t].length-1);return!1}(),s=l?"-"+l.toLowerCase()+"-":"",a=t("transform"),i=t("transitionProperty"),c=t("transitionDuration"),p=t("transformOrigin"),u=t("transitionTimingFunction"),m=t("transitionDelay"),h=/android/gi.test(navigator.appVersion),d=/iphone|ipad/gi.test(navigator.appVersion),f=/hp-tablet/gi.test(navigator.appVersion),S=t("perspective")in n,b="ontouchstart"in o&&!f,g=l!==!1,x=t("transition")in n,v="onorientationchange"in o?"orientationchange":"resize",y=b?"touchstart":"mousedown",T=b?"touchmove":"mousemove",Y=b?"touchend":"mouseup",w=b?"touchcancel":"mouseup",X=function(){if(l===!1)return!1;var o={"":"transitionend",webkit:"webkitTransitionEnd",Moz:"transitionend",O:"otransitionend",ms:"MSTransitionEnd"};return o[l]}(),_=function(){return o.requestAnimationFrame||o.webkitRequestAnimationFrame||o.mozRequestAnimationFrame||o.oRequestAnimationFrame||o.msRequestAnimationFrame||function(o){return setTimeout(o,1)}}(),z=function(){return o.cancelRequestAnimationFrame||o.webkitCancelAnimationFrame||o.webkitCancelRequestAnimationFrame||o.mozCancelRequestAnimationFrame||o.oCancelRequestAnimationFrame||o.msCancelRequestAnimationFrame||clearTimeout}(),M=S?" translateZ(0)":"",E=function(t,r){var n,l=this;l.wrapper="object"==typeof t?t:e.getElementById(t),l.wrapper.style.overflow="hidden",l.scroller=l.wrapper.children[0],l.options={hScroll:!0,vScroll:!0,x:0,y:0,bounce:!0,bounceLock:!1,momentum:!0,lockDirection:!0,useTransform:!0,useTransition:!1,topOffset:0,checkDOMChanges:!1,handleClick:!0,hScrollbar:!0,vScrollbar:!0,fixedScrollbar:h,hideScrollbar:d,fadeScrollbar:d&&S,scrollbarClass:"",zoom:!1,zoomMin:1,zoomMax:4,doubleTapZoom:2,wheelAction:"scroll",snap:!1,snapThreshold:1,onRefresh:null,onBeforeScrollStart:function(o){o.preventDefault()},onScrollStart:null,onBeforeScrollMove:null,onScrollMove:null,onBeforeScrollEnd:null,onScrollEnd:null,onTouchEnd:null,onDestroy:null,onZoomStart:null,onZoom:null,onZoomEnd:null};for(n in r)l.options[n]=r[n];l.x=l.options.x,l.y=l.options.y,l.options.useTransform=g&&l.options.useTransform,l.options.hScrollbar=l.options.hScroll&&l.options.hScrollbar,l.options.vScrollbar=l.options.vScroll&&l.options.vScrollbar,l.options.zoom=l.options.useTransform&&l.options.zoom,l.options.useTransition=x&&l.options.useTransition,l.options.zoom&&h&&(M=""),l.scroller.style[i]=l.options.useTransform?s+"transform":"top left",l.scroller.style[c]="0",l.scroller.style[p]="0 0",l.options.useTransition&&(l.scroller.style[u]="cubic-bezier(0.33,0.66,0.66,1)"),l.options.useTransform?l.scroller.style[a]="translate("+l.x+"px,"+l.y+"px)"+M:l.scroller.style.cssText+=";position:absolute;top:"+l.y+"px;left:"+l.x+"px",l.options.useTransition&&(l.options.fixedScrollbar=!0),l.refresh(),l._bind(v,o),l._bind(y),b||"none"!=l.options.wheelAction&&(l._bind("DOMMouseScroll"),l._bind("mousewheel")),l.options.checkDOMChanges&&(l.checkDOMTime=setInterval(function(){l._checkDOMChanges()},500))};E.prototype={enabled:!0,x:0,y:0,steps:[],scale:1,currPageX:0,currPageY:0,pagesX:[],pagesY:[],aniTime:null,wheelZoomCount:0,handleEvent:function(o){var e=this;switch(o.type){case y:if(!b&&0!==o.button)return;e._start(o);break;case T:e._move(o);break;case Y:case w:e._end(o);break;case v:e._resize();break;case"DOMMouseScroll":case"mousewheel":e._wheel(o);break;case X:e._transitionEnd(o)}},_checkDOMChanges:function(){this.moved||this.zoomed||this.animating||this.scrollerW==this.scroller.offsetWidth*this.scale&&this.scrollerH==this.scroller.offsetHeight*this.scale||this.refresh()},_scrollbar:function(o){var t,n=this;return n[o+"Scrollbar"]?(n[o+"ScrollbarWrapper"]||(t=e.createElement("div"),n.options.scrollbarClass?t.className=n.options.scrollbarClass+o.toUpperCase():t.style.cssText="position:absolute;z-index:100;"+("h"==o?"height:7px;bottom:1px;left:2px;right:"+(n.vScrollbar?"7":"2")+"px":"width:7px;bottom:"+(n.hScrollbar?"7":"2")+"px;top:2px;right:1px"),t.style.cssText+=";pointer-events:none;"+s+"transition-property:opacity;"+s+"transition-duration:"+(n.options.fadeScrollbar?"350ms":"0")+";overflow:hidden;opacity:"+(n.options.hideScrollbar?"0":"1"),n.wrapper.appendChild(t),n[o+"ScrollbarWrapper"]=t,t=e.createElement("div"),n.options.scrollbarClass||(t.style.cssText="position:absolute;z-index:100;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);"+s+"background-clip:padding-box;"+s+"box-sizing:border-box;"+("h"==o?"height:100%":"width:100%")+";"+s+"border-radius:3px;border-radius:3px"),t.style.cssText+=";pointer-events:none;"+s+"transition-property:"+s+"transform;"+s+"transition-timing-function:cubic-bezier(0.33,0.66,0.66,1);"+s+"transition-duration:0;"+s+"transform: translate(0,0)"+M,n.options.useTransition&&(t.style.cssText+=";"+s+"transition-timing-function:Line truncated
@@ -0,0 +1,2 @@
/*! skrollr-stylesheets 0.0.2 (2013-04-12) | Alexander Prinzhorn - https://github.com/Prinzhorn/skrollr-stylesheets | Free to use under terms of MIT license */
(function(e,t){"use strict";var n,r=[],l=/@-skrollr-keyframes\s+(\w+)/g,s=/\s*\{\s*((?:[^{]+\{[^}]*\}\s*)+?)\s*\}/g,a=/([\w\-]+)\s*\{([^}]+)\}/g,o=/-skrollr-animation-name\s*:\s*(\w+)/g,u=function(t){var n=new XMLHttpRequest;try{n.open("GET",t,!1),n.send(null)}catch(r){e.XDomainRequest&&(n=new XDomainRequest,n.open("GET",t,!1),n.send(null))}return n.responseText},i=function(e){for(var t=0;e.length>t;t++){var l=e[t];if("LINK"===l.tagName){if(null===l.getAttribute("data-skrollr-stylesheet"))continue;n=u(l.href)}else n=l.textContent||l.innerText||l.innerHTML;n&&r.push(n)}r.reverse();for(var s={},a=[],o=0;r.length>o;o++)n=r[o],c(n,s),f(n,a);g(s,a)},c=function(e,t){l.lastIndex=0;for(var n,r,o,u;null!==(n=l.exec(e));)for(s.lastIndex=l.lastIndex,r=s.exec(e),a.lastIndex=0,u=t[n[1]]={};null!==(o=a.exec(r[1]));)u[o[1]]=o[2].replace(/[\n\r\t]/g,"")},f=function(e,t){o.lastIndex=0;for(var n,r,l;null!==(n=o.exec(e));){for(l=o.lastIndex;l--&&"{"!==e.charAt(l););for(r=l;r--&&"}"!==e.charAt(r-1););t.push([e.substring(r,l).replace(/[\n\r\t]/g,""),n[1]])}},g=function(e,n){for(var r,l,s,a,o,u,i,c=0;n.length>c;c++)if(r=t.querySelectorAll(n[c][0])){l=e[n[c][1]];for(s in l)for(a=0;r.length>a;a++)i=r[a],o="data-"+s,u=l[s],i.hasAttribute(o)&&(u+=i.getAttribute(o)),r[a].setAttribute(o,u)}};i(t.querySelectorAll("link, style"))})(window,document);
+114 -4
View File
@@ -41,6 +41,9 @@
@import "compass/css3/transform";
@import "compass/css3/transition";
@import "compass/css3/box-shadow";
@import "compass/css3/filter";
$multiplied: #00005c; // FIXME: use this instead of transparent water?
/* General styles */
body {
@@ -61,6 +64,11 @@ body {
}
}
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
/* buttons */
body {
.button {
@@ -99,10 +107,38 @@ body {
}
}
}
/* Image hover filters */
a.filter {
position: relative;
float: left;
cursor: pointer;
background-color: white;
&:hover {
@include filter(none);
background-color: white;
}
@include filter(grayscale(100%));
//&:before {
// content: "";
// display: block;
// position: absolute;
// top: 0;
// bottom: 0;
// left: 0;
// right: 0;
// background-color: transparent;
//}
//&:hover:before {
// background-color: $primary-color;
// opacity: .8;
// @include transition( any .15s ease);
//}
}
header.header {
margin-top: 2em;
margin-bottom: 2em;
.date {
color: $primary-color;
font-size: 3.45em;
@@ -117,6 +153,13 @@ header.header {
bottom: -15px;
left: 10px;
&.multiply {
position: absolute;
left: 372px;
bottom: -12px;
z-index: 1;
}
}
.nav-menu {
@include inline-block-list;
@@ -127,11 +170,13 @@ header.header {
font-size: 1.5em;
font-weight: 600;
display: inline-block;
padding: .7em .8em;
padding: .7em .813em;
color: white;
text-transform: uppercase;
position: relative;
&:hover {
z-index: 2;
background-color: $secondary-color;
}
}
@@ -149,6 +194,17 @@ header.header {
color: white;
background-color: $secondary-color;
&.highlight-image {
@extend .hide-text;
background-color: white;
background-image: url('../images/fri_villig.png');
background-repeat: no-repeat;
&:hover {
background-color: white;
background-image: url('../images/fri_villig_hover.png');
}
}
&:hover {
color: white;
background-color: $primary-color;
@@ -157,7 +213,7 @@ header.header {
display: inline-block;
padding-top: 30px;
&.larger {
padding-top: 55px;
padding-top: 62px;
font-size: 1.6em;
}
}
@@ -212,9 +268,64 @@ article {
border-left: 2px solid $primary-color;
}
.row.row.tweets-and-blog {
margin-top: 2em;
margin-bottom: 3em;
}
.tweets-image {
@extend .hide-text;
display: inline-block;
width: 291px;
height: 114px;
background-color: white;
background-image: url('../images/tweets.png');
background-repeat: no-repeat;
&:hover {
background-color: white;
background-image: url('../images/tweets_hover.png');
}
}
.blog-image {
@extend .hide-text;
display: inline-block;
width: 285px;
height: 258px;
background-color: white;
background-image: url('../images/blog.png');
background-repeat: no-repeat;
&:hover {
background-color: white;
background-image: url('../images/blog_hover.png');
}
}
.instagram-image {
@extend .hide-text;
display: inline-block;
width: 300px;
height: 304px;
background-color: white;
background-image: url('../images/instagram.png');
background-repeat: no-repeat;
&:hover {
background-color: white;
background-image: url('../images/instagram_hover.png');
}
}
.artists-image {
@extend .hide-text;
display: inline-block;
width: 300px;
height: 220px;
background-color: white;
background-image: url('../images/artists.png');
background-repeat: no-repeat;
&:hover {
background-color: white;
background-image: url('../images/artists_hover.png');
}
}
.social-media {
font-size: 2em;
color: $secondary-color;
@@ -294,7 +405,6 @@ article {
height:30px;
width:100%;
background-color: $primary-color;
}
.wavetop {
position: relative;
+1 -1
View File
@@ -5,7 +5,7 @@
<!-- This content shows up if there are no widgets defined in the backend. -->
<!-- FIXME: template-tag -->
<div class="lineup">
<a href="/artister/"><img src="<?php echo get_template_directory_uri(); ?>/images/artister.png" alt="Artister" /></a>
<a href="/artister/" class="artists-image">Artister</a>
<ul class="artists headliners">
<li><a href="">obama</a></li>
<li><a href="">THE ETTES</a></li>