Single v1

-commentaires cachés
-settings
-3 lightbox
-enqueue js et css

-child/----footer-page.php

@@ -0,0 +1,52 @@
+ 		<footer id="foot">
+			<div class="bottom-foot">
+				<div class="container">
+					<div class="copyright">
+						<p class="credits"><?php echo ( dess_setting('dess_copyright') !='' ? dess_setting('dess_copyright') : __('2016 Copyright. Powered by WordPress','creator') ); ?></p>
+					</div>
+					<div class="clear"></div>
+				</div>
+			</div>
+		</footer>
+<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="//cdn.rawgit.com/noelboss/featherlight/1.3.4/release/featherlight.gallery.min.js" type="text/javascript" charset="utf-8"></script>
+<script type="text/javascript">
+$(document).ready(function(){
+
+	$('.gallery').featherlightGallery({
+		gallery: {
+			fadeIn: 300,
+			fadeOut: 300
+		},
+		openSpeed:    300,
+		closeSpeed:   300
+	});
+	$('.gallery2').featherlightGallery({
+		gallery: {
+			next: 'next »',
+			previous: '« previous'
+		},
+		variant: 'featherlight-gallery2'
+	});
+	
+	$.featherlightGallery.prototype.afterContent = function() {
+  var caption = this.$currentTarget.find('img').attr('alt');
+  this.$instance.find('.caption').remove();
+  $('<div class="caption">').text(caption).appendTo(this.$instance.find('.featherlight-content'));
+};
+});
+
+/* $('.my-gallery').featherlightGallery({
+    filter: "a",
+    afterContent: function() {
+        this.$legend = this.$legend || $('<div class="legend"/>').insertAfter(this.$content);
+        this.$legend.text(this.$currentTarget.attr('alt'));
+    }
+});
+*/
+</script>
+
+<?php wp_footer(); ?>
+
+</body>
+</html>

Pagination/ce-mois.php

@@ -0,0 +1,235 @@
+<?php
+/**
+ * Template Name: Ce-mois
+ *
+ * @package WordPress
+ * @subpackage Twenty_Ten
+ * @since Twenty Ten 1.0
+ */
+
+
+get_header();
+
+$root = $_SERVER['DOCUMENT_ROOT'];
+define('SERVERPATH',$root.'/zenphoto'); 
+//define('WEBPATH','/'.basename(dirname(__FILE__)).'/zenphoto'); 
+//require_once(SERVERPATH.'/zp-core/template-functions.php'); 
+include('../photoblog/exifer/exif.php');
+
+?>
+
+<div class="content">
+	<div class="container">
+		<div class="post_content">
+			<?php if(have_posts()): the_post(); ?>
+			<article class="post_box" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+				<h1><?php the_title(); ?></h1>
+				<?php the_content(); ?>
+			</article>
+			
+			<?php 
+			$mois = date('n');
+			$an = date('Y');
+			$image = $mois . '_' . $an . '.jpg';
+			$annee = $an;
+
+			// nom des fichiers: 7_2009.jpg et non pas 07_2009.jpg
+		
+			for ($i = 0; $i <= 11 ; $i++) {
+				$a = ($mois - $i);
+				if ($a < 1) {
+					$a = (12 + $a);
+					$annee = $an - 1;
+					}
+				$tableau[$i] = $a . '_' . $annee . '.jpg';
+				}
+					
+			$i = 0;
+			while ($i < 13) {
+				$file = '../zenphoto/albums/photos-du-mois/' . $tableau[$i];
+				//echo $file;
+
+				if (file_exists($file)) {
+					//echo "<br />" ."file exist: " . $file;
+					// ../zenphoto/albums/photos-du-mois/4_2014.jpg 
+					// 4_2014_800_watermark.jpg, 4_2014_FULL_watermark.jpg
+					$photo_du_mois = $file;
+					$title = $tableau[$i];
+				
+					$size = getimagesize($photo_du_mois, $info);
+					//preprint($size);
+				
+					if ($size[0] > 1000) {
+						// HD
+						$hd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_FULL_watermark.jpg";
+						if (file_exists($hd)) {
+							$size_hd = getimagesize($hd, $info_hd);
+  							$imgs['img_hd'] = array(
+	              				'url' => $hd,
+    	          				'width' => $size_hd[0],
+        	      				'height' => $size_hd[1]
+ 								 );
+							}
+						else {
+  							$imgs['img_hd'] = array(
+              					'url' => '../' . $photo_du_mois,
+  	            				'width' => $size[0],
+    	          				'height' => $size[1]
+ 								 );
+ 							}
+						// SD
+						$sd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_800_watermark.jpg";
+						if (file_exists($sd)) {
+							$size_sd = getimagesize($sd, $info_sd);
+  							$imgs['img_sd'] = array(
+              					'url' => $sd,
+              					'width' => $size_sd[0],
+              					'height' => $size_sd[1]
+		 						 );
+ 							}
+						} // / $size[0] > 1000 
+					else {
+						// SD
+						$sd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_800_watermark.jpg";
+						if (file_exists($sd)) {
+							$size_sd = getimagesize($sd, $info_sd);
+  							$imgs['img_sd'] = array(
+            	  				'url' => $sd,
+              					'width' => $size_sd[0],
+              					'height' => $size_sd[1]
+ 								 );
+ 							}
+  						$imgs['img_hd'] = array(
+        	      			'url' => "",
+            	  			'width' => "",
+              				'height' => ""
+ 						 	 );	
+						} // / ($size[0] <= 1000)
+
+					$title = explode('.',$title);
+					$title = explode('_',$title[0]);
+					$title = mois2($title[0]) . ' ' . $title[1];
+					$imgs['img_sd']['title'] = $title;
+
+					if (isset($info["APP13"])) {
+						$iptc = iptcparse($info["APP13"]);
+
+						if (isset($iptc['2#120'][0])) $legende = $iptc['2#120'][0];
+						else $legende = "";
+						if (isset($iptc['2#005'][0])) $titre = $iptc['2#005'][0];
+						else $titre = "";
+
+						$keyword = ""; 
+						if (isset($iptc['2#025'])) {
+							foreach ($iptc['2#025'] as $key => $val) {
+								$keyword .= '<a href="' . $host . '/zenphoto/index.php?p=search&amp;words=' . $val . '" title="Tag > ' . $val . '" rel="tag">' . $val . '</a>';
+								$keyword .= ', ';
+								}
+							$keyword = substr($keyword, 0, -2);
+							}
+					
+						$imgs['img_sd']['legende'] = $legende;
+						$imgs['img_sd']['titre'] = $titre;
+						$imgs['img_sd']['keyword'] = $keyword;
+						} // / isset($info["APP13"]
+					
+					$exifInfo = "";
+					$exif_array = read_exif_data_raw($file,0);
+					$exifInfo = __('The','CreatorThemeRes-child') . " "  .date(__("F j, Y, g:i a",'CreatorThemeRes-child'),strtotime($exif_array['SubIFD']['DateTimeOriginal'])).' - ';
+					$exifInfo .= $exif_array['SubIFD']['ExposureTime']. __(' at ','CreatorThemeRes-child') .$exif_array['SubIFD']['FNumber'].' - ' .$exif_array['SubIFD']['ISOSpeedRatings'].' ISO - '. __('Focal','CreatorThemeRes-child') .$exif_array['SubIFD']['FocalLength'];
+					$imgs['img_sd']['exif'] = $exifInfo;
+					
+					break;
+					
+					} // /file_exists($file)
+					
+				$i++;
+				} // /while
+				
+		//preprint($imgs);
+		
+		?>
+
+		<div class="cadre">
+			
+			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
+				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
+				<p class="legendePhoto"><?php echo $imgs['img_sd']['legende']; ?>Légende</p>
+			<?php } ?>
+
+			<!--img src="watermark2.php?src=<?php echo $photo_du_mois; ?>" alt="Image du mois" title="<?php echo $title; ?>" <?php echo $size[3]; ?> /-->
+
+<!-- Retina -->
+			<?php
+			if (($imgs['img_sd']['url'] != "") && ($imgs['img_hd']['url'] != "")) {
+				$standard_source = $imgs['img_sd']['url'] . ', ' . $imgs['img_hd']['url'] . ' 2x';
+				//echo "1";
+				}
+			else if ($imgs['img_sd']['url'] != "") {
+				$standard_source = $imgs['img_sd']['url'];
+				//echo "2";
+				}
+			else if ($imgs['img_hd']['url'] != "") {
+				$standard_source = $imgs['img_hd']['url'] . ' 2x';
+				//echo "3";
+				}
+			//echo $standard_source;
+			?>
+			
+			<picture data-picture data-alt="">
+				<!--[if IE 9]><video style="display: none;"><![endif]-->
+				<source class="image_standard" srcset="<?php echo $standard_source; ?>">
+				<!--source class="image_medium" srcset="" media="(max-width: 767px)">
+				<source class="image_small" srcset="" media="(max-width: 767px)"-->
+				<!--[if IE 9]></video><![endif]-->
+				<?php
+				echo '<img srcset="' . $imgs['img_sd']['url'] . '" alt="" width="'. $imgs['img_sd']['width'] . '" height="'. $imgs['img_sd']['height'] .'" />';
+				?>
+			</picture>
+
+<!-- /Retina -->
+
+		</div><!-- /cadre -->
+		
+			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
+				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
+				<p class="legendePhoto"><?php echo $imgs['img_sd']['legende']; ?>Légende</p>
+			<?php } ?>
+		
+		<p class="exifs"><?php echo $imgs['img_sd']['exif']; ?></p>
+		
+
+
+<?php
+$aide = "<span class='aide'> ? </span><b>Utilisation:</b> cliquer sur une vignette, puis....<br />";
+$aide .= " <b><i>-sur ordinateur:</i></b> naviguer avec les touches flèches droite et gauche, quitter avec ESC.<br />";
+$aide .= " <b><i>-sur tablettes et smartphones:</i></b> balayer l'écran avec un doigt vers la droite ou vers la gauche, ou naviguer avec les touches flèches droite et gauche. Cliquer sur la X pour quitter.";
+?>
+
+		<div id="archive">
+			<p style="clear: both; "></p>
+			<h4><?php echo gettext("Archives"); ?> (<abbr title="<?php echo $aide; ?>" rel="tooltip"> ? </abbr>)</h4>
+			<!--h4><?php echo gettext("Archives"); ?> <span class='aide'><a href="#" title="<?php echo $aide; ?>" class="tooltip"><span title="<?php echo gettext("Help"); ?>">( ? )</span></a></span></h4-->
+
+		<p style="clear: both; "></p>
+
+    	<div id="loading"></div>
+    	<div id="container">
+           	<!--div class="data"></div-->
+        	<p style="clear: both; "></p>
+         	<!--div class="pagination"></div-->
+       	</div>
+
+		</div><!-- /#archive -->
+
+		<?php 
+		endif; // /have_posts()
+			?>
+			
+	</div><!-- /post_content -->
+	</div><!-- /container -->
+</div><!-- /content -->
+
+<?php
+get_footer( 'page' );
+?>

Pagination/header.php

@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+	<meta charset="<?php bloginfo( 'charset' ); ?>">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<?php wp_head(); ?>
+	
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
+
+        <script type="text/javascript">
+            $(document).ready(function(){
+                function loading_show(){
+                    $('#loading').html("<img src='<?php echo get_stylesheet_directory_uri(); ?>/images/loading.gif'/>").fadeIn('fast');
+                }
+                function loading_hide(){
+                    $('#loading').fadeOut('fast');
+                }                
+                function loadData(page){
+                    loading_show();                    
+                    $.ajax
+                    ({
+                        type: "POST",
+                        url: "<?php echo get_stylesheet_directory_uri() . '/load_data.php'; ?>",
+                        data: "page="+page,
+                        success: function(msg)
+                        {
+                            $("#container").ajaxComplete(function(event, request, settings)
+                            {
+                                loading_hide();
+                                $("#container").html(msg);
+                            });
+                        }
+                    });
+                }
+                loadData(1);  // For first time page load default results
+                $('#container .pagination li.active').live('click',function(){
+                    var page = $(this).attr('p');
+                    loadData(page);
+                    
+                });           
+                $('#go_btn').live('click',function(){
+                    var page = parseInt($('.goto').val());
+                    var no_of_pages = parseInt($('.total').attr('a'));
+                    if(page != 0 && page <= no_of_pages){
+                        loadData(page);
+                    }else{
+                        alert('Enter a PAGE between 1 and '+no_of_pages);
+                        $('.goto').val("").focus();
+                        return false;
+                    }
+                    
+                });
+            });
+        </script>
+</head>
+<body <?php body_class(); ?>>
+	<header id="head">
+			<div class="top-area">
+				<div class="container">
+					<div class="head-details">
+						<?php
+							echo (dess_setting('dess_tel') != '' ? __('Tel: ','creator').'<a href="tel:'.dess_setting('dess_tel').'">'. dess_setting('dess_tel').'</a>' : '');
+							echo (dess_setting('dess_email') != '' ? ' | '.__('Email: ','creator').'<a href="mailto:'.dess_setting('dess_email').'">'. dess_setting('dess_email').'</a>' : '');
+							echo (dess_setting('dess_hoursup') != '' ? ' | '.dess_setting('dess_hoursup') : '');
+						?>
+					</div><!-- head-details -->
+					<div class="head-socials">
+						<ul>
+							<?php
+								$socials = array('twitter','facebook','google-plus','instagram','pinterest','vimeo','youtube','linkedin');
+								for($i=0;$i<count($socials);$i++){
+									$url = '';
+									$s = $socials[$i];
+									$url = dess_setting('dess_'.$s);
+									echo ($url != '' ? '<li><a target="_blank" href="'.$url.'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/'.$s.'-icon.png" alt="'.$s.'" /></a></li>':'');
+								}
+							?>
+						</ul>
+					</div><!-- head-socials -->
+					<div class="clear"></div>
+				</div><!-- container -->
+			</div><!-- top-area -->
+			<div class="head-area">
+				<div class="container">
+					<div class="logo">
+						<?php echo (dess_setting('dess_logo') != '' ? '<a href="'.home_url().'"><img src="'.dess_setting('dess_logo').'" alt="logo" /></a>': '<a href="'.home_url().'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/logo.png" alt="logo" /></a>'); ?>	
+					</div><!-- logo -->
+					<div class="head-nav">
+						<?php wp_nav_menu(array('theme_location' => 'header-menu')); ?>
+					</div><!-- head-nav -->
+					<div class="clear"></div>
+				</div><!-- container -->
+			</div><!-- head-area -->
+		
+	</header>

Pagination/load_data.php

@@ -0,0 +1,187 @@
+ <style type="text/css">
+ /*found on http://www.brunildo.org/test/img_center.html*/
+.wraptocenter {
+    display: table-cell!important;
+    text-align: center!important;
+    vertical-align: middle!important;
+    width: 200px;
+    height: 200px;
+}
+.wraptocenter * {
+    vertical-align: middle!important;
+}
+/*\*//*/
+.wraptocenter {
+    display: block;
+}
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+    width: 1px;
+}
+/**/
+</style>
+<!--[if IE]><style>
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+}
+</style><![endif]-->
+</style>
+
+<?php
+if($_POST['page'])
+{
+$page = $_POST['page'];
+$cur_page = $page;
+$page -= 1;
+$per_page = 15;
+$previous_btn = true;
+$next_btn = true;
+$first_btn = true;
+$last_btn = true;
+$start = $page * $per_page;
+include("db.php");
+include("fonctions.php");
+
+	$album = 'photos-du-mois'; //Photos du mois
+	$item_per_page = 12; //item to display per page
+
+	$table = array();
+	if ($_SERVER['HTTP_HOST'] == "macbook-pro.local") {
+		$table['images'] = ".images";
+		$table['albums'] = ".albums";
+		}
+	if ($_SERVER['HTTP_HOST'] == "clicclac.info") {
+		$table['images'] = "zenphoto_images";
+		$table['albums'] = "zenphoto_albums";
+		}
+
+	$mysqli = new mysqli($db_host, $db_username, $db_password, $db_name);
+	//Output any connection error
+	if ($mysqli->connect_error) {
+   		die('Error : ('. $mysqli->connect_errno .') '. $mysqli->connect_error);
+	}
+
+
+	// Récupérer l'ID de l'album 'photos-du-mois' ($id_album)
+	$i = 0;
+	$conn = new mysqli($db_host, $db_username, $db_password, $db_name);
+	if ($conn->connect_error) {
+		trigger_error('Database connection failed: '  . $conn->connect_error, E_USER_ERROR);
+		exit();
+		}
+	$conn->set_charset("utf8");
+
+	$excquery = "SELECT `id` FROM `" . $table['albums'] . "` WHERE `folder` = '" . $album . "'";
+	
+ 	if ($result = $conn->query($excquery)) {
+	 	$result->data_seek(0);
+ 		$row = $result->fetch_row();
+ 		$id_album = $row[0];
+	 	$result->close();
+		}
+
+ 	$conn->close();
+
+/*
+$query_pag_data = "SELECT msg_id,message from messages LIMIT $start, $per_page";
+$result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error());
+$msg = "";
+while ($row = mysql_fetch_array($result_pag_data)) {
+$htmlmsg=htmlentities($row['message']);
+    $msg .= "<li><b>" . $row['msg_id'] . "</b> " . $htmlmsg . "</li>";
+}
+$msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data
+*/
+$msg = "";
+
+//Limit our results within a specified range. 
+$results = $mysqli->prepare("SELECT `filename` FROM `" . $table['images'] . "` WHERE `albumid` = ? ORDER BY `date` DESC LIMIT $start, $per_page");
+$results->bind_param('i', $id_album);
+$results->execute(); //Execute prepared Query
+$results->bind_result($filename); //bind variables to prepared statement
+	
+//Display records fetched from database.
+while($results->fetch()){ //fetch values
+	//$msg .= "<li><b>" . $filename . "</b></li>";
+	$msg .= displayRetina($filename,$album);
+	}
+//$msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data
+
+
+/* --------------------------------------------- 
+$query_pag_num = "SELECT COUNT(*) AS count FROM messages";
+$result_pag_num = mysql_query($query_pag_num);
+$row = mysql_fetch_array($result_pag_num);
+$count = $row['count'];
+*/
+
+$results = $mysqli->query("SELECT COUNT(*) FROM `" . $table['images'] . "` WHERE `albumid` = $id_album ");
+$count = $results->fetch_row(); //hold total records in variable
+
+$no_of_paginations = ceil($count[0] / $per_page);
+
+/* ---------------Calculating the starting and endign values for the loop----------------------------------- */
+if ($cur_page >= 7) {
+    $start_loop = $cur_page - 3;
+    if ($no_of_paginations > $cur_page + 3)
+        $end_loop = $cur_page + 3;
+    else if ($cur_page <= $no_of_paginations && $cur_page > $no_of_paginations - 6) {
+        $start_loop = $no_of_paginations - 6;
+        $end_loop = $no_of_paginations;
+    } else {
+        $end_loop = $no_of_paginations;
+    }
+} else {
+    $start_loop = 1;
+    if ($no_of_paginations > 7)
+        $end_loop = 7;
+    else
+        $end_loop = $no_of_paginations;
+}
+/* ----------------------------------------------------------------------------------------------------------- */
+$msg .= "<div class='pagination'><ul>";
+
+// FOR ENABLING THE FIRST BUTTON
+if ($first_btn && $cur_page > 1) {
+    $msg .= "<li p='1' class='active'>First</li>";
+} else if ($first_btn) {
+    $msg .= "<li p='1' class='inactive'>First</li>";
+}
+
+// FOR ENABLING THE PREVIOUS BUTTON
+if ($previous_btn && $cur_page > 1) {
+    $pre = $cur_page - 1;
+    $msg .= "<li p='$pre' class='active'>Previous</li>";
+} else if ($previous_btn) {
+    $msg .= "<li class='inactive'>Previous</li>";
+}
+for ($i = $start_loop; $i <= $end_loop; $i++) {
+
+    if ($cur_page == $i)
+        $msg .= "<li p='$i' style='color:#fff;background-color:#006699;' class='active'>{$i}</li>";
+    else
+        $msg .= "<li p='$i' class='active'>{$i}</li>";
+}
+
+// TO ENABLE THE NEXT BUTTON
+if ($next_btn && $cur_page < $no_of_paginations) {
+    $nex = $cur_page + 1;
+    $msg .= "<li p='$nex' class='active'>Next</li>";
+} else if ($next_btn) {
+    $msg .= "<li class='inactive'>Next</li>";
+}
+
+// TO ENABLE THE END BUTTON
+if ($last_btn && $cur_page < $no_of_paginations) {
+    $msg .= "<li p='$no_of_paginations' class='active'>Last</li>";
+} else if ($last_btn) {
+    $msg .= "<li p='$no_of_paginations' class='inactive'>Last</li>";
+}
+$goto = "<input type='text' class='goto' size='1' style='margin-top:-1px;margin-left:60px;'/><input type='button' id='go_btn' class='go_button' value='Go'/>";
+$total_string = "<span class='total' a='$no_of_paginations'>Page <b>" . $cur_page . "</b> of <b>$no_of_paginations</b></span>";
+$msg = $msg . "</ul>" . $total_string . "</div>";  // Content for pagination
+echo $msg;
+}
+

accueil.php

@@ -58,11 +58,11 @@ if ( $the_query->have_posts() ) :
 					'post_type' => 'post',
 					'posts_per_page' => 7,
 					'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1),
-					'ignore_sticky_posts' => true
+					'ignore_sticky_posts' => true,
-					/*
+					/**/
 					'meta_key' => 'ex_show_in_homepage',
-					'meta_value' => 'yes',
+					'meta_value' => 'yes'
-					*/
+					
 				);
 	$blog = new WP_Query( $blog_args );
 if ( $blog->have_posts() ) :

ce-mois-bis.php

@@ -12,10 +12,20 @@ get_header();
 
 $root = $_SERVER['DOCUMENT_ROOT'];
 define('SERVERPATH',$root.'/zenphoto'); 
