first commit
This commit is contained in:
196
accueil.php
Executable file
196
accueil.php
Executable file
@@ -0,0 +1,196 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
Template Name: Accueil
|
||||||
|
*/
|
||||||
|
get_header();
|
||||||
|
$slider = array(
|
||||||
|
'post_type' => 'post',
|
||||||
|
'meta_key' => 'show_in_slider',
|
||||||
|
'meta_value' => 'yes',
|
||||||
|
'posts_per_page' => -1,
|
||||||
|
'ignore_sticky_posts' => true
|
||||||
|
);
|
||||||
|
$the_query = new WP_Query( $slider );
|
||||||
|
if ( $the_query->have_posts() ) :
|
||||||
|
?>
|
||||||
|
<div class="home-slider">
|
||||||
|
<div id="slider" class="sl-slider-wrapper">
|
||||||
|
<div class="sl-slider">
|
||||||
|
<?php while ( $the_query->have_posts() ) : $the_query->the_post();
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
|
||||||
|
$trans = array(
|
||||||
|
array('horizontal','-25','-25','2','2'),
|
||||||
|
array('vertical','10','-15','1.5','1.5'),
|
||||||
|
array('horizontal','3','3','2','1'),
|
||||||
|
array('vertical','-25','-25','2','2'),
|
||||||
|
array('horizontal','-5','10','2','1')
|
||||||
|
);
|
||||||
|
$random_key = array_rand($trans,2);
|
||||||
|
$arr = $trans[$random_key[0]];
|
||||||
|
?>
|
||||||
|
<div class="sl-slide" data-orientation="<?php echo $arr[0]; ?>" data-slice1-rotation="<?php echo $arr[1]; ?>" data-slice2-rotation="<?php echo $arr[2]; ?>" data-slice1-scale="<?php echo $arr[3]; ?>" data-slice2-scale="<?php echo $arr[4]; ?>">
|
||||||
|
<div class="sl-slide-inner">
|
||||||
|
<div class="bg-img" style="background-image: url(<?php echo $thumbnail[0]; ?>); "><a href="<?php the_permalink(); ?>"></a></div>
|
||||||
|
<div class="sl-desc">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endwhile; ?>
|
||||||
|
</div><!-- /sl-slider -->
|
||||||
|
<nav id="nav-arrows" class="nav-arrows">
|
||||||
|
<span class="nav-arrow-prev"><?php _e('Previous','CreatorThemeRes-child'); ?></span>
|
||||||
|
<span class="nav-arrow-next"><?php _e('Next','CreatorThemeRes-child'); ?></span>
|
||||||
|
</nav>
|
||||||
|
</div><!-- /slider-wrapper -->
|
||||||
|
</div><!-- home-slider -->
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="feature-text-area">
|
||||||
|
<h3><?php _e('Portfolio','CreatorThemeRes-child'); ?></h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="home-box">
|
||||||
|
<div class="container">
|
||||||
|
<?php
|
||||||
|
$blog_args = array(
|
||||||
|
'post_type' => 'post',
|
||||||
|
'posts_per_page' => 7,
|
||||||
|
'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
|
||||||
|
'ignore_sticky_posts' => true
|
||||||
|
/*
|
||||||
|
'meta_key' => 'ex_show_in_homepage',
|
||||||
|
'meta_value' => 'yes',
|
||||||
|
*/
|
||||||
|
);
|
||||||
|
$blog = new WP_Query( $blog_args );
|
||||||
|
if ( $blog->have_posts() ) :
|
||||||
|
?>
|
||||||
|
<div class="blog">
|
||||||
|
<div class="home-posts">
|
||||||
|
<?php
|
||||||
|
$i = 0;
|
||||||
|
while ( $blog->have_posts() ) : $blog->the_post();
|
||||||
|
?>
|
||||||
|
<div class="blog-post-box <?php echo 'home-post-'.$i; echo (is_sticky() ? ' sticky-post': ''); ?>">
|
||||||
|
<div class="blog-post-feature">
|
||||||
|
<?php
|
||||||
|
$type = get_post_meta($post->ID,'page_featured_type',true);
|
||||||
|
switch ($type) {
|
||||||
|
case 'youtube':
|
||||||
|
echo '<iframe width="560" height="315" src="http://www.youtube.com/embed/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?wmode=transparent" frameborder="0" allowfullscreen></iframe>';
|
||||||
|
break;
|
||||||
|
case 'vimeo':
|
||||||
|
echo '<iframe src="http://player.vimeo.com/video/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?title=0&byline=0&portrait=0&color=03b3fc" width="500" height="338" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) );
|
||||||
|
echo '<div class="blog-post-image">
|
||||||
|
<a href="'.get_permalink().'" style="background-image: url('.$thumbnail[0].')"></a>';
|
||||||
|
echo '<h3><a href="'.get_the_permalink().'">'.get_the_title().'</a></h3>';
|
||||||
|
echo '</div>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
$i++;
|
||||||
|
endwhile;
|
||||||
|
?>
|
||||||
|
</div><!-- blog-posts -->
|
||||||
|
</div><!-- blog -->
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
|
||||||
|
<?php if ( dess_setting('dess_hometext') !='' ) : ?>
|
||||||
|
<div class="feature-text-area">
|
||||||
|
<h3><?php echo dess_setting('dess_hometext'); ?></h3>
|
||||||
|
</div><!-- feature-text-area -->
|
||||||
|
<?php endif; ?>
|
||||||
|
<?php
|
||||||
|
$port_args = array(
|
||||||
|
'post_type' => 'post',
|
||||||
|
'posts_per_page' => 3,
|
||||||
|
'ignore_sticky_posts' => true,
|
||||||
|
'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
|
||||||
|
/*
|
||||||
|
'category_name' => 'blog',
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
'meta_query' => array(
|
||||||
|
array(
|
||||||
|
'relation' => 'OR',
|
||||||
|
array(
|
||||||
|
'key' => 'show_in_slider',
|
||||||
|
'value' => 'Yes',
|
||||||
|
'compare' => '!='
|
||||||
|
),
|
||||||
|
array(
|
||||||
|
'key' => 'show_in_slider',
|
||||||
|
'compare' => 'NOT EXISTS'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
'relation' => 'AND',
|
||||||
|
array(
|
||||||
|
'relation' => 'OR',
|
||||||
|
array(
|
||||||
|
'key' => 'ex_show_in_homepage',
|
||||||
|
'value' => 'Yes',
|
||||||
|
'compare' => '!='
|
||||||
|
),
|
||||||
|
array(
|
||||||
|
'key' => 'ex_show_in_homepage',
|
||||||
|
'compare' => 'NOT EXISTS'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
),
|
||||||
|
*/
|
||||||
|
);
|
||||||
|
$port_query = new WP_Query( $port_args );
|
||||||
|
if ( $port_query->have_posts() ) :
|
||||||
|
?>
|
||||||
|
<div class="home-featured">
|
||||||
|
<?php while ( $port_query->have_posts() ) : $port_query->the_post(); ?>
|
||||||
|
<div class="featured-box">
|
||||||
|
<div class="port-image">
|
||||||
|
<?php
|
||||||
|
$type = get_post_meta($post->ID,'page_featured_type',true);
|
||||||
|
switch ($type) {
|
||||||
|
case 'youtube':
|
||||||
|
echo '<iframe src="http://www.youtube.com/embed/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?wmode=transparent" frameborder="0" allowfullscreen></iframe>';
|
||||||
|
break;
|
||||||
|
case 'vimeo':
|
||||||
|
echo '<iframe src="http://player.vimeo.com/video/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?title=0&byline=0&portrait=0&color=03b3fc" width="500" height="338" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) );
|
||||||
|
echo '<a href="'.get_permalink().'" style="background-image: url('.$thumbnail[0].')"></a>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="port-body">
|
||||||
|
<p class="port-date"><?php //the_time('F d, Y'); ?><?php RelativeTime(); ?></p>
|
||||||
|
<h3><a href="<?php the_permalink(); ?>"><?php echo the_title(); ?></a></h3>
|
||||||
|
<p><?php echo dess_get_excerpt(230); ?></p>
|
||||||
|
<a class="read-more" href="<?php the_permalink(); ?>"><?php _e('Read More','CreatorThemeRes-child'); ?></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endwhile; ?>
|
||||||
|
|
||||||
|
</div><!-- home-portfolio -->
|
||||||
|
|
||||||
|
<div class="retour-blog">
|
||||||
|
<a href="blog/"><?php _e('Read more blog entries...','CreatorThemeRes-child'); ?></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
endif;
|
||||||
|
?>
|
||||||
|
</div><!-- container -->
|
||||||
|
</div><!-- home-box -->
|
||||||
|
<?php
|
||||||
|
get_footer();
|
||||||
|
?>
|
||||||
74
archive.php
Executable file
74
archive.php
Executable file
@@ -0,0 +1,74 @@
|
|||||||
|
<?php
|
||||||
|
get_header();
|
||||||
|
$args = array_merge( $wp_query->query, array( 'posts_per_page' => 9 ));
|
||||||
|
$query = new WP_Query($args);
|
||||||
|
?>
|
||||||
|
<div class="content">
|
||||||
|
<div class="container">
|
||||||
|
<div class="post_content">
|
||||||
|
<?php if ( $query->have_posts() ) : ?>
|
||||||
|
<div class="blog">
|
||||||
|
<!--div class="archive_title">
|
||||||
|
<h2><?php //echo single_cat_title( '', false ); ?></h2>
|
||||||
|
</div--><!--//archive_title-->
|
||||||
|
<div class="blog-posts">
|
||||||
|
<?php
|
||||||
|
while ($query->have_posts() ) : $query->the_post();
|
||||||
|
?>
|
||||||
|
<!-- template blog -->
|
||||||
|
<div class="featured-box">
|
||||||
|
<div class="port-image">
|
||||||
|
<?php
|
||||||
|
$type = get_post_meta($post->ID,'page_featured_type',true);
|
||||||
|
switch ($type) {
|
||||||
|
case 'youtube':
|
||||||
|
echo '<iframe src="http://www.youtube.com/embed/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?wmode=transparent" frameborder="0" allowfullscreen></iframe>';
|
||||||
|
break;
|
||||||
|
case 'vimeo':
|
||||||
|
echo '<iframe src="http://player.vimeo.com/video/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?title=0&byline=0&portrait=0&color=03b3fc" width="500" height="338" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) );
|
||||||
|
echo '<a href="'.get_permalink().'" style="background-image: url('.$thumbnail[0].')"></a>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="port-body">
|
||||||
|
<p class="port-date"><?php //the_time('F d, Y'); ?><?php RelativeTime(); ?></p>
|
||||||
|
<h3><a href="<?php the_permalink(); ?>"><?php echo the_title(); ?></a></h3>
|
||||||
|
<p><?php echo dess_get_excerpt(230); ?></p>
|
||||||
|
<a class="read-more" href="<?php the_permalink(); ?>">Read More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- template blog -->
|
||||||
|
|
||||||
|
<?php
|
||||||
|
endwhile;
|
||||||
|
?>
|
||||||
|
<!--div class="clear"></div-->
|
||||||
|
</div><!-- archive-posts -->
|
||||||
|
<div class="blog-pagination">
|
||||||
|
<?php
|
||||||
|
$big = 999999999; // need an unlikely integer
|
||||||
|
echo paginate_links( array(
|
||||||
|
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
|
||||||
|
'format' => '?paged=%#%',
|
||||||
|
'current' => max( 1, get_query_var('paged') ),
|
||||||
|
'total' => $query->max_num_pages,
|
||||||
|
'prev_text' => '←',
|
||||||
|
'next_text' => '→'
|
||||||
|
) );
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div><!-- blog -->
|
||||||
|
<?php
|
||||||
|
else :
|
||||||
|
echo '<p>'.__('Sorry, no posts found.','creator').'</p>';
|
||||||
|
endif; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
get_footer();
|
||||||
|
?>
|
||||||
1
css/admin-style.css
Executable file
1
css/admin-style.css
Executable file
@@ -0,0 +1 @@
|
|||||||
|
#selected-logo { height: 120px; width: 320px; background-color: #fff; background-position: center; background-repeat: no-repeat; position: relative; }
|
||||||
1
css/editor-style.css
Executable file
1
css/editor-style.css
Executable file
@@ -0,0 +1 @@
|
|||||||
|
body {
|
||||||
138
css/slicknav.css
Executable file
138
css/slicknav.css
Executable file
@@ -0,0 +1,138 @@
|
|||||||
|
/*!
|
||||||
|
* SlickNav Responsive Mobile Menu v1.0.3
|
||||||
|
* (c) 2015 Josh Cope
|
||||||
|
* licensed under MIT
|
||||||
|
*/
|
||||||
|
.slicknav_btn {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
vertical-align: middle;
|
||||||
|
float: right;
|
||||||
|
padding: 0.438em 0.625em 0.438em 0.625em;
|
||||||
|
line-height: 1.125em;
|
||||||
|
cursor: pointer; }
|
||||||
|
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
|
||||||
|
margin-top: 0.188em; }
|
||||||
|
|
||||||
|
.slicknav_menu {
|
||||||
|
*zoom: 1; }
|
||||||
|
.slicknav_menu .slicknav_menutxt {
|
||||||
|
display: block;
|
||||||
|
line-height: 1.188em;
|
||||||
|
float: left; }
|
||||||
|
.slicknav_menu .slicknav_icon {
|
||||||
|
float: left;
|
||||||
|
margin: 0.188em 0 0 0.438em; }
|
||||||
|
.slicknav_menu .slicknav_no-text {
|
||||||
|
margin: 0; }
|
||||||
|
.slicknav_menu .slicknav_icon-bar {
|
||||||
|
display: block;
|
||||||
|
width: 1.125em;
|
||||||
|
height: 0.125em;
|
||||||
|
-webkit-border-radius: 1px;
|
||||||
|
-moz-border-radius: 1px;
|
||||||
|
border-radius: 1px;
|
||||||
|
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
|
||||||
|
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
|
||||||
|
.slicknav_menu:before {
|
||||||
|
content: " ";
|
||||||
|
display: table; }
|
||||||
|
.slicknav_menu:after {
|
||||||
|
content: " ";
|
||||||
|
display: table;
|
||||||
|
clear: both; }
|
||||||
|
|
||||||
|
.slicknav_nav {
|
||||||
|
clear: both; }
|
||||||
|
.slicknav_nav ul {
|
||||||
|
display: block; }
|
||||||
|
.slicknav_nav li {
|
||||||
|
display: block; }
|
||||||
|
.slicknav_nav .slicknav_arrow {
|
||||||
|
font-size: 0.8em;
|
||||||
|
margin: 0 0 0 0.4em; }
|
||||||
|
.slicknav_nav .slicknav_item {
|
||||||
|
cursor: pointer; }
|
||||||
|
.slicknav_nav .slicknav_item a {
|
||||||
|
display: inline; }
|
||||||
|
.slicknav_nav .slicknav_row {
|
||||||
|
display: block; }
|
||||||
|
.slicknav_nav a {
|
||||||
|
display: block; }
|
||||||
|
.slicknav_nav .slicknav_parent-link a {
|
||||||
|
display: inline; }
|
||||||
|
|
||||||
|
.slicknav_brand {
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
.slicknav_menu {
|
||||||
|
font-size: 16px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background: #4c4c4c;
|
||||||
|
padding: 5px; }
|
||||||
|
.slicknav_menu * {
|
||||||
|
box-sizing: border-box; }
|
||||||
|
.slicknav_menu .slicknav_menutxt {
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
text-shadow: 0 1px 3px #000; }
|
||||||
|
.slicknav_menu .slicknav_icon-bar {
|
||||||
|
background-color: #fff; }
|
||||||
|
|
||||||
|
.slicknav_btn {
|
||||||
|
margin: 5px 5px 6px;
|
||||||
|
text-decoration: none;
|
||||||
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-color: #222; }
|
||||||
|
|
||||||
|
.slicknav_nav {
|
||||||
|
color: #fff;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 0.875em;
|
||||||
|
list-style: none;
|
||||||
|
overflow: hidden; }
|
||||||
|
.slicknav_nav ul {
|
||||||
|
list-style: none;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 0 0 20px; }
|
||||||
|
.slicknav_nav .slicknav_row {
|
||||||
|
padding: 5px 10px;
|
||||||
|
margin: 2px 5px; }
|
||||||
|
.slicknav_nav .slicknav_row:hover {
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
-moz-border-radius: 6px;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: #ccc;
|
||||||
|
color: #fff; }
|
||||||
|
.slicknav_nav a {
|
||||||
|
padding: 5px 10px;
|
||||||
|
margin: 2px 5px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fff; }
|
||||||
|
.slicknav_nav a:hover {
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
-moz-border-radius: 6px;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: #ccc;
|
||||||
|
color: #222; }
|
||||||
|
.slicknav_nav .slicknav_txtnode {
|
||||||
|
margin-left: 15px; }
|
||||||
|
.slicknav_nav .slicknav_item a {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0; }
|
||||||
|
.slicknav_nav .slicknav_parent-link a {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.slicknav_brand {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 30px;
|
||||||
|
padding: 7px 12px;
|
||||||
|
height: 44px; }
|
||||||
5
css/slicknav.min.css
vendored
Executable file
5
css/slicknav.min.css
vendored
Executable file
@@ -0,0 +1,5 @@
|
|||||||
|
/*!
|
||||||
|
|
||||||
|
* SlickNav Responsive Mobile Menu v1.0.3
|
||||||
|
|
||||||
|
* (c) 2015 Josh Cope
|
||||||
588
css/slitslider.css
Executable file
588
css/slitslider.css
Executable file
@@ -0,0 +1,588 @@
|
|||||||
|
.sl-slider-wrapper {
|
||||||
|
width: 800px;
|
||||||
|
height: 400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slider {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slide wrapper and slides */
|
||||||
|
|
||||||
|
.sl-slide,
|
||||||
|
.sl-slides-wrapper,
|
||||||
|
.sl-slide-inner {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The duplicate parts/slices */
|
||||||
|
|
||||||
|
.sl-content-slice {
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
background: #fff;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-o-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
opacity : 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal slice */
|
||||||
|
|
||||||
|
.sl-slide-horizontal .sl-content-slice {
|
||||||
|
width: 100%;
|
||||||
|
height: 50%;
|
||||||
|
left: -200px;
|
||||||
|
-webkit-transform: translateY(0%) scale(1);
|
||||||
|
-moz-transform: translateY(0%) scale(1);
|
||||||
|
-o-transform: translateY(0%) scale(1);
|
||||||
|
-ms-transform: translateY(0%) scale(1);
|
||||||
|
transform: translateY(0%) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-horizontal .sl-content-slice:first-child {
|
||||||
|
top: -200px;
|
||||||
|
padding: 200px 200px 0px 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
|
||||||
|
top: 50%;
|
||||||
|
padding: 0px 200px 200px 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Vertical slice */
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-content-slice {
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
top: -200px;
|
||||||
|
-webkit-transform: translateX(0%) scale(1);
|
||||||
|
-moz-transform: translateX(0%) scale(1);
|
||||||
|
-o-transform: translateX(0%) scale(1);
|
||||||
|
-ms-transform: translateX(0%) scale(1);
|
||||||
|
transform: translateX(0%) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-content-slice:first-child {
|
||||||
|
left: -200px;
|
||||||
|
padding: 200px 0px 200px 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-content-slice:nth-child(2) {
|
||||||
|
left: 50%;
|
||||||
|
padding: 200px 200px 200px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content wrapper */
|
||||||
|
/* Width and height is set dynamically */
|
||||||
|
.sl-content-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default styles for background colors */
|
||||||
|
.sl-slide-horizontal .sl-slide-inner {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-slide-inner {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slider-wrapper {
|
||||||
|
width: 800px;
|
||||||
|
height: 400px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slider {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slide wrapper and slides */
|
||||||
|
|
||||||
|
.sl-slide,
|
||||||
|
.sl-slides-wrapper,
|
||||||
|
.sl-slide-inner {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide {
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* The duplicate parts/slices */
|
||||||
|
|
||||||
|
.sl-content-slice {
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
background: #fff;
|
||||||
|
-webkit-backface-visibility: hidden;
|
||||||
|
-moz-backface-visibility: hidden;
|
||||||
|
-o-backface-visibility: hidden;
|
||||||
|
-ms-backface-visibility: hidden;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
opacity : 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Horizontal slice */
|
||||||
|
|
||||||
|
.sl-slide-horizontal .sl-content-slice {
|
||||||
|
width: 100%;
|
||||||
|
height: 50%;
|
||||||
|
left: -200px;
|
||||||
|
-webkit-transform: translateY(0%) scale(1);
|
||||||
|
-moz-transform: translateY(0%) scale(1);
|
||||||
|
-o-transform: translateY(0%) scale(1);
|
||||||
|
-ms-transform: translateY(0%) scale(1);
|
||||||
|
transform: translateY(0%) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-horizontal .sl-content-slice:first-child {
|
||||||
|
top: -200px;
|
||||||
|
padding: 200px 200px 0px 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
|
||||||
|
top: 50%;
|
||||||
|
padding: 0px 200px 200px 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Vertical slice */
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-content-slice {
|
||||||
|
width: 50%;
|
||||||
|
height: 100%;
|
||||||
|
top: -200px;
|
||||||
|
-webkit-transform: translateX(0%) scale(1);
|
||||||
|
-moz-transform: translateX(0%) scale(1);
|
||||||
|
-o-transform: translateX(0%) scale(1);
|
||||||
|
-ms-transform: translateX(0%) scale(1);
|
||||||
|
transform: translateX(0%) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-content-slice:first-child {
|
||||||
|
left: -200px;
|
||||||
|
padding: 200px 0px 200px 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-content-slice:nth-child(2) {
|
||||||
|
left: 50%;
|
||||||
|
padding: 200px 200px 200px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content wrapper */
|
||||||
|
/* Width and height is set dynamically */
|
||||||
|
.sl-content-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Default styles for background colors */
|
||||||
|
.sl-slide-horizontal .sl-slide-inner {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sl-slide-vertical .sl-slide-inner {
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*CUSTOM*/
|
||||||
|
|
||||||
|
.demo-1 .sl-slider-wrapper {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider-wrapper {
|
||||||
|
width: 100%;
|
||||||
|
height: 765px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider h2,
|
||||||
|
.home-slider .sl-slider blockquote {
|
||||||
|
padding: 100px 30px 10px 30px;
|
||||||
|
width: 80%;
|
||||||
|
max-width: 960px;
|
||||||
|
color: #fff;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider h2 {
|
||||||
|
font-size: 100px;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider blockquote {
|
||||||
|
font-size: 28px;
|
||||||
|
padding-top: 10px;
|
||||||
|
font-weight: 300;
|
||||||
|
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider blockquote cite {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
font-style: normal;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
padding-top: 30px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .bg-img {
|
||||||
|
padding: 0;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
-moz-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom navigation arrows */
|
||||||
|
|
||||||
|
.nav-arrows span {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2000;
|
||||||
|
top: 50%;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border: 8px solid #ddd;
|
||||||
|
border: 8px solid rgba(150,150,150,0.4);
|
||||||
|
text-indent: -90000px;
|
||||||
|
margin-top: -40px;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
-moz-transform: rotate(45deg);
|
||||||
|
-o-transform: rotate(45deg);
|
||||||
|
-ms-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-arrows span:hover {
|
||||||
|
border-color: rgba(150,150,150,0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-arrows span.nav-arrow-prev {
|
||||||
|
left: 5%;
|
||||||
|
border-right: none;
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-arrows span.nav-arrow-next {
|
||||||
|
right: 5%;
|
||||||
|
border-left: none;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Custom navigation dots */
|
||||||
|
|
||||||
|
.nav-dots {
|
||||||
|
text-align: center;
|
||||||
|
position: absolute;
|
||||||
|
bottom: 2%;
|
||||||
|
height: 30px;
|
||||||
|
width: 100%;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-dots span {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin: 3px;
|
||||||
|
background: #ddd;
|
||||||
|
background: rgba(150,150,150,0.4);
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow:
|
||||||
|
0 1px 1px rgba(255,255,255,0.4),
|
||||||
|
inset 0 1px 1px rgba(0,0,0,0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .nav-dots span {
|
||||||
|
background: rgba(150,150,150,0.1);
|
||||||
|
margin: 6px;
|
||||||
|
-webkit-transition: all 0.2s;
|
||||||
|
-moz-transition: all 0.2s;
|
||||||
|
-ms-transition: all 0.2s;
|
||||||
|
-o-transition: all 0.2s;
|
||||||
|
transition: all 0.2s;
|
||||||
|
box-shadow:
|
||||||
|
0 1px 1px rgba(255,255,255,0.4),
|
||||||
|
inset 0 1px 1px rgba(0,0,0,0.1),
|
||||||
|
0 0 0 2px rgba(255,255,255,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .nav-dots span.nav-dot-current,
|
||||||
|
.home-slider .nav-dots span:hover {
|
||||||
|
box-shadow:
|
||||||
|
0 1px 1px rgba(255,255,255,0.4),
|
||||||
|
inset 0 1px 1px rgba(0,0,0,0.1),
|
||||||
|
0 0 0 5px rgba(255,255,255,0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-dots span.nav-dot-current:after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
top: 3px;
|
||||||
|
left: 3px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255,255,255,0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Animations for content elements */
|
||||||
|
|
||||||
|
.sl-trans-elems .deco{
|
||||||
|
-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
|
||||||
|
-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
|
||||||
|
-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
|
||||||
|
-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
|
||||||
|
animation: roll 1s ease-out both, fadeIn 1s ease-out both;
|
||||||
|
}
|
||||||
|
.sl-trans-elems h2{
|
||||||
|
-webkit-animation: moveUp 1s ease-in-out both;
|
||||||
|
-moz-animation: moveUp 1s ease-in-out both;
|
||||||
|
-o-animation: moveUp 1s ease-in-out both;
|
||||||
|
-ms-animation: moveUp 1s ease-in-out both;
|
||||||
|
animation: moveUp 1s ease-in-out both;
|
||||||
|
}
|
||||||
|
.sl-trans-elems blockquote{
|
||||||
|
-webkit-animation: fadeIn 0.5s linear 0.5s both;
|
||||||
|
-moz-animation: fadeIn 0.5s linear 0.5s both;
|
||||||
|
-o-animation: fadeIn 0.5s linear 0.5s both;
|
||||||
|
-ms-animation: fadeIn 0.5s linear 0.5s both;
|
||||||
|
animation: fadeIn 0.5s linear 0.5s both;
|
||||||
|
}
|
||||||
|
.sl-trans-back-elems .deco{
|
||||||
|
-webkit-animation: scaleDown 1s ease-in-out both;
|
||||||
|
-moz-animation: scaleDown 1s ease-in-out both;
|
||||||
|
-o-animation: scaleDown 1s ease-in-out both;
|
||||||
|
-ms-animation: scaleDown 1s ease-in-out both;
|
||||||
|
animation: scaleDown 1s ease-in-out both;
|
||||||
|
}
|
||||||
|
.sl-trans-back-elems h2{
|
||||||
|
-webkit-animation: fadeOut 1s ease-in-out both;
|
||||||
|
-moz-animation: fadeOut 1s ease-in-out both;
|
||||||
|
-o-animation: fadeOut 1s ease-in-out both;
|
||||||
|
-ms-animation: fadeOut 1s ease-in-out both;
|
||||||
|
animation: fadeOut 1s ease-in-out both;
|
||||||
|
}
|
||||||
|
.sl-trans-back-elems blockquote{
|
||||||
|
-webkit-animation: fadeOut 1s linear both;
|
||||||
|
-moz-animation: fadeOut 1s linear both;
|
||||||
|
-o-animation: fadeOut 1s linear both;
|
||||||
|
-ms-animation: fadeOut 1s linear both;
|
||||||
|
animation: fadeOut 1s linear both;
|
||||||
|
}
|
||||||
|
@-webkit-keyframes roll{
|
||||||
|
0% {-webkit-transform: translateX(500px) rotate(360deg);}
|
||||||
|
100% {-webkit-transform: translateX(0px) rotate(0deg);}
|
||||||
|
}
|
||||||
|
@-moz-keyframes roll{
|
||||||
|
0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
|
||||||
|
100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
|
||||||
|
}
|
||||||
|
@-o-keyframes roll{
|
||||||
|
0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
|
||||||
|
100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
|
||||||
|
}
|
||||||
|
@-ms-keyframes roll{
|
||||||
|
0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
|
||||||
|
100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
|
||||||
|
}
|
||||||
|
@keyframes roll{
|
||||||
|
0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
|
||||||
|
100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes moveUp{
|
||||||
|
0% {-webkit-transform: translateY(40px);}
|
||||||
|
100% {-webkit-transform: translateY(0px);}
|
||||||
|
}
|
||||||
|
@-moz-keyframes moveUp{
|
||||||
|
0% {-moz-transform: translateY(40px);}
|
||||||
|
100% {-moz-transform: translateY(0px);}
|
||||||
|
}
|
||||||
|
@-o-keyframes moveUp{
|
||||||
|
0% {-o-transform: translateY(40px);}
|
||||||
|
100% {-o-transform: translateY(0px);}
|
||||||
|
}
|
||||||
|
@-ms-keyframes moveUp{
|
||||||
|
0% {-ms-transform: translateY(40px);}
|
||||||
|
100% {-ms-transform: translateY(0px);}
|
||||||
|
}
|
||||||
|
@keyframes moveUp{
|
||||||
|
0% {transform: translateY(40px);}
|
||||||
|
100% {transform: translateY(0px);}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeIn{
|
||||||
|
0% {opacity: 0;}
|
||||||
|
100% {opacity: 1;}
|
||||||
|
}
|
||||||
|
@-moz-keyframes fadeIn{
|
||||||
|
0% {opacity: 0;}
|
||||||
|
100% {opacity: 1;}
|
||||||
|
}
|
||||||
|
@-o-keyframes fadeIn{
|
||||||
|
0% {opacity: 0;}
|
||||||
|
100% {opacity: 1;}
|
||||||
|
}
|
||||||
|
@-ms-keyframes fadeIn{
|
||||||
|
0% {opacity: 0;}
|
||||||
|
100% {opacity: 1;}
|
||||||
|
}
|
||||||
|
@keyframes fadeIn{
|
||||||
|
0% {opacity: 0;}
|
||||||
|
100% {opacity: 1;}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes scaleDown{
|
||||||
|
0% {-webkit-transform: scale(1);}
|
||||||
|
100% {-webkit-transform: scale(0.5);}
|
||||||
|
}
|
||||||
|
@-moz-keyframes scaleDown{
|
||||||
|
0% {-moz-transform: scale(1);}
|
||||||
|
100% {-moz-transform: scale(0.5);}
|
||||||
|
}
|
||||||
|
@-o-keyframes scaleDown{
|
||||||
|
0% {-o-transform: scale(1);}
|
||||||
|
100% {-o-transform: scale(0.5);}
|
||||||
|
}
|
||||||
|
@-ms-keyframes scaleDown{
|
||||||
|
0% {-ms-transform: scale(1);}
|
||||||
|
100% {-ms-transform: scale(0.5);}
|
||||||
|
}
|
||||||
|
@keyframes scaleDown{
|
||||||
|
0% {transform: scale(1);}
|
||||||
|
100% {transform: scale(0.5);}
|
||||||
|
}
|
||||||
|
@-webkit-keyframes fadeOut{
|
||||||
|
0% {opacity: 1;}
|
||||||
|
100% {opacity: 0;}
|
||||||
|
}
|
||||||
|
@-moz-keyframes fadeOut{
|
||||||
|
0% {opacity: 1;}
|
||||||
|
100% {opacity: 0;}
|
||||||
|
}
|
||||||
|
@-o-keyframes fadeOut{
|
||||||
|
0% {opacity: 1;}
|
||||||
|
100% {opacity: 0;}
|
||||||
|
}
|
||||||
|
@-ms-keyframes fadeOut{
|
||||||
|
0% {opacity: 1;}
|
||||||
|
100% {opacity: 0;}
|
||||||
|
}
|
||||||
|
@keyframes fadeOut{
|
||||||
|
0% {opacity: 1;}
|
||||||
|
100% {opacity: 0;}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Media Queries for custom slider */
|
||||||
|
|
||||||
|
@media screen and (max-width: 660px) {
|
||||||
|
.demo-1 .deco {
|
||||||
|
width: 130px;
|
||||||
|
height: 130px;
|
||||||
|
margin-left: -65px;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-1 [data-icon]:after {
|
||||||
|
width: 110px;
|
||||||
|
height: 110px;
|
||||||
|
line-height: 110px;
|
||||||
|
font-size: 40px;
|
||||||
|
margin: -55px 0 0 -55px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-1 .sl-slide blockquote {
|
||||||
|
margin-bottom: -120px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-1 .sl-slide h2 {
|
||||||
|
line-height: 22px;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-bottom: -40px;
|
||||||
|
letter-spacing: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo-1 .sl-slide blockquote p:before {
|
||||||
|
line-height: 10px;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
font-size: 120px;
|
||||||
|
left: -45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider-wrapper {
|
||||||
|
height: 500px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider h2 {
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-slider .sl-slider blockquote {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
79
functions.php
Normal file
79
functions.php
Normal file
@@ -0,0 +1,79 @@
|
|||||||
|
<?php load_theme_textdomain('CreatorThemeRes-child', get_template_directory() . '-child/languages'); ?>
|
||||||
|
<?php
|
||||||
|
|
||||||
|
/*
|
||||||
|
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
|
||||||
|
|
||||||
|
function enqueue_parent_styles() {
|
||||||
|
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
/**/
|
||||||
|
function my_theme_enqueue_styles() {
|
||||||
|
|
||||||
|
//$parent_style = 'CreatorThemeRes-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.
|
||||||
|
$parent_style = 'parent_style';
|
||||||
|
|
||||||
|
wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
|
||||||
|
wp_enqueue_style( 'child-style',
|
||||||
|
get_stylesheet_directory_uri() . '/style.css',
|
||||||
|
array( $parent_style ),
|
||||||
|
wp_get_theme()->get('Version')
|
||||||
|
);
|
||||||
|
}
|
||||||
|
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
|
||||||
|
|
||||||
|
|
||||||
|
add_filter( 'body_class', 'custom_class' );
|
||||||
|
function custom_class( $classes ) {
|
||||||
|
/*
|
||||||
|
if ( is_page_template( 'page-example.php' ) ) {
|
||||||
|
$classes[] = 'example';
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
if (is_archive()) {
|
||||||
|
$classes[] = 'page-template-tpl-blog';
|
||||||
|
}
|
||||||
|
return $classes;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function RelativeTime() {
|
||||||
|
|
||||||
|
$jour = get_the_date('U');
|
||||||
|
$aujourdhui = date('U');
|
||||||
|
$delta = round(($aujourdhui - $jour) / (3600 * 24));
|
||||||
|
|
||||||
|
if ($delta == 0) $text = "aujourd'hui";
|
||||||
|
elseif ($delta == 1) $text = __("yesterday", 'CreatorThemeRes-child');
|
||||||
|
elseif ($delta == 2) $text = __("the day before yesterday", 'CreatorThemeRes-child');
|
||||||
|
elseif ($delta == 3) $text = __("two days ago", 'CreatorThemeRes-child');
|
||||||
|
elseif (($delta > 3) and ($delta <= 7)) $text = sprintf( __('%1$s days ago', 'CreatorThemeRes-child'), $delta );
|
||||||
|
elseif (($delta > 7) and ($delta <= 14)) {
|
||||||
|
$nb = round ($delta / 7);
|
||||||
|
if ($nb < 2) $text = sprintf( __('%1$s week ago', 'CreatorThemeRes-child'), $nb );
|
||||||
|
else $text = sprintf( __('%1$s weeks ago', 'CreatorThemeRes-child'), $nb );
|
||||||
|
}
|
||||||
|
else $text = get_the_date();
|
||||||
|
|
||||||
|
/*
|
||||||
|
printf( __( '%1$s', 'CreatorThemeRes-child' ),
|
||||||
|
sprintf( '<a href="%1$s" title="%2$s" rel="bookmark">'.$text.'</a>',
|
||||||
|
get_permalink(),
|
||||||
|
esc_attr( get_the_date() . ' ' . get_the_time() )
|
||||||
|
)
|
||||||
|
);
|
||||||
|
*/
|
||||||
|
echo $text;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function preprint($s, $return=false) {
|
||||||
|
$x = "<pre>";
|
||||||
|
$x .= print_r($s, 1);
|
||||||
|
$x .= "</pre>";
|
||||||
|
if ($return) return $x;
|
||||||
|
else print $x;
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
179
index.php
Executable file
179
index.php
Executable file
@@ -0,0 +1,179 @@
|
|||||||
|
<?php
|
||||||
|
get_header();
|
||||||
|
$slider = array(
|
||||||
|
'post_type' => 'post',
|
||||||
|
'meta_key' => 'show_in_slider',
|
||||||
|
'meta_value' => 'yes',
|
||||||
|
'posts_per_page' => -1,
|
||||||
|
'ignore_sticky_posts' => true
|
||||||
|
);
|
||||||
|
$the_query = new WP_Query( $slider );
|
||||||
|
if ( $the_query->have_posts() ) :
|
||||||
|
?>
|
||||||
|
<div class="home-slider">
|
||||||
|
<div id="slider" class="sl-slider-wrapper">
|
||||||
|
<div class="sl-slider">
|
||||||
|
<?php while ( $the_query->have_posts() ) : $the_query->the_post();
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
|
||||||
|
$trans = array(
|
||||||
|
array('horizontal','-25','-25','2','2'),
|
||||||
|
array('vertical','10','-15','1.5','1.5'),
|
||||||
|
array('horizontal','3','3','2','1'),
|
||||||
|
array('vertical','-25','-25','2','2'),
|
||||||
|
array('horizontal','-5','10','2','1')
|
||||||
|
);
|
||||||
|
$random_key = array_rand($trans,2);
|
||||||
|
$arr = $trans[$random_key[0]];
|
||||||
|
?>
|
||||||
|
<div class="sl-slide" data-orientation="<?php echo $arr[0]; ?>" data-slice1-rotation="<?php echo $arr[1]; ?>" data-slice2-rotation="<?php echo $arr[2]; ?>" data-slice1-scale="<?php echo $arr[3]; ?>" data-slice2-scale="<?php echo $arr[4]; ?>">
|
||||||
|
<div class="sl-slide-inner">
|
||||||
|
<div class="bg-img" style="background-image: url(<?php echo $thumbnail[0]; ?>); "><a href="<?php the_permalink(); ?>"></a></div>
|
||||||
|
<div class="sl-desc">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endwhile; ?>
|
||||||
|
</div><!-- /sl-slider -->
|
||||||
|
<nav id="nav-arrows" class="nav-arrows">
|
||||||
|
<span class="nav-arrow-prev">Previous</span>
|
||||||
|
<span class="nav-arrow-next">Next</span>
|
||||||
|
</nav>
|
||||||
|
</div><!-- /slider-wrapper -->
|
||||||
|
</div><!-- home-slider -->
|
||||||
|
<?php endif; ?>
|
||||||
|
<div class="home-box">
|
||||||
|
<div class="container">
|
||||||
|
<?php
|
||||||
|
$blog_args = array(
|
||||||
|
'post_type' => 'post',
|
||||||
|
'posts_per_page' => 7,
|
||||||
|
'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
|
||||||
|
'ignore_sticky_posts' => true,
|
||||||
|
/*
|
||||||
|
'meta_key' => 'ex_show_in_homepage',
|
||||||
|
'meta_value' => 'yes',
|
||||||
|
*/
|
||||||
|
);
|
||||||
|
$blog = new WP_Query( $blog_args );
|
||||||
|
if ( $blog->have_posts() ) :
|
||||||
|
?>
|
||||||
|
<div class="blog">
|
||||||
|
<div class="home-posts">
|
||||||
|
<?php
|
||||||
|
$i = 0;
|
||||||
|
while ( $blog->have_posts() ) : $blog->the_post();
|
||||||
|
?>
|
||||||
|
<div class="blog-post-box <?php echo 'home-post-'.$i; echo (is_sticky() ? ' sticky-post': ''); ?>">
|
||||||
|
<div class="blog-post-feature">
|
||||||
|
<?php
|
||||||
|
$type = get_post_meta($post->ID,'page_featured_type',true);
|
||||||
|
switch ($type) {
|
||||||
|
case 'youtube':
|
||||||
|
echo '<iframe width="560" height="315" src="http://www.youtube.com/embed/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?wmode=transparent" frameborder="0" allowfullscreen></iframe>';
|
||||||
|
break;
|
||||||
|
case 'vimeo':
|
||||||
|
echo '<iframe src="http://player.vimeo.com/video/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?title=0&byline=0&portrait=0&color=03b3fc" width="500" height="338" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) );
|
||||||
|
echo '<div class="blog-post-image">
|
||||||
|
<a href="'.get_permalink().'" style="background-image: url('.$thumbnail[0].')"></a>';
|
||||||
|
echo '<h3><a href="'.get_the_permalink().'">'.get_the_title().'</a></h3>';
|
||||||
|
echo '</div>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
$i++;
|
||||||
|
endwhile;
|
||||||
|
?>
|
||||||
|
</div><!-- blog-posts -->
|
||||||
|
</div><!-- blog -->
|
||||||
|
<?php endif; ?>
|
||||||
|
<?php if ( dess_setting('dess_hometext') !='' ) : ?>
|
||||||
|
<div class="feature-text-area">
|
||||||
|
<h3><?php echo dess_setting('dess_hometext'); ?></h3>
|
||||||
|
</div><!-- feature-text-area -->
|
||||||
|
<?php endif; ?>
|
||||||
|
<?php
|
||||||
|
$port_args = array(
|
||||||
|
'post_type' => 'post',
|
||||||
|
'posts_per_page' => 3,
|
||||||
|
'ignore_sticky_posts' => true,
|
||||||
|
'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
|
||||||
|
/*
|
||||||
|
'category_name' => 'blog',
|
||||||
|
*/
|
||||||
|
/*
|
||||||
|
'meta_query' => array(
|
||||||
|
array(
|
||||||
|
'relation' => 'OR',
|
||||||
|
array(
|
||||||
|
'key' => 'show_in_slider',
|
||||||
|
'value' => 'Yes',
|
||||||
|
'compare' => '!='
|
||||||
|
),
|
||||||
|
array(
|
||||||
|
'key' => 'show_in_slider',
|
||||||
|
'compare' => 'NOT EXISTS'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
'relation' => 'AND',
|
||||||
|
array(
|
||||||
|
'relation' => 'OR',
|
||||||
|
array(
|
||||||
|
'key' => 'ex_show_in_homepage',
|
||||||
|
'value' => 'Yes',
|
||||||
|
'compare' => '!='
|
||||||
|
),
|
||||||
|
array(
|
||||||
|
'key' => 'ex_show_in_homepage',
|
||||||
|
'compare' => 'NOT EXISTS'
|
||||||
|
)
|
||||||
|
),
|
||||||
|
),
|
||||||
|
*/
|
||||||
|
);
|
||||||
|
$port_query = new WP_Query( $port_args );
|
||||||
|
if ( $port_query->have_posts() ) :
|
||||||
|
?>
|
||||||
|
<div class="home-featured">
|
||||||
|
<?php while ( $port_query->have_posts() ) : $port_query->the_post(); ?>
|
||||||
|
<div class="featured-box">
|
||||||
|
<div class="port-image">
|
||||||
|
<?php
|
||||||
|
$type = get_post_meta($post->ID,'page_featured_type',true);
|
||||||
|
switch ($type) {
|
||||||
|
case 'youtube':
|
||||||
|
echo '<iframe src="http://www.youtube.com/embed/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?wmode=transparent" frameborder="0" allowfullscreen></iframe>';
|
||||||
|
break;
|
||||||
|
case 'vimeo':
|
||||||
|
echo '<iframe src="http://player.vimeo.com/video/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?title=0&byline=0&portrait=0&color=03b3fc" width="500" height="338" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) );
|
||||||
|
echo '<a href="'.get_permalink().'" style="background-image: url('.$thumbnail[0].')"></a>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="port-body">
|
||||||
|
<p class="port-date"><?php //the_time('F d, Y'); ?><?php RelativeTime(); ?></p>
|
||||||
|
<h3><a href="<?php the_permalink(); ?>"><?php echo the_title(); ?></a></h3>
|
||||||
|
<p><?php echo dess_get_excerpt(230); ?></p>
|
||||||
|
<a class="read-more" href="<?php the_permalink(); ?>"><?php _e('Read More','CreatorThemeRes-child'); ?></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endwhile; ?>
|
||||||
|
</div><!-- home-portfolio -->
|
||||||
|
<?php
|
||||||
|
endif;
|
||||||
|
?>
|
||||||
|
</div><!-- container -->
|
||||||
|
</div><!-- home-box -->
|
||||||
|
<?php
|
||||||
|
get_footer();
|
||||||
|
?>
|
||||||
38
js/jquery.ba-cond.js
Executable file
38
js/jquery.ba-cond.js
Executable file
@@ -0,0 +1,38 @@
|
|||||||
|
/*!
|
||||||
|
* cond - v0.1 - 6/10/2009
|
||||||
|
* http://benalman.com/projects/jquery-cond-plugin/
|
||||||
|
*
|
||||||
|
* Copyright (c) 2009 "Cowboy" Ben Alman
|
||||||
|
* Licensed under the MIT license
|
||||||
|
* http://benalman.com/about/license/
|
||||||
|
*
|
||||||
|
* Based on suggestions and sample code by Stephen Band and DBJDBJ in the
|
||||||
|
* jquery-dev Google group: http://bit.ly/jqba1
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function($){
|
||||||
|
'$:nomunge'; // Used by YUI compressor.
|
||||||
|
|
||||||
|
$.fn.cond = function() {
|
||||||
|
var undefined,
|
||||||
|
args = arguments,
|
||||||
|
i = 0,
|
||||||
|
test,
|
||||||
|
callback,
|
||||||
|
result;
|
||||||
|
|
||||||
|
while ( !test && i < args.length ) {
|
||||||
|
test = args[ i++ ];
|
||||||
|
callback = args[ i++ ];
|
||||||
|
|
||||||
|
test = $.isFunction( test ) ? test.call( this ) : test;
|
||||||
|
|
||||||
|
result = !callback ? test
|
||||||
|
: test ? callback.call( this, test )
|
||||||
|
: undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
return result !== undefined ? result : this;
|
||||||
|
};
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
12
js/jquery.ba-cond.min.js
vendored
Executable file
12
js/jquery.ba-cond.min.js
vendored
Executable file
@@ -0,0 +1,12 @@
|
|||||||
|
/*
|
||||||
|
|
||||||
|
* cond - v0.1 - 6/10/2009
|
||||||
|
|
||||||
|
* http://benalman.com/projects/jquery-cond-plugin/
|
||||||
|
|
||||||
|
*
|
||||||
|
|
||||||
|
* Copyright (c) 2009 "Cowboy" Ben Alman
|
||||||
|
|
||||||
|
* Licensed under the MIT license
|
||||||
|
|
||||||
469
js/jquery.slicknav.js
Executable file
469
js/jquery.slicknav.js
Executable file
@@ -0,0 +1,469 @@
|
|||||||
|
/*!
|
||||||
|
* SlickNav Responsive Mobile Menu v1.0.3
|
||||||
|
* (c) 2015 Josh Cope
|
||||||
|
* licensed under MIT
|
||||||
|
*/
|
||||||
|
;(function ($, document, window) {
|
||||||
|
var
|
||||||
|
// default settings object.
|
||||||
|
defaults = {
|
||||||
|
label: 'MENU',
|
||||||
|
duplicate: true,
|
||||||
|
duration: 200,
|
||||||
|
easingOpen: 'swing',
|
||||||
|
easingClose: 'swing',
|
||||||
|
closedSymbol: '►',
|
||||||
|
openedSymbol: '▼',
|
||||||
|
prependTo: 'body',
|
||||||
|
parentTag: 'a',
|
||||||
|
closeOnClick: false,
|
||||||
|
allowParentLinks: false,
|
||||||
|
nestedParentLinks: true,
|
||||||
|
showChildren: false,
|
||||||
|
removeIds: false,
|
||||||
|
removeClasses: false,
|
||||||
|
brand: '',
|
||||||
|
init: function () {},
|
||||||
|
beforeOpen: function () {},
|
||||||
|
beforeClose: function () {},
|
||||||
|
afterOpen: function () {},
|
||||||
|
afterClose: function () {}
|
||||||
|
},
|
||||||
|
mobileMenu = 'slicknav',
|
||||||
|
prefix = 'slicknav';
|
||||||
|
|
||||||
|
function Plugin(element, options) {
|
||||||
|
this.element = element;
|
||||||
|
|
||||||
|
// jQuery has an extend method which merges the contents of two or
|
||||||
|
// more objects, storing the result in the first object. The first object
|
||||||
|
// is generally empty as we don't want to alter the default options for
|
||||||
|
// future instances of the plugin
|
||||||
|
this.settings = $.extend({}, defaults, options);
|
||||||
|
|
||||||
|
this._defaults = defaults;
|
||||||
|
this._name = mobileMenu;
|
||||||
|
|
||||||
|
this.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
Plugin.prototype.init = function () {
|
||||||
|
var $this = this,
|
||||||
|
menu = $(this.element),
|
||||||
|
settings = this.settings,
|
||||||
|
iconClass,
|
||||||
|
menuBar;
|
||||||
|
|
||||||
|
// clone menu if needed
|
||||||
|
if (settings.duplicate) {
|
||||||
|
$this.mobileNav = menu.clone();
|
||||||
|
//remove ids from clone to prevent css issues
|
||||||
|
$this.mobileNav.removeAttr('id');
|
||||||
|
$this.mobileNav.find('*').each(function (i, e) {
|
||||||
|
$(e).removeAttr('id');
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$this.mobileNav = menu;
|
||||||
|
|
||||||
|
// remove ids if set
|
||||||
|
$this.mobileNav.removeAttr('id');
|
||||||
|
$this.mobileNav.find('*').each(function (i, e) {
|
||||||
|
$(e).removeAttr('id');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// remove classes if set
|
||||||
|
if (settings.removeClasses) {
|
||||||
|
$this.mobileNav.removeAttr('class');
|
||||||
|
$this.mobileNav.find('*').each(function (i, e) {
|
||||||
|
$(e).removeAttr('class');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// styling class for the button
|
||||||
|
iconClass = prefix + '_icon';
|
||||||
|
|
||||||
|
if (settings.label === '') {
|
||||||
|
iconClass += ' ' + prefix + '_no-text';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (settings.parentTag == 'a') {
|
||||||
|
settings.parentTag = 'a href="#"';
|
||||||
|
}
|
||||||
|
|
||||||
|
// create menu bar
|
||||||
|
$this.mobileNav.attr('class', prefix + '_nav');
|
||||||
|
menuBar = $('<div class="' + prefix + '_menu"></div>');
|
||||||
|
if (settings.brand !== '') {
|
||||||
|
var brand = $('<div class="' + prefix + '_brand">'+settings.brand+'</div>');
|
||||||
|
$(menuBar).append(brand);
|
||||||
|
}
|
||||||
|
$this.btn = $(
|
||||||
|
['<' + settings.parentTag + ' aria-haspopup="true" tabindex="0" class="' + prefix + '_btn ' + prefix + '_collapsed">',
|
||||||
|
'<span class="' + prefix + '_menutxt">' + settings.label + '</span>',
|
||||||
|
'<span class="' + iconClass + '">',
|
||||||
|
'<span class="' + prefix + '_icon-bar"></span>',
|
||||||
|
'<span class="' + prefix + '_icon-bar"></span>',
|
||||||
|
'<span class="' + prefix + '_icon-bar"></span>',
|
||||||
|
'</span>',
|
||||||
|
'</' + settings.parentTag + '>'
|
||||||
|
].join('')
|
||||||
|
);
|
||||||
|
$(menuBar).append($this.btn);
|
||||||
|
$(settings.prependTo).prepend(menuBar);
|
||||||
|
menuBar.append($this.mobileNav);
|
||||||
|
|
||||||
|
// iterate over structure adding additional structure
|
||||||
|
var items = $this.mobileNav.find('li');
|
||||||
|
$(items).each(function () {
|
||||||
|
var item = $(this),
|
||||||
|
data = {};
|
||||||
|
data.children = item.children('ul').attr('role', 'menu');
|
||||||
|
item.data('menu', data);
|
||||||
|
|
||||||
|
// if a list item has a nested menu
|
||||||
|
if (data.children.length > 0) {
|
||||||
|
|
||||||
|
// select all text before the child menu
|
||||||
|
// check for anchors
|
||||||
|
|
||||||
|
var a = item.contents(),
|
||||||
|
containsAnchor = false;
|
||||||
|
nodes = [];
|
||||||
|
|
||||||
|
$(a).each(function () {
|
||||||
|
if (!$(this).is('ul')) {
|
||||||
|
nodes.push(this);
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($(this).is("a")) {
|
||||||
|
containsAnchor = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
var wrapElement = $(
|
||||||
|
'<' + settings.parentTag + ' role="menuitem" aria-haspopup="true" tabindex="-1" class="' + prefix + '_item"/>'
|
||||||
|
);
|
||||||
|
|
||||||
|
// wrap item text with tag and add classes unless we are separating parent links
|
||||||
|
if ((!settings.allowParentLinks || settings.nestedParentLinks) || !containsAnchor) {
|
||||||
|
var $wrap = $(nodes).wrapAll(wrapElement).parent();
|
||||||
|
$wrap.addClass(prefix+'_row');
|
||||||
|
} else
|
||||||
|
$(nodes).wrapAll('<span class="'+prefix+'_parent-link '+prefix+'_row"/>').parent();
|
||||||
|
|
||||||
|
item.addClass(prefix+'_collapsed');
|
||||||
|
item.addClass(prefix+'_parent');
|
||||||
|
|
||||||
|
// create parent arrow. wrap with link if parent links and separating
|
||||||
|
var arrowElement = $('<span class="'+prefix+'_arrow">'+settings.closedSymbol+'</span>');
|
||||||
|
|
||||||
|
if (settings.allowParentLinks && !settings.nestedParentLinks && containsAnchor)
|
||||||
|
arrowElement = arrowElement.wrap(wrapElement).parent();
|
||||||
|
|
||||||
|
//append arrow
|
||||||
|
$(nodes).last().after(arrowElement);
|
||||||
|
|
||||||
|
|
||||||
|
} else if ( item.children().length === 0) {
|
||||||
|
item.addClass(prefix+'_txtnode');
|
||||||
|
}
|
||||||
|
|
||||||
|
// accessibility for links
|
||||||
|
item.children('a').attr('role', 'menuitem').click(function(event){
|
||||||
|
//Ensure that it's not a parent
|
||||||
|
if (settings.closeOnClick && !$(event.target).parent().closest('li').hasClass(prefix+'_parent')) {
|
||||||
|
//Emulate menu close if set
|
||||||
|
$($this.btn).click();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//also close on click if parent links are set
|
||||||
|
if (settings.closeOnClick && settings.allowParentLinks) {
|
||||||
|
item.children('a').children('a').click(function (event) {
|
||||||
|
//Emulate menu close
|
||||||
|
$($this.btn).click();
|
||||||
|
});
|
||||||
|
|
||||||
|
item.find('.'+prefix+'_parent-link a:not(.'+prefix+'_item)').click(function(event){
|
||||||
|
//Emulate menu close
|
||||||
|
$($this.btn).click();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// structure is in place, now hide appropriate items
|
||||||
|
$(items).each(function () {
|
||||||
|
var data = $(this).data('menu');
|
||||||
|
if (!settings.showChildren){
|
||||||
|
$this._visibilityToggle(data.children, null, false, null, true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// finally toggle entire menu
|
||||||
|
$this._visibilityToggle($this.mobileNav, null, false, 'init', true);
|
||||||
|
|
||||||
|
// accessibility for menu button
|
||||||
|
$this.mobileNav.attr('role','menu');
|
||||||
|
|
||||||
|
// outline prevention when using mouse
|
||||||
|
$(document).mousedown(function(){
|
||||||
|
$this._outlines(false);
|
||||||
|
});
|
||||||
|
|
||||||
|
$(document).keyup(function(){
|
||||||
|
$this._outlines(true);
|
||||||
|
});
|
||||||
|
|
||||||
|
// menu button click
|
||||||
|
$($this.btn).click(function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$this._menuToggle();
|
||||||
|
});
|
||||||
|
|
||||||
|
// click on menu parent
|
||||||
|
$this.mobileNav.on('click', '.' + prefix + '_item', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$this._itemClick($(this));
|
||||||
|
});
|
||||||
|
|
||||||
|
// check for enter key on menu button and menu parents
|
||||||
|
$($this.btn).keydown(function (e) {
|
||||||
|
var ev = e || event;
|
||||||
|
if(ev.keyCode == 13) {
|
||||||
|
e.preventDefault();
|
||||||
|
$this._menuToggle();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$this.mobileNav.on('keydown', '.'+prefix+'_item', function(e) {
|
||||||
|
var ev = e || event;
|
||||||
|
if(ev.keyCode == 13) {
|
||||||
|
e.preventDefault();
|
||||||
|
$this._itemClick($(e.target));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// allow links clickable within parent tags if set
|
||||||
|
if (settings.allowParentLinks && settings.nestedParentLinks) {
|
||||||
|
$('.'+prefix+'_item a').click(function(e){
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
//toggle menu
|
||||||
|
Plugin.prototype._menuToggle = function (el) {
|
||||||
|
var $this = this;
|
||||||
|
var btn = $this.btn;
|
||||||
|
var mobileNav = $this.mobileNav;
|
||||||
|
|
||||||
|
if (btn.hasClass(prefix+'_collapsed')) {
|
||||||
|
btn.removeClass(prefix+'_collapsed');
|
||||||
|
btn.addClass(prefix+'_open');
|
||||||
|
} else {
|
||||||
|
btn.removeClass(prefix+'_open');
|
||||||
|
btn.addClass(prefix+'_collapsed');
|
||||||
|
}
|
||||||
|
btn.addClass(prefix+'_animating');
|
||||||
|
$this._visibilityToggle(mobileNav, btn.parent(), true, btn);
|
||||||
|
};
|
||||||
|
|
||||||
|
// toggle clicked items
|
||||||
|
Plugin.prototype._itemClick = function (el) {
|
||||||
|
var $this = this;
|
||||||
|
var settings = $this.settings;
|
||||||
|
var data = el.data('menu');
|
||||||
|
if (!data) {
|
||||||
|
data = {};
|
||||||
|
data.arrow = el.children('.'+prefix+'_arrow');
|
||||||
|
data.ul = el.next('ul');
|
||||||
|
data.parent = el.parent();
|
||||||
|
//Separated parent link structure
|
||||||
|
if (data.parent.hasClass(prefix+'_parent-link')) {
|
||||||
|
data.parent = el.parent().parent();
|
||||||
|
data.ul = el.parent().next('ul');
|
||||||
|
}
|
||||||
|
el.data('menu', data);
|
||||||
|
}
|
||||||
|
if (data.parent.hasClass(prefix+'_collapsed')) {
|
||||||
|
data.arrow.html(settings.openedSymbol);
|
||||||
|
data.parent.removeClass(prefix+'_collapsed');
|
||||||
|
data.parent.addClass(prefix+'_open');
|
||||||
|
data.parent.addClass(prefix+'_animating');
|
||||||
|
$this._visibilityToggle(data.ul, data.parent, true, el);
|
||||||
|
} else {
|
||||||
|
data.arrow.html(settings.closedSymbol);
|
||||||
|
data.parent.addClass(prefix+'_collapsed');
|
||||||
|
data.parent.removeClass(prefix+'_open');
|
||||||
|
data.parent.addClass(prefix+'_animating');
|
||||||
|
$this._visibilityToggle(data.ul, data.parent, true, el);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// toggle actual visibility and accessibility tags
|
||||||
|
Plugin.prototype._visibilityToggle = function(el, parent, animate, trigger, init) {
|
||||||
|
var $this = this;
|
||||||
|
var settings = $this.settings;
|
||||||
|
var items = $this._getActionItems(el);
|
||||||
|
var duration = 0;
|
||||||
|
if (animate) {
|
||||||
|
duration = settings.duration;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (el.hasClass(prefix+'_hidden')) {
|
||||||
|
el.removeClass(prefix+'_hidden');
|
||||||
|
//Fire beforeOpen callback
|
||||||
|
if (!init) {
|
||||||
|
settings.beforeOpen(trigger);
|
||||||
|
}
|
||||||
|
el.slideDown(duration, settings.easingOpen, function(){
|
||||||
|
|
||||||
|
$(trigger).removeClass(prefix+'_animating');
|
||||||
|
$(parent).removeClass(prefix+'_animating');
|
||||||
|
|
||||||
|
//Fire afterOpen callback
|
||||||
|
if (!init) {
|
||||||
|
settings.afterOpen(trigger);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
el.attr('aria-hidden','false');
|
||||||
|
items.attr('tabindex', '0');
|
||||||
|
$this._setVisAttr(el, false);
|
||||||
|
} else {
|
||||||
|
el.addClass(prefix+'_hidden');
|
||||||
|
|
||||||
|
//Fire init or beforeClose callback
|
||||||
|
if (!init){
|
||||||
|
settings.beforeClose(trigger);
|
||||||
|
}else if (trigger == 'init'){
|
||||||
|
settings.init();
|
||||||
|
}
|
||||||
|
|
||||||
|
el.slideUp(duration, this.settings.easingClose, function() {
|
||||||
|
el.attr('aria-hidden','true');
|
||||||
|
items.attr('tabindex', '-1');
|
||||||
|
$this._setVisAttr(el, true);
|
||||||
|
el.hide(); //jQuery 1.7 bug fix
|
||||||
|
|
||||||
|
$(trigger).removeClass(prefix+'_animating');
|
||||||
|
$(parent).removeClass(prefix+'_animating');
|
||||||
|
|
||||||
|
//Fire init or afterClose callback
|
||||||
|
if (!init){
|
||||||
|
settings.afterClose(trigger);
|
||||||
|
}
|
||||||
|
else if (trigger == 'init'){
|
||||||
|
settings.init();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// set attributes of element and children based on visibility
|
||||||
|
Plugin.prototype._setVisAttr = function(el, hidden) {
|
||||||
|
var $this = this;
|
||||||
|
|
||||||
|
// select all parents that aren't hidden
|
||||||
|
var nonHidden = el.children('li').children('ul').not('.'+prefix+'_hidden');
|
||||||
|
|
||||||
|
// iterate over all items setting appropriate tags
|
||||||
|
if (!hidden) {
|
||||||
|
nonHidden.each(function(){
|
||||||
|
var ul = $(this);
|
||||||
|
ul.attr('aria-hidden','false');
|
||||||
|
var items = $this._getActionItems(ul);
|
||||||
|
items.attr('tabindex', '0');
|
||||||
|
$this._setVisAttr(ul, hidden);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
nonHidden.each(function(){
|
||||||
|
var ul = $(this);
|
||||||
|
ul.attr('aria-hidden','true');
|
||||||
|
var items = $this._getActionItems(ul);
|
||||||
|
items.attr('tabindex', '-1');
|
||||||
|
$this._setVisAttr(ul, hidden);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// get all 1st level items that are clickable
|
||||||
|
Plugin.prototype._getActionItems = function(el) {
|
||||||
|
var data = el.data("menu");
|
||||||
|
if (!data) {
|
||||||
|
data = {};
|
||||||
|
var items = el.children('li');
|
||||||
|
var anchors = items.find('a');
|
||||||
|
data.links = anchors.add(items.find('.'+prefix+'_item'));
|
||||||
|
el.data('menu', data);
|
||||||
|
}
|
||||||
|
return data.links;
|
||||||
|
};
|
||||||
|
|
||||||
|
Plugin.prototype._outlines = function(state) {
|
||||||
|
if (!state) {
|
||||||
|
$('.'+prefix+'_item, .'+prefix+'_btn').css('outline','none');
|
||||||
|
} else {
|
||||||
|
$('.'+prefix+'_item, .'+prefix+'_btn').css('outline','');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
Plugin.prototype.toggle = function(){
|
||||||
|
var $this = this;
|
||||||
|
$this._menuToggle();
|
||||||
|
};
|
||||||
|
|
||||||
|
Plugin.prototype.open = function(){
|
||||||
|
var $this = this;
|
||||||
|
if ($this.btn.hasClass(prefix+'_collapsed')) {
|
||||||
|
$this._menuToggle();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
Plugin.prototype.close = function(){
|
||||||
|
var $this = this;
|
||||||
|
if ($this.btn.hasClass(prefix+'_open')) {
|
||||||
|
$this._menuToggle();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn[mobileMenu] = function ( options ) {
|
||||||
|
var args = arguments;
|
||||||
|
|
||||||
|
// Is the first parameter an object (options), or was omitted, instantiate a new instance
|
||||||
|
if (options === undefined || typeof options === 'object') {
|
||||||
|
return this.each(function () {
|
||||||
|
|
||||||
|
// Only allow the plugin to be instantiated once due to methods
|
||||||
|
if (!$.data(this, 'plugin_' + mobileMenu)) {
|
||||||
|
|
||||||
|
// if it has no instance, create a new one, pass options to our plugin constructor,
|
||||||
|
// and store the plugin instance in the elements jQuery data object.
|
||||||
|
$.data(this, 'plugin_' + mobileMenu, new Plugin( this, options ));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// If is a string and doesn't start with an underscore or 'init' function, treat this as a call to a public method.
|
||||||
|
} else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
|
||||||
|
|
||||||
|
// Cache the method call to make it possible to return a value
|
||||||
|
var returns;
|
||||||
|
|
||||||
|
this.each(function () {
|
||||||
|
var instance = $.data(this, 'plugin_' + mobileMenu);
|
||||||
|
|
||||||
|
// Tests that there's already a plugin-instance and checks that the requested public method exists
|
||||||
|
if (instance instanceof Plugin && typeof instance[options] === 'function') {
|
||||||
|
|
||||||
|
// Call the method of our plugin instance, and pass it the supplied arguments.
|
||||||
|
returns = instance[options].apply( instance, Array.prototype.slice.call( args, 1 ) );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// If the earlier cached method gives a value back return the value, otherwise return this to preserve chainability.
|
||||||
|
return returns !== undefined ? returns : this;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}(jQuery, document, window));
|
||||||
7
js/jquery.slicknav.min.js
vendored
Executable file
7
js/jquery.slicknav.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
564
js/jquery.slitslider.js
Executable file
564
js/jquery.slitslider.js
Executable file
@@ -0,0 +1,564 @@
|
|||||||
|
/**
|
||||||
|
* jquery.slitslider.js v1.1.0
|
||||||
|
* http://www.codrops.com
|
||||||
|
*
|
||||||
|
* Licensed under the MIT license.
|
||||||
|
* http://www.opensource.org/licenses/mit-license.php
|
||||||
|
*
|
||||||
|
* Copyright 2012, Codrops
|
||||||
|
* http://www.codrops.com
|
||||||
|
*/
|
||||||
|
;( function( $, window, undefined ) {
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
/*
|
||||||
|
* debouncedresize: special jQuery event that happens once after a window resize
|
||||||
|
*
|
||||||
|
* latest version and complete README available on Github:
|
||||||
|
* https://github.com/louisremi/jquery-smartresize/blob/master/jquery.debouncedresize.js
|
||||||
|
*
|
||||||
|
* Copyright 2011 @louis_remi
|
||||||
|
* Licensed under the MIT license.
|
||||||
|
*/
|
||||||
|
var $event = $.event,
|
||||||
|
$special,
|
||||||
|
resizeTimeout;
|
||||||
|
$special = $event.special.debouncedresize = {
|
||||||
|
setup: function() {
|
||||||
|
$( this ).on( "resize", $special.handler );
|
||||||
|
},
|
||||||
|
teardown: function() {
|
||||||
|
$( this ).off( "resize", $special.handler );
|
||||||
|
},
|
||||||
|
handler: function( event, execAsap ) {
|
||||||
|
// Save the context
|
||||||
|
var context = this,
|
||||||
|
args = arguments,
|
||||||
|
dispatch = function() {
|
||||||
|
// set correct event type
|
||||||
|
event.type = "debouncedresize";
|
||||||
|
$event.dispatch.apply( context, args );
|
||||||
|
};
|
||||||
|
if ( resizeTimeout ) {
|
||||||
|
clearTimeout( resizeTimeout );
|
||||||
|
}
|
||||||
|
execAsap ?
|
||||||
|
dispatch() :
|
||||||
|
resizeTimeout = setTimeout( dispatch, $special.threshold );
|
||||||
|
},
|
||||||
|
threshold: 20
|
||||||
|
};
|
||||||
|
// global
|
||||||
|
var $window = $( window ),
|
||||||
|
$document = $( document ),
|
||||||
|
Modernizr = window.Modernizr;
|
||||||
|
$.Slitslider = function( options, element ) {
|
||||||
|
|
||||||
|
this.$elWrapper = $( element );
|
||||||
|
this._init( options );
|
||||||
|
|
||||||
|
};
|
||||||
|
$.Slitslider.defaults = {
|
||||||
|
// transitions speed
|
||||||
|
speed : 800,
|
||||||
|
// if true the item's slices will also animate the opacity value
|
||||||
|
optOpacity : false,
|
||||||
|
// amount (%) to translate both slices - adjust as necessary
|
||||||
|
translateFactor : 230,
|
||||||
|
// maximum possible angle
|
||||||
|
maxAngle : 25,
|
||||||
|
// maximum possible scale
|
||||||
|
maxScale : 2,
|
||||||
|
// slideshow on / off
|
||||||
|
autoplay : true,
|
||||||
|
// keyboard navigation
|
||||||
|
keyboard : true,
|
||||||
|
// time between transitions
|
||||||
|
interval : 8000,
|
||||||
|
// callbacks
|
||||||
|
onBeforeChange : function( slide, idx ) { return false; },
|
||||||
|
onAfterChange : function( slide, idx ) { return false; }
|
||||||
|
};
|
||||||
|
$.Slitslider.prototype = {
|
||||||
|
_init : function( options ) {
|
||||||
|
|
||||||
|
// options
|
||||||
|
this.options = $.extend( true, {}, $.Slitslider.defaults, options );
|
||||||
|
// https://github.com/twitter/bootstrap/issues/2870
|
||||||
|
this.transEndEventNames = {
|
||||||
|
'WebkitTransition' : 'webkitTransitionEnd',
|
||||||
|
'MozTransition' : 'transitionend',
|
||||||
|
'OTransition' : 'oTransitionEnd',
|
||||||
|
'msTransition' : 'MSTransitionEnd',
|
||||||
|
'transition' : 'transitionend'
|
||||||
|
};
|
||||||
|
this.transEndEventName = this.transEndEventNames[ Modernizr.prefixed( 'transition' ) ];
|
||||||
|
// suport for css 3d transforms and css transitions
|
||||||
|
this.support = Modernizr.csstransitions && Modernizr.csstransforms3d;
|
||||||
|
// the slider
|
||||||
|
this.$el = this.$elWrapper.children( '.sl-slider' );
|
||||||
|
// the slides
|
||||||
|
this.$slides = this.$el.children( '.sl-slide' ).hide();
|
||||||
|
// total slides
|
||||||
|
this.slidesCount = this.$slides.length;
|
||||||
|
// current slide
|
||||||
|
this.current = 0;
|
||||||
|
// control if it's animating
|
||||||
|
this.isAnimating = false;
|
||||||
|
// get container size
|
||||||
|
this._getSize();
|
||||||
|
// layout
|
||||||
|
this._layout();
|
||||||
|
// load some events
|
||||||
|
this._loadEvents();
|
||||||
|
// slideshow
|
||||||
|
if( this.options.autoplay ) {
|
||||||
|
|
||||||
|
this._startSlideshow();
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// gets the current container width & height
|
||||||
|
_getSize : function() {
|
||||||
|
this.size = {
|
||||||
|
width : this.$elWrapper.outerWidth( true ),
|
||||||
|
height : this.$elWrapper.outerHeight( true )
|
||||||
|
};
|
||||||
|
},
|
||||||
|
_layout : function() {
|
||||||
|
|
||||||
|
this.$slideWrapper = $( '<div class="sl-slides-wrapper" />' );
|
||||||
|
|
||||||
|
// wrap the slides
|
||||||
|
this.$slides.wrapAll( this.$slideWrapper ).each( function( i ) {
|
||||||
|
|
||||||
|
var $slide = $( this ),
|
||||||
|
// vertical || horizontal
|
||||||
|
orientation = $slide.data( 'orientation' );
|
||||||
|
|
||||||
|
$slide.addClass( 'sl-slide-' + orientation )
|
||||||
|
.children()
|
||||||
|
.wrapAll( '<div class="sl-content-wrapper" />' )
|
||||||
|
.wrapAll( '<div class="sl-content" />' );
|
||||||
|
|
||||||
|
} );
|
||||||
|
|
||||||
|
// set the right size of the slider/slides for the current window size
|
||||||
|
this._setSize();
|
||||||
|
// show first slide
|
||||||
|
this.$slides.eq( this.current ).show();
|
||||||
|
|
||||||
|
},
|
||||||
|
_navigate : function( dir, pos ) {
|
||||||
|
|
||||||
|
if( this.isAnimating || this.slidesCount < 2 ) {
|
||||||
|
|
||||||
|
return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
this.isAnimating = true;
|
||||||
|
var self = this,
|
||||||
|
$currentSlide = this.$slides.eq( this.current );
|
||||||
|
// if position is passed
|
||||||
|
if( pos !== undefined ) {
|
||||||
|
this.current = pos;
|
||||||
|
}
|
||||||
|
// if not check the boundaries
|
||||||
|
else if( dir === 'next' ) {
|
||||||
|
this.current = this.current < this.slidesCount - 1 ? ++this.current : 0;
|
||||||
|
}
|
||||||
|
else if( dir === 'prev' ) {
|
||||||
|
this.current = this.current > 0 ? --this.current : this.slidesCount - 1;
|
||||||
|
}
|
||||||
|
this.options.onBeforeChange( $currentSlide, this.current );
|
||||||
|
|
||||||
|
// next slide to be shown
|
||||||
|
var $nextSlide = this.$slides.eq( this.current ),
|
||||||
|
// the slide we want to cut and animate
|
||||||
|
$movingSlide = ( dir === 'next' ) ? $currentSlide : $nextSlide,
|
||||||
|
|
||||||
|
// the following are the data attrs set for each slide
|
||||||
|
configData = $movingSlide.data(),
|
||||||
|
config = {};
|
||||||
|
|
||||||
|
config.orientation = configData.orientation || 'horizontal',
|
||||||
|
config.slice1angle = configData.slice1Rotation || 0,
|
||||||
|
config.slice1scale = configData.slice1Scale || 1,
|
||||||
|
config.slice2angle = configData.slice2Rotation || 0,
|
||||||
|
config.slice2scale = configData.slice2Scale || 1;
|
||||||
|
|
||||||
|
this._validateValues( config );
|
||||||
|
|
||||||
|
var cssStyle = config.orientation === 'horizontal' ? {
|
||||||
|
marginTop : -this.size.height / 2
|
||||||
|
} : {
|
||||||
|
marginLeft : -this.size.width / 2
|
||||||
|
},
|
||||||
|
// default slide's slices style
|
||||||
|
resetStyle = {
|
||||||
|
'transform' : 'translate(0%,0%) rotate(0deg) scale(1)',
|
||||||
|
opacity : 1
|
||||||
|
},
|
||||||
|
// slice1 style
|
||||||
|
slice1Style = config.orientation === 'horizontal' ? {
|
||||||
|
'transform' : 'translateY(-' + this.options.translateFactor + '%) rotate(' + config.slice1angle + 'deg) scale(' + config.slice1scale + ')'
|
||||||
|
} : {
|
||||||
|
'transform' : 'translateX(-' + this.options.translateFactor + '%) rotate(' + config.slice1angle + 'deg) scale(' + config.slice1scale + ')'
|
||||||
|
},
|
||||||
|
// slice2 style
|
||||||
|
slice2Style = config.orientation === 'horizontal' ? {
|
||||||
|
'transform' : 'translateY(' + this.options.translateFactor + '%) rotate(' + config.slice2angle + 'deg) scale(' + config.slice2scale + ')'
|
||||||
|
} : {
|
||||||
|
'transform' : 'translateX(' + this.options.translateFactor + '%) rotate(' + config.slice2angle + 'deg) scale(' + config.slice2scale + ')'
|
||||||
|
};
|
||||||
|
|
||||||
|
if( this.options.optOpacity ) {
|
||||||
|
|
||||||
|
slice1Style.opacity = 0;
|
||||||
|
slice2Style.opacity = 0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// we are adding the classes sl-trans-elems and sl-trans-back-elems to the slide that is either coming "next"
|
||||||
|
// or going "prev" according to the direction.
|
||||||
|
// the idea is to make it more interesting by giving some animations to the respective slide's elements
|
||||||
|
//( dir === 'next' ) ? $nextSlide.addClass( 'sl-trans-elems' ) : $currentSlide.addClass( 'sl-trans-back-elems' );
|
||||||
|
|
||||||
|
$currentSlide.removeClass( 'sl-trans-elems' );
|
||||||
|
var transitionProp = {
|
||||||
|
'transition' : 'all ' + this.options.speed + 'ms ease-in-out'
|
||||||
|
};
|
||||||
|
// add the 2 slices and animate them
|
||||||
|
$movingSlide.css( 'z-index', this.slidesCount )
|
||||||
|
.find( 'div.sl-content-wrapper' )
|
||||||
|
.wrap( $( '<div class="sl-content-slice" />' ).css( transitionProp ) )
|
||||||
|
.parent()
|
||||||
|
.cond(
|
||||||
|
dir === 'prev',
|
||||||
|
function() {
|
||||||
|
|
||||||
|
var slice = this;
|
||||||
|
this.css( slice1Style );
|
||||||
|
setTimeout( function() {
|
||||||
|
|
||||||
|
slice.css( resetStyle );
|
||||||
|
}, 50 );
|
||||||
|
|
||||||
|
},
|
||||||
|
function() {
|
||||||
|
|
||||||
|
var slice = this;
|
||||||
|
setTimeout( function() {
|
||||||
|
|
||||||
|
slice.css( slice1Style );
|
||||||
|
}, 50 );
|
||||||
|
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.clone()
|
||||||
|
.appendTo( $movingSlide )
|
||||||
|
.cond(
|
||||||
|
dir === 'prev',
|
||||||
|
function() {
|
||||||
|
|
||||||
|
var slice = this;
|
||||||
|
this.css( slice2Style );
|
||||||
|
setTimeout( function() {
|
||||||
|
$currentSlide.addClass( 'sl-trans-back-elems' );
|
||||||
|
if( self.support ) {
|
||||||
|
slice.css( resetStyle ).on( self.transEndEventName, function() {
|
||||||
|
self._onEndNavigate( slice, $currentSlide, dir );
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
self._onEndNavigate( slice, $currentSlide, dir );
|
||||||
|
}
|
||||||
|
}, 50 );
|
||||||
|
|
||||||
|
},
|
||||||
|
function() {
|
||||||
|
|
||||||
|
var slice = this;
|
||||||
|
setTimeout( function() {
|
||||||
|
$nextSlide.addClass( 'sl-trans-elems' );
|
||||||
|
|
||||||
|
if( self.support ) {
|
||||||
|
slice.css( slice2Style ).on( self.transEndEventName, function() {
|
||||||
|
self._onEndNavigate( slice, $currentSlide, dir );
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
self._onEndNavigate( slice, $currentSlide, dir );
|
||||||
|
}
|
||||||
|
}, 50 );
|
||||||
|
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.find( 'div.sl-content-wrapper' )
|
||||||
|
.css( cssStyle );
|
||||||
|
|
||||||
|
$nextSlide.show();
|
||||||
|
|
||||||
|
},
|
||||||
|
_validateValues : function( config ) {
|
||||||
|
|
||||||
|
// OK, so we are restricting the angles and scale values here.
|
||||||
|
// This is to avoid the slices wrong sides to be shown.
|
||||||
|
// you can adjust these values as you wish but make sure you also ajust the
|
||||||
|
// paddings of the slides and also the options.translateFactor value and scale data attrs
|
||||||
|
if( config.slice1angle > this.options.maxAngle || config.slice1angle < -this.options.maxAngle ) {
|
||||||
|
|
||||||
|
config.slice1angle = this.options.maxAngle;
|
||||||
|
|
||||||
|
}
|
||||||
|
if( config.slice2angle > this.options.maxAngle || config.slice2angle < -this.options.maxAngle ) {
|
||||||
|
|
||||||
|
config.slice2angle = this.options.maxAngle;
|
||||||
|
|
||||||
|
}
|
||||||
|
if( config.slice1scale > this.options.maxScale || config.slice1scale <= 0 ) {
|
||||||
|
|
||||||
|
config.slice1scale = this.options.maxScale;
|
||||||
|
|
||||||
|
}
|
||||||
|
if( config.slice2scale > this.options.maxScale || config.slice2scale <= 0 ) {
|
||||||
|
|
||||||
|
config.slice2scale = this.options.maxScale;
|
||||||
|
|
||||||
|
}
|
||||||
|
if( config.orientation !== 'vertical' && config.orientation !== 'horizontal' ) {
|
||||||
|
|
||||||
|
config.orientation = 'horizontal'
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
_onEndNavigate : function( $slice, $oldSlide, dir ) {
|
||||||
|
|
||||||
|
// reset previous slide's style after next slide is shown
|
||||||
|
var $slide = $slice.parent(),
|
||||||
|
removeClasses = 'sl-trans-elems sl-trans-back-elems';
|
||||||
|
|
||||||
|
// remove second slide's slice
|
||||||
|
$slice.remove();
|
||||||
|
// unwrap..
|
||||||
|
$slide.css( 'z-index', 1 )
|
||||||
|
.find( 'div.sl-content-wrapper' )
|
||||||
|
.unwrap();
|
||||||
|
|
||||||
|
// hide previous current slide
|
||||||
|
$oldSlide.hide().removeClass( removeClasses );
|
||||||
|
$slide.removeClass( removeClasses );
|
||||||
|
// now we can navigate again..
|
||||||
|
this.isAnimating = false;
|
||||||
|
this.options.onAfterChange( $slide, this.current );
|
||||||
|
|
||||||
|
},
|
||||||
|
_setSize : function() {
|
||||||
|
|
||||||
|
// the slider and content wrappers will have the window's width and height
|
||||||
|
var cssStyle = {
|
||||||
|
width : this.size.width,
|
||||||
|
height : this.size.height
|
||||||
|
};
|
||||||
|
|
||||||
|
this.$el.css( cssStyle ).find( 'div.sl-content-wrapper' ).css( cssStyle );
|
||||||
|
|
||||||
|
},
|
||||||
|
_loadEvents : function() {
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
$window.on( 'debouncedresize.slitslider', function( event ) {
|
||||||
|
|
||||||
|
// update size values
|
||||||
|
self._getSize();
|
||||||
|
// set the sizes again
|
||||||
|
self._setSize();
|
||||||
|
|
||||||
|
} );
|
||||||
|
if ( this.options.keyboard ) {
|
||||||
|
|
||||||
|
$document.on( 'keydown.slitslider', function(e) {
|
||||||
|
var keyCode = e.keyCode || e.which,
|
||||||
|
arrow = {
|
||||||
|
left: 37,
|
||||||
|
up: 38,
|
||||||
|
right: 39,
|
||||||
|
down: 40
|
||||||
|
};
|
||||||
|
switch (keyCode) {
|
||||||
|
|
||||||
|
case arrow.left :
|
||||||
|
self._stopSlideshow();
|
||||||
|
self._navigate( 'prev' );
|
||||||
|
break;
|
||||||
|
|
||||||
|
case arrow.right :
|
||||||
|
|
||||||
|
self._stopSlideshow();
|
||||||
|
self._navigate( 'next' );
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
_startSlideshow: function() {
|
||||||
|
var self = this;
|
||||||
|
this.slideshow = setTimeout( function() {
|
||||||
|
self._navigate( 'next' );
|
||||||
|
if ( self.options.autoplay ) {
|
||||||
|
self._startSlideshow();
|
||||||
|
}
|
||||||
|
}, this.options.interval );
|
||||||
|
},
|
||||||
|
_stopSlideshow: function() {
|
||||||
|
if ( this.options.autoplay ) {
|
||||||
|
clearTimeout( this.slideshow );
|
||||||
|
this.isPlaying = false;
|
||||||
|
this.options.autoplay = false;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_destroy : function( callback ) {
|
||||||
|
|
||||||
|
this.$el.off( '.slitslider' ).removeData( 'slitslider' );
|
||||||
|
$window.off( '.slitslider' );
|
||||||
|
$document.off( '.slitslider' );
|
||||||
|
this.$slides.each( function( i ) {
|
||||||
|
var $slide = $( this ),
|
||||||
|
$content = $slide.find( 'div.sl-content' ).children();
|
||||||
|
$content.appendTo( $slide );
|
||||||
|
$slide.children( 'div.sl-content-wrapper' ).remove();
|
||||||
|
} );
|
||||||
|
this.$slides.unwrap( this.$slideWrapper ).hide();
|
||||||
|
this.$slides.eq( 0 ).show();
|
||||||
|
if( callback ) {
|
||||||
|
callback.call();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// public methos: adds more slides to the slider
|
||||||
|
add : function( $slides, callback ) {
|
||||||
|
this.$slides = this.$slides.add( $slides );
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
|
||||||
|
$slides.each( function( i ) {
|
||||||
|
var $slide = $( this ),
|
||||||
|
// vertical || horizontal
|
||||||
|
orientation = $slide.data( 'orientation' );
|
||||||
|
$slide.hide().addClass( 'sl-slide-' + orientation )
|
||||||
|
.children()
|
||||||
|
.wrapAll( '<div class="sl-content-wrapper" />' )
|
||||||
|
.wrapAll( '<div class="sl-content" />' )
|
||||||
|
.end()
|
||||||
|
.appendTo( self.$el.find( 'div.sl-slides-wrapper' ) );
|
||||||
|
} );
|
||||||
|
this._setSize();
|
||||||
|
this.slidesCount = this.$slides.length;
|
||||||
|
|
||||||
|
if ( callback ) {
|
||||||
|
callback.call( $items );
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// public method: shows next slide
|
||||||
|
next : function() {
|
||||||
|
this._stopSlideshow();
|
||||||
|
this._navigate( 'next' );
|
||||||
|
},
|
||||||
|
// public method: shows previous slide
|
||||||
|
previous : function() {
|
||||||
|
this._stopSlideshow();
|
||||||
|
this._navigate( 'prev' );
|
||||||
|
},
|
||||||
|
// public method: goes to a specific slide
|
||||||
|
jump : function( pos ) {
|
||||||
|
pos -= 1;
|
||||||
|
if( pos === this.current || pos >= this.slidesCount || pos < 0 ) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
this._stopSlideshow();
|
||||||
|
this._navigate( pos > this.current ? 'next' : 'prev', pos );
|
||||||
|
},
|
||||||
|
// public method: starts the slideshow
|
||||||
|
// any call to next(), previous() or jump() will stop the slideshow
|
||||||
|
play : function() {
|
||||||
|
if( !this.isPlaying ) {
|
||||||
|
this.isPlaying = true;
|
||||||
|
this._navigate( 'next' );
|
||||||
|
this.options.autoplay = true;
|
||||||
|
this._startSlideshow();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// public method: pauses the slideshow
|
||||||
|
pause : function() {
|
||||||
|
if( this.isPlaying ) {
|
||||||
|
this._stopSlideshow();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// public method: check if isAnimating is true
|
||||||
|
isActive : function() {
|
||||||
|
return this.isAnimating;
|
||||||
|
},
|
||||||
|
// publicc methos: destroys the slicebox instance
|
||||||
|
destroy : function( callback ) {
|
||||||
|
this._destroy( callback );
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var logError = function( message ) {
|
||||||
|
if ( window.console ) {
|
||||||
|
window.console.error( message );
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
$.fn.slitslider = function( options ) {
|
||||||
|
var self = $.data( this, 'slitslider' );
|
||||||
|
|
||||||
|
if ( typeof options === 'string' ) {
|
||||||
|
|
||||||
|
var args = Array.prototype.slice.call( arguments, 1 );
|
||||||
|
|
||||||
|
this.each(function() {
|
||||||
|
|
||||||
|
if ( !self ) {
|
||||||
|
logError( "cannot call methods on slitslider prior to initialization; " +
|
||||||
|
"attempted to call method '" + options + "'" );
|
||||||
|
return;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if ( !$.isFunction( self[options] ) || options.charAt(0) === "_" ) {
|
||||||
|
logError( "no such method '" + options + "' for slitslider self" );
|
||||||
|
return;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
self[ options ].apply( self, args );
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
this.each(function() {
|
||||||
|
|
||||||
|
if ( self ) {
|
||||||
|
self._init();
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
self = $.data( this, 'slitslider', new $.Slitslider( options, this ) );
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
return self;
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
} )( jQuery, window );
|
||||||
4
js/modernizr.custom.79639.js
vendored
Executable file
4
js/modernizr.custom.79639.js
vendored
Executable file
File diff suppressed because one or more lines are too long
1
js/scripts.js
Executable file
1
js/scripts.js
Executable file
@@ -0,0 +1 @@
|
|||||||
|
jQuery(document).ready(function($){
|
||||||
BIN
languages/fr_FR.mo
Normal file
BIN
languages/fr_FR.mo
Normal file
Binary file not shown.
82
languages/fr_FR.po
Normal file
82
languages/fr_FR.po
Normal file
@@ -0,0 +1,82 @@
|
|||||||
|
msgid ""
|
||||||
|
msgstr ""
|
||||||
|
"Project-Id-Version: Creator Responsive WordPress Theme Child\n"
|
||||||
|
"POT-Creation-Date: 2016-12-09 15:44+0100\n"
|
||||||
|
"PO-Revision-Date: 2016-12-09 15:44+0100\n"
|
||||||
|
"Last-Translator: Bruno <bruno@clicclac.info>\n"
|
||||||
|
"Language-Team: Bruno <bruno@clicclac.info>\n"
|
||||||
|
"Language: fr_FR\n"
|
||||||
|
"MIME-Version: 1.0\n"
|
||||||
|
"Content-Type: text/plain; charset=UTF-8\n"
|
||||||
|
"Content-Transfer-Encoding: 8bit\n"
|
||||||
|
"X-Generator: Poedit 1.8.11\n"
|
||||||
|
"X-Poedit-Basepath: ..\n"
|
||||||
|
"X-Poedit-WPHeader: style.css\n"
|
||||||
|
"Plural-Forms: nplurals=2; plural=(n > 1);\n"
|
||||||
|
"X-Poedit-SourceCharset: UTF-8\n"
|
||||||
|
"X-Poedit-KeywordsList: __;_e;_n:1,2;_x:1,2c;_ex:1,2c;_nx:4c,1,2;esc_attr__;"
|
||||||
|
"esc_attr_e;esc_attr_x:1,2c;esc_html__;esc_html_e;esc_html_x:1,2c;"
|
||||||
|
"_n_noop:1,2;_nx_noop:3c,1,2;__ngettext_noop:1,2\n"
|
||||||
|
"X-Poedit-SearchPath-0: .\n"
|
||||||
|
"X-Poedit-SearchPathExcluded-0: *.js\n"
|
||||||
|
|
||||||
|
#: accueil.php:178
|
||||||
|
msgid "Read More"
|
||||||
|
msgstr "Lire la suite"
|
||||||
|
|
||||||
|
#: accueil.php:186
|
||||||
|
msgid "Read more blog entries..."
|
||||||
|
msgstr "Lire plus d'entrées de blog..."
|
||||||
|
|
||||||
|
#: archive.php:67
|
||||||
|
msgid "Sorry, no posts found."
|
||||||
|
msgstr "Désolé, aucun post trouvé."
|
||||||
|
|
||||||
|
#: functions.php:48
|
||||||
|
msgid "yesterday"
|
||||||
|
msgstr "hier"
|
||||||
|
|
||||||
|
#: functions.php:49
|
||||||
|
msgid "the day before yesterday"
|
||||||
|
msgstr "avant-hier"
|
||||||
|
|
||||||
|
#: functions.php:50
|
||||||
|
msgid "two days ago"
|
||||||
|
msgstr "avant-avant-hier"
|
||||||
|
|
||||||
|
#: functions.php:51
|
||||||
|
#, php-format
|
||||||
|
msgid "%1$s days ago"
|
||||||
|
msgstr "il y a %1$s jours"
|
||||||
|
|
||||||
|
#: functions.php:54
|
||||||
|
#, php-format
|
||||||
|
msgid "%1$s week ago"
|
||||||
|
msgstr "il y a %1$s semaine"
|
||||||
|
|
||||||
|
#: functions.php:55
|
||||||
|
#, php-format
|
||||||
|
msgid "%1$s weeks ago"
|
||||||
|
msgstr "il y a %1$s semaines"
|
||||||
|
|
||||||
|
#. Theme Name of the plugin/theme
|
||||||
|
msgid "Creator Responsive WordPress Theme Child"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#. Theme URI of the plugin/theme
|
||||||
|
msgid "http://dessign.net/creatortheme"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#. Description of the plugin/theme
|
||||||
|
msgid ""
|
||||||
|
"Creator Responsive WordPress Theme for WordPress is stylish, customizable, "
|
||||||
|
"simple, and readable. Perfect for any creative shop and ecommerce solutions."
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#. Author of the plugin/theme
|
||||||
|
msgid "Dessign Themes"
|
||||||
|
msgstr ""
|
||||||
|
|
||||||
|
#. Author URI of the plugin/theme
|
||||||
|
msgid "http://dessign.net"
|
||||||
|
msgstr ""
|
||||||
27
style.css
Normal file
27
style.css
Normal file
@@ -0,0 +1,27 @@
|
|||||||
|
/*
|
||||||
|
Theme Name: Creator Responsive WordPress Theme Child
|
||||||
|
Theme URI: http://dessign.net/creatortheme
|
||||||
|
Description: Creator Responsive WordPress Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any creative shop and ecommerce solutions.
|
||||||
|
Template: CreatorThemeRes
|
||||||
|
Version: 2.0.1
|
||||||
|
Author: Dessign Themes
|
||||||
|
Author URI: http://dessign.net
|
||||||
|
Tags: 3 column theme, clean, portfolio
|
||||||
|
Text Domain: CreatorThemeRes-child
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
|
@import url("../CreatorThemeRes/style.css");
|
||||||
|
*/
|
||||||
|
|
||||||
|
.retour-blog {
|
||||||
|
color: #333333;
|
||||||
|
display: block;
|
||||||
|
font-size: 14px;
|
||||||
|
letter-spacing: 1.5px;
|
||||||
|
padding: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-box {
|
||||||
|
/*border: thin solid #ff6231;*/
|
||||||
|
}
|
||||||
73
tpl-blog.php
Executable file
73
tpl-blog.php
Executable file
@@ -0,0 +1,73 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
Template Name: Blog Page
|
||||||
|
*/
|
||||||
|
get_header();
|
||||||
|
$args = array(
|
||||||
|
'post_type' => 'post',
|
||||||
|
'posts_per_page' => 9,
|
||||||
|
'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1)
|
||||||
|
/*'category_name' => 'blog'*/
|
||||||
|
);
|
||||||
|
$blog = new WP_Query($args);
|
||||||
|
?>
|
||||||
|
<div class="content">
|
||||||
|
<div class="container">
|
||||||
|
<div class="post_content">
|
||||||
|
<?php if ( $blog->have_posts() ) : ?>
|
||||||
|
<div class="blog">
|
||||||
|
<div class="blog-posts">
|
||||||
|
<?php
|
||||||
|
while ( $blog->have_posts() ) : $blog->the_post();
|
||||||
|
?>
|
||||||
|
<div class="featured-box">
|
||||||
|
<div class="port-image">
|
||||||
|
<?php
|
||||||
|
$type = get_post_meta($post->ID,'page_featured_type',true);
|
||||||
|
switch ($type) {
|
||||||
|
case 'youtube':
|
||||||
|
echo '<iframe src="http://www.youtube.com/embed/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?wmode=transparent" frameborder="0" allowfullscreen></iframe>';
|
||||||
|
break;
|
||||||
|
case 'vimeo':
|
||||||
|
echo '<iframe src="http://player.vimeo.com/video/'.get_post_meta( get_the_ID(), 'page_video_id', true ).'?title=0&byline=0&portrait=0&color=03b3fc" width="500" height="338" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(600,600) );
|
||||||
|
echo '<a href="'.get_permalink().'" style="background-image: url('.$thumbnail[0].')"></a>';
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="port-body">
|
||||||
|
<p class="port-date"><?php //the_time('F d, Y'); ?><?php RelativeTime(); ?></p>
|
||||||
|
<h3><a href="<?php the_permalink(); ?>"><?php echo the_title(); ?></a></h3>
|
||||||
|
<p><?php echo dess_get_excerpt(230); ?></p>
|
||||||
|
<a class="read-more" href="<?php the_permalink(); ?>"><?php _e('Read More','CreatorThemeRes-child'); ?></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
endwhile;
|
||||||
|
?>
|
||||||
|
</div><!-- blog-posts -->
|
||||||
|
<div class="blog-pagination">
|
||||||
|
<?php
|
||||||
|
$big = 999999999; // need an unlikely integer
|
||||||
|
echo paginate_links( array(
|
||||||
|
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
|
||||||
|
'format' => '?paged=%#%',
|
||||||
|
'current' => max( 1, get_query_var('paged') ),
|
||||||
|
'total' => $blog->max_num_pages,
|
||||||
|
'prev_text' => '←',
|
||||||
|
'next_text' => '→'
|
||||||
|
) );
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
</div><!-- blog -->
|
||||||
|
<?php else: echo '<p>'.__('Sorry, no blog posts found. Please create a post and assign it in "blog" category.','creator').'</p>'; endif; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
get_footer();
|
||||||
|
?>
|
||||||
Reference in New Issue
Block a user