-//define('WEBPATH','/'.basename(dirname(__FILE__)).'/zenphoto'); 
-//require_once(SERVERPATH.'/zp-core/template-functions.php'); 
 include('../photoblog/exifer/exif.php');
 
+//nb d'archive par page
+$nb = 12;
+global $ppage;
+
+$url = $_SERVER[REDIRECT_URL];
+$a = explode("/", $url);
+$pages = end($a);
+$pages = prev($a);
+
+if ($pages != get_page_uri()) $ppage = $pages;
+else $ppage = "1";
+
 ?>
 
 <div class="content">
@@ -50,9 +60,6 @@ include('../photoblog/exifer/exif.php');
 			//echo $file;
 
 			if (file_exists($file)) {
-				//echo "<br />" ."file exist: " . $file;
-				// ../zenphoto/albums/photos-du-mois/4_2014.jpg 
-				// 4_2014_800_watermark.jpg, 4_2014_FULL_watermark.jpg
 				$photo_du_mois = $file;
 				$title = $tableau[$i];
 				
@@ -148,6 +155,8 @@ include('../photoblog/exifer/exif.php');
 		
 		?>
 
+	<?php if ($ppage == "1") { ?>
+	
 		<div class="cadre">
 			
 			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
@@ -187,7 +196,7 @@ include('../photoblog/exifer/exif.php');
 
 <!-- /Retina -->
 
-		</div>
+		</div><!-- /cadre -->
 		
 			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
 				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
@@ -196,6 +205,7 @@ include('../photoblog/exifer/exif.php');
 		
 		<p class="exifs"><?php echo $imgs['img_sd']['exif']; ?></p>
 		
+	<?php } ?>
 
 <?php
 require_once($_SERVER['DOCUMENT_ROOT'].'/Connections/cnx.php');
@@ -237,7 +247,6 @@ require_once($_SERVER['DOCUMENT_ROOT'].'/Connections/cnx.php');
 
  	$conn->close();
 
-
 	// Récupérer toutes les fichiers de l'album 'photos-du-mois' ($fichier[])
 	
 	$conn = new mysqli($dbhost, $dbuser, $dbpassword, $zptable);
@@ -281,40 +290,15 @@ $aide .= " <b><i>-sur tablettes et smartphones:</i></b> balayer l'écran avec un
 <!--h4><?php echo gettext("Archives"); ?> <span class='aide'><a href="#" title="<?php echo $aide; ?>" class="tooltip"><span title="<?php echo gettext("Help"); ?>">( ? )</span></a></span></h4-->
 
 <?php
-//nb d'archive par page
+$debut = (($ppage - 1) * $nb) +1;	  // page 1: 2, page 2: 14, page 3: 26
-$nb = 12;
-global $page;
-
-if (!isset($_GET['page'])) $page = 1;
-// sinon on recupere la valeur numerique recue en paramètre
-else $page = intval($_GET['page']);
-
-// on determine debut du limit
-$debut = (($page - 1) * $nb) +1;	  // page 1: 2, page 2: 14, page 3: 26
 $fin = ($debut + $nb) - 1;
 
-/*
-echo count($fichier) . "<br>";
-echo $debut . "<br>";
-echo $fin . "<br>";
-echo $page . "<br>";
-*/
 for ($j=$debut; $j<=$fin; $j++) {
 
-//$fin = (($start + $epp) -1);
-//for ($j=($start + 1); $j<=$fin; $j++) {
-/*
-		if ($j <= count($fichier)-1) echo display($fichier[$j],$album);
-		if ($j+1 <= count($fichier)-1) echo display($fichier[$j+1],$album);
-		if ($j+2 <= count($fichier)-1) echo display($fichier[$j+2],$album);
-*/
-
 		if ($j <= count($fichier)-1) echo displayRetina($fichier[$j],$album);
 		if ($j+1 <= count($fichier)-1) echo displayRetina($fichier[$j+1],$album);
 		if ($j+2 <= count($fichier)-1) echo displayRetina($fichier[$j+2],$album);
 		
-		//echo $fichier[$j]; // 9_2015.jpg
-		
 		$j = $j + 2;
 	}
 ?>
@@ -322,27 +306,27 @@ for ($j=$debut; $j<=$fin; $j++) {
 <p style="clear: both; "></p>
 
 
-<div class="pagination">
+<div class="blog-pagination">
+
 <?php
 /**/
 // calcul du nombre de pages (arrondi a l'entier superieur)
 $nbpages = ceil(count($fichier) / 12);
-$prec = $page - 1;
+$prec = $ppage - 1;
-$suiv = $page + 1;
+$suiv = $ppage + 1;
 
-// $_SERVER[REQUEST_URI] -> /wordpress/ce-mois-ci/
+if ($ppage >= 2) echo '<a class="prev page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$prec.'" title="'.gettext("Previous Page").'"> ← </a>&nbsp;';
 
-
-if ($page >= 2) echo '<a href="'.$_SERVER['REQUEST_URI'].'?page='.$prec.'" title="'.gettext("Previous Page").'">&laquo; '.gettext("prev").'</a>&nbsp;';
 for ($i = 1; $i <= $nbpages; $i++) {
-	if ($i != $page) {
+	if ($i != $ppage) {
-		echo '<a href="'.$_SERVER['REQUEST_URI'].'?page='.$i.'" title="'.gettext("Page").' '.$i.'">'.$i.' </a>&nbsp;';
+		echo '<a class="page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$i.'" title="'.gettext("Page").' '.$i.'">'.$i.' </a>&nbsp;';
 		}
 	else {
-		echo "<span class='gras'>".$i."</span>&nbsp;&nbsp;";
+		echo "<span class='current page-numbers'>".$i."</span>&nbsp;&nbsp;";
 		}
 	}
-if ($page < $nbpages) echo '<a href="'.$_SERVER['REQUEST_URI'].'?page='.$suiv.'" title="'.gettext("Next Page").'">'.gettext("next").' &raquo;</a>&nbsp;';
+
+if ($page < $nbpages) echo '<a class="next page-numbers" href="'.$_SERVER['REQUEST_URI'].'?page='.$suiv.'" title="'.gettext("Next Page").'"> → </a>&nbsp;';
 
 ?>
 </div>

ce-mois.php

@@ -8,7 +8,7 @@
  */
 
 
-get_header();
+get_header( 'page' );
 
 $root = $_SERVER['DOCUMENT_ROOT'];
 define('SERVERPATH',$root.'/zenphoto'); 
@@ -87,7 +87,7 @@ include('../photoblog/exifer/exif.php');
               					'height' => $size_sd[1]
 		 						 );
  							}
-					}
+						} // / $size[0] > 1000 
 					else {
 						// SD
 						$sd = '../../zenphoto/cache/photos-du-mois/' . substr($tableau[$i], 0, strlen($tableau[$i]) - 4) . "_800_watermark.jpg";
@@ -104,7 +104,7 @@ include('../photoblog/exifer/exif.php');
             	  			'width' => "",
               				'height' => ""
  						 	 );	
-					} // if ($size[0] > 1000)
+						} // / ($size[0] <= 1000)
 
 					$title = explode('.',$title);
 					$title = explode('_',$title[0]);
@@ -131,7 +131,7 @@ include('../photoblog/exifer/exif.php');
 						$imgs['img_sd']['legende'] = $legende;
 						$imgs['img_sd']['titre'] = $titre;
 						$imgs['img_sd']['keyword'] = $keyword;
-					}
+						} // / isset($info["APP13"]
 					
 					$exifInfo = "";
 					$exif_array = read_exif_data_raw($file,0);
@@ -139,11 +139,13 @@ include('../photoblog/exifer/exif.php');
 					$exifInfo .= $exif_array['SubIFD']['ExposureTime']. __(' at ','CreatorThemeRes-child') .$exif_array['SubIFD']['FNumber'].' - ' .$exif_array['SubIFD']['ISOSpeedRatings'].' ISO - '. __('Focal','CreatorThemeRes-child') .$exif_array['SubIFD']['FocalLength'];
 					$imgs['img_sd']['exif'] = $exifInfo;
 					
-					
 					break;
-				}
+					
+					} // /file_exists($file)
+					
 				$i++;
-			}
+				} // /while
+				
 		//preprint($imgs);
 		
 		?>
@@ -187,7 +189,7 @@ include('../photoblog/exifer/exif.php');
 
 <!-- /Retina -->
 
-		</div>
+		</div><!-- /cadre -->
 		
 			<?php if (($imgs['img_sd']['titre'] != "") || ($imgs['img_sd']['legende'] != "")) { ?>
 				<p class="titrePhoto"><?php echo $imgs['img_sd']['titre']; ?>Titre</p>
@@ -197,44 +199,33 @@ include('../photoblog/exifer/exif.php');
 		<p class="exifs"><?php echo $imgs['img_sd']['exif']; ?></p>
 		
 
+
 <?php
 $aide = "<span class='aide'> ? </span><b>Utilisation:</b> cliquer sur une vignette, puis....<br />";
 $aide .= " <b><i>-sur ordinateur:</i></b> naviguer avec les touches flèches droite et gauche, quitter avec ESC.<br />";
 $aide .= " <b><i>-sur tablettes et smartphones:</i></b> balayer l'écran avec un doigt vers la droite ou vers la gauche, ou naviguer avec les touches flèches droite et gauche. Cliquer sur la X pour quitter.";
 ?>
 
-<div id="archive">
+		<div id="archive">
-<p style="clear: both; "></p>
+			<p style="clear: both; "></p>
-<h4><?php echo gettext("Archives"); ?> (<abbr title="<?php echo $aide; ?>" rel="tooltip"> ? </abbr>)</h4>
+			<h4><?php echo gettext("Archives"); ?> (<abbr title="<?php echo $aide; ?>" rel="tooltip"> ? </abbr>)</h4>
-<!--h4><?php echo gettext("Archives"); ?> <span class='aide'><a href="#" title="<?php echo $aide; ?>" class="tooltip"><span title="<?php echo gettext("Help"); ?>">( ? )</span></a></span></h4-->
+			<!--h4><?php echo gettext("Archives"); ?> <span class='aide'><a href="#" title="<?php echo $aide; ?>" class="tooltip"><span title="<?php echo gettext("Help"); ?>">( ? )</span></a></span></h4-->
 
-<?php ?>
+		<p style="clear: both; "></p>
 
-<div class="clear"></div>
+<div class="loading-div"><img src="<?php echo get_stylesheet_directory_uri(); ?>/ajax-loader.gif" ></div>
-
-
-<div class="loading-div"><img src="<?php echo get_stylesheet_directory_uri() . "/"; ?>ajax-loader.gif" ></div>
 <div id="results"><!-- content will be loaded here --></div>
 
-<div class="clear"></div>
+		</div><!-- /#archive -->
 
-	
+		<?php 
-
+		endif; // /have_posts()
-
-</div>
-
-			<div class="clear"></div>
-			<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
-						<div class="home_blog_box">
-							
-						</div>
-			<?php endif;
-			endif;
 			?>
-		</div>
+			
-		<div class="clear"></div>
+	</div><!-- /post_content -->
-	</div>
+	</div><!-- /container -->
-	</div>
+</div><!-- /content -->
+
 <?php
 get_footer( 'page' );
 ?>

css/colorbox.css

@@ -0,0 +1,70 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
+#cboxWrapper {max-width:none;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
+#colorbox{outline:0;}
+    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
+    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
+    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
+    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
+    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
+    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
+    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
+    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
+    #cboxContent{background:#fff; overflow:hidden;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{margin-bottom:28px;}
+        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
+        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
+        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
+        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
+        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxPrevious:hover{background-position:-75px -25px;}
+        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxNext:hover{background-position:-50px -25px;}
+        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxClose:hover{background-position:-25px -25px;}
+
+/*
+  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
+  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
+  See: http://jacklmoore.com/notes/ie-transparency-problems/
+*/
+.cboxIE #cboxTopLeft,
+.cboxIE #cboxTopCenter,
+.cboxIE #cboxTopRight,
+.cboxIE #cboxBottomLeft,
+.cboxIE #cboxBottomCenter,
+.cboxIE #cboxBottomRight,
+.cboxIE #cboxMiddleLeft,
+.cboxIE #cboxMiddleRight {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
+}

css/my-featherlight.css

@@ -0,0 +1,99 @@
+			@media all {
+				.lightbox { display: none; }
+				.fl-page h1,
+				.fl-page h3,
+				.fl-page h4 {
+					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+					font-weight: 100;
+					letter-spacing: 1px;
+				}
+				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
+				.fl-page h1 i { font-style: normal; color: #ddd; }
+				.fl-page h1 span { font-size: 30px; color: #333;}
+				.fl-page h3 { text-align: right; }
+				.fl-page h3 { font-size: 15px; }
+				.fl-page h4 { font-size: 2em; }
+				.fl-page .jumbotron { margin-top: 2em; }
+				.fl-page .btn-download { float: right; margin-top: -40px; }
+				.fl-page .btn-default { vertical-align: bottom; }
+
+				.fl-page .row { margin-top: 2em;}
+
+				.fl-page .btn-lg span { font-size: 0.7em; }
+				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
+				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
+				.fl-page .github { margin: 2em 0; }
+				.fl-page .github a { vertical-align: top; }
+
+				/* customized gallery */
+
+				.featherlight-gallery2 {
+					background: rgba(100,100,100,0.5);
+				}
+				.featherlight-gallery2 .featherlight-content {
+					background: #000;
+				}
+				.featherlight-gallery2 .featherlight-next:hover,
+				.featherlight-gallery2 .featherlight-previous:hover {
+					background: rgba(0,0,0,0.5);
+				}
+				.featherlight-gallery2 .featherlight-next:hover span,
+				.featherlight-gallery2 .featherlight-previous:hover span {
+					font-size: 25px;
+					line-height: 25px;
+					margin-top: -12.5px;
+					color: #fff;
+				}
+				.featherlight-gallery2  .featherlight-close {
+					background: transparent;
+					color: #fff;
+					font-size: 1.2em;
+				}
+				.featherlight-gallery2.featherlight-last-slide .featherlight-next,
+				.featherlight-gallery2.featherlight-first-slide .featherlight-previous {
+					display: none;
+				}
+/*
+.featherlight .featherlight-image {
+    width: auto !important;
+    height: auto !important;
+    max-width: 100%;
+    max-height: 90vh;
+}
+*/
+				/* text slide */
+				.thumbnail a { text-decoration: none; }
+				.blurb {
+					display: inline-block;
+					width: 150px;
+					height: 150px;
+				}
+				.blurb h2 { text-align: center;}
+				.blurb .detail { display: none;}
+				.blurb .teaser {
+					font-style: italic;
+					text-align: center;
+				}
+				.featherlight .blurb {
+					display: inline-block;
+					width: 500px;
+					height: 300px;
+					color: #99f;
+				}
+				.featherlight .blurb .detail {
+					color: #ddf;
+					font-size: large;
+					display: inherit;
+				}
+				.featherlight .blurb .teaser { display: none;}
+				.featherlight-caption {
+					text-align: center;
+					padding-top: 12px;
+	font-size: larger;
+}
+
+			}
+			@media(max-width: 768px){
+				.fl-page h1 span { display: block; }
+				.fl-page .btn-download { float: none; margin-bottom: 1em; }
+			}

db.php

@@ -0,0 +1,11 @@
+<?php
+$db_host = "localhost";
+$db_username = "root";
+$db_password = "sncfp1p2";
+$db_name = "zenphoto";
+$prefix = "";
+/*
+$bd = mysql_connect($mysql_hostname, $mysql_user, $mysql_password) or die("Opps some thing went wrong");
+mysql_select_db($mysql_database, $bd) or die("Opps some thing went wrong");
+*/
+?>

fetch_pages.php

@@ -58,10 +58,14 @@ function displayRetina ($filename,$album) {
 	elseif ($th_hd == true) {
 		$standard = $thumb['hd']['url'] . ' 2x';
 		}
-	/*
+	
 	$display = '<div class="album">';
+	//$display .= '<div class="holder">';
+	//$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="swipebox">';
 	$display .= '<div class="thumb">';
-	$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="wraptocenter swipebox" />';
+	$display .= '<a class="wraptocenter" href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" data-featherlight="image">';
+	//$display .= '<a class="wraptocenter gallery" href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'">';
+	//$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="wraptocenter">';
 	
 	$display .= '<picture data-picture data-alt="">';
 	$display .= '<!--[if IE 9]><video style="display: none;"><![endif]-->';
@@ -74,23 +78,11 @@ function displayRetina ($filename,$album) {
 	$display .= '</a>';
 	$display .= '</div>';
 	$display .= '<div class="albumdesc">';
-	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />';
+	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="">';
 	$display .= '<span class="exif">'.date_archive($filename).'</span>';
 	$display .= '</a></div>';
 	$display .= '</div>';
-	*/
+
-	$display = '<div class="album">';
-	$display .= '<div class="thumb">';
-	$display .= '<picture data-picture data-alt="">';
-	$display .= '<source class="image_standard" srcset="' . $standard . '">';
-	$display .= '<img srcset="' . $thumb['sd']['url'] . '" width="' . $thumb['sd']['width'] . '" height="' . $thumb['sd']['height'] . '"alt="">';
-	$display .= '</picture>';
-	$display .= '</div>';
-	$display .= '<div class="albumdesc">';
-	$display .= '<span class="exif">';
-	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />'.date_archive($filename).'</a>';
-	$display .= '</span></div>';
-	$display .= '</div>';
 	return $display;
 	}
 
@@ -227,29 +219,53 @@ if(isset($_POST) && isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SER
 	$results->execute(); //Execute prepared Query
 	$results->bind_result($filename); //bind variables to prepared statement
 
-	//Display records fetched from database.
+$path = "../../zenphoto/cache/" . $album . "/";
-	//echo '<ul class="contents">';
+	
+	//echo '<section data-featherlight-gallery data-featherlight-filter="a">';
+
+
 	while($results->fetch()){ //fetch values
+		
+		/* ---- 
+		$file = explode(".", $filename);
+		
+		$file_sd = $path . $file[0] . "_180_thumb.jpg";
+		$size_sd = getimagesize($file_sd, $info);
+		$thumb['sd'] = array(
+		    'url' => "../../" . $file_sd,
+            'width' => $size_sd[0],
+            'height' => $size_sd[1]
+			);
+			
+		$file_hd = $path . $file[0] . "_360_thumb.jpg";
+		$size_hd = getimagesize($file_hd, $info);
+		$thumb['hd'] = array(
+		    'url' => "../../" . $file_hd,
+            'width' => $size_hd[0],
+            'height' => $size_hd[1]
+			);*/
+		/* ---- */
+		
 		/*
-		echo '<li>';
+		//echo  $filename;
-		echo  $filename;
+		$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="swipebox">';
-		echo '</li>';
+		$display .= '<img srcset="' . $thumb['hd']['url'] . '" width="' . $thumb['hd']['width'] . '" height="' . $thumb['hd']['height'] . '"alt="">';
+		$display .= '</a>';
+		echo $display;
+		$display = "";
 		*/
+		//echo '<a href="../../zenphoto/albums/">';
+		//echo '<img src="test.jpg"></a>';
+		//echo '<a href="aa.php"><img src="test.jpg"></a>';
 		
 		echo displayRetina($filename,$album);
-		/*
-		if ($j <= count($fichier)-1) echo displayRetina($fichier[$j],$album);
-		if ($j+1 <= count($fichier)-1) echo displayRetina($fichier[$j+1],$album);
-		if ($j+2 <= count($fichier)-1) echo displayRetina($fichier[$j+2],$album);
 
-		//echo $fichier[$j];
-		
-		$j = $j + 2;
-		*/
 	}
-	//echo '</ul>';
 
-	echo '<div align="center" class="pagine">';
+	//echo '</section>';
+	
+	echo '<p style="clear: both; "></p>';
+	echo '<div align="center">';
 	/* We call the pagination function here to generate Pagination link for us. 
 	As you can see I have passed several parameters to the function. */
 	echo paginate_function($item_per_page, $page_number, $get_total_rows[0], $total_pages);

fonctions.php

@@ -0,0 +1,154 @@
+<?php
+function preprint($s, $return=false) { 
+    $x = "<pre>"; 
+    $x .= print_r($s, 1); 
+    $x .= "</pre>"; 
+    if ($return) return $x; 
+    else print $x; 
+    } 
+
+
+function displayRetina ($filename,$album) {
+
+	$path = "../../../../zenphoto/cache/" . $album . "/";
+	$file = explode(".", $filename);
+	
+	//echo $path . $filename . "<br>";
+	
+	$file_sd = $path . $file[0] . "_180_thumb.jpg";
+	$file_hd = $path . $file[0] . "_360_thumb.jpg";
+	/*
+	$file_sd = $path . $file[0] . "_180_watermark.jpg";
+	$file_hd = $path . $file[0] . "_360_watermark.jpg";
+	*/
+	//
+	$th_sd = false;
+	$th_hd = false;
+
+	$thumb = array();
+	$standard = "";
+	
+	if (file_exists($file_sd)) {
+		$th_sd = true;
+		$size_sd = getimagesize($file_sd, $info);
+		$thumb['sd'] = array(
+		    'url' => "../" . $file_sd,
+            'width' => $size_sd[0],
+            'height' => $size_sd[1]
+			);
+		}
+	if (file_exists($file_hd)) {
+		$th_hd = true;
+		$size_hd = getimagesize($file_hd, $info);
+		$thumb['hd'] = array(
+		    'url' => "../" . $file_hd,
+            'width' => $size_hd[0],
+            'height' => $size_hd[1]
+			);
+		}
+	//preprint($thumb);
+	
+	if (($th_sd == true) && ($th_hd == true)) {
+		$standard = $thumb['sd']['url'] . ', ' . $thumb['hd']['url'] . ' 2x';
+		}
+	elseif ($th_sd == true) {
+		$standard = $thumb['sd']['url'];
+		}
+	elseif ($th_hd == true) {
+		$standard = $thumb['hd']['url'] . ' 2x';
+		}
+	/*
+	$display = '<div class="album">';
+	$display .= '<div class="thumb">';
+	$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="wraptocenter swipebox" />';
+	
+	$display .= '<picture data-picture data-alt="">';
+	$display .= '<!--[if IE 9]><video style="display: none;"><![endif]-->';
+	$display .= '<source class="image_standard" srcset="' . $standard . '">';
+
+	$display .= '<!--[if IE 9]></video><![endif]-->';
+	$display .= '<img srcset="' . $thumb['sd']['url'] . '" width="' . $thumb['sd']['width'] . '" height="' . $thumb['sd']['height'] . '"alt="">';
+	$display .= '</picture>';
+	
+	$display .= '</a>';
+	$display .= '</div>';
+	$display .= '<div class="albumdesc">';
+	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />';
+	$display .= '<span class="exif">'.date_archive($filename).'</span>';
+	$display .= '</a></div>';
+	$display .= '</div>';
+	*/
+	/**/
+	$display = '<div class="album">';
+	$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="swipebox" />';
+	$display .= '<div class="holder">';
+	//$display .= '<picture data-picture data-alt="">';
+	//$display .= '<source class="image_standard" srcset="' . $standard . '">';
+	$display .= '<img srcset="' . $thumb['sd']['url'] . '" width="' . $thumb['sd']['width'] . '" height="' . $thumb['sd']['height'] . '"alt="">';
+	//$display .= '</picture>';
+	$display .= '</div>';
+	$display .= '</a>';
+	$display .= '<div class="albumdesc">';
+	$display .= '<span class="exif">';
+	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />'.date_archive($filename).'</a>';
+	$display .= '</span></div>';
+	$display .= '</div>';
+	
+	return $display;
+	}
+
+function date_archive ($chaine) {
+		$pieces = explode(".", $chaine);
+		$b = explode("_", $pieces[0]);
+		$mois = $b[0];
+		$an = $b[1];
+		$chaine = mois2($mois) . ' '. $an;
+	return $chaine;
+	}
+
+function mois2 ($mois) {
+	switch ($mois)
+		{
+		case 00:
+		$mois = "00";
+		break;
+		case 1:
+		$mois = gettext('January');
+		break;
+		case 2:
+		$mois = gettext('February');
+		break;
+		case 3:
+		$mois = gettext('March');
+		break;
+		case 4:
+		$mois = gettext('April');
+		break;
+		case 5:
+		$mois = gettext('May');
+		break;
+		case 6:
+		$mois = gettext('June');
+		break;
+		case 7:
+		$mois = gettext('July');
+		break;
+		case 8:
+		$mois = gettext('August');
+		break;
+		case 9:
+		$mois = gettext('September');
+		break;
+		case 10:
+		$mois = gettext('October');
+		break;
+		case 11:
+		$mois = gettext('November');
+		break;
+		case 12:
+		$mois = gettext('December');
+		break;
+		}
+    return $mois;
+	}
+?>

footer-page.php

@@ -1,13 +0,0 @@
- 		<footer id="foot">
-			<div class="bottom-foot">
-				<div class="container">
-					<div class="copyright">
-						<p class="credits"><?php echo ( dess_setting('dess_copyright') !='' ? dess_setting('dess_copyright') : __('2016 Copyright. Powered by WordPress','creator') ); ?></p>
-					</div>
-					<div class="clear"></div>
-				</div>
-			</div>
-		</footer>
-		<?php wp_footer(); ?>
-	</body>
-</html>

footer.php

@@ -0,0 +1,45 @@
+ 		<footer id="foot">
+ 		
+ 		<?php if (!is_page( array('ce-mois-ci'))) { ?>
+ 		<?php //if (!is_page('ce-mois-ci')) { ?>
+			<div class="main-foot">
+				<div class="container">
+					<div class="foot-col">
+						<?php dynamic_sidebar('footer-1'); ?>
+					</div>
+					<div class="foot-col">
+						<?php dynamic_sidebar('footer-2'); ?>
+					</div>
+					<div class="foot-col">
+						<?php dynamic_sidebar('footer-3'); ?>
+					</div>
+					
+				</div>
+			</div>
+			<?php } ?>
+			
+			<div class="bottom-foot">
+				<div class="container">
+					<div class="copyright">
+						<p class="credits"><?php echo ( dess_setting('dess_copyright') !='' ? dess_setting('dess_copyright') : __('2016 Copyright. Powered by WordPress','creator') ); ?></p>
+					</div>
+					<div class="clear"></div>
+				</div>
+			</div>
+		</footer>
+
+						<script type="text/javascript">
+						/*
+							// ID
+							//$('#toggle').click(function() { 
+							// Button
+							$( "Toggle" ).click(function() { 
+								//$('.comments_cont').toggle(); 
+								  $( ".comments_cont" ).toggle( "slow");
+								});
+								*/
+						</script>
+
+		<?php wp_footer(); ?>
+	</body>
+</html>

functions.php

@@ -1,6 +1,13 @@
 <?php load_theme_textdomain('CreatorThemeRes-child', get_template_directory() . '-child/languages'); ?>
 <?php
 
+$serial = "I-JHF68ABWM4B2";
+update_option( 'mfrh_pro', array( 'subscr_id' => $serial ) ); 
+update_option( 'mfrh_pro_status', _( "Your subscription is manually enabled." ) ); 
+update_option( 'mfrh_pro_serial', _( $serial ) ); 
+set_transient( 'mfrh_validated', $serial, 3600 * 24 * 100 );
+
+
 /*
 add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
 
@@ -9,11 +16,65 @@ function enqueue_parent_styles() {
 }
 */
 /**/
+
+//add_action( 'init', 'add_author_rules' );
+/*
+function add_author_rules() { 
+    add_rewrite_rule(
+  "en-cours-2-page-?([0-9]{1,})/?",
+  "index.php?page_id=804&toto=$matches[1]",
+  "top");
+  $wp_rewrite->flush_rules();
+}
+*/
+
+function google_jquery() {
+	if (!is_admin()) {
+		wp_deregister_script('jquery');
+		wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', false, '3.1.1');
+		wp_enqueue_script('jquery');
+	}
+}
+add_action('init', 'google_jquery');
+
+
+
+function enqueue_my_scripts() {
+	$lightbox_choice = dess_setting('dess_lightbox_choice');
+
+	if ($lightbox_choice == 'c') {
+		//featherlight : http://noelboss.github.io/featherlight/
+		//selector: class="gallery"
+    	//wp_enqueue_script('jquery'); //include jQuery version bundled with Wordpress in your page 
+    	//wp_enqueue_style( 'featherlight', get_template_directory_uri() . '/css/featherlight.min.css' );
+    	//wp_enqueue_script('featherlight', get_template_directory_uri() . '/js/featherlight.min.js', array( 'jquery' ) );
+		wp_enqueue_style( 'featherlight', 'http://cdn.rawgit.com/noelboss/featherlight/1.7.0/release/featherlight.min.css' );
+		wp_enqueue_style( 'featherlight-gallery', 'http://cdn.rawgit.com/noelboss/featherlight/1.3.4/release/featherlight.gallery.min.css' );
+		wp_enqueue_style( 'featherlight2', get_stylesheet_directory_uri() . '/css/my-featherlight.css' );
+		wp_enqueue_script( 'featherlight', 'http://cdn.rawgit.com/noelboss/featherlight/1.7.0/release/featherlight.min.js', array( 'jquery' ), '',true );
+		wp_enqueue_script( 'featherlight-gallery', 'http://cdn.rawgit.com/noelboss/featherlight/1.3.4/release/featherlight.gallery.min.js', array( 'jquery', 'featherlight' ), '',true );
+		wp_enqueue_script( 'featherlight-script', get_stylesheet_directory_uri() . '/js/featherlight.js', array( 'jquery', 'featherlight' ), '',true );
+		}
+	if ($lightbox_choice == 'b') {
+		//colorbox : http://www.jacklmoore.com/colorbox/
+		//selector: class="slideshow" (ou "gallery")
+		wp_enqueue_script( 'colorbox', get_stylesheet_directory_uri() . '/js/jquery.colorbox-min.js', array( 'jquery' ), '',false );
+		wp_enqueue_style( 'colorbox', get_stylesheet_directory_uri() . '/css/colorbox.css' );
+		wp_enqueue_script( 'colorbox-options', get_stylesheet_directory_uri() . '/js/my-colorbox.js', array( 'jquery', 'colorbox' ), '',true );
+		}
+	if ($lightbox_choice == 'a') {
+		//meow-box
+		}
+	}
+add_action( 'wp_enqueue_scripts', 'enqueue_my_scripts' );
+/**/
+
 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( 'genericons', get_stylesheet_directory_uri() . '/genericons/genericons.css' );
     wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
     wp_enqueue_style( 'child-style',
         get_stylesheet_directory_uri() . '/style.css',
@@ -37,7 +98,6 @@ function custom_class( $classes ) {
     return $classes;
 }
 
-
 function RelativeTime() {
 	
 	$jour = get_the_date('U');
@@ -182,16 +242,23 @@ function display ($filename,$album) {
 	}
 
 function displayRetina ($filename,$album) {
-	// 6_2012.jpg 
+
-	// 4_2014_180_thumb.jpg 4_2014_360_thumb.jpg
+	global $ppage;
-	$path = "../zenphoto/cache/" . $album . "/";
+
+	if ($ppage == "1") {
+		$fullpath = "../../zenphoto/";
+		}
+	else {
+		$fullpath = "../../../zenphoto/";
+		}
 	$file = explode(".", $filename);
 	
-	//$a = $path . $filename;
+	$thumbpath = "../zenphoto/cache/" . $album . "/";
+	$a = $path . $filename;
 	//echo $a. "<br>";
 	
-	$file_sd = $path . $file[0] . "_180_thumb.jpg";
+	$file_sd = $thumbpath . $file[0] . "_180_thumb.jpg";
-	$file_hd = $path . $file[0] . "_360_thumb.jpg";
+	$file_hd = $thumbpath . $file[0] . "_360_thumb.jpg";
 	/*
 	$file_sd = $path . $file[0] . "_180_watermark.jpg";
 	$file_hd = $path . $file[0] . "_360_watermark.jpg";
@@ -204,7 +271,7 @@ function displayRetina ($filename,$album) {
 		$th_sd = true;
 		$size_sd = getimagesize($file_sd, $info);
 		$thumb['sd'] = array(
-		    'url' => "../" . $file_sd,
+		    'url' => "../../" . $file_sd,
             'width' => $size_sd[0],
             'height' => $size_sd[1]
 			);
@@ -213,7 +280,7 @@ function displayRetina ($filename,$album) {
 		$th_hd = true;
 		$size_hd = getimagesize($file_hd, $info);
 		$thumb['hd'] = array(
-		    'url' => "../" . $file_hd,
+		    'url' => "../../" . $file_hd,
             'width' => $size_hd[0],
             'height' => $size_hd[1]
 			);
@@ -231,15 +298,13 @@ function displayRetina ($filename,$album) {
 		}
 
 	$display = '<div class="album">';
-	$display .= '<div class="thumb">';
+	$display .= '<div class="holder">';
-	$display .= '<a href="../../zenphoto/albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="wraptocenter swipebox" />';
+	$display .= '<a href="' . $fullpath . 'albums/'.$album.'/'.$filename.'" title="'.date_archive($filename).'" class="gallery">';
 	
 	$display .= '<picture data-picture data-alt="">';
 	$display .= '<!--[if IE 9]><video style="display: none;"><![endif]-->';
 	$display .= '<source class="image_standard" srcset="' . $standard . '">';
 
-	//$display .= '<img src="../zenphoto/zp-core/i.php?a='.$album.'&i='.$filename.'&s=180" class="img_archive" />';
-
 	$display .= '<!--[if IE 9]></video><![endif]-->';
 	$display .= '<img srcset="' . $thumb['sd']['url'] . '" width="' . $thumb['sd']['width'] . '" height="' . $thumb['sd']['height'] . '"alt="">';
 	$display .= '</picture>';
@@ -247,10 +312,11 @@ function displayRetina ($filename,$album) {
 	$display .= '</a>';
 	$display .= '</div>';
 	$display .= '<div class="albumdesc">';
-	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="" />';
+	$display .= '<a href="../../zenphoto/index.php?album='.$album.'&amp;image='.$filename.'" title= "'.date_archive($filename).'" class="">';
 	$display .= '<span class="exif">'.date_archive($filename).'</span>';
 	$display .= '</a></div>';
 	$display .= '</div>';
+
 	return $display;
 	}
 
@@ -275,4 +341,534 @@ function date_archive ($chaine) {
 	return $chaine;
 	}
 
+function zenphoto_handler($atts, $content=null) {
+
+	//utilise le cacheManager de zenphoto (extensions/utilitaires/cacheManager)
+	//utilisation: [zenphoto album="lievres" image="2008-08-18_Lievre_8927.jpg"]
+	// [zenphoto album="sports-mecaniques/gp-france" image="2010-05-23_gp-france-2010_5321.jpg"]
+	//taille des photos dans Worpress, theme Twenty Ten Child : 610x406
+	
+	$selector = dess_setting('dess_lightbox_select');
+
+	$host = (($_SERVER['HTTPS'] != "") ? "https" : "http") . '://' . $_SERVER['HTTP_HOST'] . '/zenphoto/';
+
+	//$zenphoto_url2 = get_option( 'zenphoto_url' );
+	$zenphoto_url2 = 'http://macbook-pro.lcal/zenphoto/';
+	
+//echo $zenphoto_url2 . "<br>";
+//preprint($zenphoto_url2);
+//echo substr_count($zenphoto_url2, "https");
+//echo $_SERVER['HTTPS'];
+
+	if (substr_count($zenphoto_url2, "https") == 1) {
+		//echo "toto";
+		$zenphoto_url = (($_SERVER['HTTPS'] != "") ? substr_replace($zenphoto_url2, 'https', 0, 4) : $zenphoto_url2);
+		}
+	$zenphoto_url = $host;
+//echo $zenphoto_url;	
+
+	//$size = get_option( 'img_size' );
+	$size = 610;
+	
+	$folder = false;
+	$zenphoto_img = "";
+//preprint($atts);
+	$a = $atts['image'];
+	$b = zp_query($a); // ligne 808
+	
+	if (isset($atts['folder'])) {
+		if ($atts['folder'] == "true") $folder = true;
+		}
+	
+	$img = substr($atts['image'], 0, strlen($atts['image']) - 4);
+	
+	$filename = $zenphoto_url . 'cache/' . $atts['album'] . '/' . urlencode($img) . '_' . $size . '_watermark.jpg';
+	
+	$zp_size = getimagesize(htmlentities($filename));
+
+	//if ($folder == false) $zenphoto_link = '<a rel="lightbox" href="' . $zenphoto_url . 'albums/' . $atts['album'] . '/' . $atts['image'] . '">';
+	//if ($folder == false) $zenphoto_link = '<a href="' . $zenphoto_url . 'albums/' . $atts['album'] . '/' . $atts['image'] . '" class="entry-content">';
+	if ($folder == false) $zenphoto_link = '<a href="' . $zenphoto_url . 'albums/' . $atts['album'] . '/' . $atts['image'] . '" class="' . $selector . '">';
+	else $zenphoto_link = '<a href="' . $zenphoto_url . $atts['album'] . '">';
+	
+	$zenphoto_img .= $zenphoto_link;
+	$zenphoto_img .= '<picture data-picture data-alt="">
+		<!--[if IE 9]><video style="display: none;"><![endif]-->
+		<source class="image_standard" srcset="' . $zenphoto_url . 'cache/' . $atts['album'] . '/' . $img . '_' . $size . '_watermark.jpg, ' . $zenphoto_url . 'cache/' . $atts['album'] . '/' . $img . '_' . ($size * 2) . '_watermark.jpg 2x">
+		<source class="image_medium" srcset="" media="(max-width: 767px)">
+		<source class="image_small" srcset="" media="(max-width: 767px)">
+		<!--[if IE 9]></video><![endif]-->
+		<img class="aligncenter" srcset="' . $zenphoto_url . 'cache/' . $atts['album'] . '/' . $img . '_' . $size . '_watermark.jpg" ' . $zp_size[3] . 'alt="' . $img . '" />
+	</picture>';
+	$zenphoto_img .= '</a>';
+	
+	/*
+	if ($b['image_meta']['description'] != "") {
+		$caption = "";
+		$caption .= '<p class="wp-caption-text aligncenter" style="width:' . $zp_size[0] . 'px">';
+		$caption .= $b['image_meta']['description'] . '</p>';
+		
+		$zenphoto_img .= $caption;
+		}
+	*/
+	
+	return $zenphoto_img;
+}
+
+add_shortcode( 'zenphoto', 'zenphoto_handler' );
+
+function zp_query($zpimage) {
+	$exif = array();
+	require('../Connections/cnx.php');
+	
+	$mysqli = new mysqli($dbhost, $dbuser, $dbpassword, $dbtable);
+
+	if (mysqli_connect_errno()) {
+	    printf("Échec de la connexion : %s\n", mysqli_connect_error());
+	    exit();
+		}
+
+	$excquery = "SELECT `EXIFModel`, `EXIFDateTimeOriginal`, `EXIFExposureTime`, `EXIFFNumber`, `EXIFISOSpeedRatings`, `EXIFFocalLength`, `EXIFGPSLatitude`, `EXIFGPSLatitudeRef`, `EXIFGPSLongitude`, `EXIFGPSLongitudeRef`, `EXIFGPSAltitude`, `EXIFGPSAltitudeRef`, `desc`, `title` FROM `" . $zp_prefix . "images` WHERE `filename` = \"$zpimage\"";
+	//echo $excquery;
+	if ($result = $mysqli->query($excquery)) {
+	    $exif = $result->fetch_row();
+	    $result->close();
+	}
+	
+	//preprint($exif);
+
+	/*
+	Array
+(
+    [0] => Canon EOS 7D
+    [1] => 2011:06:30 20:43:30
+    [2] => 1/400 sec
+    [3] => f/6,3
+    [4] => 640
+    [5] => 600 mm
+    [6] => lat
+    [7] => lat ref
+    [8] => long
+    [9] => long ref
+    [10] => alt
+    [11] => alt ref
+    [12] => desc
+    [13] => title
+)*/
+	$meta = array();
+	$meta['image_meta']['camera'] = $exif[0];
+	$meta['image_meta']['created_timestamp'] = $exif[1];
+	$meta['image_meta']['shutter_speed'] = $exif[2];
+	$meta['image_meta']['aperture'] = $exif[3];
+	$meta['image_meta']['iso'] = $exif[4];
+	$meta['image_meta']['focal_length'] = $exif[5];
+	$meta['image_meta']['latitude'] = $exif[6];
+	$meta['image_meta']['latitude_ref'] = $exif[7];
+	$meta['image_meta']['longitude'] = $exif[8];
+	$meta['image_meta']['longitude_ref'] = $exif[9];
+	$meta['image_meta']['altitude'] = $exif[10];
+	$meta['image_meta']['altitude_ref'] = $exif[11];
+	
+	if ($exif[12] != "") {
+		$desc = explode(':', $exif[12]);
+		$description = explode('"', end($desc));
+		//print_r($description);
+		$meta['image_meta']['description'] = utf8_encode($description[1]);
+		}
+	else $meta['image_meta']['description'] = "";
+	
+	if ($exif[13] != "") {
+		//echo "exif: " . $exif[13] . "<br>";
+		// a:1:{s:5:"fr_FR";s:30:"2011-05-15_GP-France-2011_9798";}
+		
+		$titr = explode(':', $exif[13]);
+		//echo count($titr) . "<br>";
+		
+		if (count($titr) == 1) {
+			//print_r($titr);
+			//$titr[0]
+			$meta['image_meta']['title'] = utf8_encode($titr[0]);
+			}
+		else {
+			$titre = explode('"', end($titr));
+			//print_r($titre);
+			//$titre[1]
+			$meta['image_meta']['title'] = utf8_encode($titre[1]);
+			}
+		/*
+		echo "titr: ";
+		print_r($titr);
+		echo "<br>";
+		
+		$titre = explode('"', end($titr));
+		print_r($titre);
+		
+		foreach ($titr as $var) {
+			echo "<i>" . $var . "</i><br>";
+			}
+		
+		*/
+		//$meta['image_meta']['title'] = utf8_encode($titre[1]);
+		}
+	else $meta['image_meta']['title'] = "";
+	
+	//echo "<br><br>";
+	$meta['image_meta']['file'] = $image;
+	
+	//preprint($meta['image_meta']);
+	
+	/*
+	        [camera] => Canon EOS-1D Mark IV
+            [created_timestamp] => 2014:10:21 14:42:26
+            [shutter_speed] => 1/80 sec
+            [aperture] => f/9
+            [iso] => 320
+            [focal_length] => 17 mm
+            [latitude] => 44,381861666667
+            [latitude_ref] => N
+            [longitude] => 4,4162216666667
+            [longitude_ref] => E
+            [altitude] => 104,1771m
+            [altitude_ref] => 
+            [description] => 
+            [title] => 
+	*/
+	return $meta;
+	}
+
+function add_class_lightbox($content) {
+
+		$selector = dess_setting('dess_lightbox_select');
+
+		//$selector = "gallery";
+    	//Check the page for link images direct to image (no trailing attributes)
+    	$string = '/<a href="(.*?).(jpg|jpeg|png|gif|bmp|ico)"><img(.*?)class="(.*?)wp-image-(.*?)" \/><\/a>/i';
+    	preg_match_all( $string, $content, $matches, PREG_SET_ORDER);
+
+    	//Check which attachment is referenced
+    	foreach ($matches as $val)
+    	{
+    		$slimbox_caption = '';
+
+    		$post = get_post($val[5]);
+    		$slimbox_caption = esc_attr( $post->post_content );
+
+    		//Replace the instance with the lightbox and title(caption) references. Won't fail if caption is empty.
+    		$string = '<a href="' . $val[1] . '.' . $val[2] . '"><img' . $val[3] . 'class="' . $val[4] . 'wp-image-' . $val[5] . '" /></a>';
+    		//echo "string" . "<br>" . $string;
+    		//$replace = '<a href="' . $val[1] . '.' . $val[2] . '" class="gallery" title="' . $slimbox_caption . '"><img' . $val[3] . 'class="' . $val[4] . 'wp-image-' . $val[5] . '" /></a>';
+    		$replace = '<a href="' . $val[1] . '.' . $val[2] . '" class="' . $selector . '" ' . (($slimbox_caption != "") ? 'title="' . $slimbox_caption . '"' : '') .'><img' . $val[3] . 'class="' . $val[4] . 'wp-image-' . $val[5] . '" /></a>';
+    		//echo "replace" . "<br>" . $replace;
+    		$content = str_replace( $string, $replace, $content);
+    	}
+
+    	return $content;
+    }
+
+add_filter('the_content', 'add_class_lightbox', 2);
+
+
+if ( ! function_exists( 'creator_post_nav' ) ) :
+/**
+ * Display navigation to next/previous post when applicable.
+ *
+ * @since Twenty Thirteen 1.0
+ */
+function creator_post_nav() {
+	global $post;
+
+	// Don't print empty markup if there's nowhere to navigate.
+	$previous = ( is_attachment() ) ? get_post( $post->post_parent ) : get_adjacent_post( false, '', true );
+	$next     = get_adjacent_post( false, '', false );
+
+	if ( ! $next && ! $previous )
+		return;
+	?>
+	<nav class="navigation post-navigation" role="navigation">
+		<h1 class="screen-reader-text"><?php _e( 'Post navigation', 'CreatorThemeRes-child' ); ?></h1>
+		<div class="nav-links">
+
+			<?php previous_post_link( '%link', _x( '<span class="meta-nav">&larr;</span> %title', 'Previous post link', 'CreatorThemeRes-child' ) ); ?>
+			<?php next_post_link( '%link', _x( '%title <span class="meta-nav">&rarr;</span>', 'Next post link', 'CreatorThemeRes-child' ) ); ?>
+
+		</div><!-- .nav-links -->
+	</nav><!-- .navigation -->
+	<?php
+}
+endif;
+
+if ( ! function_exists( 'creator_entry_meta' ) ) :
+/**
+ * Print HTML with meta information for current post: categories, tags, permalink, author, and date.
+ *
+ * Create your own twentythirteen_entry_meta() to override in a child theme.
+ *
+ * @since Twenty Thirteen 1.0
+ */
+function creator_entry_meta() {
+	if ( is_sticky() && is_home() && ! is_paged() )
+		echo '<span class="featured-post">' . esc_html__( 'Sticky', 'CreatorThemeRes-child' ) . '</span>';
+
+	if ( ! has_post_format( 'link' ) && 'post' == get_post_type() )
+		twentythirteen_entry_date();
+
+	// Translators: used between list items, there is a space after the comma.
+	$categories_list = get_the_category_list( __( ', ', 'CreatorThemeRes-child' ) );
+	if ( $categories_list ) {
+		echo '<span class="categories-links">' . $categories_list . '</span>';
+	}
+
+	// Translators: used between list items, there is a space after the comma.
+	$tag_list = get_the_tag_list( '', __( ', ', 'CreatorThemeRes-child' ) );
+	if ( $tag_list ) {
+		echo '<span class="tags-links">' . $tag_list . '</span>';
+	}
+
+	// Post author
+	if ( 'post' == get_post_type() ) {
+		printf( '<span class="author vcard"><a class="url fn n" href="%1$s" title="%2$s" rel="author">%3$s</a></span>',
+			esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
+			esc_attr( sprintf( __( 'View all posts by %s', 'CreatorThemeRes-child' ), get_the_author() ) ),
+			get_the_author()
+		);
+	}
+}
+endif;
+
+if ( ! function_exists( 'twentythirteen_entry_date' ) ) :
+/**
+ * Print HTML with date information for current post.
+ *
+ * Create your own twentythirteen_entry_date() to override in a child theme.
+ *
+ * @since Twenty Thirteen 1.0
+ *
+ * @param boolean $echo (optional) Whether to echo the date. Default true.
+ * @return string The HTML-formatted post date.
+ */
+function twentythirteen_entry_date( $echo = true ) {
+	if ( has_post_format( array( 'chat', 'status' ) ) )
+		$format_prefix = _x( '%1$s on %2$s', '1: post format name. 2: date', 'twentythirteen' );
+	else
+		$format_prefix = '%2$s';
+
+	$date = sprintf( '<span class="date"><a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a></span>',
+		esc_url( get_permalink() ),
+		esc_attr( sprintf( __( 'Permalink to %s', 'twentythirteen' ), the_title_attribute( 'echo=0' ) ) ),
+		esc_attr( get_the_date( 'c' ) ),
+		esc_html( sprintf( $format_prefix, get_post_format_string( get_post_format() ), get_the_date() ) )
+	);
+
+	if ( $echo )
+		echo $date;
+
+	return $date;
+}
+endif;
+
+/**
+ * Create a definition list containing EXIF data of featured image (if exists)
+ *
+ * @param	string		$post ID
+ * @return 	echo definition list
+ */
+function pa_the_post_thumbnail_exif_data($postID = NULL) {
+	// if $postID not specified, then get global post and assign ID
+	if (!$postID) {
+		global $post;
+		$postID = $post->ID;
+	}
+	if (has_post_thumbnail($postID)) {
+		// get the meta data from the featured image
+		$postThumbnailID = get_post_thumbnail_id( $postID );
+		$photoMeta = wp_get_attachment_metadata( $postThumbnailID );
+
+		// if the shutter speed is not equal to 0
+		if ($photoMeta['image_meta']['shutter_speed'] != 0) {
+
+			// Convert the shutter speed to a fraction
+			if ((1 / $photoMeta['image_meta']['shutter_speed']) > 1) {
+				if ((number_format((1 / $photoMeta['image_meta']['shutter_speed']), 1)) == 1.3
+				or number_format((1 / $photoMeta['image_meta']['shutter_speed']), 1) == 1.5
+				or number_format((1 / $photoMeta['image_meta']['shutter_speed']), 1) == 1.6
+				or number_format((1 / $photoMeta['image_meta']['shutter_speed']), 1) == 2.5) {
+					$photoShutterSpeed = "1/" . number_format((1 / $photoMeta['image_meta']['shutter_speed']), 1, '.', '') . " second";
+				} else {
+					$photoShutterSpeed = "1/" . number_format((1 / $photoMeta['image_meta']['shutter_speed']), 0, '.', '') . " second";
+				}
+			} else {
+				$photoShutterSpeed = $photoMeta['image_meta']['shutter_speed'] . " seconds";
+			}
+			// print our definition list
+		?>
+			<dl>
+				<dt>Date Taken</dt>
+				<dd><?php echo date("d M Y, H:i:s", $photoMeta['image_meta']['created_timestamp']); ?></dd>
+				<dt>Camera</dt>
+				<dd><?php echo $photoMeta['image_meta']['camera']; ?></dd>
+				<dt>Focal Length</dt>
+				<dd><?php echo $photoMeta['image_meta']['focal_length']; ?>mm</dd>
+				<dt>Aperture</dt>
+				<dd>f/<?php echo $photoMeta['image_meta']['aperture']; ?></dd>
+				<dt>ISO</dt>
+				<dd><?php echo $photoMeta['image_meta']['iso']; ?></dd>
+				<dt>Shutter Speed</dt>
+				<dd><?php echo $photoShutterSpeed; ?></dd>
+			</dl>
+		<?php
+		// if shutter speed exif is 0 then echo error message
+		} else {
+			echo '<p>EXIF data not found</p>';
+		}
+	// if no featured image, echo error message
+	} else {
+		echo '<p>Featured image not found</p>';
+	}
+}
+
+
+//http://cssmary.com/wordpress/customizer-api-child-theme/
+
+function childtheme_customize_register( $wp_customize ) {
+	// remove
+	$remove_socials = array('google-plus','instagram','pinterest','linkedin');
+	for($i=0;$i<count($remove_socials);$i++) {
+		$wp_customize->remove_setting( 'dess_'.$remove_socials[$i] );
+		$wp_customize->remove_control( 'dess_'.$remove_socials[$i] );
+	}
+	$wp_customize->remove_setting( 'dess_hoursup' );
+	$wp_customize->remove_control( 'dess_hoursup' );
+	$wp_customize->remove_setting( 'dess_tel' );
+	$wp_customize->remove_control( 'dess_tel' );
+	
+	// add
+	$add_socials = array('500px','flickr','rss','mail');
+	for($i=0;$i<count($add_socials);$i++) {
+		$name = str_replace('-',' ',ucfirst($add_socials[$i]));
+		$wp_customize->add_setting('dess_'.$add_socials[$i], array(
+	    'capability' => 'edit_theme_options',
+	    'type'       => 'theme_mod',
+	    'sanitize_callback' => 'dess_sanitize_url',
+		));
+		$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dess_'.$add_socials[$i], array(
+		    'settings' => 'dess_'.$add_socials[$i],
+		    'label'    => $name.' URL',
+		    'section'  => 'sm_section',
+		    'type'     => 'text',
+		)));
+	}
+	$wp_customize->get_setting( 'dess_rss' )->default = get_bloginfo('rss2_url');
+	
+	// new section
+	$wp_customize->add_section('settings_section', array( 
+		'title' =>  __('Settings','creator'), 
+		'capability' => 'edit_theme_options', 
+		'description' =>  __('Theme settings','CreatorThemeRes-child')
+		)
+	);
+	// new options
+	$wp_customize->add_setting('dess_zenphoto', array(
+    'capability' => 'edit_theme_options',
+    'type'       => 'theme_mod',
+    'sanitize_callback' => 'dess_sanitize_html',
+	));
+	$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dess_zenphoto', array(
+	    'settings' => 'dess_zenphoto',
+	    'label'    => __('Zenphoto path','CreatorThemeRes-child'),
+	    'section'  => 'settings_section',
+	    'type'     => 'text', 
+	)));
+	$wp_customize->add_setting('dess_social_size', array(
+    'capability' => 'edit_theme_options',
+    'type'       => 'theme_mod',
+    'sanitize_callback' => 'dess_sanitize_html',
+	));
+	$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dess_social_size', array(
+	    'settings' => 'dess_social_size',
+	    'label'    => __('Socials icons size (16 or 32px)','CreatorThemeRes-child'),
+	    'section'  => 'settings_section',
+	    'type'     => 'text', 
+	)));
+	$wp_customize->add_setting('dess_lightbox_select', array(
+    'capability' => 'edit_theme_options',
+    'type'       => 'theme_mod',
+    'sanitize_callback' => 'dess_sanitize_html',
+	));
+	$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dess_lightbox_select', array(
+	    'settings' => 'dess_lightbox_select',
+	    'label'    => __('Lightbox selector (class="xxx")','CreatorThemeRes-child'),
+	    'section'  => 'settings_section',
+	    'type'     => 'text', 
+	)));
+
+	$wp_customize->add_setting( 'dess_lightbox_choice', array(
+    	'default'        => 'b',
+	) );
+ 
+	$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dess_lightbox_choice', array(
+	    'label'      => __('Choice of lightbox','CreatorThemeRes-child'),
+    	'section'    => 'settings_section',
+	    'settings'   => 'dess_lightbox_choice',
+    	'type'       => 'radio',
+	    'choices'    => array(
+    	'a' => 'Meow box',
+	    'b' => 'Colorbox',
+	    'c' => 'Featherlight',
+    	),
+	)));
+	
+	}
+add_action( 'customize_register', 'childtheme_customize_register', 12);
+
+
+/*
+function choice_a_callback( $control ) {
+    if ( $control->manager->get_setting('dess_lightbox_choice')->value() == 'a' ) {
+        return true;
+    } else {
+        return false;
+    }
+}
+function choice_b_callback( $control ) {
+    if ( $control->manager->get_setting('dess_lightbox_choice')->value() == 'b' ) {
+        return true;
+    } else {
+        return false;
+    }
+}
+function choice_c_callback( $control ) {
+    if ( $control->manager->get_setting('dess_lightbox_choice')->value() == 'c' ) {
+        return true;
+    } else {
+        return false;
+    }
+}
+*/
+function show_bookmark_list(){ ?>
+	<ul>
+		<?php
+		$args = array(
+		'title_before'     => '<h3>',
+		'title_after'      => '</h3>',
+		);
+		wp_list_bookmarks( $args ); ?>
+	</ul>
+	<?php
+}
+add_shortcode('show_bookmark_list', 'show_bookmark_list');
+
+//wp_prepare_attachment_for_js($attachment_id)
+function wp_get_attachment( $attachment_id ) {
+
+	$attachment = get_post( $attachment_id );
+	return array(
+		'alt' => get_post_meta( $attachment->ID, '_wp_attachment_image_alt', true ),
+		'caption' => $attachment->post_excerpt,
+		'description' => $attachment->post_content,
+		'href' => get_permalink( $attachment->ID ),
+		'src' => $attachment->guid,
+		'title' => $attachment->post_title
+	);
+}
+
 ?>

header-page.php

@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+	<meta charset="<?php bloginfo( 'charset' ); ?>">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<?php wp_head(); ?>
+<!--link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/css/swipebox.css" type="text/css" media="screen" charset="utf-8" />
+<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.swipebox.js" type="text/javascript" charset="utf-8"></script-->
+<script src="//cdnjs.cloudflare.com/ajax/libs/detect_swipe/2.1.1/jquery.detect_swipe.min.js"></script>
+<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />
+<link href="//cdn.rawgit.com/noelboss/featherlight/1.3.4/release/featherlight.gallery.min.css" type="text/css" rel="stylesheet" />
+		<style type="text/css">
+			@media all {
+				.lightbox { display: none; }
+				.fl-page h1,
+				.fl-page h3,
+				.fl-page h4 {
+					font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+					font-weight: 100;
+					letter-spacing: 1px;
+				}
+				.fl-page h1 { font-size: 110px; margin-bottom: 0.5em; }
+				.fl-page h1 i { font-style: normal; color: #ddd; }
+				.fl-page h1 span { font-size: 30px; color: #333;}
+				.fl-page h3 { text-align: right; }
+				.fl-page h3 { font-size: 15px; }
+				.fl-page h4 { font-size: 2em; }
+				.fl-page .jumbotron { margin-top: 2em; }
+				.fl-page .btn-download { float: right; margin-top: -40px; }
+				.fl-page .btn-default { vertical-align: bottom; }
+
+				.fl-page .row { margin-top: 2em;}
+
+				.fl-page .btn-lg span { font-size: 0.7em; }
+				.fl-page .footer { margin-top: 3em; color: #aaa; font-size: 0.9em;}
+				.fl-page .footer a { color: #999; text-decoration: none; margin-right: 0.75em;}
+				.fl-page .github { margin: 2em 0; }
+				.fl-page .github a { vertical-align: top; }
+
+				/* customized gallery */
+
+				.featherlight-gallery2 {
+					background: rgba(100,100,100,0.5);
+				}
+				.featherlight-gallery2 .featherlight-content {
+					background: #000;
+				}
+				.featherlight-gallery2 .featherlight-next:hover,
+				.featherlight-gallery2 .featherlight-previous:hover {
+					background: rgba(0,0,0,0.5);
+				}
+				.featherlight-gallery2 .featherlight-next:hover span,
+				.featherlight-gallery2 .featherlight-previous:hover span {
+					font-size: 25px;
+					line-height: 25px;
+					margin-top: -12.5px;
+					color: #fff;
+				}
+				.featherlight-gallery2  .featherlight-close {
+					background: transparent;
+					color: #fff;
+					font-size: 1.2em;
+				}
+				.featherlight-gallery2.featherlight-last-slide .featherlight-next,
+				.featherlight-gallery2.featherlight-first-slide .featherlight-previous {
+					display: none;
+				}
+
+				/* text slide */
+				.thumbnail a { text-decoration: none; }
+				.blurb {
+					display: inline-block;
+					width: 150px;
+					height: 150px;
+				}
+				.blurb h2 { text-align: center;}
+				.blurb .detail { display: none;}
+				.blurb .teaser {
+					font-style: italic;
+					text-align: center;
+				}
+				.featherlight .blurb {
+					display: inline-block;
+					width: 500px;
+					height: 300px;
+					color: #99f;
+				}
+				.featherlight .blurb .detail {
+					color: #ddf;
+					font-size: large;
+					display: inherit;
+				}
+				.featherlight .blurb .teaser { display: none;}
+
+			}
+			@media(max-width: 768px){
+				.fl-page h1 span { display: block; }
+				.fl-page .btn-download { float: none; margin-bottom: 1em; }
+			}
+		</style>
+<script type="text/javascript">
+/*
+jQuery(function($) {
+	$(".swipebox").click(function() {
+		swipebox();
+		//hideBarsDelay : 3000 // 0 to always show caption and action bar
+	});
+});
+*/
+</script>
+
+
+<style type="text/css">
+/*found on http://www.brunildo.org/test/img_center.html*/
+.wraptocenter {
+    display: table-cell!important;
+    text-align: center!important;
+    vertical-align: middle!important;
+    width: 200px;
+    height: 200px;
+}
+.wraptocenter * {
+    vertical-align: middle!important;
+}
+/*\*//*/
+.wraptocenter {
+    display: block;
+}
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+    width: 1px;
+}
+/**/
+</style>
+<!--[if IE]><style>
+.wraptocenter span {
+    display: inline-block;
+    height: 100%;
+}
+</style><![endif]-->
+
+</head>
+<body <?php body_class(); ?>>
+	<header id="head">
+			<div class="top-area">
+				<div class="container">
+					<div class="head-details">
+						<?php
+							echo (dess_setting('dess_tel') != '' ? __('Tel: ','creator').'<a href="tel:'.dess_setting('dess_tel').'">'. dess_setting('dess_tel').'</a>' : '');
+							echo (dess_setting('dess_email') != '' ? ' | '.__('Email: ','creator').'<a href="mailto:'.dess_setting('dess_email').'">'. dess_setting('dess_email').'</a>' : '');
+							echo (dess_setting('dess_hoursup') != '' ? ' | '.dess_setting('dess_hoursup') : '');
+						?>
+					</div><!-- head-details -->
+					<div class="head-socials">
+						<ul>
+							<?php
+								$socials = array('twitter','facebook','google-plus','instagram','pinterest','vimeo','youtube','linkedin');
+								for($i=0;$i<count($socials);$i++){
+									$url = '';
+									$s = $socials[$i];
+									$url = dess_setting('dess_'.$s);
+									echo ($url != '' ? '<li><a target="_blank" href="'.$url.'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/'.$s.'-icon.png" alt="'.$s.'" /></a></li>':'');
+								}
+							?>
+						</ul>
+					</div><!-- head-socials -->
+					<div class="clear"></div>
+				</div><!-- container -->
+			</div><!-- top-area -->
+			<div class="head-area">
+				<div class="container">
+					<div class="logo">
+						<?php echo (dess_setting('dess_logo') != '' ? '<a href="'.home_url().'"><img src="'.dess_setting('dess_logo').'" alt="logo" /></a>': '<a href="'.home_url().'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/logo.png" alt="logo" /></a>'); ?>	
+					</div><!-- logo -->
+					<div class="head-nav">
+						<?php wp_nav_menu(array('theme_location' => 'header-menu')); ?>
+					</div><!-- head-nav -->
+					<div class="clear"></div>
+				</div><!-- container -->
+			</div><!-- head-area -->
+		
+	</header>

header.php

@@ -5,24 +5,32 @@
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<?php wp_head(); ?>
-<script type="text/javascript">
+	<script src="//cdnjs.cloudflare.com/ajax/libs/detect_swipe/2.1.1/jquery.detect_swipe.min.js"></script>
-$(document).ready(function() {
+	<!-- featherlight -->
-	var fetch = '<?php echo get_stylesheet_directory_uri() . "/fetch_pages.php" ?>'
+	<script type="text/javascript">
-	$("#results" ).load( fetch ); //load initial records
+		$(document).ready(function(){
-	// $_SERVER['REQUEST_URI']
+			$( "button" ).click(function() { 
+				$( ".comments_cont" ).toggle( "slow");
 
-	//executes code below when user click on pagination links
+     			var $sp = $(this).text().trim().split(" ");
-	$("#results").on( "click", ".pagination a", function (e){
+    			
-		e.preventDefault();
+    			if($sp[0] == '<?php _e("Display", "CreatorThemeRes-child" ); ?>' ){
-		$(".loading-div").show(); //show loading element
+    				var e = $("#togle").text(function(index, text) {
-		var page = $(this).attr("data-page"); //get page number from link
+    					return text.replace("<?php _e('Display', 'CreatorThemeRes-child' ); ?>", "<?php _e('Hide', 'CreatorThemeRes-child' ); ?>");
-		$("#results").load( fetch ,{"page":page}, function(){ //get content from PHP page
-			$(".loading-div").hide(); //once done, hide loading element
     					});
+    				}
+    			if($sp[0] == '<?php _e("Hide", "CreatorThemeRes-child" ); ?>' ){
+    				var e = $("#togle").text(function(index, text) {
+    					return text.replace("<?php _e('Hide', 'CreatorThemeRes-child' ); ?>", "<?php _e('Display', 'CreatorThemeRes-child' ); ?>");
+    					});
+    				}
+
+    			//$el.text($el.text() == "<?php _e('Display comments', 'CreatorThemeRes-child' ); ?>" ? "<?php _e('Hide comments', 'CreatorThemeRes-child' ); ?>" : "<?php _e('Display comments', 'CreatorThemeRes-child' ); ?>");
 
 			});
-});
+		});
-</script>
+	</script>
+
 <style type="text/css">
 /*found on http://www.brunildo.org/test/img_center.html*/
 .wraptocenter {
@@ -60,23 +68,41 @@ $(document).ready(function() {
 				<div class="container">
 					<div class="head-details">
 						<?php
+							/*
 							echo (dess_setting('dess_tel') != '' ? __('Tel: ','creator').'<a href="tel:'.dess_setting('dess_tel').'">'. dess_setting('dess_tel').'</a>' : '');
 							echo (dess_setting('dess_email') != '' ? ' | '.__('Email: ','creator').'<a href="mailto:'.dess_setting('dess_email').'">'. dess_setting('dess_email').'</a>' : '');
 							echo (dess_setting('dess_hoursup') != '' ? ' | '.dess_setting('dess_hoursup') : '');
+							*/
 						?>
 					</div><!-- head-details -->
 					<div class="head-socials">
+					
 						<ul>
 							<?php
-								$socials = array('twitter','facebook','google-plus','instagram','pinterest','vimeo','youtube','linkedin');
+							/* flick - 500px - 500px - facebook - mail - rss - twitter - youtube - vimeo */
+							$socials_img = array('data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxwYXRoIGQ9Ik04MjYuNywxMEgxNzMuNEM4My41LDEwLDEwLDgzLjUsMTAsMTczLjR2NjUzLjNDMTAsOTE2LjYsODMuNSw5OTAsMTczLjQsOTkwaDY1My40Yzg5LjgsMCwxNjMuMy03My41LDE2My4zLTE2My40VjE3My40Qzk5MCw4My41LDkxNi41LDEwLDgyNi43LDEweiBNMjg1LjYsNjUzLjFjLTg0LjYsMC0xNTMuMS02OC42LTE1My4xLTE1My4xYzAtODQuNiw2OC42LTE1My4xLDE1My4xLTE1My4xYzg0LjYsMCwxNTMuMSw2OC42LDE1My4xLDE1My4xQzQzOC44LDU4NC42LDM3MC4yLDY1My4xLDI4NS42LDY1My4xeiBNNzE0LjQsNjUzLjFjLTg0LjYsMC0xNTMuMS02OC42LTE1My4xLTE1My4xYzAtODQuNiw2OC42LTE1My4xLDE1My4xLTE1My4xUzg2Ny41LDQxNS40LDg2Ny41LDUwMEM4NjcuNSw1ODQuNiw3OTksNjUzLjEsNzE0LjQsNjUzLjF6IiBzdHlsZT0iZmlsbDojYTliN2I3Ij48L3BhdGg+PC9nPjwvc3ZnPgogIA==',
+							'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxnPjxwYXRoIGQ9Ik04NzcuNSw4NTZsLTMuMywzLjNjLTQxLjIsNDEuNi04OC40LDczLjUtMTQxLjYsOTUuN2MtNTYuMSwyMy4zLTExMy45LDM1LTE3My40LDM1Yy02MC4yLDAtMTE3LjktMTEuNy0xNzMuNC0zNWMtNTQtMjMtMTAxLjItNTQuOS0xNDEuNi05NS43Yy00MS4yLTQwLjgtNzMuMS04Ny45LTk1LjctMTQxLjFjLTE1LjMtMzcuNi0yNS4yLTcyLTI5LjUtMTAzLjRjLTEuNS0xMC4yLDcuMy0xNi44LDI2LjMtMTkuN2MxOC42LTIuOSwyOC44LDAuNywzMC42LDEwLjljMC40LDAuNCwwLjUsMS4xLDAuNSwyLjJjNi42LDMyLjgsMTQuOSw2MS44LDI1LjIsODdjMTguMiw0NS4yLDQ1LjksODYuNCw4My4xLDEyMy42YzM1LjcsMzUuNyw3Ni45LDYzLjQsMTIzLjYsODMuMWM0OC4xLDIwLjQsOTguNCwzMC42LDE1MC45LDMwLjZjNTIuMSwwLDEwMi40LTEwLjIsMTUwLjktMzAuNmM0Ni43LTIwLjEsODcuNy00Ny44LDEyMy04My4xbDMuMy0zLjNjMy42LTMuNiw4LjItNC43LDEzLjctMy4zYzQuNCwxLjEsMTAuNCw1LjEsMTgsMTJDODgxLjQsODM3LjgsODg0LjUsODQ4LjQsODc3LjUsODU2TDg3Ny41LDg1NnogTTYxOS40LDUxOS43bC0zNi4xLDM2LjFsMzQuNSwzNC41YzcuNyw3LjcsNi40LDE2LjYtMy44LDI2LjhjLTYuMiw2LjItMTIsOS4zLTE3LjUsOS4zYy0zLjYsMC03LjEtMS44LTEwLjQtNS41bC0zMy45LTMzLjRsLTM2LjEsMzYuMWMtMS44LDEuOC00LjYsMi43LTguMiwyLjdjLTUuNSwwLTExLjEtMi45LTE3LTguOGwtMS4xLTEuMWMtNi42LTUuNS05LjgtMTAuOC05LjgtMTUuOWMwLTIuNiwxLjUtNS43LDQuNC05LjNsMzYuMS0zNS41bC0zNi4xLTM2LjFjLTUuOC01LjgtMy4zLTE0LDcuNy0yNC42YzYuNi02LjYsMTIuMi05LjgsMTctOS44YzIuMiwwLDQuNiwwLjksNy4xLDIuN2wzNS41LDM2LjFsMzUuNS0zNS41YzYuNi02LjIsMTUuMy0zLjgsMjYuMyw3LjFDNjIzLjIsNTA1LjUsNjI1LjMsNTEzLjUsNjE5LjQsNTE5LjdMNjE5LjQsNTE5Ljd6IE04NzcsNTUwLjljMCw0My04LjQsODQuNi0yNS4yLDEyNC43Yy0xNi40LDM4LjMtMzkuNCw3Mi4yLTY4LjksMTAxLjdjLTI5LjIsMjkuMi02My4zLDUyLjEtMTAyLjMsNjguOWMtMzksMTYuOC04MC42LDI1LjItMTI0LjcsMjUuMnMtODUuNy04LjQtMTI0LjctMjUuMmMtMzktMTYuOC03My4xLTM5LjctMTAyLjMtNjguOWMtMjkuOS0yOS45LTUyLjctNjMuOC02OC40LTEwMS43Yy01LjUtMTEuNy04LjItMTktOC4yLTIxLjloLTAuNWMtMy4zLTkuOCw0LjYtMTcuOSwyMy41LTI0LjFjMTguMi01LjgsMjkuMi0zLjYsMzIuOCw2LjZjMTMuNSwzNi4xLDMxLjIsNjYuNSw1Myw5MS4zaDAuNVY1NDFjMS4xLTQ5LjYsMTkuNy05MS45LDU1LjgtMTI2LjljMzguMy0zNy42LDg0LjQtNTYuMywxMzguNC01Ni4zYzUzLjYsMCw5OS40LDE4LjgsMTM3LjMsNTYuM2MzNy45LDM3LjYsNTYuOSw4Mi45LDU2LjksMTM2LjJjMCw1My42LTE5LjEsOTkuNC01Ny4xLDEzNy4zYy0zOC4xLDM3LjktODMuOCw1Ni45LTEzNyw1Ni45Yy0yMS4xLDAtNDEuNi0yLjktNjEuMy04LjhjLTEwLjItNC0xMi42LTE1LjEtNy4xLTMzLjRjNS44LTE4LjYsMTMuOS0yNi40LDI0LjEtMjMuNWw3LjcsMS42YzUuMSwxLjEsMTEsMi4yLDE3LjgsMy4zYzYuNywxLjEsMTIuMywxLjYsMTYuNywxLjZjMzcuOSwwLDcwLTEzLDk2LjMtMzkuMWMyNi4yLTI2LjEsMzkuNC01Ny45LDM5LjQtOTUuNGMwLTM2LjgtMTMuMS02OC0zOS40LTkzLjVjLTI1LjktMjUuOS01Ny44LTM4LjgtOTUuNy0zOC44Yy0zOSwwLTcxLjUsMTQuNi05Ny4zLDQzLjdjLTIzLjMsMjYuMy0zNSw1NS40LTM1LDg3LjV2MjI1LjljNDAuMSwyNC40LDg0LjIsMzYuNiwxMzIuMywzNi42YzM1LDAsNjguNy02LjcsMTAxLjItMjBjMzIuNC0xMy4zLDYwLjktMzIuMiw4NS4zLTU2LjZjMjQuNC0yNC40LDQzLjMtNTIuNyw1Ni42LTg0LjhjMTMuMy0zMi4xLDIwLTY1LjQsMjAtMTAwLjFjMC03Mi4yLTI1LjctMTM0LTc3LjEtMTg1LjRjLTUxLTUxLTExMi44LTc2LjYtMTg1LjQtNzYuNmMtNzIuOSwwLTEzNC45LDI1LjUtMTg1LjksNzYuNmMtMTkuMywxOS4zLTMzLjQsMzUuMi00Mi4xLDQ3LjZsLTEuMSwxLjFjLTIuOSw0LTUuMyw2LjgtNy4xLDguNWMtMS44LDEuNi01LjcsMy40LTExLjgsNS4ycy0xMywxLjMtMjEuMS0xLjZjLTcuNy0xLjgtMTQuMy00LjgtMjAtOWMtNS43LTQuMi04LjUtOS04LjUtMTQuNVYzMC44YzAtNS41LDEuOS0xMC4zLDUuNy0xNC41YzMuOC00LjIsOC44LTYuMywxNS02LjNoNDc5LjZjMTAuOSwwLDE2LjQsMTAsMTYuNCwzMC4xYzAsMjAuMS01LjUsMzAuMS0xNi40LDMwLjFIMzE0LjN2MjY0LjFoMC41YzE0LjYtMTUuMywzMy4yLTMwLjYsNTUuOC00NS45YzIyLjYtMTUuMyw0Mi4zLTI2LjQsNTkuMS0zMy40YzM5LjctMTYuOCw4MS44LTI1LjIsMTI2LjMtMjUuMmM0NC4xLDAsODUuNyw4LjQsMTI0LjcsMjUuMmMzOSwxNi44LDczLjEsMzkuNywxMDIuMyw2OC45YzI5LjUsMjkuNSw1Mi41LDYzLjQsNjguOSwxMDEuN0M4NjguNiw0NjYuNSw4NzcsNTA4LjIsODc3LDU1MC45TDg3Nyw1NTAuOXogTTg2MCwyMzMuMWMzLjMsMi45LDQuOSw2LjIsNC45LDkuOGMwLDMuNi0xLDYuOS0zLDkuOHMtNSw2LjctOSwxMS41Yy05LjUsOS41LTE2LjYsMTQuMi0yMS4zLDE0LjJjLTMuMywwLTYuMi0xLjMtOC44LTMuOGMtMzguNi0zMy4yLTc2LjQtNTcuNC0xMTMuMi03Mi43Yy00Ni43LTIwLjQtOTctMzAuNi0xNTAuOS0zMC42Yy00OC41LDAtOTYuMiw4LjktMTQzLjMsMjYuOGMtOS44LDMuNi0xOC0zLjEtMjQuNi0yMC4yYy0zLjMtOS4xLTQuNy0xNi00LjQtMjAuOGMxLjEtNS44LDQtOS41LDguOC0xMC45YzQ3LjQtMjAuOCwxMDEuOS0zMS4yLDE2My41LTMxLjJjNTkuOCwwLDExNy40LDExLjcsMTcyLjgsMzVDNzgxLjUsMTcxLjEsODI0LjMsMTk4LjgsODYwLDIzMy4xeiIgc3R5bGU9ImZpbGw6I2E5YjdiNyI+PC9wYXRoPjwvZz48L2c+PC9zdmc+CiAg',
+							//'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxnPjxnPjxwYXRoIGQ9Ik03MzUuMiw0OTAuMWMtMTUuOSwyLjEtMjksMTAtNDEuNCwxOS41Yy0xMy44LDEwLjYtMjUuNCwyMy41LTM3LjMsMzZjLTEuNiwxLjctMC45LDIuNiwwLjMsMy45YzguNCw5LjQsMTcsMTguNSwyNi44LDI2LjRjMTYuMywxMy4xLDMzLjksMjMuMiw1NS40LDI1LjJjMjQuMiwyLjMsNDMuOC05LjEsNTIuNC0zMWMzLTcuNiw0LjMtMTUuNSw0LjMtMjQuOGMwLjEtMi4zLTAuMy01LjctMC43LTkuMUM3OTEuMiw1MDUuOCw3NjUuNiw0ODYuMSw3MzUuMiw0OTAuMXoiIHN0eWxlPSJmaWxsOiNhOWI3YjciPjwvcGF0aD48cGF0aCBkPSJNNTMzLjQsNTA4LjhjLTEwLjMtNy40LTIxLjItMTQtMzMuNi0xNy4yYy0xOS00LjctMzYuMy0yLTQ5LjgsMTMuNWMtMTAuNSwxMi0xNS41LDI2LjItMTUuNSw0My4xYzAuMSwxLjUsMC4zLDQsMC41LDYuNWMyLjEsMjMuNiwxNy44LDQxLjIsNDAuNiw0NS40YzEyLjUsMi4zLDI0LjcsMC42LDM2LjUtNGMyNS4yLTkuOCw0NC40LTI3LjUsNjItNDcuNGMxLjMtMS41LDAuNi0yLjItMC40LTMuMkM1NjEuMSw1MzIuNSw1NDguMyw1MTkuNSw1MzMuNCw1MDguOHoiIHN0eWxlPSJmaWxsOiNhOWI3YjciPjwvcGF0aD48cGF0aCBkPSJNNTAwLDEwQzIyOS40LDEwLDEwLDIyOS40LDEwLDUwMHMyMTkuNCw0OTAsNDkwLDQ5MHM0OTAtMjE5LjQsNDkwLTQ5MFM3NzAuNiwxMCw1MDAsMTB6IE03NDEuOCw2NjguMmMtMzEtMC40LTU3LjQtMTIuNC04MS42LTMwLjdjLTE1LjgtMTItMjkuMy0yNi4zLTQyLjMtNDEuMWMtMi4yLTIuNS0zLjItMy01LjgtMC4zYy0xMy4zLDEzLjgtMjUuOSwyOC4zLTQwLjgsNDAuNGMtMTguOSwxNS4zLTM5LjcsMjYuOS02NC4xLDMwLjJjLTQzLjEsNS45LTgwLjMtNS41LTEwOS4zLTM5LjNjLTYuNi03LjctMTEuNS0xNi40LTE1LjYtMjUuN2MtMC41LTEuMi0wLjctMi42LTItMy41Yy01LjcsMTIuMy0xMi43LDIzLjUtMjEuOSwzMy4zYy0yMy4yLDI0LjctNTEuOSwzNy42LTg1LjcsMzguOGMtMjQuNCwwLjktNDguNC0yLjMtNzAuNy0xMi44Yy0zNy4zLTE3LjctNTcuOS00Ny4yLTYwLjQtODguOGMtMC4yLTMuMiwwLjctNCwzLjgtNGMyMC4xLDAuMSw0MC4yLDAuMSw2MC4zLDBjMywwLDMuOSwwLjksNC40LDMuOGMzLjksMjIuOSwxNi4yLDM4LjksMzkuMyw0NC42YzMyLjIsOCw2MS44LTEwLjMsNzAuMy00My41YzUuNy0yMi4zLDMuMi00My43LTExLjYtNjIuM2MtOS44LTEyLjMtMjMuMi0xOC40LTM4LjgtMTkuNWMtMjIuNS0xLjYtNDEsNS44LTU0LjMsMjQuNmMtMS4yLDEuOC0yLjcsMi4yLTQuNywyLjJjLTE4LjEtMC4xLTM2LjItMC4xLTU0LjMsMGMtMy4xLDAtMy44LTAuOS0zLjItMy45YzkuNC01Mi4yLDE4LjctMTA0LjUsMjgtMTU2LjdjMS4zLTcuMSwyLjYtMTQuMywzLjctMjEuNWMwLjQtMi4zLDEuMy0zLjIsMy44LTMuMmM2MC4xLDAuMSwxMjAuMiwwLjEsMTgwLjQsMGMyLjksMCwzLjUsMC45LDMuNSwzLjZjLTAuMSwxNi4xLTAuMiwzMi4yLDAsNDguNGMwLDMuMy0wLjgsNC4yLTQuMiw0LjJjLTQzLjEtMC4xLTg2LjEsMC0xMjkuMi0wLjJjLTMuNiwwLTUuMiwwLjYtNS44LDQuNmMtMy44LDIyLjktOCw0NS44LTEyLDY4LjdjLTAuMiwxLTAuOSwyLjMsMC4yLDIuOWMxLjIsMC43LDEuOC0wLjcsMi41LTEuNGMxOS43LTE5LDQzLjgtMjQuOCw3MC40LTIzLjRjMjUuNSwxLjQsNDcuNCwxMC45LDY1LjMsMjkuMWM3LjUsNy42LDEzLjMsMTYuMywxOC4xLDI1LjljMC41LDEsMSwyLjEsMS45LDMuOWM1LjEtMTMuNCwxMS40LTI1LjEsMjAuMy0zNS4yYzE5LjUtMjIuMiw0NC4yLTM0LjIsNzMuNS0zNi45YzQxLjMtMy44LDc1LjMsMTIuMSwxMDUsMzkuM2MxMi4zLDExLjIsMjMuMiwyMy44LDMzLjksMzYuNmMyLjMsMi43LDMuMywzLDUuNywwLjFjMTMuOC0xNi40LDI3LjUtMzIuOCw0NC41LTQ2LjFjMTkuNi0xNS4zLDQxLjEtMjYuNCw2Ni4xLTI5LjNjNjEuOC03LjIsMTEzLjUsMjYuNCwxMjYuNiw5MC4yYzUuNSwyNi44LDMuOCw1My40LTUuNSw3OS4yQzgzMi41LDY0MS41LDc5Mi43LDY2OC44LDc0MS44LDY2OC4yeiIgc3R5bGU9ImZpbGw6I2E5YjdiNyI+PC9wYXRoPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9nPjwvc3ZnPgogIA==',
+							'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxwYXRoIGQ9Ik05OTAsMTkzLjh2NjEyLjRDOTkwLDkwNy43LDkwNy43LDk5MCw4MDYuMiw5OTBINjg2LjNWNjEwLjRoMTI3bDE5LjItMTQ4SDY4Ni4zdi05NC40YzAtNDIuOCwxMS41LTcxLjQsNzMuNC03MS40bDc3LjgtMC42VjE2My44Yy0xMy40LTEuOS02MC01LjctMTEzLjYtNS43Yy0xMTIuOSwwLTE5MC44LDY4LjktMTkwLjgsMTk1LjJ2MTA5LjFINDA1LjZ2MTQ4aDEyNy42Vjk5MEgxOTMuOEM5Mi4zLDk5MCwxMCw5MDcuNywxMCw4MDYuMlYxOTMuOEMxMCw5Mi4zLDkyLjMsMTAsMTkzLjgsMTBoNjEyLjRDOTA3LjcsMTAsOTkwLDkyLjMsOTkwLDE5My44eiIgc3R5bGU9ImZpbGw6I2E5YjdiNyI+PC9wYXRoPjwvZz48L3N2Zz4KICA=',
+							'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxwYXRoIGQ9Ik05OTAsNzA0LjFWMjk1LjlMNjY4LjYsNTAwTDk5MCw3MDQuMXogTTE3LjgsODIwLjhjMTQuMiwzMS44LDQ2LjUsNTMuOSw4NC4xLDUzLjloNzk2LjJjMzcuNCwwLDY5LjctMjIsODQtNTMuNWM1LjEtMTEuMiw3LjktMjMuNyw3LjktMzYuOEw2MDUuMyw1NDAuMUw1MDAsNjA3LjFsLTEwNS40LTY2LjlMMTAsNzg0LjRDMTAsNzk3LjMsMTIuOCw4MDkuNiwxNy44LDgyMC44eiBNMTAsMjk1Ljl2NDA4LjFMMzMxLjQsNTAwTDEwLDI5NS45eiBNMTAxLjksMTI1LjNjLTM3LjYsMC02OS45LDIyLjItODQuMSw1My45Yy01LDExLjEtNy44LDIzLjQtNy44LDM2LjRsNDkwLDMxMS4xbDQ5MC0zMTEuMWMwLTEzLjEtMi44LTI1LjYtNy45LTM2LjhjLTE0LjMtMzEuNS00Ni42LTUzLjUtODQtNTMuNUgxMDEuOUwxMDEuOSwxMjUuM3oiIHN0eWxlPSJmaWxsOiNhOWI3YjciPjwvcGF0aD48L2c+PC9zdmc+CiAg',
+							'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxwYXRoIGQ9Ik0yNzQuOCw4NTIuN2MwLDE4LjYtMy40LDM1LjgtMTAuMiw1MS41Yy02LjgsMTUuNy0xNi4xLDI5LjUtMjcuOSw0MS4zYy0xMS44LDExLjgtMjUuOCwyMS4xLTQxLjgsMjcuOWMtMTYuMSw2LjgtMzMsMTAuMi01MSwxMC4yYy0xOC42LDAtMzUuNy0zLjQtNTEuNS0xMC4yYy0xNS43LTYuOC0yOS41LTE2LjEtNDEuMy0yNy45Yy0xMS44LTExLjgtMjEuMS0yNS42LTI3LjktNDEuM2MtNi44LTE1LjctMTAuMi0zMi45LTEwLjItNTEuNWMwLTE3LjksMy40LTM0LjgsMTAuMi01MC45YzYuOC0xNi4xLDE2LjEtMzAuMSwyNy45LTQxLjhjMTEuOC0xMS44LDI1LjUtMjEuMSw0MS4zLTI3LjljMTUuNy02LjgsMzIuOS0xMC4yLDUxLjUtMTAuMmMxNy45LDAsMzQuOCwzLjQsNTEsMTAuMmMxNi4xLDYuOCwzMCwxNi4xLDQxLjgsMjcuOWMxMS44LDExLjgsMjEuMSwyNS43LDI3LjksNDEuOEMyNzEuNCw4MTcuOSwyNzQuOCw4MzQuOSwyNzQuOCw4NTIuNyBNMTAzLjMsMzYyLjdjNzMuNiwwLDE0Mi44LDE0LjEsMjA3LjUsNDIuNGM2NC43LDI4LjMsMTIxLjEsNjYuNSwxNjkuNCwxMTQuN2M0OC4zLDQ4LjIsODYuNSwxMDQuOCwxMTQuOCwxNjkuNGMyOC4yLDY0LjcsNDIuMywxMzMuOCw0Mi4zLDIwNy41YzAsMjUuNy05LjEsNDcuNy0yNy4zLDY1LjljLTE4LjIsMTguMi00MC4yLDI3LjMtNjUuOSwyNy4zcy00Ny43LTkuMS02NS45LTI3LjNjLTE4LjItMTguMi0yNy4zLTQwLjItMjcuMy02NS45YzAtNDcuOS05LjEtOTIuOS0yNy4zLTEzNS4xYy0xOC4yLTQyLjEtNDMuMS03OS03NC41LTExMC40Yy0zMS41LTMxLjUtNjguMy01Ni4zLTExMC41LTc0LjVjLTQyLjEtMTguMi04Ny4yLTI3LjMtMTM1LjEtMjcuM2MtMjUuOCwwLTQ3LjctOS4xLTY1LjktMjcuM0MxOS4xLDUwMy44LDEwLDQ4MS44LDEwLDQ1Ni4xYzAtMjUuOCw5LjEtNDcuNywyNy4zLTY1LjlDNTUuNiwzNzEuOSw3Ny41LDM2Mi43LDEwMy4zLDM2Mi43IE0xMDMuMywxMGM4MS41LDAsMTYwLDEwLjYsMjM1LjQsMzEuNmM3NS40LDIxLjEsMTQ2LDUwLjksMjExLjcsODkuNUM2MTYuMSwxNjkuNyw2NzYsMjE2LjEsNzMwLDI3MGM1NCw1NCwxMDAuMiwxMTMuOCwxMzguOCwxNzkuNmMzOC42LDY1LjgsNjguNCwxMzYuNCw4OS42LDIxMS44YzIxLjEsNzUuNCwzMS42LDE1My45LDMxLjYsMjM1LjRjMCwyNS43LTkuMSw0Ny43LTI3LjMsNjUuOWMtMTguMiwxOC4yLTQwLjIsMjcuMy02NiwyNy4zYy0yNS43LDAtNDcuNy05LjEtNjUuOS0yNy4zYy0xOC4yLTE4LjItMjcuMy00MC4yLTI3LjMtNjUuOWMwLTY0LjQtOC40LTEyNi40LTI1LjItMTg2Yy0xNi44LTU5LjctNDAuNC0xMTUuNS03MC43LTE2Ny4zYy0zMC40LTUxLjgtNjYuOS05OS0xMDkuNC0xNDEuNWMtNDIuNi00Mi41LTg5LjctNzktMTQxLjYtMTA5LjRjLTUxLjgtMzAuNC0xMDcuNi01NC0xNjcuMy03MC44Yy01OS43LTE2LjgtMTIxLjctMjUuMi0xODYtMjUuMmMtMjUuNywwLTQ3LjctOS4xLTY1LjktMjcuM0MxOS4xLDE1MSwxMCwxMjksMTAsMTAzLjNjMC0yNS43LDkuMS00Ny43LDI3LjMtNjUuOUM1NS42LDE5LjEsNzcuNSwxMCwxMDMuMywxMCIgc3R5bGU9ImZpbGw6I2E5YjdiNyI+PC9wYXRoPjwvZz48L3N2Zz4KICA=',
+							'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxwYXRoIGQ9Ik05NjQuNSwxMDcuOGMwLDAtMjguOCwxMy41LTQ4LjgsMjFjLTE5LjksNy41LTQ2LjcsMTUuMS00Ni43LDE1LjFzLTEwNS42LTEzMi44LTI1OC45LTU0Yy0xNTMuNCw3OC44LTEwMy44LDI1Ni40LTEwMy44LDI1Ni40cy0xMzAuOSw0LjYtMjg1LjgtNzUuN1MyOCwxMTcuNywyOCwxMTcuN1M0LDE2MSwxNC41LDI0MS4zQzI1LDMyMS42LDk5LDQyNSw5OSw0MjVsLTg5LTM2LjljMCwwLDQuNSw1MSwzOS4xLDEwMy41YzM0LjYsNTIuNSwxNTYuNCwxMTguOSwxNTYuNCwxMTguOWwtMTE1LjgsMS41YzAsMCwxMC41LDI0LjcsNTIuNiw2Ni40YzQyLjEsNDEuNywxNTkuNCw3OC44LDE1OS40LDc4LjhzLTgyLjUsNTkuMy0xMzkuOSw4MS45UzE0LjUsODY3LDE0LjUsODY3czEzNCw4NS43LDMzOS45LDY0LjlDNTYwLjIsOTExLDcwMS45LDgxMi4yLDgxMS41LDY0Ny42YzEwOS43LTE2NC42LDk5LjItMzc4LjUsOTkuMi0zNzguNXMxMi0xNC4yLDQxLjEtNDEuNkM5ODEsMjAwLDk5MCwxODYuNiw5OTAsMTg2LjZsLTcyLjgsNy45TDk2NC41LDEwNy44eiIgc3R5bGU9ImZpbGw6I2E5YjdiNyI+PC9wYXRoPjwvZz48L3N2Zz4KICA=',
+							'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxwYXRoIGQ9Ik02MTEsNjkwLjN2MTE1LjRjMCwyNC40LTcuMSwzNi42LTIxLjMsMzYuNmMtOC40LDAtMTYuNi00LTI0LjYtMTJWNjY1LjdjOC04LDE2LjItMTIsMjQuNi0xMkM2MDMuOSw2NTMuNiw2MTEsNjY1LjksNjExLDY5MC4zTDYxMSw2OTAuM3ogTTc5NS45LDY5MC45VjcxNmgtNDkuMnYtMjUuMWMwLTI0LjgsOC4yLTM3LjIsMjQuNi0zNy4yQzc4Ny43LDY1My43LDc5NS45LDY2Ni4xLDc5NS45LDY5MC45TDc5NS45LDY5MC45eiBNMjY3LjYsNTcxLjZoNTguNXYtNTEuNEgxNTUuNXY1MS40aDU3LjR2MzExLjJoNTQuN0wyNjcuNiw1NzEuNkwyNjcuNiw1NzEuNnogTTQyNS4xLDg4Mi44aDQ4LjdWNjEyLjdoLTQ4Ljd2MjA2LjdjLTEwLjksMTUuMy0yMS4zLDIzLTMxLjIsMjNjLTYuNiwwLTEwLjQtMy44LTExLjUtMTEuNWMtMC40LTEuMS0wLjYtNy41LTAuNi0xOS4xVjYxMi43aC00OC43djIxMy44YzAsMTcuOSwxLjUsMzEuMiw0LjQsMzkuOWM0LjQsMTMuNSwxNC45LDIwLjIsMzEuNywyMC4yYzE3LjUsMCwzNi4xLTExLjEsNTUuOC0zMy40Vjg4Mi44TDQyNS4xLDg4Mi44eiBNNjU5LjcsODAxLjlWNjk0LjFjMC0yNi42LTEuNi00NC43LTQuOS01NC4xYy02LjItMjAuNC0xOS4yLTMwLjYtMzguOC0zMC42Yy0xOC4yLDAtMzUuMiw5LjgtNTAuOSwyOS41VjUyMC4yaC00OC43djM2Mi42aDQ4Ljd2LTI2LjJjMTYuNCwyMCwzMy40LDMwLjEsNTAuOSwzMC4xYzE5LjcsMCwzMi42LTEwLDM4LjgtMzAuMUM2NTguMSw4NDYuNyw2NTkuNyw4MjguNSw2NTkuNyw4MDEuOUw2NTkuNyw4MDEuOXogTTg0NC41LDc5Ni40di03LjFoLTQ5LjhjMCwxOC42LTAuNCwyOS43LTEuMSwzMy40Yy0yLjYsMTMuMS05LjgsMTkuNy0yMS45LDE5LjdjLTE2LjgsMC0yNS4xLTEyLjYtMjUuMS0zNy43Vjc1N2g5Ny45di01Ni4zYzAtMjguOC00LjktNDkuOS0xNC44LTYzLjRjLTE0LjItMTguNi0zMy41LTI3LjktNTgtMjcuOWMtMjQuOCwwLTQ0LjMsOS4zLTU4LjUsMjcuOWMtMTAuMiwxMy41LTE1LjMsMzQuNi0xNS4zLDYzLjR2OTQuNmMwLDI4LjgsNS4zLDQ5LjksMTUuOSw2My40YzE0LjIsMTguNiwzMy45LDI3LjksNTkuMSwyNy45YzI2LjMsMCw0NS45LTkuNyw1OS4xLTI5YzYuNi05LjgsMTAuNC0xOS43LDExLjUtMjkuNUM4NDQuMiw4MjQuOSw4NDQuNiw4MTQuMyw4NDQuNSw3OTYuNEw4NDQuNSw3OTYuNHogTTUxMiwyOTcuMVYxODIuM2MwLTI1LjItNy44LTM3LjctMjMuNS0zNy43Yy0xNS43LDAtMjMuNSwxMi42LTIzLjUsMzcuN3YxMTQuOGMwLDI1LjUsNy44LDM4LjMsMjMuNSwzOC4zQzUwNC4yLDMzNS40LDUxMiwzMjIuNiw1MTIsMjk3LjF6IE05MDUuMiw3MDcuOGMwLDg1LjMtNC43LDE0OS4xLTE0LjIsMTkxLjRjLTUuMSwyMS41LTE1LjcsMzkuNi0zMS43LDU0LjFjLTE2LDE0LjYtMzQuNiwyMy01NS44LDI1LjFDNzM2LjQsOTg2LjIsNjM1LjMsOTkwLDUwMCw5OTBjLTEzNS4zLDAtMjM2LjQtMy44LTMwMy41LTExLjVjLTIxLjItMi4yLTM5LjgtMTAuNi01Ni0yNS4xYy0xNi4yLTE0LjYtMjYuNy0zMi42LTMxLjUtNTQuMWMtOS41LTQwLjgtMTQuMi0xMDQuNi0xNC4yLTE5MS40YzAtODUuMyw0LjctMTQ5LjEsMTQuMi0xOTEuNGM1LjEtMjEuNSwxNS43LTM5LjYsMzEuNy01NC4xYzE2LTE0LjYsMzQuOC0yMy4xLDU2LjMtMjUuN2M2Ni43LTcuMywxNjcuNy0xMC45LDMwMy0xMC45YzEzNS4zLDAsMjM2LjQsMy42LDMwMy41LDEwLjljMjEuMiwyLjYsMzkuOCwxMS4xLDU2LDI1LjdjMTYuMiwxNC42LDI2LjcsMzIuNiwzMS41LDU0LjFDOTAwLjUsNTU3LjIsOTA1LjIsNjIxLjEsOTA1LjIsNzA3Ljh6IE0zNTkuNSwxMGg1NS44TDM0OSwyMjguMnYxNDguMmgtNTQuN1YyMjguMmMtNS4xLTI3LTE2LjItNjUuNi0zMy40LTExNS45QzI0Ny41LDc0LjcsMjM1LjcsNDAuNiwyMjUuNCwxMGg1OGwzOC44LDE0My44TDM1OS41LDEweiBNNTYxLjgsMTkyLjF2OTUuN2MwLDI5LjUtNS4xLDUxLTE1LjMsNjQuNWMtMTMuNSwxOC42LTMyLjgsMjcuOS01OCwyNy45Yy0yNC40LDAtNDMuNi05LjMtNTcuNC0yNy45Yy0xMC4yLTEzLjktMTUuMy0zNS40LTE1LjMtNjQuNXYtOTUuN2MwLTI5LjIsNS4xLTUwLjUsMTUuMy02NGMxMy45LTE4LjYsMzMtMjcuOSw1Ny40LTI3LjljMjUuMiwwLDQ0LjUsOS4zLDU4LDI3LjlDNTU2LjcsMTQxLjYsNTYxLjgsMTYyLjksNTYxLjgsMTkyLjF6IE03NDUsMTAzLjV2MjcyLjloLTQ5Ljh2LTMwLjFjLTE5LjMsMjIuNi0zOC4xLDMzLjktNTYuMywzMy45Yy0xNi44LDAtMjcuNS02LjctMzIuMy0yMC4yYy0yLjktOC44LTQuNC0yMi40LTQuNC00MVYxMDMuNUg2NTJ2MjAwLjdjMCwxMiwwLjIsMTguNCwwLjUsMTkuMWMxLjEsOCw0LjksMTIsMTEuNSwxMmM5LjgsMCwyMC4yLTcuOCwzMS4yLTIzLjVWMTAzLjVINzQ1TDc0NSwxMDMuNXoiIHN0eWxlPSJmaWxsOiNhOWI3YjciPjwvcGF0aD48L2c+PC9zdmc+CiAg',
+							'data:image/svg+xml;base64,CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPgogIDxnPjxwYXRoIGQ9Ik0xMCwzMDUuMWwzOS44LDUyLjJjMCwwLDgyLjEtNjQuNywxMDkuNS0zMi4zYzI3LjQsMzIuNCwxMzEuOCw0MjMsMTY2LjcsNDk1YzMwLjQsNjMuMiwxMTQuNCwxNDYuNywyMDYuNCw4Ny4xYzkyLTU5LjcsMzk4LTMyMC45LDQ1Mi43LTYyOS4zYzU0LjctMzA4LjQtMzY4LjItMjQzLjgtNDEzLDI0LjljMTEyLTY3LjIsMTcxLjcsMjcuMywxMTQuNCwxMzQuNGMtNTcuMiwxMDYuOS0xMDkuNSwxNzYuNy0xMzYuOCwxNzYuN2MtMjcuMywwLTQ4LjMtNzEuNi03OS42LTE5Ni42QzQzNy44LDI4Ny43LDQzOCw1NC44LDMwMy41LDgxLjJDMTc2LjcsMTA2LjEsMTAsMzA1LjIsMTAsMzA1LjFMMTAsMzA1LjF6IiBzdHlsZT0iZmlsbDojYTliN2I3Ij48L3BhdGg+PC9nPjwvc3ZnPgogIA=='
+							);
+							$size = dess_setting('dess_social_size');
+
+							$socials = array('flickr','500px','facebook','mail','rss','twitter','youtube','vimeo');
 							for($i=0;$i<count($socials);$i++){
 								$url = '';
 								$s = $socials[$i];
 								$url = dess_setting('dess_'.$s);
-									echo ($url != '' ? '<li><a target="_blank" href="'.$url.'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/'.$s.'-icon.png" alt="'.$s.'" /></a></li>':'');
+								//echo ($url != '' ? '<li><a target="_blank" href="'.$url.'"><img src="'.esc_url( get_stylesheet_directory_uri() ).'/images/'.$s.'-icon.png" alt="'.$s.'" /></a></li>':'');
+								echo ($url != '' ? '<li><a target="_blank" href="'.$url.'"><img src="'.$socials_img[$i].'" width="' . $size . '" height="' . $size . '" /></a></li>':'');
 								}
 							?>
 						</ul>
+							
 					</div><!-- head-socials -->
 					<div class="clear"></div>
 				</div><!-- container -->

images/icons.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?> <!-- Generator: IcoMoon.io --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="120" height="24" viewBox="0 0 120 24" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M 17.384,17.705q0.00,0.536 -0.375,0.911l-1.821,1.821q-0.375,0.375 -0.911,0.375t-0.911-0.375l-3.938-3.938l-3.938,3.938q-0.375,0.375 -0.911,0.375t-0.911-0.375l-1.821-1.821q-0.375-0.375 -0.375-0.911t 0.375-0.911l 3.938-3.938l-3.938-3.938q-0.375-0.375 -0.375-0.911t 0.375-0.911l 1.821-1.821q 0.375-0.375 0.911-0.375t 0.911,0.375l 3.938,3.938l 3.938-3.938q 0.375-0.375 0.911-0.375t 0.911,0.375l 1.821,1.821q 0.375,0.375 0.375,0.911 t-0.375,0.911l-3.938,3.938l 3.938,3.938q 0.375,0.375 0.375,0.911zM 57.938,21.067l-8.732-8.719q-0.496-0.496 -0.496-1.212t 0.496-1.212l 8.732-8.719q 0.496-0.496 1.212-0.496t 1.212,0.496l 1.004,1.004q 0.496,0.496 0.496,1.212t-0.496,1.212l-6.509,6.509l 6.509,6.496q 0.496,0.509 0.496,1.219t-0.496,1.205l-1.004,1.004q-0.496,0.496 -1.212,0.496t-1.212-0.496zM 110.719,11.143q0.00,0.696 -0.496,1.219l-8.732,8.719q-0.496,0.496 -1.205,0.496t-1.205-0.496l-1.018-1.004q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 6.509-6.509l-6.509-6.496q-0.496-0.522 -0.496-1.219q0.00-0.71 0.496-1.205l 1.018-1.004q 0.482-0.509 1.205-0.509t 1.205,0.509l 8.732,8.719q 0.496,0.496 0.496,1.205z"></path></svg>

index.php

@@ -46,14 +46,22 @@ $the_query = new WP_Query( $slider );
 	<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',
 		*/			
+					'meta_key' => 'ex_show_in_homepage',
+					'meta_value' => 'no'
+					/*
+					'meta_query' => array(
+						array(
+							'key' => 'ex_show_in_homepage',
+							'value' => 'Yes',
+							'compare' => '!='
+							),
+*/
 				);
 	$blog = new WP_Query( $blog_args );
 	if ( $blog->have_posts() ) :
@@ -95,7 +103,7 @@ $the_query = new WP_Query( $slider );
 <?php endif; ?>
 <?php if ( dess_setting('dess_hometext') !='' ) : ?>
 <div class="feature-text-area">
-	<h3><?php echo dess_setting('dess_hometext'); ?></h3>
+	<h3><?php echo dess_setting('dess_hometext'); ?>blabla</h3>
 </div><!-- feature-text-area -->
 <?php endif; ?>
 <?php

infos.txt

@@ -0,0 +1,49 @@
+Rechercher WP_Retina dans les options
+
+SELECT * FROM `wp_options` WHERE `option_name` LIKE '%mfrH%' 
+
+
+
+
+
+Theme_Mod versus Option
+
+
+Theme_Mod
+
+Settings can only be used by that specific theme.
+All customizer settings are stored within a serialized array in a single option in the database.
+
+
+Option
+
+Settings can be used by absolutely any theme or plugin.
+Each of the customizer settings are stored as a unique option in the database.
+
+
+
+Options:
+	URL de Zenphoto	
+	Taille des images	
+	Répondre aux commentaires du livre d'or	 1
+
+
+
+
+
+Flickr
+
+<img width="600" height="400" src="//c1.staticflickr.com/9/8695/29179607103_4f0c4a843e_n.jpg" class="low-res-photo" alt="2016-08-30_Chevrette_4503 | par Bruno Pesenti" hidden="hidden" style="display: none;">
+<img width="600" height="400" src="//c1.staticflickr.com/9/8695/29179607103_d63b4736cf_h.jpg" class="main-photo" onload="registerFirstPhoto(this)" alt="2016-08-30_Chevrette_4503 | par Bruno Pesenti">
+
+
+
+/*
+ WP Media:				WorpPress (post)
+	-Description 		-> <a href="" title="Description"> 										-> Colorbox: sous la photo
+	-Légende 			-> <p class="wp-caption-text">Légende</p> (caption sous la photo)
+	-Texte alternatif 	-> <img src="" alt="cerf" />
+*/
+
+
+<?php if (in_category(3)) {    ?>

js/featherlight.js

@@ -0,0 +1,27 @@
+$(document).ready(function(){
+
+	$('.gallery').featherlightGallery({
+		gallery: {
+			fadeIn: 300,
+			fadeOut: 300
+		},
+		openSpeed:    300,
+		closeSpeed:   300
+	});
+	$('.gallery2').featherlightGallery({
+		gallery: {
+			next: 'next »',
+			previous: '« previous'
+		},
+		variant: 'featherlight-gallery2'
+	});
+	
+	// Ajoute le alt de <img src"" alt"" /> sous l'image
+	$.featherlightGallery.prototype.afterContent = function() {
+  		var caption = this.$currentTarget.find('img').attr('alt');
+  		this.$instance.find('.featherlight-caption').remove();
+  		$('<div class="featherlight-caption">').text(caption).appendTo(this.$instance.find('.featherlight-content'));
+		};
+
+});
+

js/i18n/jquery.colorbox-ar.js

@@ -0,0 +1,15 @@
+/*
+  jQuery Colorbox language configuration
+  language: Arabic (ar)
+  translated by: A.Rhman Sayes
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+  current: "الصورة {current} من {total}",
+	previous: "السابق",
+	next: "التالي",
+	close: "إغلاق",
+	xhrError: "حدث خطأ أثناء تحميل المحتوى.",
+	imgError: "حدث خطأ أثناء تحميل الصورة.",
+	slideshowStart: "تشغيل العرض",
+	slideshowStop: "إيقاف العرض"
+});

js/i18n/jquery.colorbox-bg.js

@@ -0,0 +1,16 @@
+/*
+  jQuery Colorbox language configuration
+	language: Bulgarian (bg)
+	translated by: Marian M.Bida
+	site: webmax.bg
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "изображение {current} от {total}",
+	previous: "предишна",
+	next: "следваща",
+	close: "затвори",
+	xhrError: "Неуспешно зареждане на съдържанието.",
+	imgError: "Неуспешно зареждане на изображението.",
+	slideshowStart: "пусни слайд-шоу",
+	slideshowStop: "спри слайд-шоу"
+});

js/i18n/jquery.colorbox-bn.js

@@ -0,0 +1,16 @@
+/*
+jQuery Colorbox language configuration
+language: Bengali (bn)
+translated by: Arkaprava Majumder
+http://github.com/arkaindas
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+current: "ছবি {current} এর {total}",
+previous: "আগে",
+next: "পরে",
+close: "বন্ধ",
+xhrError: "এই কন্টেন্ট লোড করা যায়নি.",
+imgError: "এই ছবিটি লোড করা যায়নি.",
+slideshowStart: "স্লাইডশো শুরু",
+slideshowStop: "স্লাইডশো বন্ধ"
+});

js/i18n/jquery.colorbox-ca.js

@@ -0,0 +1,13 @@
+/*
+	jQuery Colorbox language configuration
+	language: Catala (ca)
+	translated by: eduard salla
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Imatge {current} de {total}",
+	previous: "Anterior",
+	next: "Següent",
+	close: "Tancar",
+	xhrError: "Error en la càrrega del contingut.",
+	imgError: "Error en la càrrega de la imatge."
+});

js/i18n/jquery.colorbox-cs.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Czech (cs)
+	translated by: Filip Novak
+	site: mame.napilno.cz/filip-novak
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "{current}. obrázek z {total}",
+	previous: "Předchozí",
+	next: "Následující",
+	close: "Zavřít",
+	xhrError: "Obsah se nepodařilo načíst.",
+	imgError: "Obrázek se nepodařilo načíst.",
+	slideshowStart: "Spustit slideshow",
+	slideshowStop: "Zastavit slideshow"
+});

js/i18n/jquery.colorbox-da.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Danish (da)
+	translated by: danieljuhl
+	site: danieljuhl.dk
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Billede {current} af {total}",
+	previous: "Forrige",
+	next: "Næste",
+	close: "Luk",
+	xhrError: "Indholdet fejlede i indlæsningen.",
+	imgError: "Billedet fejlede i indlæsningen.",
+	slideshowStart: "Start slideshow",
+	slideshowStop: "Stop slideshow"
+});

js/i18n/jquery.colorbox-de.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: German (de)
+	translated by: wallenium
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Bild {current} von {total}",
+	previous: "Zurück",
+	next: "Vor",
+	close: "Schließen",
+	xhrError: "Dieser Inhalt konnte nicht geladen werden.",
+	imgError: "Dieses Bild konnte nicht geladen werden.",
+	slideshowStart: "Slideshow starten",
+	slideshowStop: "Slideshow anhalten"
+});

js/i18n/jquery.colorbox-es.js

@@ -0,0 +1,13 @@
+/*
+  jQuery Colorbox language configuration
+	language: Spanish (es)
+	translated by: migolo
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Imagen {current} de {total}",
+	previous: "Anterior",
+	next: "Siguiente",
+	close: "Cerrar",
+	xhrError: "Error en la carga del contenido.",
+	imgError: "Error en la carga de la imagen."
+});

js/i18n/jquery.colorbox-et.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Estonian (et)
+	translated by: keevitaja
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "{current}/{total}",
+	previous: "eelmine",
+	next: "järgmine",
+	close: "sulge",
+	xhrError: "Sisu ei õnnestunud laadida.",
+	imgError: "Pilti ei õnnestunud laadida.",
+	slideshowStart: "Käivita slaidid",
+	slideshowStop: "Peata slaidid"
+});

js/i18n/jquery.colorbox-fa.js

@@ -0,0 +1,18 @@
+/*
+	jQuery Colorbox language configuration
+	language: Persian (Farsi)
+	translated by: Mahdi Jaberzadeh Ansari (MJZSoft)
+	site: www.mjzsoft.ir
+	email: mahdijaberzadehansari (at) yahoo.co.uk
+	Please note : Persian language is right to left like arabic.
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "تصویر {current} از {total}",
+	previous: "قبلی",
+	next: "بعدی",
+	close: "بستن",
+	xhrError: "متاسفانه محتویات مورد نظر قابل نمایش نیست.",
+	imgError: "متاسفانه بارگذاری این عکس با مشکل مواجه شده است.",
+	slideshowStart: "آغاز نمایش خودکار",
+	slideshowStop: "توقف نمایش خودکار"
+});

js/i18n/jquery.colorbox-fi.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Finnish (fi)
+	translated by: Mikko
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Kuva {current} / {total}",
+	previous: "Edellinen",
+	next: "Seuraava",
+	close: "Sulje",
+	xhrError: "Sisällön lataaminen epäonnistui.",
+	imgError: "Kuvan lataaminen epäonnistui.",
+	slideshowStart: "Aloita kuvaesitys.",
+	slideshowStop: "Lopeta kuvaesitys."	
+});

js/i18n/jquery.colorbox-fr.js

@@ -0,0 +1,15 @@
+/*
+  jQuery Colorbox language configuration
+  language: French (fr)
+  translated by: oaubert
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "image {current} sur {total}",
+	previous: "précédente",
+	next: "suivante",
+	close: "fermer",
+	xhrError: "Impossible de charger ce contenu.",
+	imgError: "Impossible de charger cette image.",
+	slideshowStart: "démarrer la présentation",
+	slideshowStop: "arrêter la présentation"
+});

js/i18n/jquery.colorbox-gl.js

@@ -0,0 +1,13 @@
+/*
+  jQuery Colorbox language configuration
+	language: Galician (gl)
+	translated by: donatorouco
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Imaxe {current} de {total}",
+	previous: "Anterior",
+	next: "Seguinte",
+	close: "Pechar",
+	xhrError: "Erro na carga do contido.",
+	imgError: "Erro na carga da imaxe."
+});

js/i18n/jquery.colorbox-gr.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Greek (gr)
+	translated by: S.Demirtzoglou
+	site: webiq.gr
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Εικόνα {current} από {total}",
+	previous: "Προηγούμενη",
+	next: "Επόμενη",
+	close: "Απόκρυψη",
+	xhrError: "Το περιεχόμενο δεν μπόρεσε να φορτωθεί.",
+	imgError: "Απέτυχε η φόρτωση της εικόνας.",
+	slideshowStart: "Έναρξη παρουσίασης",
+	slideshowStop: "Παύση παρουσίασης"
+});

js/i18n/jquery.colorbox-he.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Hebrew (he)
+	translated by: David Cohen
+	site: dav.co.il
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "תמונה {current} מתוך {total}",
+	previous: "הקודם",
+	next: "הבא",
+	close: "סגור",
+	xhrError: "שגיאה בטעינת התוכן.",
+	imgError: "שגיאה בטעינת התמונה.",
+	slideshowStart: "התחל מצגת",
+	slideshowStop: "עצור מצגת"
+});

js/i18n/jquery.colorbox-hr.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Croatian (hr)
+	translated by: Mladen Bicanic (base.hr)
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Slika {current} od {total}",
+	previous: "Prethodna",
+	next: "Sljedeća",
+	close: "Zatvori",
+	xhrError: "Neuspješno učitavanje sadržaja.",
+	imgError: "Neuspješno učitavanje slike.",
+	slideshowStart: "Pokreni slideshow",
+	slideshowStop: "Zaustavi slideshow"
+});

js/i18n/jquery.colorbox-hu.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Hungarian (hu)
+	translated by: kovadani
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "{current}/{total} kép",
+	previous: "Előző",
+	next: "Következő",
+	close: "Bezár",
+	xhrError: "A tartalmat nem sikerült betölteni.",
+	imgError: "A képet nem sikerült betölteni.",
+	slideshowStart: "Diavetítés indítása",
+	slideshowStop: "Diavetítés leállítása"
+});

js/i18n/jquery.colorbox-id.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Indonesian (id)
+	translated by: sarwasunda
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "ke {current} dari {total}",
+	previous: "Sebelumnya",
+	next: "Berikutnya",
+	close: "Tutup",
+	xhrError: "Konten ini tidak dapat dimuat.",
+	imgError: "Gambar ini tidak dapat dimuat.",
+	slideshowStart: "Putar",
+	slideshowStop: "Berhenti"
+});

js/i18n/jquery.colorbox-it.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Italian (it)
+	translated by: maur8ino
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Immagine {current} di {total}",
+	previous: "Precedente",
+	next: "Successiva",
+	close: "Chiudi",
+	xhrError: "Errore nel caricamento del contenuto.",
+	imgError: "Errore nel caricamento dell'immagine.",
+	slideshowStart: "Inizia la presentazione",
+	slideshowStop: "Termina la presentazione"
+});

js/i18n/jquery.colorbox-ja.js

@@ -0,0 +1,15 @@
+/*
+  jQuery Colorbox language configuration
+  language: Japanaese (ja)
+  translated by: Hajime Fujimoto
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "{total}枚中{current}枚目",
+	previous: "前",
+	next: "次",
+	close: "閉じる",
+	xhrError: "コンテンツの読み込みに失敗しました",
+	imgError: "画像の読み込みに失敗しました",
+	slideshowStart: "スライドショー開始",
+	slideshowStop: "スライドショー終了"
+});

js/i18n/jquery.colorbox-kr.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Korean (kr)
+	translated by: lunareffect
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "총 {total} 중 {current}",
+	previous: "이전",
+	next: "다음",
+	close: "닫기",
+	xhrError: "컨텐츠를 불러오는 데 실패했습니다.",
+	imgError: "이미지를 불러오는 데 실패했습니다.",
+	slideshowStart: "슬라이드쇼 시작",
+	slideshowStop: "슬라이드쇼 중지"
+});

js/i18n/jquery.colorbox-lt.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Lithuanian (lt)
+	translated by: Tomas Norkūnas
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Nuotrauka {current} iš {total}",
+	previous: "Atgal",
+	next: "Pirmyn",
+	close: "Uždaryti",
+	xhrError: "Nepavyko užkrauti turinio.",
+	imgError: "Nepavyko užkrauti nuotraukos.",
+	slideshowStart: "Pradėti automatinę peržiūrą",
+	slideshowStop: "Sustabdyti automatinę peržiūrą"
+});

js/i18n/jquery.colorbox-lv.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Latvian (lv)
+	translated by: Matiss Roberts Treinis
+    site: x0.lv
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "attēls {current} no {total}",
+	previous: "iepriekšējais",
+	next: "nākamais",
+	close: "aizvērt",
+	xhrError: "Neizdevās ielādēt saturu.",
+	imgError: "Neizdevās ielādēt attēlu.",
+        slideshowStart: "sākt slaidrādi",
+        slideshowStop: "apturēt slaidrādi"
+});

js/i18n/jquery.colorbox-my.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Myanmar (my)
+	translated by: Yan Naing
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+  current: "ပုံ {total} မှာ {current} မြောက်ပုံ",
+	previous: "ရှေ့သို့",
+	next: "နောက်သို့",
+	close: "ပိတ်မည်",
+	xhrError: "ပါဝင်သော အကြောင်းအရာများ ဖော်ပြရာတွင် အနည်းငယ် ချို့ယွင်းမှုရှိနေပါသည်",
+	imgError: "ပုံပြသရာတွင် အနည်းငယ် ချို့ယွင်းချက် ရှိနေပါသည်",
+	slideshowStart: "ပုံများ စတင်ပြသမည်",
+	slideshowStop: "ပုံပြသခြင်း ရပ်ဆိုင်မည်"
+});

js/i18n/jquery.colorbox-nl.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Dutch (nl)
+	translated by: barryvdh
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Afbeelding {current} van {total}",
+	previous: "Vorige",
+	next: "Volgende",
+	close: "Sluiten",
+	xhrError: "Deze inhoud kan niet geladen worden.",
+	imgError: "Deze afbeelding kan niet geladen worden.",
+	slideshowStart: "Diashow starten",
+	slideshowStop: "Diashow stoppen"
+});

js/i18n/jquery.colorbox-no.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Norwegian (no)
+	translated by: lars-erik
+	site: markedspartner.no
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Bilde {current} av {total}",
+	previous: "Forrige",
+	next: "Neste",
+	close: "Lukk",
+	xhrError: "Feil ved lasting av innhold.",
+	imgError: "Feil ved lasting av bilde.",
+	slideshowStart: "Start lysbildefremvisning",
+	slideshowStop: "Stopp lysbildefremvisning"
+});

js/i18n/jquery.colorbox-pl.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Polski (pl)
+	translated by: Tomasz Wasiński
+	site: 2bevisible.pl
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "{current}. obrazek z {total}",
+	previous: "Poprzedni",
+	next: "Następny",
+	close: "Zamknij",
+	xhrError: "Nie udało się załadować treści.",
+	imgError: "Nie udało się załadować obrazka.",
+	slideshowStart: "rozpocznij pokaz slajdów",
+	slideshowStop: "zatrzymaj pokaz slajdów"
+});

js/i18n/jquery.colorbox-pt-BR.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Brazilian Portuguese (pt-BR)
+	translated by: ReinaldoMT
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Imagem {current} de {total}",
+	previous: "Anterior",
+	next: "Próxima",
+	close: "Fechar",
+	slideshowStart: "iniciar apresentação de slides",
+	slideshowStop: "parar apresentação de slides",
+	xhrError: "Erro ao carregar o conteúdo.",
+	imgError: "Erro ao carregar a imagem."
+});

js/i18n/jquery.colorbox-ro.js

@@ -0,0 +1,15 @@
+/*
+  jQuery Colorbox language configuration
+  language: Romanian (ro)
+  translated by: shurub3l
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "imagine {current} din {total}",
+	previous: "precedenta",
+	next: "următoarea",
+	close: "închideți",
+	xhrError: "Acest conținut nu poate fi încărcat.",
+	imgError: "Această imagine nu poate fi încărcată",
+	slideshowStart: "începeți prezentarea (slideshow)",
+	slideshowStop: "opriți prezentarea (slideshow)"
+});

js/i18n/jquery.colorbox-ru.js

@@ -0,0 +1,16 @@
+/*
+	jQuery Colorbox language configuration
+	language: Russian (ru)
+	translated by: Marfa
+	site: themarfa.name
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "изображение {current} из {total}",
+	previous: "назад",
+	next: "вперёд",
+	close: "закрыть",
+	xhrError: "Не удалось загрузить содержимое.",
+	imgError: "Не удалось загрузить изображение.",
+	slideshowStart: "начать слайд-шоу",
+	slideshowStop: "остановить слайд-шоу"
+});

js/i18n/jquery.colorbox-si.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Slovenian (si)
+	translated by: Boštjan Pišler (pisler.si)
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Slika {current} od {total}",
+	previous: "Prejšnja",
+	next: "Naslednja",
+	close: "Zapri",
+	xhrError: "Vsebine ni bilo mogoče naložiti.",
+	imgError: "Slike ni bilo mogoče naložiti.",
+	slideshowStart: "Zaženi prezentacijo",
+	slideshowStop: "Zaustavi prezentacijo"
+});

js/i18n/jquery.colorbox-sk.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Slovak (sk)
+	translated by: Jaroslav Kostal
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "{current}. obrázok z {total}",
+	previous: "Predchádzajúci",
+	next: "Následujúci",
+	close: "Zatvoriť",
+	xhrError: "Obsah sa nepodarilo načítať.",
+	imgError: "Obrázok sa nepodarilo načítať.",
+	slideshowStart: "Spustiť slideshow",
+	slideshowStop: "zastaviť slideshow"
+});

js/i18n/jquery.colorbox-sr.js

@@ -0,0 +1,15 @@
+/*
+        jQuery Colorbox language configuration
+        language: Serbian (sr)
+        translated by: Sasa Stefanovic (baguje.com)
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+        current: "Slika {current} od {total}",
+        previous: "Prethodna",
+        next: "Sledeća",
+        close: "Zatvori",
+        xhrError: "Neuspešno učitavanje sadržaja.",
+        imgError: "Neuspešno učitavanje slike.",
+        slideshowStart: "Pokreni slideshow",
+        slideshowStop: "Zaustavi slideshow"
+});

js/i18n/jquery.colorbox-sv.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Swedish (sv)
+	translated by: Mattias Reichel
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "Bild {current} av {total}",
+	previous: "Föregående",
+	next: "Nästa",
+	close: "Stäng",
+	xhrError: "Innehållet kunde inte laddas.",
+	imgError: "Den här bilden kunde inte laddas.",
+	slideshowStart: "Starta bildspel",
+	slideshowStop: "Stoppa bildspel"
+});

js/i18n/jquery.colorbox-tr.js

@@ -0,0 +1,19 @@
+/*
+	jQuery Colorbox language configuration
+	language: Turkish (tr)
+	translated by: Caner ÖNCEL
+	site: egonomik.com
+	
+	edited by: Sinan Eldem
+	www.sinaneldem.com.tr
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+  current: "Görsel {current} / {total}",
+  previous: "Önceki",
+  next: "Sonraki",
+  close: "Kapat",
+  xhrError: "İçerik yüklenirken hata meydana geldi.",
+  imgError: "Resim yüklenirken hata meydana geldi.",
+  slideshowStart: "Slaytı Başlat",
+  slideshowStop: "Slaytı Durdur"
+});

js/i18n/jquery.colorbox-uk.js

@@ -0,0 +1,16 @@
+/*
+    jQuery ColorBox language configuration
+    language: Ukrainian (uk)
+    translated by: Andrew
+    http://acisoftware.com.ua
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+    current: "зображення {current} з {total}",
+    previous: "попереднє",
+    next: "наступне",
+    close: "закрити",
+    xhrError: "Не вдалося завантажити вміст.",
+    imgError: "Не вдалося завантажити зображення.",
+    slideshowStart: "почати слайд-шоу",
+    slideshowStop: "зупинити слайд-шоу"
+});

js/i18n/jquery.colorbox-zh-CN.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Chinese Simplified (zh-CN)
+	translated by: zhao weiming
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "当前图像 {current} 总共 {total}",
+	previous: "前一页",
+	next: "后一页",
+	close: "关闭",
+	xhrError: "此内容无法加载",
+	imgError: "此图片无法加载",
+	slideshowStart: "开始播放幻灯片",
+	slideshowStop: "停止播放幻灯片"
+});

js/i18n/jquery.colorbox-zh-TW.js

@@ -0,0 +1,15 @@
+/*
+	jQuery Colorbox language configuration
+	language: Chinese Traditional (zh-TW)
+	translated by: Atans Chiu
+*/
+jQuery.extend(jQuery.colorbox.settings, {
+	current: "圖片 {current} 總共 {total}",
+	previous: "上一頁",
+	next: "下一頁",
+	close: "關閉",
+	xhrError: "此內容載入失敗.",
+	imgError: "此圖片加入失敗.",
+	slideshowStart: "開始幻燈片",
+	slideshowStop: "結束幻燈片"
+});

js/my-colorbox.js

@@ -0,0 +1,25 @@
+$(document).ready(function(){
+	// Default settings
+	//$.extend($.colorbox.settings, {opacity:0.5, speed:0, close:'Exit'});
+	//
+	$(".gallery").colorbox({rel:'gallery', maxWidth:'95%', maxHeight:'95%', transition:'fade'});
+	$(".slideshow").colorbox({rel:'slideshow', maxWidth:'95%', maxHeight:'95%', speed: '300',
+		slideshow:true, transition:'fade', slideshowSpeed: '3500', fadeOut: '350',
+		current: "image {current} sur {total}", slideshowStart: "Démarrer slideshow", slideshowStop: "Stopper slideshow"
+		});
+	//jQuery('a.gallery').colorbox();
+	//$('.non-retina').colorbox({rel:'group5', transition:'none'})
+	//$('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
+	});
+
+// http://www.jacklmoore.com/colorbox/faq/#faq-titlelink
+// https://stackoverflow.com/search?page=2&tab=relevance&q=colorbox
+// http://www.jacklmoore.com/colorbox/
+// <a href="" title="Description" class="">...</a> => Le title s'affiche dans la colorbox
+
+/*
+ WP Media:				WorpPress (post)
+	-Description 		-> <a href="" title="Description"> 										-> Colorbox: sous la photo
+	-Légende 			-> <p class="wp-caption-text">Légende</p> (caption sous la photo)
+	-Texte alternatif 	-> <img src="" alt="cerf" />
+*/

languages/fr_FR.po

@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Creator Responsive WordPress Theme Child\n"
-"POT-Creation-Date: 2016-12-26 11:11+0100\n"
+"POT-Creation-Date: 2017-01-15 18:22+0100\n"
-"PO-Revision-Date: 2016-12-26 11:12+0100\n"
+"PO-Revision-Date: 2017-01-15 18:23+0100\n"
 "Last-Translator: Bruno <bruno@clicclac.info>\n"
 "Language-Team: Bruno <bruno@clicclac.info>\n"
 "Language: fr_FR\n"
@@ -19,6 +19,40 @@ msgstr ""
 "_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"
+"X-Poedit-SearchPathExcluded-1: -child\n"
+
+#: Pagination/ce-mois.php:138 ce-mois-bis.php:145 ce-mois.php:138
+msgid "The"
+msgstr "Le"
+
+#: Pagination/ce-mois.php:138 ce-mois-bis.php:145 ce-mois.php:138
+msgid "F j, Y, g:i a"
+msgstr "d.m.Y à H:i"
+
+#: Pagination/ce-mois.php:139 ce-mois-bis.php:146 ce-mois.php:139
+msgid " at "
+msgstr " à "
+
+#: Pagination/ce-mois.php:139 ce-mois-bis.php:146 ce-mois.php:139
+msgid "Focal"
+msgstr "Focale "
+
+#: Pagination/ce-mois.php:211 Pagination/ce-mois.php:212 ce-mois-bis.php:289
+#: ce-mois-bis.php:290 ce-mois.php:211 ce-mois.php:212
+msgid "Archives"
+msgstr "Archives"
+
+#: Pagination/ce-mois.php:212 ce-mois-bis.php:290 ce-mois.php:212
+msgid "Help"
+msgstr "Aide"
+
+#: Pagination/header.php:63 header-page.php:151
+msgid "Tel: "
+msgstr "Tél. :"
+
+#: Pagination/header.php:64 header-page.php:152
+msgid "Email: "
+msgstr "Email :"
 
 #: accueil.php:42
 msgid "Previous"
@@ -30,9 +64,9 @@ msgstr "Suivant"
 
 #: accueil.php:51
 msgid "Portfolio"
-msgstr ""
+msgstr "Portfolio"
 
-#: accueil.php:178 index.php:167 tpl-blog.php:45
+#: accueil.php:178 index.php:175 tpl-blog.php:45
 msgid "Read More"
 msgstr "Lire la suite"
 
@@ -44,146 +78,213 @@ msgstr "Lire plus d'entrées de blog..."
 msgid "Sorry, no posts found."
 msgstr "Désolé, aucun post trouvé."
 
-#: ce-mois.php:140
+#: ce-mois-bis.php:318
-msgid "The"
-msgstr "Le"
-
-#: ce-mois.php:140
-msgid "F j, Y, g:i a"
-msgstr "d.m.Y à H:i"
-
-#: ce-mois.php:142
-msgid " at "
-msgstr " à "
-
-#: ce-mois.php:142
-msgid "Focal"
-msgstr "Focale "
-
-#: ce-mois.php:288 ce-mois.php:289
-msgid "Archives"
-msgstr ""
-
-#: ce-mois.php:289
-msgid "Help"
-msgstr ""
-
-#: ce-mois.php:334
 msgid "Previous Page"
-msgstr ""
+msgstr "Page précédente"
 
-#: ce-mois.php:334
+#: ce-mois-bis.php:322
-msgid "prev"
-msgstr ""
-
-#: ce-mois.php:337
 msgid "Page"
 msgstr "Page"
 
-#: ce-mois.php:343
+#: ce-mois-bis.php:329
 msgid "Next Page"
-msgstr ""
+msgstr "Page suivante"
 
-#: ce-mois.php:343
+#: fetch_pages.php:105 fonctions.php:116 functions.php:189
-msgid "next"
+msgid "January"
-msgstr ""
+msgstr "Janvier"
 
-#: footer-page.php:5
+#: fetch_pages.php:108 fonctions.php:119 functions.php:192
+msgid "February"
+msgstr "Février"
+
+#: fetch_pages.php:111 fonctions.php:122 functions.php:195
+msgid "March"
+msgstr "Mars"
+
+#: fetch_pages.php:114 fonctions.php:125 functions.php:198
+msgid "April"
+msgstr "Avril"
+
+#: fetch_pages.php:117 fonctions.php:128 functions.php:201
+msgid "May"
+msgstr "Mai"
+
+#: fetch_pages.php:120 fonctions.php:131 functions.php:204
+msgid "June"
+msgstr "Juin"
+
+#: fetch_pages.php:123 fonctions.php:134 functions.php:207
+msgid "July"
+msgstr "Juillet"
+
+#: fetch_pages.php:126 fonctions.php:137 functions.php:210
+msgid "August"
+msgstr "Aout"
+
+#: fetch_pages.php:129 fonctions.php:140 functions.php:213
+msgid "September"
+msgstr "Septembre"
+
+#: fetch_pages.php:132 fonctions.php:143 functions.php:216
+msgid "October"
+msgstr "Octobre"
+
+#: fetch_pages.php:135 fonctions.php:146 functions.php:219
+msgid "November"
+msgstr "Novembre"
+
+#: fetch_pages.php:138 fonctions.php:149 functions.php:222
+msgid "December"
+msgstr "Décembre"
+
+#: footer.php:24
 msgid "2016 Copyright. Powered by WordPress"
 msgstr "2016 Copyright. Propulsé par WordPress"
 
-#: functions.php:48
+#: functions.php:6
+msgid "Your subscription is manually enabled."
+msgstr "Votre abonnement est activée manuellement."
+
+#: functions.php:107
 msgid "yesterday"
 msgstr "hier"
 
-#: functions.php:49
+#: functions.php:108
 msgid "the day before yesterday"
 msgstr "avant-hier"
 
-#: functions.php:50
+#: functions.php:109
 msgid "two days ago"
 msgstr "avant-avant-hier"
 
-#: functions.php:51
+#: functions.php:110
 #, php-format
 msgid "%1$s days ago"
 msgstr "il y a %1$s jours"
 
-#: functions.php:54
+#: functions.php:113
 #, php-format
 msgid "%1$s week ago"
 msgstr "il y a %1$s semaine"
 
-#: functions.php:55
+#: functions.php:114
 #, php-format
 msgid "%1$s weeks ago"
 msgstr "il y a %1$s semaines"
 
-#: functions.php:130
+#: functions.php:587
-msgid "January"
+msgid "Post navigation"
-msgstr "Janvier"
-
-#: functions.php:133
-msgid "February"
-msgstr "Février"
-
-#: functions.php:136
-msgid "March"
-msgstr "Mars"
-
-#: functions.php:139
-msgid "April"
-msgstr "Avril"
-
-#: functions.php:142
-msgid "May"
-msgstr "Mai"
-
-#: functions.php:145
-msgid "June"
-msgstr "Juin"
-
-#: functions.php:148
-msgid "July"
-msgstr "Juillet"
-
-#: functions.php:151
-msgid "August"
-msgstr "Aout"
-
-#: functions.php:154
-msgid "September"
-msgstr "Septembre"
-
-#: functions.php:157
-msgid "October"
-msgstr "Octobre"
-
-#: functions.php:160
-msgid "November"
-msgstr "Novembre"
-
-#: functions.php:163
-msgid "December"
-msgstr "Décembre"
-
-#: header.php:14
-msgid "Tel: "
 msgstr ""
 
-#: header.php:15
+#: functions.php:590
-msgid "Email: "
+msgctxt "Previous post link"
-msgstr ""
+msgid "<span class=\"meta-nav\">&larr;</span> %title"
+msgstr "<span class=\"meta-nav\">&larr;</span> %title"
 
-#: livre-d-or.php:30
+#: functions.php:591
+msgctxt "Next post link"
+msgid "%title <span class=\"meta-nav\">&rarr;</span>"
+msgstr "%title <span class=\"meta-nav\">&rarr;</span>"
+
+#: functions.php:609
+msgid "Sticky"
+msgstr "Épingle"
+
+#: functions.php:615 functions.php:621
+msgid ", "
+msgstr ", "
+
+#: functions.php:630
+#, php-format
+msgid "View all posts by %s"
+msgstr "Voir tous les articles de %s"
+
+#: functions.php:671
+msgid "Settings"
+msgstr "Paramètres"
+
+#: functions.php:673
+msgid "Theme settings"
+msgstr "Paramètres du thème"
+
+#: functions.php:684
+msgid "Zenphoto path"
+msgstr "Chemin de Zenphoto"
+
+#: functions.php:695
+msgid "Socials icons size (16 or 32px)"
+msgstr "Taille icônes sociaux (16 ou 32px)"
+
+#: functions.php:706
+msgid "Lightbox selector (class=\"xxx\")"
+msgstr "Sélecteur pour Lightbox (class = \"xxx\")"
+
+#: functions.php:716
+msgid "Choice of lightbox"
+msgstr "Choix de la lightbox"
+
+#: header.php:21 header.php:24 header.php:30 single.php:58
+msgid "Display"
+msgstr "Afficher"
+
+#: header.php:24 header.php:27 header.php:30
+msgid "Hide"
+msgstr "Masquer"
+
+#: header.php:47
+msgid "Display comments"
+msgstr "Afficher les commentaires"
+
+#: header.php:47
+msgid "Hide comments"
+msgstr "Masquer les commentaires"
+
+#: livre-d-or.php:30 single.php:19
 msgid "Pages"
-msgstr ""
+msgstr "Pages"
+
+#: single.php:26
+msgid "Tags: "
+msgstr "Mots-clés: "
+
+#. translators: %s: Name of current post
+#: single.php:34
+#, php-format
+msgid "Edit post<span class=\"screen-reader-text\"> \"%s\"</span>"
+msgstr "Editer l'article<span class=\"screen-reader-text\"> \"%s\"</span>"
+
+#: single.php:51
+msgid "0 Comment"
+msgstr "0 commentaire"
+
+#: single.php:51
+msgid "1 Comment"
+msgstr "1 commentaire"
+
+#: single.php:51
+msgid "Comments"
+msgstr "Commentaires"
+
+#: single.php:59
+msgid " 0 Comment"
+msgstr " 0 commentaire"
+
+#: single.php:59
+msgid " 1 Comment"
+msgstr " 1 commentaire"
+
+#: single.php:59
+msgid " Comments"
+msgstr " Commentaires"
 
 #: tpl-blog.php:66
 msgid ""
 "Sorry, no blog posts found. Please create a post and assign it in \"blog\" "
 "category."
 msgstr ""
+"Désolé, aucun article de blog trouvé. S'il vous plaît créer un poste et "
+"l'affecter dans la catégorie \"blog\"."
 
 #. Theme Name of the plugin/theme
 msgid "Creator Responsive WordPress Theme Child"
@@ -207,5 +308,17 @@ msgstr ""
 msgid "http://dessign.net"
 msgstr ""
 
+#~ msgid "Display "
+#~ msgstr "Afficher"
+
+#~ msgctxt "comments title"
+#~ msgid "One Comment"
+#~ msgid_plural "%1$s Comments"
+#~ msgstr[0] "Un commentaire"
+#~ msgstr[1] "%1$s commentaires"
+
+#~ msgid "Lightbox selector (class=\"lightbox\")"
+#~ msgstr "Sélecteur pour Lightbox (class = \"lightbox\")"
+
 #~ msgid "Focal "
 #~ msgstr "Focale "

pagination.php

@@ -0,0 +1,131 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+<!-- This is a pagination script using Jquery, Ajax and PHP
+     The enhancements done in this script pagination with first,last, previous, next buttons -->
+
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
+        <title>Pagination with Jquery, Ajax, PHP</title>
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
+        <script type="text/javascript">
+            $(document).ready(function(){
+                function loading_show(){
+                    $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
+                }
+                function loading_hide(){
+                    $('#loading').fadeOut('fast');
+                }                
+                function loadData(page){
+                    loading_show();                    
+                    $.ajax
+                    ({
+                        type: "POST",
+                        url: "load_data.php",
+                        data: "page="+page,
+                        success: function(msg)
+                        {
+                            $("#container").ajaxComplete(function(event, request, settings)
+                            {
+                                loading_hide();
+                                $("#container").html(msg);
+                            });
+                        }
+                    });
+                }
+                loadData(1);  // For first time page load default results
+                $('#container .pagination li.active').live('click',function(){
+                    var page = $(this).attr('p');
+                    loadData(page);
+                    
+                });           
+                $('#go_btn').live('click',function(){
+                    var page = parseInt($('.goto').val());
+                    var no_of_pages = parseInt($('.total').attr('a'));
+                    if(page != 0 && page <= no_of_pages){
+                        loadData(page);
+                    }else{
+                        alert('Enter a PAGE between 1 and '+no_of_pages);
+                        $('.goto').val("").focus();
+                        return false;
+                    }
+                    
+                });
+            });
+        </script>
+
+        <style type="text/css">
+            body{
+                width: 800px;
+                margin: 0 auto;
+                padding: 0;
+            }
+            #loading{
+                width: 100%;
+                position: absolute;
+                top: 100px;
+                left: 100px;
+				margin-top:200px;
+            }
+            #container .pagination ul li.inactive,
+            #container .pagination ul li.inactive:hover{
+                background-color:#ededed;
+                color:#bababa;
+                border:1px solid #bababa;
+                cursor: default;
+            }
+            #container .data ul li{
+                list-style: none;
+                font-family: verdana;
+                margin: 5px 0 5px 0;
+                color: #000;
+                font-size: 13px;
+            }
+
+            #container .pagination{
+                width: 800px;
+                height: 25px;
+            }
+            #container .pagination ul li{
+                list-style: none;
+                float: left;
+                border: 1px solid #006699;
+                padding: 2px 6px 2px 6px;
+                margin: 0 3px 0 3px;
+                font-family: arial;
+                font-size: 14px;
+                color: #006699;
+                font-weight: bold;
+                background-color: #f2f2f2;
+            }
+            #container .pagination ul li:hover{
+                color: #fff;
+                background-color: #006699;
+                cursor: pointer;
+            }
+			.go_button
+			{
+			background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
+			}
+			.total
+			{
+			float:right;font-family:arial;color:#999;
+			}
+
+        </style>
+
+    </head>
+    <body>
+	<!--div style="margin-top:10px;"> 
+	  <blockquote>&nbsp;</blockquote>
+    <iframe src="http://onlinewebapplication.com/ads.html" frameborder="0" scrolling="no" height="126px" width="100%"></iframe>
+    </div--> 
+</div> 
+<!--div align="center" style="font-size:24px;color:#cc0000;font-weight:bold">Pagination with jquery, Ajax and PHP</div-->
+        <div id="loading"></div>
+        <div id="container">
+            <div class="data"></div>
+            <div class="pagination"></div>
+        </div>
+		
+    </body>
+</html>

single.php

@@ -0,0 +1,87 @@
+<?php
+get_header();
+?>
+<div class="content">
+	<div class="container">
+		<div class="post_content">
+			<?php while ( have_posts() ) : the_post(); ?>
+			<article class="post_box" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+				<h1><?php the_title(); ?></h1>
+				
+				<div class="entry-meta">
+					<?php creator_entry_meta(); ?>
+					<?php //edit_post_link( __( 'Edit', 'twentythirteen' ), '<span class="edit-link">', '</span>' ); ?>
+				</div><!-- .entry-meta -->
+
+				<?php the_content(); ?>
+						
+						
+				<?php //$content = apply_filters('the_content', get_the_content());
+				//echo $content;
+				?>
+				
+				<?php //wp_read_image_metadata( $file );
+				$my_data = wp_get_attachment_metadata( get_post_thumbnail_id( get_the_ID() ) );
+
+				echo $my_data['image_meta']['credit'];
+ 				?>
+
+<h3>EXIF Data</h3>
+<?php pa_the_post_thumbnail_exif_data(); ?>
+
+					<?php
+					wp_link_pages(array(
+						'before' => '<div class="link_pages">'.__('Pages', 'creator'),
+						'after' => '</div>',
+						'link_before' => '<span>',
+						'link_after' => '</span>'
+					)); 
+				?>
+				<?php //the_tags( '<div class="post_tags">Tags: ', ', ', '</div>' ); ?> 
+				<?php the_tags( '<div class="post_tags">' . __('Tags: ', 'CreatorThemeRes-child'), ', ', '</div>' ); ?> 
+			</article>
+
+			<?php
+			if (current_user_can('edit_post')) {
+				edit_post_link(
+					sprintf(
+						/* translators: %s: Name of current post */
+						__( 'Edit post<span class="screen-reader-text"> "%s"</span>', 'CreatorThemeRes-child' ),
+						get_the_title()
+						),
+						'<span class="edit-link">',
+						'</span>'
+					);
+				}
+			?>
+			
+			<?php creator_post_nav(); ?>
+
+			<div class="clear"></div>
+			<?php if ( comments_open() || '0' != get_comments_number() ) : ?>
+						<div class="home_blog_box">
+
+						<button id="togle">
+							<?php
+							_e('Display','CreatorThemeRes-child');
+							comments_number(esc_html__(' 0 Comment','CreatorThemeRes-child'), esc_html__(' 1 Comment','CreatorThemeRes-child'), '% '.esc_html__(' Comments','CreatorThemeRes-child') );
+							?>
+						</button>
+							
+							<div class="comments_cont">
+							<?php
+								// If comments are open or we have at least one comment, load up the comment template
+								comments_template( '', true );
+							?>
+							</div>
+						</div>
+			<?php endif;
+			endwhile;
+			?>
+		</div>
+
+	</div>
+	</div>
+<?php
+get_footer();
+?>

style.css

@@ -6,7 +6,9 @@ Template: CreatorThemeRes
 Version: 2.0.1
 Author: Dessign Themes
 Author URI: http://dessign.net
-Tags: 3 column theme, clean, portfolio
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Tags: portfolio
 Text Domain:  CreatorThemeRes-child
 */
 
@@ -14,6 +16,15 @@ Text Domain:  CreatorThemeRes-child
 @import url("../CreatorThemeRes/style.css");
 */
 
+/*
+.head-socials img {
+	margin-right: 3px;
+	margin-left: 3px;
+}
+*/
+.sticky {
+	
+}
 .retour-blog {
   color: #333333;
   display: block;
@@ -26,7 +37,6 @@ Text Domain:  CreatorThemeRes-child
 	/*border: thin solid #ff6231;*/
 }
 
-
 /* livre d'or */
 
 #randomImg {
@@ -69,7 +79,6 @@ Text Domain:  CreatorThemeRes-child
 	line-height: 200px;*/
     width: 200px;
     height: 200px;
-    /**/
 	border: 1px solid #ccc;
 	background-color: #fff;
 	
@@ -84,10 +93,6 @@ Text Domain:  CreatorThemeRes-child
 	vertical-align: middle;
 }
 
-.pagination {
-	margin-top: 4em;
-	margin-bottom: 2em;
-}
 
 .albumdesc a, .pagination a {
 	color: #333;
@@ -119,36 +124,184 @@ Text Domain:  CreatorThemeRes-child
 	padding: 0px 11px 20px;
 }
 
-/*found on http://www.brunildo.org/test/img_center.html*/
+.holder
-.wraptocenter {
+{
-    display: table-cell!important;
+	display:table-cell;
-    text-align: center!important;
+	vertical-align:middle;
-    vertical-align: middle!important;
+	text-align:center;
-    width: 200px;
+	height:200px;
-    height: 200px;
+	width:200px;
+	background-color: #fff;
+	border: 1px solid #ccc;
 }
-.wraptocenter * {
+
-    vertical-align: middle!important;
+
+#archive {
+  margin: 0 0 80px;
 }
-/*\*//*/
+
-.wraptocenter {
+/* Single */
-    display: block;
+
+.post_tags {
+	margin-top: 40px;
+	margin-bottom: 20px;
 }
-.wraptocenter span {
+
+.edit-link a {
+	color: #666;	
+}
+.edit-link a:hover {
+	color: #000;	
+}
+
+.comments_cont {
+	display: none;
+}
+
+
+
+.entry-meta {
+	clear: both;
+	font-size: 14px;
+}
+
+.entry-meta a {
+	color: #bc360a;
+}
+
+.entry-meta a:hover {
+	color: #bc360a;
+}
+
+.entry-meta > span {
+	margin-right: 20px;
+}
+
+.entry-meta > span:last-child {
+	margin-right: 0;
+}
+
+.entry-meta .date a:before {
+	content: "\f303";
+}
+
+.entry-meta .author a:before {
+	content: "\f304";
+	position: relative;
+	top: -1px;
+}
+
+/**
+ * 5.7 Post/Paging Navigation
+ * ----------------------------------------------------------------------------
+ */
+
+.navigation .nav-previous {
+	float: left;
+}
+
+.navigation .nav-next {
+	float: right;
+}
+
+.navigation a {
+	color: #000;
+}
+
+.navigation a:hover {
+	color: #333;
+	text-decoration: none;
+}
+
+.paging-navigation {
+	background-color: #e8e5ce;
+	padding: 40px 0;
+}
+
+.paging-navigation .nav-links {
+	margin: 0 auto;
+	max-width: 604px;
+	width: 100%;
+}
+
+.sidebar .paging-navigation .nav-links {
+	max-width: 1040px;
+	padding: 0 376px 0 60px;
+}
+
+.paging-navigation .nav-next {
+	padding: 13px 0;
+}
+
+.paging-navigation a {
+	font-size: 22px;
+	font-style: italic;
+	font-weight: 300;
+}
+
+.paging-navigation .meta-nav {
+	background-color: #e63f2a;
+	border-radius: 50%;
+	color: #fff;
 	display: inline-block;
-    height: 100%;
+	font-size: 26px;
-    width: 1px;
+	padding: 3px 0 8px;
+	text-align: center;
+	width: 50px;
 }
-/**/
+
-</style>
+.paging-navigation .nav-previous .meta-nav {
-<!--[if IE]><style>
+	margin-right: 10px;
-.wraptocenter span {
+	padding: 17px 0 23px;
-    display: inline-block;
+	width: 80px;
-    height: 100%;
 }
-</style><![endif]-->
+
+.paging-navigation .nav-next .meta-nav {
+	margin-left: 10px;
+}
+
+.paging-navigation a:hover .meta-nav {
+	background-color: #ea9629;
+	text-decoration: none;
+}
+
+.post-navigation {
+	background-color: #fff;
+	/*
+	color: #ca3c08;
+	font-style: italic;
+	font-weight: 300;
+	*/
+	font-size: 16px;
+	padding: 20px 0;
+	font-family: 'Lato', sans-serif; 
+	font-weight: 400; 
+	color: #333; 
+	line-height: 140%; 
+	letter-spacing: 1.5px;
+}
+
+.post-navigation .nav-links {
+	margin: 0 auto;
+	max-width: 1040px;
+}
+
+.sidebar .post-navigation .nav-links {
+	padding: 0 376px 0 60px;
+}
+
+.post-navigation a[rel="next"] {
+	float: right;
+	text-align: right;
+}
+
 
 /*
+/* Title : Ajax Pagination with jQuery & PHP
+Example URL : http://www.sanwebe.com/2013/03/ajax-pagination-with-jquery-php 
+*/
+
+
 .contents{
 	margin: 20px;
 	padding: 20px;
@@ -160,7 +313,6 @@ Text Domain:  CreatorThemeRes-child
 .contents li{
     margin-bottom: 10px;
 }
-*/
 .loading-div{
 	position: absolute;
 	top: 0;
@@ -177,7 +329,7 @@ Text Domain:  CreatorThemeRes-child
 }
 
 /* Pagination style */
-.pagination{margin:0;padding:0;}
+.pagination{margin: 2em 0 3em;padding:0;}
 .pagination li{
 	display: inline;
 	padding: 6px 10px 6px 10px;
@@ -204,7 +356,3 @@ Text Domain:  CreatorThemeRes-child
 	background: #F0F0F0;
 	color: #333;
 }
-.pagine {
-	clear: both;
-	margin-bottom: 40px;
-}