first commit

.gitignore

@@ -0,0 +1 @@
+.DS_Store

css/style.css

@@ -0,0 +1,310 @@
+/* Copyright 1999-2018. Plesk International GmbH. All rights reserved. */
+html {
+    font: normal 13px/1.4 "-apple-system", "system-ui", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
+    -webkit-text-size-adjust: 100%;
+    -ms-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    overflow-y: scroll;
+    color: #000;
+}
+html,
+body {
+    height: 100%;
+    min-height: 100%;
+}
+body { margin: 0; }
+a { background-color: transparent; }
+a:active,
+a:hover { outline: 0; }
+a {
+    color: #2498e3;
+    text-decoration: none;
+    cursor: pointer;
+}
+a:hover {
+    color: #188dd9;
+    text-decoration: underline;
+}
+img {
+    box-sizing: border-box;
+    border: 0;
+    vertical-align: middle;
+    -ms-interpolation-mode: bicubic;
+}
+.page-container {
+    position: relative;
+    display: table;
+    width: 100%;
+    height: 100%;
+    table-layout: fixed;
+}
+.page-header-wrapper,
+.page-content-wrapper,
+.page-footer-wrapper {
+    box-sizing: border-box;
+    display: table-row;
+}
+.page-content-wrapper { height: 100%; }
+.page-header {
+    padding: 0 10px;
+    min-height: 50px;
+    border-bottom: 1px solid #1c2229;
+    background: #222a32;
+}
+.page-header:before,
+.page-header:after {
+    display: table;
+    content: "";
+}
+.page-header:after { clear: both; }
+.page-content {
+    margin: auto;
+    padding: 20px 10px;
+    max-width: 960px;
+}
+.page-footer {
+    padding: 5px 10px;
+    text-align: center;
+    color: rgba(255, 255, 255, 0.6);
+    border-top: 1px solid #38444f;
+    background: #222a32;
+    font-size: 12px;
+    line-height: 24px;
+}
+.page-footer a,
+.page-footer a:hover {
+    text-decoration: none;
+    color: rgba(255, 255, 255, 0.6);
+}
+.page-footer .separator {
+    width: 1px;
+    display: inline-block;
+    height: 12px;
+    vertical-align: -2px;
+    margin: 0 5px;
+    background: rgba(255, 255, 255, 0.6);
+}
+.product-logo { float: left; }
+.product-logo img { height: 50px; }
+.company-logo {
+    float: right;
+    margin-top: 9px;
+}
+.company-logo img { height: 31px; }
+.page-info-wrapper { margin-bottom: 15px; }
+.page-info {
+    box-sizing: border-box;
+    padding: 20px;
+    border: 1px solid #ccc;
+    background: #f2f2f2;
+}
+.page-info-heading {
+    margin: 0 0 15px;
+    font-size: 20px;
+    line-height: 24px;
+}
+.page-info p,
+.page-info ul { margin: 15px 0; }
+.page-info ul { padding-left: 20px; }
+.product-info-wrapper p {
+    margin: 0 0 15px;
+    padding: 0;
+}
+.product-info-wrapper { margin: 0 -10px; }
+.product-info-wrapper:before,
+.product-info-wrapper:after {
+    display: table;
+    content: "";
+}
+.product-info-wrapper:after { clear: both; }
+.product-info-wrapper .col {
+    float: left;
+    width: 100%;
+    box-sizing: border-box;
+    margin-bottom: 15px;
+    padding: 0 10px;
+}
+
+.product-info-wrapper ul.links {
+    display: inline-block;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    border-top: 1px solid #ddd;
+    text-align: center;
+}
+.links > li {
+    float: left;
+    vertical-align: top;
+    width: 50%;
+    margin-top: 15px;
+}
+.links > li > a {
+    display: inline-block;
+    margin: 0;
+    cursor: pointer;
+    text-align: center;
+    vertical-align: top;
+}
+.links > li > a:before {
+    content: "";
+    display: block;
+    width: 32px;
+    height: 32px;
+    margin: 0 auto 5px;
+    background-repeat: no-repeat;
+    background-size: 32px 32px;
+}
+.blog:before { background-image: url(../img/blog.png); }
+.forum:before { background-image: url(../img/forum.png); }
+.knowledge-base:before { background-image: url(../img/knowledge-base.png); }
+.facebook:before { background-image: url(../img/facebook.png); }
+.twitter:before { background-image: url(../img/twitter.png); }
+.linkedin:before { background-image: url(../img/linkedin.png); }
+
+.fastcgi:before { background-image: url(../img/fastcgi.png); }
+.php:before { background-image: url(../img/php.png); }
+.ssi:before { background-image: url(../img/ssi.png); }
+
+.product-info {
+    border: 1px solid #bebebe;
+    background: #fafafa;
+}
+.product-info-heading {
+    margin: -1px;
+    padding: 5px 11px;
+    font-size: 16px;
+    color: #fff;
+    background: #09729f;
+}
+.product-info-content { padding: 10px; }
+
+@media (max-width: 767px) {
+    .page-header-wrapper { height: auto !important; }
+}
+@media (min-width: 480px) {
+    .links > li { width: 33.33%; }
+}
+@media (min-width: 768px) {
+    .page-header-wrapper { height: 51px; }
+    .page-header {
+        box-sizing: border-box;
+        position: fixed;
+        z-index: 300;
+        top: 0;
+        right: 0;
+        left: 0;
+        width: 100%;
+        min-height: 51px;
+    }
+    .page-header,
+    .page-content,
+    .page-footer {
+        padding-right: 20px;
+        padding-left: 20px;
+    }
+    .page-info {
+        box-sizing: border-box;
+        min-height: 240px;
+        padding: 20px 40px 20px 313px;
+        border: 1px solid #ccc;
+        background: #f2f2f2 url(../img/globe.png) no-repeat;
+        background-size: 273px 240px;
+    }
+    .links > li { width: 33.33%; }
+    .product-info-wrapper .col {
+        width: 50%;
+    }
+}
+
+.pathbar {
+    display: inline-block;
+    width: 100%;
+    font-size: 12px;
+}
+.pathbar a {
+    color: #2c2c2c;
+    text-decoration: none;
+    position: relative;
+    float: left;
+    margin-right: 3px;
+    padding: 0 5px 0 15px;
+    height: 20px;
+    line-height: 20px;
+    text-align: center;
+    background: #ebebeb;
+}
+.pathbar a:before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-style: solid;
+    border-width: 10px 0 10px 10px;
+    border-color: transparent transparent transparent #ffffff;
+    content: "";
+}
+.pathbar a:after {
+    position: absolute;
+    top: 0;
+    right: -10px;
+    z-index: 1;
+    border-style: solid;
+    border-width: 10px 0 10px 10px;
+    border-color: transparent transparent transparent #ebebeb;
+    content: "";
+}
+.pathbar a:hover { background: #2298cb; color: #fff; }
+.pathbar a:hover:after { border-left-color: #2298cb; }
+.pathbar a:first-child { padding-left: 10px; }
+.pathbar a:first-child:before { display: none; }
+.test h1 {
+    margin: 0 0 12px;
+    padding: 0;
+    font-size: 24px;
+    font-weight: 400;
+    line-height: 28px;
+    color: #444;
+}
+.test h2 {
+    margin: 0 0 5px;
+    padding: 0;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 20px;
+    color: #444;
+}
+.test p { margin: 12px 0; }
+iframe { border: 1px solid #bebebe; }
+.test-data table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+}
+.test-data td,
+.test-data th { padding: 0; }
+.test-data table > thead > tr > th,
+.test-data table > tbody > tr > th,
+.test-data table > tfoot > tr > th,
+.test-data table > thead > tr > td,
+.test-data table > tbody > tr > td,
+.test-data table > tfoot > tr > td {
+    padding: 6px 8px;
+    line-height: 1.4;
+    vertical-align: top;
+    border-top: 1px solid #d6d6d6;
+}
+.test-data table > thead > tr:first-child > th,
+.test-data table > tbody > tr:first-child > th,
+.test-data table > tfoot > tr:first-child > th,
+.test-data table > thead > tr:first-child > td,
+.test-data table > tbody > tr:first-child > td,
+.test-data table > tfoot > tr:first-child > td {
+    border-top: 0;
+}
+.test-data table th {
+    text-align: left;
+    white-space: nowrap;
+    font-weight: 700;
+    background: #fafafa;
+}

icons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/icons/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

icons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/icons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

index.php

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+<head>
+	<meta charset="UTF-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+    <meta name="description" content="Sur le sentier: photos prises au cours de mes ballades" />
+	<title>Sur le sentier...</title>
+
+	<meta name="msapplication-TileColor" content="#2b5797">
+	<meta name="msapplication-config" content="/icons/browserconfig.xml">
+	<meta name="theme-color" content="#ffffff">
+	<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
+	<link rel="manifest" href="/icons/site.webmanifest">
+	<link rel="shortcut icon" href="/icons/favicon.ico">
+
+	<!--script src="https://zeptojs.com/zepto.min.js"></script>
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script-->
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
+	<script src="vegas/js/vegas.min.js"></script>
+	<script src="js/matomo-sls.js"></script>
+	<link href='https://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
+	<!-- Patrick+Hand|Josefin+Sans|Coming+Soon|Comfortaa|Pontano+Sans|Rock+Salt -->
+	<link rel="stylesheet" type="text/css" href="vegas/js/vegas.min.css" />
+	<link rel="stylesheet" type="text/css" href="vegas/js/vegas-style.css" />
+
+<?php
+
+//Get a list of file paths using the glob function.
+$fileList = glob('vegas/img/*');
+
+$pv_sslport=443;
+$pv_serverport=80; 
+$pv_servername="sur-le-sentier.fr";
+
+$pv_URIprotocol = isset($_SERVER["HTTPS"]) ? (($_SERVER["HTTPS"]==="on" || $_SERVER["HTTPS"]===1 || $_SERVER["SERVER_PORT"]===$pv_sslport) ? "https://" : "http://") :  (($_SERVER["SERVER_PORT"]===$pv_sslport) ? "https://" : "http://");
+$host = $pv_URIprotocol . $_SERVER['HTTP_HOST'];
+
+$wp = (($_SERVER['SERVER_NAME'] == "sur-le-sentier.fr") ? "blog" : "wordpress");
+
+$root = dirname($_SERVER['SCRIPT_FILENAME']);
+include($root.'/lib2/localize.php');
+$dir_locales = $root . '/locales';
+
+$liste_locale = list_dir($dir_locales);
+if ((!isset($_POST['lang'])) and (!isset($_GET['lang']))) $langue = locale_language_from_browser($myLanguages);
+else $langue = $_REQUEST['lang'];
+$domain = 'sentier';
+putenv('LC_ALL=' . $langue);
+$loc = setlocale(LC_ALL, $langue);
+bindtextdomain($domain, $root . '/locales/');
+bind_textdomain_codeset($domain, 'UTF-8');
+textdomain($domain);
+$nation = array('fr_FR' => gettext('French'), 'en_US' => gettext('English') , 'de_DE' => gettext('German'), 'es_ES' => gettext('Spanish') );
+?>
+
+</head>
+
+<body>
+
+<script>
+$("#exemple, body").vegas({
+    slides: [
+<?php
+foreach($fileList as $filename){
+   echo '{ src: "' . $filename . '" },' . "\r\n"; 
+}
+
+?>
+    ],
+    animation: 'random',
+    animationDuration: '20000',
+    timer: false,
+    overlay: 'vegas/js/overlays/07.png'
+});
+/* 02 07 08 */
+</script>
+
+
+<div class="vegas-menu">
+
+    <div class="tweet-it">
+        <div class="icn">
+			<a title="Flickr" href="https://www.flickr.com/photos/funnymac/">
+				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M500,10C229.4,10,10,229.5,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.5,770.6,10,500,10L500,10z M312.1,651.8c-85.2,0-154.3-69-154.3-154.2c0-85.2,69.1-154.2,154.3-154.2c85.2,0,154.2,69,154.2,154.2C466.3,582.9,397.3,651.8,312.1,651.8z M699.1,651.8c-85.2,0-154.2-69-154.2-154.2c0-85.2,69-154.2,154.2-154.2s154.2,69,154.2,154.2C853.3,582.9,784.3,651.8,699.1,651.8z"/></g>
+				</svg>
+        	</a>
+        </div>
+
+        <div class="icn">
+			<a title="500px" href="https://500px.com/bruno_21">
+				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M538.2,510.1c-11.8-8.5-24.2-16.1-38.4-19.6c-21.7-5.4-41.5-2.3-56.9,15.4c-12,13.7-17.7,29.9-17.6,49.3c0.1,1.8,0.3,4.6,0.5,7.5c2.3,26.9,20.3,47.1,46.3,51.9c14.3,2.6,28.2,0.7,41.7-4.6c28.8-11.2,50.8-31.4,70.8-54.1c1.5-1.7,0.8-2.5-0.4-3.7C569.8,537.1,555.1,522.3,538.2,510.1z"/><path d="M768.7,488.7c-18.2,2.4-33.2,11.4-47.3,22.2c-15.8,12.1-29,26.8-42.6,41.2c-1.8,1.9-1,2.9,0.3,4.4c9.5,10.7,19.4,21.1,30.6,30.1c18.6,15,38.7,26.5,63.2,28.8c27.6,2.6,50-10.4,59.9-35.4c3.4-8.7,4.9-17.7,4.9-28.3c0.1-2.6-0.3-6.5-0.8-10.4C832.7,506.6,803.4,484.1,768.7,488.7z"/><path d="M937.9,10H62.1C33.3,10,10,33.3,10,62.1v875.7c0,28.8,23.3,52.1,52.1,52.1h875.7c28.8,0,52.1-23.3,52.1-52.1V62.1C990,33.3,966.7,10,937.9,10z M899.5,607c-19.6,54.6-65.1,85.8-123.2,85.1c-35.4-0.4-65.6-14.1-93.2-35c-18-13.7-33.4-30-48.3-47c-2.5-2.8-3.7-3.5-6.7-0.3c-15.2,15.8-29.6,32.3-46.6,46.2c-21.5,17.6-45.3,30.7-73.2,34.5c-49.3,6.7-91.8-6.3-124.9-44.9c-7.5-8.8-13.1-18.7-17.8-29.3c-0.6-1.3-0.8-2.9-2.3-4c-6.5,14-14.5,26.9-25,38.1c-26.6,28.2-59.3,42.9-97.9,44.3c-27.9,1-55.3-2.6-80.7-14.7c-42.7-20.2-66.1-53.9-69-101.4c-0.2-3.6,0.8-4.6,4.4-4.5c22.9,0.2,45.9,0.2,68.9,0c3.4,0,4.4,1,5,4.4c4.4,26.2,18.5,44.4,44.9,51c36.8,9.1,70.6-11.7,80.3-49.6c6.5-25.5,3.7-49.9-13.2-71.2c-11.2-14.1-26.5-21-44.4-22.2c-25.8-1.8-46.8,6.7-62.1,28.1c-1.4,2-3.1,2.5-5.4,2.5c-20.7-0.1-41.4-0.1-62,0c-3.6,0-4.3-1-3.7-4.4c10.7-59.7,21.4-119.4,32-179.1c1.5-8.2,3-16.3,4.3-24.5c0.4-2.7,1.5-3.7,4.4-3.7c68.7,0.1,137.4,0.1,206.1,0c3.3,0,4,1.1,4,4.1c-0.1,18.4-0.2,36.8,0,55.2c0,3.8-0.9,4.8-4.7,4.8c-49.2-0.1-98.4,0-147.6-0.2c-4.1,0-5.9,0.7-6.7,5.3c-4.3,26.2-9.1,52.3-13.7,78.5c-0.2,1.1-1,2.6,0.2,3.3c1.3,0.8,2.1-0.8,2.9-1.6c22.5-21.7,50-28.3,80.4-26.7c29.2,1.6,54.1,12.5,74.6,33.3c8.6,8.7,15.2,18.7,20.6,29.6c0.6,1.2,1.2,2.4,2.2,4.5c5.8-15.3,13-28.7,23.1-40.2c22.3-25.4,50.5-39,84-42.1c47.2-4.4,86,13.9,120,44.9c14.1,12.8,26.5,27.2,38.8,41.8c2.6,3.1,3.7,3.4,6.5,0.1c15.8-18.7,31.5-37.5,50.8-52.7c22.4-17.5,47-30.2,75.6-33.5c70.6-8.3,129.6,30.2,144.7,103.1C912.1,547.2,910.1,577.5,899.5,607z"/></g>
+				</svg>
+        	</a>
+        </div>
+
+        <div class="icn">
+			<a title="Instagram" href="https://www.instagram.com/bruno_pesenti/">
+				<svg width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+				<path d="M11.999 7.377a4.623 4.623 0 1 0 0 9.248 4.623 4.623 0 0 0 0-9.248zm0 7.627a3.004 3.004 0 1 1 0-6.008 3.004 3.004 0 0 1 0 6.008z"/><circle cx="16.806" cy="7.207" r="1.078"/><path d="M20.533 6.111A4.605 4.605 0 0 0 17.9 3.479a6.606 6.606 0 0 0-2.186-.42c-.963-.042-1.268-.054-3.71-.054s-2.755 0-3.71.054a6.554 6.554 0 0 0-2.184.42 4.6 4.6 0 0 0-2.633 2.632 6.585 6.585 0 0 0-.419 2.186c-.043.962-.056 1.267-.056 3.71 0 2.442 0 2.753.056 3.71.015.748.156 1.486.419 2.187a4.61 4.61 0 0 0 2.634 2.632 6.584 6.584 0 0 0 2.185.45c.963.042 1.268.055 3.71.055s2.755 0 3.71-.055a6.615 6.615 0 0 0 2.186-.419 4.613 4.613 0 0 0 2.633-2.633c.263-.7.404-1.438.419-2.186.043-.962.056-1.267.056-3.71s0-2.753-.056-3.71a6.581 6.581 0 0 0-.421-2.217zm-1.218 9.532a5.043 5.043 0 0 1-.311 1.688 2.987 2.987 0 0 1-1.712 1.711 4.985 4.985 0 0 1-1.67.311c-.95.044-1.218.055-3.654.055-2.438 0-2.687 0-3.655-.055a4.96 4.96 0 0 1-1.669-.311 2.985 2.985 0 0 1-1.719-1.711 5.08 5.08 0 0 1-.311-1.669c-.043-.95-.053-1.218-.053-3.654 0-2.437 0-2.686.053-3.655a5.038 5.038 0 0 1 .311-1.687c.305-.789.93-1.41 1.719-1.712a5.01 5.01 0 0 1 1.669-.311c.951-.043 1.218-.055 3.655-.055s2.687 0 3.654.055a4.96 4.96 0 0 1 1.67.311 2.991 2.991 0 0 1 1.712 1.712 5.08 5.08 0 0 1 .311 1.669c.043.951.054 1.218.054 3.655 0 2.436 0 2.698-.043 3.654h-.011z"/>
+				</svg>
+        	</a>
+        </div>
+        
+        <div class="icn">
+			<!--a title="mail" href="mailto:contact.clicclac.info?subject=[Contact] sur-le-sentier.fr"-->
+			<a title="mail" href="/<?php echo $wp; ?>/contact/">
+        		<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M956.7,141H43.3C24.9,141,10,155.9,10,174.2v651.5c0,18.3,14.9,33.3,33.3,33.3h913.5c18.3,0,33.3-14.9,33.3-33.3V174.2C990,155.9,975.1,141,956.7,141z M950.5,687L693.1,483.4c86.1-75,202.8-176.7,257.4-224.4V687L950.5,687z M950.5,180.4v26.3c-42.2,36.7-358.1,312.1-385.3,335.8c-27.6,24-54.8,26.6-65.2,26.6c-10.4,0-37.7-2.6-65.3-26.6c-27.2-23.7-343.1-299-385.3-335.8v-26.3H950.5L950.5,180.4z M309.6,485.7L49.5,691.4V259.1C104.7,307.2,223.3,410.5,309.6,485.7z M49.5,819.6v-77.9l290.4-229.6c35.8,31.2,62,54,69,60.1c37.6,32.8,76.3,36.3,91.2,36.3s53.6-3.5,91.2-36.3c7.2-6.3,34.5-30.1,71.7-62.4l287.7,227.5v82.3H49.5L49.5,819.6z"/></g>
+				</svg>
+        	</a>
+        </div>
+
+        <div class="icn">
+			<a title="rss" href="<?php echo $host . "/" . $wp; ?>/feed/">
+				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M143.6,722.7c-37.1,0-68.7,13-94.7,39c-26,26-39,57.5-39,94.6c0,37.1,13,68.7,39,94.7c26,26,57.5,39,94.7,39s68.7-13,94.6-39c26-26,39-57.5,39-94.7c0-37.1-13-68.7-39-94.6C212.3,735.7,180.7,722.7,143.6,722.7z"/><path d="M451.2,548.7c-52.4-52.9-112.5-95-180.3-126.3c-67.7-31.3-138.7-50-213-56h-3.5c-12.1,0-22,3.9-29.9,11.8c-9.7,8.3-14.6,19.3-14.6,32.7v94c0,11.6,3.8,21.6,11.5,29.9c7.7,8.4,17.3,13,28.9,13.9c106.2,10.2,197.1,53,272.5,128.4c75.4,75.4,118.2,166.2,128.4,272.5c0.9,11.6,5.6,21.2,13.9,28.9c8.4,7.7,18.3,11.5,29.9,11.5h94c13.5,0,24.4-4.9,32.7-14.6c8.8-9.3,12.8-20.4,11.8-33.4c-6-74.2-24.7-145.2-56-212.9C546.2,661.2,504.1,601.1,451.2,548.7z"/><path d="M906.4,594.3c-49.6-111.1-117.8-209.8-204.6-296.1c-86.3-86.8-185-155-296.1-204.6C294.5,43.9,178.2,16.1,56.6,10h-2.1c-12.1,0-22.3,4.2-30.6,12.5c-9.3,8.3-13.9,19-13.9,32v99.5c0,11.6,4.1,21.7,12.2,30.3c8.1,8.6,18,13.1,29.6,13.6c99.8,6,194.5,29.7,284.3,71c89.8,41.3,167.7,95,233.8,161.1C636,496.2,689.7,574.1,731,663.9c41.3,89.8,64.7,184.5,70.3,284.3c0.5,11.6,5,21.5,13.6,29.6c8.6,8.1,18.9,12.2,31,12.2h99.5c13,0,23.6-4.6,32-13.9c9.3-9.3,13.4-20.2,12.5-32.7C983.9,821.8,956,705.4,906.4,594.3z"/></g>
+				</svg>
+        	</a>
+        </div>
+
+    </div>
+
+	<h1> sur-le-sentier... </h1>
+
+	<div class="menu">
+	
+		<div class="texte"><a href="/<?php echo $wp; ?>/" title="<?php echo gettext('Blog'); ?>">  <?php echo gettext('Go to the <span class="green">blog...</span>'); ?></a></div>
+
+		<div class="texte"><a href="/gallery/" title="<?php echo gettext('Gallery'); ?>"> <?php echo gettext('Visit the <span class="green">gallery...</span>'); ?></a></div>
+
+		<div class="texte"><a href="/piwigo/" title="<?php echo gettext('Piwigo'); ?>"> <?php echo gettext('Visit the <span class="green">Piwigo gallery...</span>'); ?></a></div>
+
+		<div class="texte"><a href="/photoblog/ce-mois.php" title="<?php echo gettext('This month'); ?>">  <?php echo gettext('<span class="green">Latest</span> images...'); ?></a></div>
+	</div>
+			
+</div>
+
+
+<div class="vegas-info">
+<?php echo gettext('Powered by'); ?> <a href="https://wordpress.org">WordPress</a> - <a href="https://www.zenphoto.org">Zenphoto</a> - <a href="https://vegas.jaysalvat.com">Vegas Background Slideshow 2</a>. <a href="">License des photos</a>. (c) 2013-<?php echo date('Y'); ?> sur-le-sentier.fr
+</div>
+
+
+</body>
+</html>

js/matomo-sls.js

@@ -0,0 +1,11 @@
+var _paq = window._paq || [];
+ /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+ _paq.push(['trackPageView']);
+ _paq.push(['enableLinkTracking']);
+ (function() {
+   var u="//sur-le-sentier.fr/matomo/";
+   _paq.push(['setTrackerUrl', u+'matomo.php']);
+   _paq.push(['setSiteId', '1']);
+   var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+   g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+ })();

lib2/localize.php

@@ -0,0 +1,119 @@
+<?php
+
+//liste le dossiers des locales
+function list_dir($dir) {
+	if ($handle = opendir($dir)) {
+		$files = array();
+		while(false!==($file = readdir($handle))) {
+			if (is_dir($dir . '/' . $file)) {
+				$files[] = $file;
+				}
+			}
+		closedir($handle);
+		sort($files);
+		$i = 0;
+		global $myLanguages;
+		$myLanguages = array();
+		foreach($files as $f) {
+			if (strstr($f,'.') == false) {
+				$myLanguages[$i] = $f;
+				$i++;
+				}
+			//$myLanguages[] = $f;
+			}
+		}
+	else {
+		echo 'error: missing language files';
+		exit;
+		}
+	//print_r($myLanguages);
+	return $myLanguages;
+	}
+
+function recherche($tableau, $string) {
+	foreach ($tableau as $cle => $valeur) {
+		if ($string == $cle) {
+			$a = $valeur;
+			break;
+			}
+		}
+	return $a;
+	}
+	
+function locale_language_from_browser($languages) {
+  // Specified by the user via the browser's Accept Language setting
+  // Samples: "hu, en-us;q=0.66, en;q=0.33", "hu,en-us;q=0.5"
+  $browser_langs = array();
+
+  if (isset($_SERVER['HTTP_ACCEPT_LANGUAGE'])) {
+    $browser_accept = explode(",", $_SERVER['HTTP_ACCEPT_LANGUAGE']);
+    foreach ($browser_accept as $langpart) {
+      // The language part is either a code or a code with a quality.
+      // We cannot do anything with a * code, so it is skipped.
+      // If the quality is missing, it is assumed to be 1 according to the RFC.
+      if (preg_match("!([a-z-]+)(;q=([0-9\\.]+))?!", trim($langpart), $found)) {
+        $browser_langs[$found[1]] = (isset($found[3]) ? (float) $found[3] : 1.0);
+      }
+    }
+  }
+
+  // Order the codes by quality
+  arsort($browser_langs);
+	//Array ( [en-us] => 1 [en] => 0.7 [fr] => 0.3 ) Firefox Fr
+	//Array ( [fr-] => 1 [en-] => 1 [fr] => 0.8 [en] => 0.4 ) Chrome 5 Fr
+	//Array ( [fr-fr] => 1 ) Safari Fr
+	//Array ( [fr-fr] => 1 ) iCab Fr
+	//Array ( [zh-] => 1 [fr] => 1 [pt-] => 1 [en-] => 1 [en] => 0.9 [ja] => 0.7 [de] => 0.6 [es] => 0.5 [it] => 0.4 [pt] => 0.3 [pl] => 0.1 [ru] => 0.1 [ko] => 0.1 [sv] => 0.1 [nl] => 0.1 [nb] => 0.1 [da] => 0.1 [fi] => 0.1 ) Opera 10.6
+
+  // Try to find the first preferred language we have
+  foreach ($browser_langs as $langcode => $q) {
+  	foreach ($languages as $value) {
+  	/*
+  	$string = strtolower(str_replace('_','-',$value));
+  	echo $langcode . '-' . $q . '-' . $value . '<br>';  	
+	if ($string == $langcode) {
+		echo $value;
+		return $value;
+		break;
+		}
+  	*/
+  	//echo $langcode . '-' . $q . '-' . $value . '<br>';  	
+	if (substr($langcode, 0, 2) == substr($value, 0, 2)) {
+		$lang = $value;
+		break 2;
+		}
+    }
+  }
+
+	if (!isset($lang)) $lang = 'fr_FR';
+  return $lang;
+}
+
+// Affiche sur popup (POST=-1) ou une liste de liens (GET=-1) pour choisir la langue
+//echo choose_lang($liste_locale, $get=0, $post=-1);
+function choose_lang($select_language,$liste, $get, $post) {
+	global $nation;
+	if ($get == true) {
+		$i = 1;
+   		foreach ($liste as $value) {
+	   		//echo "<a href = '" . $_SERVER['PHP_SELF'] ."?lang=" . $value . "'>" . recherche($nation,$value) . "</a>";
+			$links .= "<a href = '" . $_SERVER['PHP_SELF'] ."?lang=" . $value . "'><img src='../images/flags/" . strtolower(substr($value, 3, 2)) . ".png' class='' width='18' height='12' alt='".gettext("flag")."' /></a>";
+			if ($i < count($liste)) $links .=  ' | ';
+			$i++;
+			}
+		}
+	elseif ($post == true) {
+		$links = "<form name='language' action=" . $_SERVER['PHP_SELF'] . " method='post'>\n";
+		$links .= "<select onchange = 'document.language.submit()' name='lang'>\n";
+		$links .= "<option selected='selected'>" . gettext($select_language) ."</option>\n";
+		foreach ($liste as $value) {
+    		$links .= "<option value='" . $value . "'>" . recherche($nation,$value) . "</option>\n";
+    		}
+		$links .= "</select>\n";
+		$links .= "</form>\n";
+		}
+	return $links;	
+	}
+	
+
+?>

locales/de_DE/LC_MESSAGES/sentier.po

@@ -0,0 +1,193 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: sur-le-sentier.fr\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2022-03-05 17:43+0100\n"
+"PO-Revision-Date: 2022-03-06 07:35+0100\n"
+"Last-Translator: Bruno <digitrebel@free.fr>\n"
+"Language-Team: German <bruno@clicclac.info>\n"
+"Language: de_DE\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Poedit-KeywordsList: _;gettext;gettext_noop\n"
+"X-Poedit-SourceCharset: UTF-8\n"
+"X-Poedit-Basepath: ../../..\n"
+"X-Generator: Poedit 3.0.1\n"
+"X-Poedit-SearchPath-0: index.php\n"
+
+#: index.php:48
+msgid "French"
+msgstr "Französisch"
+
+#: index.php:48
+msgid "English"
+msgstr "Englisch"
+
+#: index.php:48
+msgid "German"
+msgstr "Deutsche"
+
+#: index.php:48
+msgid "Spanish"
+msgstr "Spanisch"
+
+#: index.php:128
+msgid "Blog"
+msgstr "Blog"
+
+#: index.php:128
+msgid "Go to the <span class=\"green\">blog...</span>"
+msgstr "Zum <span class=\"green\">Blog...</span>"
+
+#: index.php:130
+msgid "Gallery"
+msgstr "Galeries"
+
+#: index.php:130
+msgid "Visit the <span class=\"green\">gallery...</span>"
+msgstr "Besuchen Sie die <span class=\"green\">Galerie...</span>"
+
+#: index.php:132
+msgid "Piwigo"
+msgstr "Piwigo"
+
+#: index.php:132
+msgid "Visit the <span class=\"green\">Piwigo gallery...</span>"
+msgstr "Besuchen Sie die <span class=\"green\">Piwigo-Galerie...</span>"
+
+#: index.php:134
+msgid "This month"
+msgstr "Diesen Monat"
+
+#: index.php:134
+msgid "<span class=\"green\">Latest</span> images..."
+msgstr "<span class=\"green\">Neueste</span> Bilder..."
+
+#: index.php:141
+msgid "Powered by"
+msgstr "Bereitgestellt von"
+
+#~ msgid "Enter"
+#~ msgstr "Eintragen"
+
+#~ msgid "Tags clouds:"
+#~ msgstr "Schlagwortwolke:"
+
+#~ msgid "Site news:"
+#~ msgstr "Website Neues:"
+
+#~ msgid "Select language"
+#~ msgstr "Auswahl Sprachen"
+
+#~ msgid "Photo of the month..."
+#~ msgstr "Foto Monat..."
+
+#~ msgid "January"
+#~ msgstr "Januar"
+
+#~ msgid "February"
+#~ msgstr "Februar"
+
+#~ msgid "March"
+#~ msgstr "März"
+
+#~ msgid "April"
+#~ msgstr "April"
+
+#~ msgid "May"
+#~ msgstr "Mai"
+
+#~ msgid "June"
+#~ msgstr "Juni"
+
+#~ msgid "July"
+#~ msgstr "Juli"
+
+#~ msgid "August"
+#~ msgstr "August"
+
+#~ msgid "September"
+#~ msgstr "September"
+
+#~ msgid "October"
+#~ msgstr "Oktober"
+
+#~ msgid "November"
+#~ msgstr "November"
+
+#~ msgid "December"
+#~ msgstr "Dezember"
+
+#~ msgid "Now"
+#~ msgstr "Jetzt"
+
+#~ msgid "The "
+#~ msgstr "Der "
+
+#~ msgid "F j, Y, g:i a"
+#~ msgstr "d. F Y H:i"
+
+#~ msgid " at "
+#~ msgstr " auf "
+
+#~ msgid "Focal "
+#~ msgstr "Brennweite "
+
+#~ msgid "Archives"
+#~ msgstr "Archives"
+
+#~ msgid "Previous Page"
+#~ msgstr "Vorheriges Seite"
+
+#~ msgid "prev"
+#~ msgstr "zurück"
+
+#~ msgid "Page"
+#~ msgstr "Seite"
+
+#~ msgid "Next Page"
+#~ msgstr "Nächstes Seite"
+
+#~ msgid "next"
+#~ msgstr "weiter"
+
+#~ msgid "Photo's licence"
+#~ msgstr "Foto Lizenz"
+
+#~ msgid "Links"
+#~ msgstr "Links"
+
+#~ msgid "Photographers"
+#~ msgstr "Fotografs"
+
+#~ msgid "Festivals, competitions..."
+#~ msgstr "Fotofestival, Wettbewerb..."
+
+#~ msgid "Forums"
+#~ msgstr "Forums"
+
+#~ msgid "Photo news"
+#~ msgstr "Foto Neues"
+
+#~ msgid "Equipment"
+#~ msgstr "Ausrüstung"
+
+#~ msgid "Home"
+#~ msgstr "Empfang"
+
+#~ msgid "Guestbook"
+#~ msgstr "Gästebuch"
+
+#~ msgid "Contact"
+#~ msgstr "Kontakt"
+
+#~ msgid "Linkse"
+#~ msgstr "Liense"
+
+#~ msgid "d.m.Y à H:i"
+#~ msgstr "F j, Y, g:i a"
+
+#~ msgid " à "
+#~ msgstr " at "

locales/en_US/LC_MESSAGES/sentier.po

@@ -0,0 +1,73 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2022-03-05 17:48+0100\n"
+"PO-Revision-Date: 2022-03-05 17:48+0100\n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Language: en_US\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Generator: Poedit 3.0.1\n"
+"X-Poedit-Basepath: ../../..\n"
+"X-Poedit-SearchPath-0: index.php\n"
+
+#: index.php:48
+msgid "French"
+msgstr ""
+
+#: index.php:48
+msgid "English"
+msgstr ""
+
+#: index.php:48
+msgid "German"
+msgstr ""
+
+#: index.php:48
+msgid "Spanish"
+msgstr ""
+
+#: index.php:128
+msgid "Blog"
+msgstr ""
+
+#: index.php:128
+msgid "Go to the <span class=\"green\">blog...</span>"
+msgstr ""
+
+#: index.php:130
+msgid "Gallery"
+msgstr ""
+
+#: index.php:130
+msgid "Visit the <span class=\"green\">gallery...</span>"
+msgstr ""
+
+#: index.php:132
+msgid "Piwigo"
+msgstr ""
+
+#: index.php:132
+msgid "Visit the <span class=\"green\">Piwigo gallery...</span>"
+msgstr ""
+
+#: index.php:134
+msgid "This month"
+msgstr ""
+
+#: index.php:134
+msgid "<span class=\"green\">Latest</span> images..."
+msgstr ""
+
+#: index.php:141
+msgid "Powered by"
+msgstr ""

locales/es_ES/LC_MESSAGES/sentier.po

@@ -0,0 +1,176 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: sur-le-sentier.fr\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2022-03-05 17:50+0100\n"
+"PO-Revision-Date: 2022-03-05 20:54+0100\n"
+"Last-Translator: \n"
+"Language-Team: French <bruno@clicclac.info>\n"
+"Language: es_ES\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+"X-Generator: Poedit 3.0.1\n"
+"X-Poedit-Basepath: ..\n"
+"X-Poedit-SearchPath-0: index.php\n"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:37
+msgid "Enter"
+msgstr "Entrar"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "French"
+msgstr "Francés"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "English"
+msgstr "Inglés"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "German"
+msgstr "Alemán"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "Spanish"
+msgstr "Español"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:52
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:364
+msgid "Photo of the month..."
+msgstr "Foto del mes..."
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:171
+msgid "January"
+msgstr "Enero"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:174
+msgid "February"
+msgstr "Febrero"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:177
+msgid "March"
+msgstr "Marzo"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:180
+msgid "April"
+msgstr "Abril"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:183
+msgid "May"
+msgstr "Mayo"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:186
+msgid "June"
+msgstr "Junio"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:189
+msgid "July"
+msgstr "Julio"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:192
+msgid "August"
+msgstr "Agosto"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:195
+msgid "September"
+msgstr "Septiembre"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:198
+msgid "October"
+msgstr "Octubre"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:201
+msgid "November"
+msgstr "Noviembre"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:204
+msgid "December"
+msgstr "Diciembre"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:344
+msgid "When"
+msgstr "Cuando"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:344
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:349
+msgid "Now"
+msgstr "Ahora"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:350
+msgid "Blog"
+msgstr "Blog"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:351
+msgid "Gallery"
+msgstr "Galería"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:352
+msgid "Guestbook"
+msgstr "Libro de visitas"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:353
+msgid "Contact"
+msgstr "Contacto"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:354
+msgid "Links"
+msgstr "Enlaces"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:476
+msgid "The"
+msgstr "El"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:476
+msgid "F j, Y, g:i a"
+msgstr "F j, Y, g:i a"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:478
+msgid " at "
+msgstr " en "
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:478
+msgid "Focal "
+msgstr "Focal "
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:629
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:630
+msgid "Archives"
+msgstr "Archivos"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:630
+msgid "Help"
+msgstr "Ayuda"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:673
+msgid "Previous Page"
+msgstr "Página anterior"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:673
+msgid "prev"
+msgstr "anterior"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:676
+msgid "Page"
+msgstr "Página"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:682
+msgid "Next Page"
+msgstr "Siguiente página"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:682
+msgid "next"
+msgstr "siguiente"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:704
+msgid "Select language"
+msgstr "Seleccione el idioma"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:706
+msgid "Photo's licence"
+msgstr "Licencia de la foto"

locales/fr_FR/LC_MESSAGES/sentier.po

@@ -0,0 +1,183 @@
+# French translations for PACKAGE package.
+# Copyright (C) 2016 THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# Bruno Pesenti <>, 2016.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: sur-le-sentier.fr\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2022-03-05 17:38+0100\n"
+"PO-Revision-Date: 2022-03-05 17:51+0100\n"
+"Last-Translator: Bruno <bruno@clicclac.info>\n"
+"Language-Team: French <bruno@clicclac.info>\n"
+"Language: fr\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+"X-Generator: Poedit 3.0.1\n"
+"X-Poedit-KeywordsList: gettext;_\n"
+"X-Poedit-Basepath: ../../..\n"
+"X-Poedit-SourceCharset: UTF-8\n"
+"X-Poedit-SearchPath-0: index.php\n"
+
+#: index.php:48
+msgid "French"
+msgstr "Français"
+
+#: index.php:48
+msgid "English"
+msgstr "Anglais"
+
+#: index.php:48
+msgid "German"
+msgstr "Allemand"
+
+#: index.php:48
+msgid "Spanish"
+msgstr "Espagnol"
+
+#: index.php:128
+msgid "Blog"
+msgstr "Blog"
+
+#: index.php:128
+msgid "Go to the <span class=\"green\">blog...</span>"
+msgstr "Aller sur le <span class=\"green\">blog...</span>"
+
+#: index.php:130
+msgid "Gallery"
+msgstr "Portfolio"
+
+#: index.php:130
+msgid "Visit the <span class=\"green\">gallery...</span>"
+msgstr "Visiter la <span class=\"green\">galerie...</span>"
+
+#: index.php:132
+msgid "Piwigo"
+msgstr "Piwigo"
+
+#: index.php:132
+msgid "Visit the <span class=\"green\">Piwigo gallery...</span>"
+msgstr "Visiter la <span class=\"green\">galerie Piwigo…</span>"
+
+#: index.php:134
+msgid "This month"
+msgstr "Ce mois-çi"
+
+#: index.php:134
+msgid "<span class=\"green\">Latest</span> images..."
+msgstr "<span class=\"green\">Dernières</span> images..."
+
+#: index.php:141
+msgid "Powered by"
+msgstr "Propulsé par"
+
+#~ msgid "WordPress"
+#~ msgstr "WordPress"
+
+#~ msgid "Zenphoto"
+#~ msgstr "Zenphoto"
+
+#~ msgid "Contact"
+#~ msgstr "Contact"
+
+#~ msgid "Enter"
+#~ msgstr "Entrer"
+
+#~ msgid "Photo of the month..."
+#~ msgstr "Photo du mois..."
+
+#~ msgid "January"
+#~ msgstr "Janvier"
+
+#~ msgid "February"
+#~ msgstr "Février"
+
+#~ msgid "March"
+#~ msgstr "Mars"
+
+#~ msgid "April"
+#~ msgstr "Avril"
+
+#~ msgid "May"
+#~ msgstr "Mai"
+
+#~ msgid "June"
+#~ msgstr "Juin"
+
+#~ msgid "July"
+#~ msgstr "Juillet"
+
+#~ msgid "August"
+#~ msgstr "Aout"
+
+#~ msgid "September"
+#~ msgstr "Septembre"
+
+#~ msgid "October"
+#~ msgstr "Octobre"
+
+#~ msgid "November"
+#~ msgstr "Novembre"
+
+#~ msgid "December"
+#~ msgstr "Décembre"
+
+#~ msgid "Now"
+#~ msgstr "En ce moment"
+
+#~ msgid "Guestbook"
+#~ msgstr "Livre d'Or"
+
+#~ msgid "Links"
+#~ msgstr "Liens"
+
+#~ msgid "The"
+#~ msgstr "Le"
+
+#~ msgid "F j, Y, g:i a"
+#~ msgstr "d m Y à G:i"
+
+#~ msgid " at "
+#~ msgstr " à "
+
+#~ msgid "Focal "
+#~ msgstr "Focale "
+
+#~ msgid "Archives"
+#~ msgstr "Archives"
+
+#~ msgid "Help"
+#~ msgstr "Aide"
+
+#~ msgid "Previous Page"
+#~ msgstr "Page précédente"
+
+#~ msgid "prev"
+#~ msgstr "prec"
+
+#~ msgid "Page"
+#~ msgstr "Page"
+
+#~ msgid "Next Page"
+#~ msgstr "Page suivante"
+
+#~ msgid "next"
+#~ msgstr "suiv"
+
+#~ msgid "Select language"
+#~ msgstr "Choix du language"
+
+#~ msgid "Photo's licence"
+#~ msgstr "License des photos"
+
+#~ msgid "Tags clouds:"
+#~ msgstr "Nuage de mot-clés:"
+
+#~ msgid "Site news:"
+#~ msgstr "Nouveautés du site:"
+
+#~ msgid "See my <span class=\"green\">last work...</span>"
+#~ msgstr "Voir mes <span class=\"green\">dernières photos...</span>"

locales/sentier.pot

@@ -0,0 +1,175 @@
+# SOME DESCRIPTIVE TITLE.
+# Copyright (C) YEAR THE PACKAGE'S COPYRIGHT HOLDER
+# This file is distributed under the same license as the PACKAGE package.
+# FIRST AUTHOR <EMAIL@ADDRESS>, YEAR.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: sur-le-sentier.fr\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2022-03-05 17:50+0100\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: French <bruno@clicclac.info>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Poedit 3.0.1\n"
+"X-Poedit-Basepath: ..\n"
+"X-Poedit-SearchPath-0: index.php\n"
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:37
+msgid "Enter"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "French"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "English"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "German"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:39
+msgid "Spanish"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:52
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:364
+msgid "Photo of the month..."
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:171
+msgid "January"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:174
+msgid "February"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:177
+msgid "March"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:180
+msgid "April"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:183
+msgid "May"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:186
+msgid "June"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:189
+msgid "July"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:192
+msgid "August"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:195
+msgid "September"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:198
+msgid "October"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:201
+msgid "November"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:204
+msgid "December"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:344
+msgid "When"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:344
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:349
+msgid "Now"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:350
+msgid "Blog"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:351
+msgid "Gallery"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:352
+msgid "Guestbook"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:353
+msgid "Contact"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:354
+msgid "Links"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:476
+msgid "The"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:476
+msgid "F j, Y, g:i a"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:478
+msgid " at "
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:478
+msgid "Focal "
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:629
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:630
+msgid "Archives"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:630
+msgid "Help"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:673
+msgid "Previous Page"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:673
+msgid "prev"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:676
+msgid "Page"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:682
+msgid "Next Page"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:682
+msgid "next"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:704
+msgid "Select language"
+msgstr ""
+
+#: /Library/WebServer/Documents/photoblog/ce-mois.php:706
+msgid "Photo's licence"
+msgstr ""

mois.php

@@ -0,0 +1,119 @@
+<?php
+$base = 'db_photo.sqlite3';
+
+//Get a list of file paths using the glob function.
+$fileList = glob('photos/img/*');
+
+// Connexion
+$conn = new PDO("sqlite:db_photo.sqlite3");
+$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+$query = "CREATE TABLE IF NOT EXISTS photos (
+	id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL, 
+	filename TEXT, 
+	date TEXT,
+	lens TEXT,
+	width INTEGER,
+	height INTEGER,
+	UNIQUE(filename)
+	)";
+$conn->exec($query);
+/*
+	lens TEXT,
+	width INTEGER, 
+	height INTEGER,
+*/
+
+function _pr($d) {
+    echo "<div style='border: 1px solid#ccc; padding: 10px;'>";
+    echo '<strong>' . debug_backtrace()[0]['file'] . ' ' . debug_backtrace()[0]['line'] . '</strong>';
+    echo "</div>";
+    echo '<pre>';
+    if(is_array($d)) {
+    	print_r($d);
+    } else if(is_object($d)) {
+    	var_dump($d);
+    }
+    echo '</pre>';
+}
+
+#_pr($items);
+
+// Ajout de données dans la table
+foreach($fileList as $file){
+	$exif = exif_read_data($file,'EXIF' ,0 ); 
+	#_pr($exif);
+	$ht = $exif['COMPUTED']['html'];
+	$wi = $exif['COMPUTED']['Width'];
+	$he = $exif['COMPUTED']['Height'];
+	$ap = $exif['COMPUTED']['ApertureFNumber'];
+	# YYYY-MM-DD HH:MM:SS.SSS - 2019:10:01 14:03:12
+	$da = $exif['DateTimeOriginal'];
+	$mod = $exif['Model'];
+	$ex = $exif['ExposureTime'];
+	$iso = $exif['ISOSpeedRatings'];
+	$obj = isset($exif['UndefinedTag:0xA434']) ? $exif['UndefinedTag:0xA434'] : "";
+	
+	#echo $file . " - " . $ww . " - " . $hh . " - " . $dd . "<br>";
+		
+	$photos[] = array(
+        'filename' => $file,
+        'date' => $da,
+        'lens' => $obj,
+        'width' => $wi,
+        'height' => $he      
+    	);
+	}
+
+#_pr($photos);
+
+try {
+	$conn2 = new PDO('sqlite:db_photo.sqlite3');
+	$query2 = "INSERT OR IGNORE INTO photos (filename, date, lens, width, height) VALUES (:filename, :date, :lens, :width, :height)";
+
+	$stmt = $conn2->prepare($query2);
+	$stmt->bindParam(':filename', $file);
+	$stmt->bindParam(':date', $da);
+	$stmt->bindParam(':lens', $obj);
+	$stmt->bindParam(':width', $wi);
+	$stmt->bindParam(':height', $he);
+	
+ 
+ 	foreach ($photos as $item) {
+ 		_pr($item);
+ 		$file = $item['filename'];
+ 		$da = $item['date'];
+ 		$obj = $item['lens'];
+ 		$wi = $item['width'];
+ 		$he = $item['height'];
+ 		
+		$stmt->execute();
+		}
+		
+		#header('location: index.php');
+
+		$conn2 = null;
+    }
+    catch(PDOException $e) {
+        echo $e->getMessage();
+        }
+
+//
+/**/
+try {
+	$conn3 = new PDO('sqlite:db_photo.sqlite3');
+	$query3 = "SELECT filename, date, lens, width, height FROM photos WHERE id >= ? AND id <= ? ORDER BY date DESC";
+	
+	$stmt = $conn3->prepare($query3);
+	# id 1 -> 3
+	$stmt->execute(array(1, 3));
+	
+	$result = $stmt->fetchAll(PDO::FETCH_ASSOC);
+	_pr($result);
+	
+	$conn3 = null;
+    }
+    catch(PDOException $e) {
+        echo $e->getMessage();
+        }
+
+?>

vegas/_js/vegas-style.css

@@ -0,0 +1,285 @@
+/*
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align:baseline
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+    display:block
+}
+
+body {
+    line-height:1
+}
+
+ol, ul {
+    list-style:none
+}
+
+blockquote, q {
+    quotes:none
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+    content: '';
+    content:none
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing:0
+}
+
+html {
+    box-sizing:border-box
+}
+
+*, * :before, * :after {
+    box-sizing:inherit
+}
+*/
+
+/* — */
+
+.vegas-menu {
+	float: right;
+	top: 200px;
+	margin-right: 24px;
+	text-align: right;
+}
+
+.vegas-menu h1 {
+	font: bold 64px 'Coming Soon', cursive;
+ 	color: #fff;
+	letter-spacing: 15px;
+ 	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
+}
+
+.vegas-menu h1 a {
+	color: #fff;
+	text-decoration: none;
+	}
+
+/*
+Menu
+*/
+
+.menu {
+	margin-top: 100px;
+	margin-bottom: 24px;
+	float: right;
+}
+
+.texte {
+	margin-bottom: 40px;
+}
+
+.texte a {
+	font-family: 'Coming Soon', cursive;
+	font-size: 32px;
+	font-variant: small-caps;
+	text-align: right;
+	color: #fff;
+	background-color: rgba(0, 0, 0, 0.5);
+	
+	text-decoration: none;
+	
+	padding-right: 0.3em;
+	padding-left: 1.5em;
+}
+
+.texte a:hover {
+	font-style: italic;
+	background-color: rgba(0, 0, 0, 0.8);
+}
+
+.clearall {
+	clear: both;
+}
+
+.green {
+	color: #cff208;
+}
+
+
+/* 
+Flickr, 500px 
+*/
+
+.tweet-it {
+    position: fixed;
+    top: 1.5em;
+    left: 3.5em;
+    z-index: 1000;
+    -webkit-transition: 1s opacity;
+    transition:1s opacity
+}
+
+@media (max-width: 768px) {
+    .tweet-it {
+        top: 80px;
+        right:1em
+    }
+}
+
+@media (max-height: 550px) {
+    .tweet-it {
+        display:none
+    }
+}
+
+@media (max-width: 375px) {
+    .tweet-it {
+        display:none
+    }
+}
+
+.icn {
+    opacity:.5
+}
+
+
+.icn svg {
+    display: block;
+    fill: #fff;
+    border-radius: 50%;
+    border: 2px solid white;
+    padding: 15px;
+	margin: 15px;
+    text-align: center;
+    width: 20px;
+    height: 20px;
+}
+
+.icn:hover {
+    opacity:1
+}
+
+/*
+Propulsé par …
+*/
+
+.vegas-info {
+	position: absolute;
+	bottom: 0px;
+	right: 10px;
+	color: #fff;
+	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+	filter:alpha(opacity=60);
+	-moz-opacity:0.6;
+	opacity: 0.6;
+}
+
+.vegas-info a:hover, .vegas-info-vert a:hover {
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+	filter:alpha(opacity=90);
+	-moz-opacity:0.9;
+	opacity: 0.9;
+}
+
+.vegas-info a, .vegas-info a:visited, .vegas-info-vert a, .vegas-info-vert a:visited {
+	color: #cff208;
+	text-decoration: none;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+	filter:alpha(opacity=60);
+	-moz-opacity:0.6;
+	opacity: 0.6;
+}
+
+
+/* --------- 
+
+.homepage-header {
+    width: 100vw;
+    height: 100vh;
+    background-color:#000
+}
+
+.homepage-info {
+    position: absolute;
+    overflow: hidden;
+    font-family: "Raleway";
+    text-transform: uppercase;
+    line-height: 2.2em;
+    text-align: right;
+    width: 100%;
+    font-size: .60em;
+    right: 1em;
+    bottom:1em
+}
+
+@media (min-width: 768px) {
+    .homepage-info {
+        right: 2em;
+        bottom: 2.5em;
+        font-size:.85em
+    }
+}
+
+@media (min-width: 769px) {
+    .homepage-info {
+        font-size: .85em;
+        right: 3.5em;
+        bottom:3em
+    }
+}
+
+.homepage-info h1 {
+    position: relative;
+    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000;
+    letter-spacing: -1px;
+    padding-right: 4.7em;
+    font-size: 1.9em;
+    margin: .75em 0;
+    pointer-events:none
+}
+
+.homepage-info h1 span {
+    display:block
+}
+
+.homepage-info h1 .line1 {
+    font-size: 3em;
+    letter-spacing: -5px;
+    margin-bottom:.2em
+}
+
+.homepage-menu {
+    position: relative;
+    font-weight: 900;
+    margin: .75em 0;
+    font-size:2em
+}
+
+.homepage-menu a {
+    color:#fff
+}
+
+.homepage-menu li {
+    margin-bottom:4px
+}
+
+.homepage-submenu {
+    line-height: 1.6;
+    text-align: left;
+    font-size: .68em;
+    width: 140px;
+    position: absolute;
+    top: -4px;
+    right:0
+}
+
+.homepage-submenu li {
+    -webkit-transition: .5s cubic-bezier(0, 0.5, 0, 1);
+    transition: .5s cubic-bezier(0, 0.5, 0, 1);
+    -webkit-transform: translateY(16px);
+    transform: translateY(16px);
+   /* opacity:0*/
+}
+*/
+

vegas/_js/vegas.css

@@ -0,0 +1,622 @@
+.vegas-wrapper,
+.vegas-overlay,
+.vegas-timer,
+.vegas-slide,
+.vegas-slide-inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    overflow: hidden;
+    border: none;
+    padding: 0;
+    margin: 0;
+}
+
+.vegas-overlay {
+    opacity: .5;
+    background: transparent url("overlays/02.png") center center repeat;
+}
+
+.vegas-timer {
+    top: auto;
+    bottom: 0;
+    height: 2px;
+}
+
+.vegas-timer-progress {
+    width: 0%;
+    height: 100%;
+    background: white;
+    transition: width ease-out;
+}
+
+.vegas-timer-running .vegas-timer-progress {
+    width: 100%;
+}
+
+.vegas-slide,
+.vegas-slide-inner {
+    margin: 0;
+    padding: 0;
+    background: transparent center center no-repeat;
+    -webkit-transform: translateZ(0);
+            transform: translateZ(0);
+    will-change: transform, opacity;
+}
+
+body .vegas-container {
+    overflow: hidden !important;
+    position: relative;
+}
+
+.vegas-video {
+    min-width: 100%;
+    min-height: 100%;
+    width: auto;
+    height: auto;
+}
+
+body.vegas-container {
+    overflow: auto;
+    position: static;
+    z-index: -2;
+}
+
+body.vegas-container > .vegas-timer,
+body.vegas-container > .vegas-overlay,
+body.vegas-container > .vegas-slide {
+    position: fixed;
+    z-index: -1;
+}
+
+/* Target Safari IOS7+ in order to add 76px */
+/*******************************************/
+/* blur transition */
+/*******************************************/
+.vegas-transition-blur,
+.vegas-transition-blur2 {
+    opacity: 0;
+    -webkit-filter: blur(32px) brightness(1.01);
+            filter: blur(32px) brightness(1.01);
+}
+
+.vegas-transition-blur-in,
+.vegas-transition-blur2-in {
+    opacity: 1;
+    -webkit-filter: blur(0px) brightness(1.01);
+            filter: blur(0px) brightness(1.01);
+}
+
+.vegas-transition-blur2-out {
+    opacity: 0;
+}
+
+/*******************************************/
+/* burn transition */
+/*******************************************/
+.vegas-transition-burn,
+.vegas-transition-burn2 {
+    opacity: 0;
+    -webkit-filter: contrast(1000%) saturate(1000%);
+            filter: contrast(1000%) saturate(1000%);
+}
+
+.vegas-transition-burn-in,
+.vegas-transition-burn2-in {
+    opacity: 1;
+    -webkit-filter: contrast(100%) saturate(100%);
+            filter: contrast(100%) saturate(100%);
+}
+
+.vegas-transition-burn2-out {
+    opacity: 0;
+    -webkit-filter: contrast(1000%) saturate(1000%);
+            filter: contrast(1000%) saturate(1000%);
+}
+
+/*******************************************/
+/* fade transition */
+/*******************************************/
+.vegas-transition-fade,
+.vegas-transition-fade2 {
+    opacity: 0;
+}
+
+.vegas-transition-fade-in,
+.vegas-transition-fade2-in {
+    opacity: 1;
+}
+
+.vegas-transition-fade2-out {
+    opacity: 0;
+}
+
+/*******************************************/
+/* flash transition */
+/*******************************************/
+.vegas-transition-flash,
+.vegas-transition-flash2 {
+    opacity: 0;
+    -webkit-filter: brightness(25);
+            filter: brightness(25);
+}
+
+.vegas-transition-flash-in,
+.vegas-transition-flash2-in {
+    opacity: 1;
+    -webkit-filter: brightness(1);
+            filter: brightness(1);
+}
+
+.vegas-transition-flash2-out {
+    opacity: 0;
+    -webkit-filter: brightness(25);
+            filter: brightness(25);
+}
+
+/*******************************************/
+/* negative transition */
+/*******************************************/
+.vegas-transition-negative,
+.vegas-transition-negative2 {
+    opacity: 0;
+    -webkit-filter: invert(100%);
+            filter: invert(100%);
+}
+
+.vegas-transition-negative-in,
+.vegas-transition-negative2-in {
+    opacity: 1;
+    -webkit-filter: invert(0);
+            filter: invert(0);
+}
+
+.vegas-transition-negative2-out {
+    opacity: 0;
+    -webkit-filter: invert(100%);
+            filter: invert(100%);
+}
+
+/*******************************************/
+/* slideDown transition */
+/*******************************************/
+.vegas-transition-slideDown,
+.vegas-transition-slideDown2 {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
+}
+
+.vegas-transition-slideDown-in,
+.vegas-transition-slideDown2-in {
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
+}
+
+.vegas-transition-slideDown2-out {
+    -webkit-transform: translateY(100%);
+            transform: translateY(100%);
+}
+
+/*******************************************/
+/* slideLeft transition */
+/*******************************************/
+.vegas-transition-slideLeft,
+.vegas-transition-slideLeft2 {
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+}
+
+.vegas-transition-slideLeft-in,
+.vegas-transition-slideLeft2-in {
+    -webkit-transform: translateX(0%);
+            transform: translateX(0%);
+}
+
+.vegas-transition-slideLeft2-out {
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+}
+
+/*******************************************/
+/* slideRight transition */
+/*******************************************/
+.vegas-transition-slideRight,
+.vegas-transition-slideRight2 {
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+}
+
+.vegas-transition-slideRight-in,
+.vegas-transition-slideRight2-in {
+    -webkit-transform: translateX(0%);
+            transform: translateX(0%);
+}
+
+.vegas-transition-slideRight2-out {
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+}
+
+/*******************************************/
+/* slideUp transition */
+/*******************************************/
+.vegas-transition-slideUp,
+.vegas-transition-slideUp2 {
+    -webkit-transform: translateY(100%);
+            transform: translateY(100%);
+}
+
+.vegas-transition-slideUp-in,
+.vegas-transition-slideUp2-in {
+    -webkit-transform: translateY(0%);
+            transform: translateY(0%);
+}
+
+.vegas-transition-slideUp2-out {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
+}
+
+/*******************************************/
+/* swirlLeft transition */
+/*******************************************/
+.vegas-transition-swirlLeft,
+.vegas-transition-swirlLeft2 {
+    -webkit-transform: scale(2) rotate(35deg);
+            transform: scale(2) rotate(35deg);
+    opacity: 0;
+}
+
+.vegas-transition-swirlLeft-in,
+.vegas-transition-swirlLeft2-in {
+    -webkit-transform: scale(1) rotate(0deg);
+            transform: scale(1) rotate(0deg);
+    opacity: 1;
+}
+
+.vegas-transition-swirlLeft2-out {
+    -webkit-transform: scale(2) rotate(-35deg);
+            transform: scale(2) rotate(-35deg);
+    opacity: 0;
+}
+
+/*******************************************/
+/* swirlRight transition */
+/*******************************************/
+.vegas-transition-swirlRight,
+.vegas-transition-swirlRight2 {
+    -webkit-transform: scale(2) rotate(-35deg);
+            transform: scale(2) rotate(-35deg);
+    opacity: 0;
+}
+
+.vegas-transition-swirlRight-in,
+.vegas-transition-swirlRight2-in {
+    -webkit-transform: scale(1) rotate(0deg);
+            transform: scale(1) rotate(0deg);
+    opacity: 1;
+}
+
+.vegas-transition-swirlRight2-out {
+    -webkit-transform: scale(2) rotate(35deg);
+            transform: scale(2) rotate(35deg);
+    opacity: 0;
+}
+
+/*******************************************/
+/* zoomIn transition */
+/*******************************************/
+.vegas-transition-zoomIn,
+.vegas-transition-zoomIn2 {
+    -webkit-transform: scale(0);
+            transform: scale(0);
+    opacity: 0;
+}
+
+.vegas-transition-zoomIn-in,
+.vegas-transition-zoomIn2-in {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 1;
+}
+
+.vegas-transition-zoomIn2-out {
+    -webkit-transform: scale(2);
+            transform: scale(2);
+    opacity: 0;
+}
+
+/*******************************************/
+/* zoomOut transition */
+/*******************************************/
+.vegas-transition-zoomOut,
+.vegas-transition-zoomOut2 {
+    -webkit-transform: scale(2);
+            transform: scale(2);
+    opacity: 0;
+}
+
+.vegas-transition-zoomOut-in,
+.vegas-transition-zoomOut2-in {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    opacity: 1;
+}
+
+.vegas-transition-zoomOut2-out {
+    -webkit-transform: scale(0);
+            transform: scale(0);
+    opacity: 0;
+}
+
+/*******************************************/
+/* kenburns animation */
+/*******************************************/
+.vegas-animation-kenburns {
+    -webkit-animation: kenburns ease-out;
+            animation: kenburns ease-out;
+}
+
+@-webkit-keyframes kenburns {
+    0% {
+        -webkit-transform: scale(1.5);
+                transform: scale(1.5);
+    }
+    100% {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+    }
+}
+
+@keyframes kenburns {
+    0% {
+        -webkit-transform: scale(1.5);
+                transform: scale(1.5);
+    }
+    100% {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+    }
+}
+
+/*******************************************/
+/* kenburnsDownLeft animation */
+/*******************************************/
+.vegas-animation-kenburnsDownLeft {
+    -webkit-animation: kenburnsDownLeft ease-out;
+            animation: kenburnsDownLeft ease-out;
+}
+
+@-webkit-keyframes kenburnsDownLeft {
+    0% {
+        -webkit-transform: scale(1.5) translate(10%, -10%);
+                transform: scale(1.5) translate(10%, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsDownLeft {
+    0% {
+        -webkit-transform: scale(1.5) translate(10%, -10%);
+                transform: scale(1.5) translate(10%, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsDownRight animation */
+/*******************************************/
+.vegas-animation-kenburnsDownRight {
+    -webkit-animation: kenburnsDownRight ease-out;
+            animation: kenburnsDownRight ease-out;
+}
+
+@-webkit-keyframes kenburnsDownRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, -10%);
+                transform: scale(1.5) translate(-10%, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsDownRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, -10%);
+                transform: scale(1.5) translate(-10%, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsDown animation */
+/*******************************************/
+.vegas-animation-kenburnsDown {
+    -webkit-animation: kenburnsDown ease-out;
+            animation: kenburnsDown ease-out;
+}
+
+@-webkit-keyframes kenburnsDown {
+    0% {
+        -webkit-transform: scale(1.5) translate(0, -10%);
+                transform: scale(1.5) translate(0, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsDown {
+    0% {
+        -webkit-transform: scale(1.5) translate(0, -10%);
+                transform: scale(1.5) translate(0, -10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsLeft animation */
+/*******************************************/
+.vegas-animation-kenburnsLeft {
+    -webkit-animation: kenburnsLeft ease-out;
+            animation: kenburnsLeft ease-out;
+}
+
+@-webkit-keyframes kenburnsLeft {
+    0% {
+        -webkit-transform: scale(1.5) translate(10%, 0);
+                transform: scale(1.5) translate(10%, 0);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsLeft {
+    0% {
+        -webkit-transform: scale(1.5) translate(10%, 0);
+                transform: scale(1.5) translate(10%, 0);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsRight animation */
+/*******************************************/
+.vegas-animation-kenburnsRight {
+    -webkit-animation: kenburnsRight ease-out;
+            animation: kenburnsRight ease-out;
+}
+
+@-webkit-keyframes kenburnsRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, 0);
+                transform: scale(1.5) translate(-10%, 0);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, 0);
+                transform: scale(1.5) translate(-10%, 0);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsUpLeft animation */
+/*******************************************/
+.vegas-animation-kenburnsUpLeft {
+    -webkit-animation: kenburnsUpLeft ease-out;
+            animation: kenburnsUpLeft ease-out;
+}
+
+@-webkit-keyframes kenburnsUpLeft {
+    0% {
+        -webkit-transform: scale(1.5) translate(10%, 10%);
+                transform: scale(1.5) translate(10%, 10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsUpLeft {
+    0% {
+        -webkit-transform: scale(1.5) translate(10%, 10%);
+                transform: scale(1.5) translate(10%, 10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsUpRight animation */
+/*******************************************/
+.vegas-animation-kenburnsUpRight {
+    -webkit-animation: kenburnsUpRight ease-out;
+            animation: kenburnsUpRight ease-out;
+}
+
+@-webkit-keyframes kenburnsUpRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, 10%);
+                transform: scale(1.5) translate(-10%, 10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsUpRight {
+    0% {
+        -webkit-transform: scale(1.5) translate(-10%, 10%);
+                transform: scale(1.5) translate(-10%, 10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsUp animation */
+/*******************************************/
+.vegas-animation-kenburnsUp {
+    -webkit-animation: kenburnsUp ease-out;
+            animation: kenburnsUp ease-out;
+}
+
+@-webkit-keyframes kenburnsUp {
+    0% {
+        -webkit-transform: scale(1.5) translate(0, 10%);
+                transform: scale(1.5) translate(0, 10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsUp {
+    0% {
+        -webkit-transform: scale(1.5) translate(0, 10%);
+                transform: scale(1.5) translate(0, 10%);
+    }
+    100% {
+        -webkit-transform: scale(1) translate(0, 0);
+                transform: scale(1) translate(0, 0);
+    }
+}

vegas/_js/vegas.js

@@ -0,0 +1,751 @@
+/*!-----------------------------------------------------------------------------
+ * Vegas - Fullscreen Backgrounds and Slideshows.
+ * v2.4.4 - built 2018-10-30
+ * Licensed under the MIT License.
+ * http://vegas.jaysalvat.com/
+ * ----------------------------------------------------------------------------
+ * Copyright (C) 2010-2018 Jay Salvat
+ * http://jaysalvat.com/
+ * --------------------------------------------------------------------------*/
+
+(function ($) {
+    'use strict';
+
+    var defaults = {
+        slide:                   0,
+        delay:                   5000,
+        loop:                    true,
+        preload:                 false,
+        preloadImage:            false,
+        preloadVideo:            false,
+        timer:                   true,
+        overlay:                 false,
+        autoplay:                true,
+        shuffle:                 false,
+        cover:                   true,
+        color:                   null,
+        align:                   'center',
+        valign:                  'center',
+        firstTransition:         null,
+        firstTransitionDuration: null,
+        transition:              'fade',
+        transitionDuration:      1000,
+        transitionRegister:      [],
+        animation:               null,
+        animationDuration:       'auto',
+        animationRegister:       [],
+        slidesToKeep:            1,
+        init:  function () {},
+        play:  function () {},
+        pause: function () {},
+        walk:  function () {},
+        slides: [
+            // {
+            //  src:                null,
+            //  color:              null,
+            //  delay:              null,
+            //  align:              null,
+            //  valign:             null,
+            //  transition:         null,
+            //  transitionDuration: null,
+            //  animation:          null,
+            //  animationDuration:  null,
+            //  cover:              true,
+            //  video: {
+            //      src: [],
+            //      mute: true,
+            //      loop: true
+            // }
+            // ...
+        ]
+    };
+
+    var videoCache = {};
+
+    var Vegas = function (elmt, options) {
+        this.elmt         = elmt;
+        this.settings     = $.extend({}, defaults, $.vegas.defaults, options);
+        this.slide        = this.settings.slide;
+        this.total        = this.settings.slides.length;
+        this.noshow       = this.total < 2;
+        this.paused       = !this.settings.autoplay || this.noshow;
+        this.ended        = false;
+        this.$elmt        = $(elmt);
+        this.$timer       = null;
+        this.$overlay     = null;
+        this.$slide       = null;
+        this.timeout      = null;
+        this.first        = true;
+
+        this.transitions = [
+            'fade', 'fade2',
+            'blur', 'blur2',
+            'flash', 'flash2',
+            'negative', 'negative2',
+            'burn', 'burn2',
+            'slideLeft', 'slideLeft2',
+            'slideRight', 'slideRight2',
+            'slideUp', 'slideUp2',
+            'slideDown', 'slideDown2',
+            'zoomIn', 'zoomIn2',
+            'zoomOut', 'zoomOut2',
+            'swirlLeft', 'swirlLeft2',
+            'swirlRight', 'swirlRight2'
+        ];
+
+        this.animations = [
+            'kenburns',
+            'kenburnsLeft', 'kenburnsRight',
+            'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight',
+            'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight'
+        ];
+
+        if (this.settings.transitionRegister instanceof Array === false) {
+            this.settings.transitionRegister = [ this.settings.transitionRegister ];
+        }
+
+        if (this.settings.animationRegister instanceof Array === false) {
+            this.settings.animationRegister = [ this.settings.animationRegister ];
+        }
+
+        this.transitions = this.transitions.concat(this.settings.transitionRegister);
+        this.animations  = this.animations.concat(this.settings.animationRegister);
+
+        this.support = {
+            objectFit:  'objectFit'  in document.body.style,
+            transition: 'transition' in document.body.style || 'WebkitTransition' in document.body.style,
+            video:      $.vegas.isVideoCompatible()
+        };
+
+        if (this.settings.shuffle === true) {
+            this.shuffle();
+        }
+
+        this._init();
+    };
+
+    Vegas.prototype = {
+        _init: function () {
+            var $wrapper,
+                $overlay,
+                $timer,
+                isBody  = this.elmt.tagName === 'BODY',
+                timer   = this.settings.timer,
+                overlay = this.settings.overlay,
+                self    = this;
+
+            // Preloading
+            this._preload();
+
+            // Wrapper with content
+            if (!isBody) {
+                this.$elmt.css('height', this.$elmt.css('height'));
+
+                $wrapper = $('<div class="vegas-wrapper">')
+                    .css('overflow', this.$elmt.css('overflow'))
+                    .css('padding',  this.$elmt.css('padding'));
+
+                // Some browsers don't compute padding shorthand
+                if (!this.$elmt.css('padding')) {
+                    $wrapper
+                        .css('padding-top',    this.$elmt.css('padding-top'))
+                        .css('padding-bottom', this.$elmt.css('padding-bottom'))
+                        .css('padding-left',   this.$elmt.css('padding-left'))
+                        .css('padding-right',  this.$elmt.css('padding-right'));
+                }
+
+                this.$elmt.clone(true).children().appendTo($wrapper);
+                this.elmt.innerHTML = '';
+            }
+
+            // Timer
+            if (timer && this.support.transition) {
+                $timer = $('<div class="vegas-timer"><div class="vegas-timer-progress">');
+                this.$timer = $timer;
+                this.$elmt.prepend($timer);
+            }
+
+            // Overlay
+            if (overlay) {
+                $overlay = $('<div class="vegas-overlay">');
+
+                if (typeof overlay === 'string') {
+                    $overlay.css('background-image', 'url(' + overlay + ')');
+                }
+
+                this.$overlay = $overlay;
+                this.$elmt.prepend($overlay);
+            }
+
+            // Container
+            this.$elmt.addClass('vegas-container');
+
+            if (!isBody) {
+                this.$elmt.append($wrapper);
+            }
+
+            setTimeout(function () {
+                self.trigger('init');
+                self._goto(self.slide);
+
+                if (self.settings.autoplay) {
+                    self.trigger('play');
+                }
+            }, 1);
+        },
+
+        _preload: function () {
+            var img, i;
+
+            for (i = 0; i < this.settings.slides.length; i++) {
+                if (this.settings.preload || this.settings.preloadImages) {
+                    if (this.settings.slides[i].src) {
+                        img = new Image();
+                        img.src = this.settings.slides[i].src;
+                    }
+                }
+
+                if (this.settings.preload || this.settings.preloadVideos) {
+                    if (this.support.video && this.settings.slides[i].video) {
+                        if (this.settings.slides[i].video instanceof Array) {
+                            this._video(this.settings.slides[i].video);
+                        } else {
+                            this._video(this.settings.slides[i].video.src);
+                        }
+                    }
+                }
+            }
+        },
+
+        _random: function (array) {
+            return array[Math.floor(Math.random() * array.length)];
+        },
+
+        _slideShow: function () {
+            var self = this;
+
+            if (this.total > 1 && !this.ended && !this.paused && !this.noshow) {
+                this.timeout = setTimeout(function () {
+                    self.next();
+                }, this._options('delay'));
+            }
+        },
+
+        _timer: function (state) {
+            var self = this;
+
+            clearTimeout(this.timeout);
+
+            if (!this.$timer) {
+                return;
+            }
+
+            this.$timer
+                .removeClass('vegas-timer-running')
+                    .find('div')
+                        .css('transition-duration', '0ms');
+
+            if (this.ended || this.paused || this.noshow) {
+                return;
+            }
+
+            if (state) {
+                setTimeout(function () {
+                    self.$timer
+                    .addClass('vegas-timer-running')
+                        .find('div')
+                            .css('transition-duration', self._options('delay') - 100 + 'ms');
+                }, 100);
+            }
+        },
+
+        _video: function (srcs) {
+            var video,
+                source,
+                cacheKey = srcs.toString();
+
+            if (videoCache[cacheKey]) {
+                return videoCache[cacheKey];
+            }
+
+            if (srcs instanceof Array === false) {
+                srcs = [ srcs ];
+            }
+
+            video = document.createElement('video');
+            video.preload = true;
+
+            srcs.forEach(function (src) {
+                source = document.createElement('source');
+                source.src = src;
+                video.appendChild(source);
+            });
+
+            videoCache[cacheKey] = video;
+
+            return video;
+        },
+
+        _fadeOutSound: function (video, duration) {
+            var self   = this,
+                delay  = duration / 10,
+                volume = video.volume - 0.09;
+
+            if (volume > 0) {
+                video.volume = volume;
+
+                setTimeout(function () {
+                    self._fadeOutSound(video, duration);
+                }, delay);
+            } else {
+                video.pause();
+            }
+        },
+
+        _fadeInSound: function (video, duration) {
+            var self   = this,
+                delay  = duration / 10,
+                volume = video.volume + 0.09;
+
+            if (volume < 1) {
+                video.volume = volume;
+
+                setTimeout(function () {
+                    self._fadeInSound(video, duration);
+                }, delay);
+            }
+        },
+
+        _options: function (key, i) {
+            if (i === undefined) {
+                i = this.slide;
+            }
+
+            if (this.settings.slides[i][key] !== undefined) {
+                return this.settings.slides[i][key];
+            }
+
+            return this.settings[key];
+        },
+
+        _goto: function (nb) {
+            if (typeof this.settings.slides[nb] === 'undefined') {
+                nb = 0;
+            }
+
+            this.slide = nb;
+
+            var $slide,
+                $inner,
+                $video,
+                $slides       = this.$elmt.children('.vegas-slide'),
+                src           = this.settings.slides[nb].src,
+                videoSettings = this.settings.slides[nb].video,
+                delay         = this._options('delay'),
+                align         = this._options('align'),
+                valign        = this._options('valign'),
+                cover         = this._options('cover'),
+                color         = this._options('color') || this.$elmt.css('background-color'),
+                self          = this,
+                total         = $slides.length,
+                video,
+                img;
+
+            var transition         = this._options('transition'),
+                transitionDuration = this._options('transitionDuration'),
+                animation          = this._options('animation'),
+                animationDuration  = this._options('animationDuration');
+
+            if (this.settings.firstTransition && this.first) {
+                transition = this.settings.firstTransition || transition;
+            }
+
+            if (this.settings.firstTransitionDuration && this.first) {
+                transitionDuration = this.settings.firstTransitionDuration || transitionDuration;
+            }
+
+            if (this.first) {
+                this.first = false;
+            }
+
+            if (cover !== 'repeat') {
+                if (cover === true) {
+                    cover = 'cover';
+                } else if (cover === false) {
+                    cover = 'contain';
+                }
+            }
+
+            if (transition === 'random' || transition instanceof Array) {
+                if (transition instanceof Array) {
+                    transition = this._random(transition);
+                } else {
+                    transition = this._random(this.transitions);
+                }
+            }
+
+            if (animation === 'random' || animation instanceof Array) {
+                if (animation instanceof Array) {
+                    animation = this._random(animation);
+                } else {
+                    animation = this._random(this.animations);
+                }
+            }
+
+            if (transitionDuration === 'auto' || transitionDuration > delay) {
+                transitionDuration = delay;
+            }
+
+            if (animationDuration === 'auto') {
+                animationDuration = delay;
+            }
+
+            $slide = $('<div class="vegas-slide"></div>');
+
+            if (this.support.transition && transition) {
+                $slide.addClass('vegas-transition-' + transition);
+            }
+
+            // Video
+
+            if (this.support.video && videoSettings) {
+                if (videoSettings instanceof Array) {
+                    video = this._video(videoSettings);
+                } else {
+                    video = this._video(videoSettings.src);
+                }
+
+                video.loop  = videoSettings.loop !== undefined ? videoSettings.loop : true;
+                video.muted = videoSettings.mute !== undefined ? videoSettings.mute : true;
+
+                if (video.muted === false) {
+                    video.volume = 0;
+                    this._fadeInSound(video, transitionDuration);
+                } else {
+                    video.pause();
+                }
+
+                $video = $(video)
+                    .addClass('vegas-video')
+                    .css('background-color', color);
+
+                if (this.support.objectFit) {
+                    $video
+                        .css('object-position', align + ' ' + valign)
+                        .css('object-fit', cover)
+                        .css('width',  '100%')
+                        .css('height', '100%');
+                } else if (cover === 'contain') {
+                    $video
+                        .css('width',  '100%')
+                        .css('height', '100%');
+                }
+
+                $slide.append($video);
+
+            // Image
+
+            } else {
+                img = new Image();
+
+                $inner = $('<div class="vegas-slide-inner"></div>')
+                    .css('background-image',    'url("' + src + '")')
+                    .css('background-color',    color)
+                    .css('background-position', align + ' ' + valign);
+
+                if (cover === 'repeat') {
+                    $inner.css('background-repeat', 'repeat');
+                } else {
+                    $inner.css('background-size', cover);
+                }
+
+                if (this.support.transition && animation) {
+                    $inner
+                        .addClass('vegas-animation-' + animation)
+                        .css('animation-duration',  animationDuration + 'ms');
+                }
+
+                $slide.append($inner);
+            }
+
+            if (!this.support.transition) {
+                $slide.css('display', 'none');
+            }
+
+            if (total) {
+                $slides.eq(total - 1).after($slide);
+            } else {
+                this.$elmt.prepend($slide);
+            }
+
+            $slides
+                .css('transition', 'all 0ms')
+                .each(function () {
+                    this.className  = 'vegas-slide';
+
+                    if (this.tagName === 'VIDEO') {
+                        this.className += ' vegas-video';
+                    }
+
+                    if (transition) {
+                        this.className += ' vegas-transition-' + transition;
+                        this.className += ' vegas-transition-' + transition + '-in';
+                    }
+                }
+            );
+
+            self._timer(false);
+
+            function go () {
+                self._timer(true);
+
+                setTimeout(function () {
+                    if (transition) {
+                        if (self.support.transition) {
+                            $slides
+                                .css('transition', 'all ' + transitionDuration + 'ms')
+                                .addClass('vegas-transition-' + transition + '-out');
+
+                            $slides.each(function () {
+                                var video = $slides.find('video').get(0);
+
+                                if (video) {
+                                    video.volume = 1;
+                                    self._fadeOutSound(video, transitionDuration);
+                                }
+                            });
+
+                            $slide
+                                .css('transition', 'all ' + transitionDuration + 'ms')
+                                .addClass('vegas-transition-' + transition + '-in');
+                        } else {
+                            $slide.fadeIn(transitionDuration);
+                        }
+                    }
+
+                    for (var i = 0; i < $slides.length - self.settings.slidesToKeep; i++) {
+                        $slides.eq(i).remove();
+                    }
+
+                    self.trigger('walk');
+                    self._slideShow();
+                }, 100);
+            }
+            if (video) {
+                if (video.readyState === 4) {
+                    video.currentTime = 0;
+                }
+
+                video.play();
+                go();
+            } else {
+                img.src = src;
+
+                if (img.complete) {
+                    go();
+                } else {
+                    img.onload = go;
+                }
+            }
+        },
+
+        _end: function () {
+            if (this.settings.autoplay) {
+                this.ended = false;
+            } else {
+                this.ended = true;
+            }
+            this._timer(false);
+            this.trigger('end');
+        },
+
+        shuffle: function () {
+            var temp,
+                rand;
+
+            for (var i = this.total - 1; i > 0; i--) {
+                rand = Math.floor(Math.random() * (i + 1));
+                temp = this.settings.slides[i];
+
+                this.settings.slides[i] = this.settings.slides[rand];
+                this.settings.slides[rand] = temp;
+            }
+        },
+
+        play: function () {
+            if (this.paused) {
+                this.paused = false;
+                this.next();
+                this.trigger('play');
+            }
+        },
+
+        pause: function () {
+            this._timer(false);
+            this.paused = true;
+            this.trigger('pause');
+        },
+
+        toggle: function () {
+            if (this.paused) {
+                this.play();
+            } else {
+                this.pause();
+            }
+        },
+
+        playing: function () {
+            return !this.paused && !this.noshow;
+        },
+
+        current: function (advanced) {
+            if (advanced) {
+                return {
+                    slide: this.slide,
+                    data:  this.settings.slides[this.slide]
+                };
+            }
+            return this.slide;
+        },
+
+        jump: function (nb) {
+            if (nb < 0 || nb > this.total - 1 || nb === this.slide) {
+                return;
+            }
+
+            this.slide = nb;
+            this._goto(this.slide);
+        },
+
+        next: function () {
+            this.slide++;
+
+            if (this.slide >= this.total) {
+                if (!this.settings.loop) {
+                    return this._end();
+                }
+
+                this.slide = 0;
+            }
+
+            this._goto(this.slide);
+        },
+
+        previous: function () {
+            this.slide--;
+
+            if (this.slide < 0) {
+                if (!this.settings.loop) {
+                    this.slide++;
+                    return;
+                } else {
+                    this.slide = this.total - 1;
+                }
+            }
+
+            this._goto(this.slide);
+        },
+
+        trigger: function (fn) {
+            var params = [];
+
+            if (fn === 'init') {
+                params = [ this.settings ];
+            } else {
+                params = [
+                    this.slide,
+                    this.settings.slides[this.slide]
+                ];
+            }
+
+            this.$elmt.trigger('vegas' + fn, params);
+
+            if (typeof this.settings[fn] === 'function') {
+                this.settings[fn].apply(this.$elmt, params);
+            }
+        },
+
+        options: function (key, value) {
+            var oldSlides = this.settings.slides.slice();
+
+            if (typeof key === 'object') {
+                this.settings = $.extend({}, defaults, $.vegas.defaults, key);
+            } else if (typeof key === 'string') {
+                if (value === undefined) {
+                    return this.settings[key];
+                }
+                this.settings[key] = value;
+            } else {
+                return this.settings;
+            }
+
+            // In case slides have changed
+            if (this.settings.slides !== oldSlides) {
+                this.total  = this.settings.slides.length;
+                this.noshow = this.total < 2;
+                this._preload();
+            }
+        },
+
+        destroy: function () {
+            clearTimeout(this.timeout);
+
+            this.$elmt.removeClass('vegas-container');
+            this.$elmt.find('> .vegas-slide').remove();
+            this.$elmt.find('> .vegas-wrapper').clone(true).children().appendTo(this.$elmt);
+            this.$elmt.find('> .vegas-wrapper').remove();
+
+            if (this.settings.timer) {
+                this.$timer.remove();
+            }
+
+            if (this.settings.overlay) {
+                this.$overlay.remove();
+            }
+
+            this.elmt._vegas = null;
+        }
+    };
+
+    $.fn.vegas = function(options) {
+        var args = arguments,
+            error = false,
+            returns;
+
+        if (options === undefined || typeof options === 'object') {
+            return this.each(function () {
+                if (!this._vegas) {
+                    this._vegas = new Vegas(this, options);
+                }
+            });
+        } else if (typeof options === 'string') {
+            this.each(function () {
+                var instance = this._vegas;
+
+                if (!instance) {
+                    throw new Error('No Vegas applied to this element.');
+                }
+
+                if (typeof instance[options] === 'function' && options[0] !== '_') {
+                    returns = instance[options].apply(instance, [].slice.call(args, 1));
+                } else {
+                    error = true;
+                }
+            });
+
+            if (error) {
+                throw new Error('No method "' + options + '" in Vegas.');
+            }
+
+            return returns !== undefined ? returns : this;
+        }
+    };
+
+    $.vegas = {};
+    $.vegas.defaults = defaults;
+
+    $.vegas.isVideoCompatible = function () {
+        return !/(Android|webOS|Phone|iPad|iPod|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
+    };
+
+})(window.jQuery || window.Zepto);

vegas/index.php

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="fr-FR">
+<head>
+<meta charset="UTF-8" />
+<title>Sur le sentier...</title>
+<link rel="Shortcut Icon" href="../favicon.ico" type="image/x-icon" />
+<!--script src="https://zeptojs.com/zepto.min.js"></script-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
+<script type="text/javascript" src="js/vegas.min.js"></script>
+<link href='https://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
+<!-- Patrick+Hand|Josefin+Sans|Coming+Soon|Comfortaa|Pontano+Sans|Rock+Salt -->
+<link rel="stylesheet" type="text/css" href="js/vegas.min.css" />
+<link rel="stylesheet" type="text/css" href="js/vegas-style.css" />
+
+<?php
+//Get a list of file paths using the glob function.
+$fileList = glob('img/*');
+
+$host = (($_SERVER['HTTPS'] == 'on') ? 'https' : "http") . '://' . $_SERVER['HTTP_HOST'];
+$root = $_SERVER['DOCUMENT_ROOT'];
+include($root.'/lib2/localize.php');
+$dir_locales = $root . '/locales';
+
+$liste_locale = list_dir($dir_locales);
+if ((!isset($_POST['lang'])) and (!isset($_GET['lang']))) $langue = locale_language_from_browser($myLanguages);
+else $langue = $_REQUEST['lang'];
+
+$domain = 'clicclac';
+putenv('LC_ALL=' . $langue);
+$loc = setlocale(LC_ALL, $langue);
+bindtextdomain($domain, $root . '/locales/');
+bind_textdomain_codeset($domain, 'UTF-8');
+textdomain($domain);
+$nation = array('fr_FR' => gettext('French'), 'en_US' => gettext('English') , 'de_DE' => gettext('German'), 'es_ES' => gettext('Spanish') );
+?>
+</head>
+
+<body>
+
+<script type="text/javascript">
+$("#exemple, body").vegas({
+    slides: [
+<?php
+foreach($fileList as $filename){
+   echo '{ src: "' . $filename . '" },' . "\r\n"; 
+}
+
+?>
+    ],
+    animation: 'random',
+    animationDuration: '20000'
+});
+</script>
+
+
+<div class="vegas-menu">
+
+    <div class="tweet-it">
+        <div class="icn">
+			<a title="Flickr" href="https://www.flickr.com/photos/funnymac/">
+				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M500,10C229.4,10,10,229.5,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.5,770.6,10,500,10L500,10z M312.1,651.8c-85.2,0-154.3-69-154.3-154.2c0-85.2,69.1-154.2,154.3-154.2c85.2,0,154.2,69,154.2,154.2C466.3,582.9,397.3,651.8,312.1,651.8z M699.1,651.8c-85.2,0-154.2-69-154.2-154.2c0-85.2,69-154.2,154.2-154.2s154.2,69,154.2,154.2C853.3,582.9,784.3,651.8,699.1,651.8z"/></g>
+				</svg>
+        	</a>
+        </div>
+
+        <div class="icn">
+			<a title="500px" href="https://500px.com/bruno_21">
+				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M538.2,510.1c-11.8-8.5-24.2-16.1-38.4-19.6c-21.7-5.4-41.5-2.3-56.9,15.4c-12,13.7-17.7,29.9-17.6,49.3c0.1,1.8,0.3,4.6,0.5,7.5c2.3,26.9,20.3,47.1,46.3,51.9c14.3,2.6,28.2,0.7,41.7-4.6c28.8-11.2,50.8-31.4,70.8-54.1c1.5-1.7,0.8-2.5-0.4-3.7C569.8,537.1,555.1,522.3,538.2,510.1z"/><path d="M768.7,488.7c-18.2,2.4-33.2,11.4-47.3,22.2c-15.8,12.1-29,26.8-42.6,41.2c-1.8,1.9-1,2.9,0.3,4.4c9.5,10.7,19.4,21.1,30.6,30.1c18.6,15,38.7,26.5,63.2,28.8c27.6,2.6,50-10.4,59.9-35.4c3.4-8.7,4.9-17.7,4.9-28.3c0.1-2.6-0.3-6.5-0.8-10.4C832.7,506.6,803.4,484.1,768.7,488.7z"/><path d="M937.9,10H62.1C33.3,10,10,33.3,10,62.1v875.7c0,28.8,23.3,52.1,52.1,52.1h875.7c28.8,0,52.1-23.3,52.1-52.1V62.1C990,33.3,966.7,10,937.9,10z M899.5,607c-19.6,54.6-65.1,85.8-123.2,85.1c-35.4-0.4-65.6-14.1-93.2-35c-18-13.7-33.4-30-48.3-47c-2.5-2.8-3.7-3.5-6.7-0.3c-15.2,15.8-29.6,32.3-46.6,46.2c-21.5,17.6-45.3,30.7-73.2,34.5c-49.3,6.7-91.8-6.3-124.9-44.9c-7.5-8.8-13.1-18.7-17.8-29.3c-0.6-1.3-0.8-2.9-2.3-4c-6.5,14-14.5,26.9-25,38.1c-26.6,28.2-59.3,42.9-97.9,44.3c-27.9,1-55.3-2.6-80.7-14.7c-42.7-20.2-66.1-53.9-69-101.4c-0.2-3.6,0.8-4.6,4.4-4.5c22.9,0.2,45.9,0.2,68.9,0c3.4,0,4.4,1,5,4.4c4.4,26.2,18.5,44.4,44.9,51c36.8,9.1,70.6-11.7,80.3-49.6c6.5-25.5,3.7-49.9-13.2-71.2c-11.2-14.1-26.5-21-44.4-22.2c-25.8-1.8-46.8,6.7-62.1,28.1c-1.4,2-3.1,2.5-5.4,2.5c-20.7-0.1-41.4-0.1-62,0c-3.6,0-4.3-1-3.7-4.4c10.7-59.7,21.4-119.4,32-179.1c1.5-8.2,3-16.3,4.3-24.5c0.4-2.7,1.5-3.7,4.4-3.7c68.7,0.1,137.4,0.1,206.1,0c3.3,0,4,1.1,4,4.1c-0.1,18.4-0.2,36.8,0,55.2c0,3.8-0.9,4.8-4.7,4.8c-49.2-0.1-98.4,0-147.6-0.2c-4.1,0-5.9,0.7-6.7,5.3c-4.3,26.2-9.1,52.3-13.7,78.5c-0.2,1.1-1,2.6,0.2,3.3c1.3,0.8,2.1-0.8,2.9-1.6c22.5-21.7,50-28.3,80.4-26.7c29.2,1.6,54.1,12.5,74.6,33.3c8.6,8.7,15.2,18.7,20.6,29.6c0.6,1.2,1.2,2.4,2.2,4.5c5.8-15.3,13-28.7,23.1-40.2c22.3-25.4,50.5-39,84-42.1c47.2-4.4,86,13.9,120,44.9c14.1,12.8,26.5,27.2,38.8,41.8c2.6,3.1,3.7,3.4,6.5,0.1c15.8-18.7,31.5-37.5,50.8-52.7c22.4-17.5,47-30.2,75.6-33.5c70.6-8.3,129.6,30.2,144.7,103.1C912.1,547.2,910.1,577.5,899.5,607z"/></g>
+				</svg>
+        	</a>
+        </div>
+        
+        <div class="icn">
+			<a title="mail" href="mailto:contact.clicclac.info?subject=[Contact] sur-le-sentier.fr">
+        		<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M956.7,141H43.3C24.9,141,10,155.9,10,174.2v651.5c0,18.3,14.9,33.3,33.3,33.3h913.5c18.3,0,33.3-14.9,33.3-33.3V174.2C990,155.9,975.1,141,956.7,141z M950.5,687L693.1,483.4c86.1-75,202.8-176.7,257.4-224.4V687L950.5,687z M950.5,180.4v26.3c-42.2,36.7-358.1,312.1-385.3,335.8c-27.6,24-54.8,26.6-65.2,26.6c-10.4,0-37.7-2.6-65.3-26.6c-27.2-23.7-343.1-299-385.3-335.8v-26.3H950.5L950.5,180.4z M309.6,485.7L49.5,691.4V259.1C104.7,307.2,223.3,410.5,309.6,485.7z M49.5,819.6v-77.9l290.4-229.6c35.8,31.2,62,54,69,60.1c37.6,32.8,76.3,36.3,91.2,36.3s53.6-3.5,91.2-36.3c7.2-6.3,34.5-30.1,71.7-62.4l287.7,227.5v82.3H49.5L49.5,819.6z"/></g>
+				</svg>
+        	</a>
+        </div>
+
+        <div class="icn">
+			<a title="rss" href="https://silverbook.local/wordpress/feed/">
+				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+					<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata>
+					<g><path d="M143.6,722.7c-37.1,0-68.7,13-94.7,39c-26,26-39,57.5-39,94.6c0,37.1,13,68.7,39,94.7c26,26,57.5,39,94.7,39s68.7-13,94.6-39c26-26,39-57.5,39-94.7c0-37.1-13-68.7-39-94.6C212.3,735.7,180.7,722.7,143.6,722.7z"/><path d="M451.2,548.7c-52.4-52.9-112.5-95-180.3-126.3c-67.7-31.3-138.7-50-213-56h-3.5c-12.1,0-22,3.9-29.9,11.8c-9.7,8.3-14.6,19.3-14.6,32.7v94c0,11.6,3.8,21.6,11.5,29.9c7.7,8.4,17.3,13,28.9,13.9c106.2,10.2,197.1,53,272.5,128.4c75.4,75.4,118.2,166.2,128.4,272.5c0.9,11.6,5.6,21.2,13.9,28.9c8.4,7.7,18.3,11.5,29.9,11.5h94c13.5,0,24.4-4.9,32.7-14.6c8.8-9.3,12.8-20.4,11.8-33.4c-6-74.2-24.7-145.2-56-212.9C546.2,661.2,504.1,601.1,451.2,548.7z"/><path d="M906.4,594.3c-49.6-111.1-117.8-209.8-204.6-296.1c-86.3-86.8-185-155-296.1-204.6C294.5,43.9,178.2,16.1,56.6,10h-2.1c-12.1,0-22.3,4.2-30.6,12.5c-9.3,8.3-13.9,19-13.9,32v99.5c0,11.6,4.1,21.7,12.2,30.3c8.1,8.6,18,13.1,29.6,13.6c99.8,6,194.5,29.7,284.3,71c89.8,41.3,167.7,95,233.8,161.1C636,496.2,689.7,574.1,731,663.9c41.3,89.8,64.7,184.5,70.3,284.3c0.5,11.6,5,21.5,13.6,29.6c8.6,8.1,18.9,12.2,31,12.2h99.5c13,0,23.6-4.6,32-13.9c9.3-9.3,13.4-20.2,12.5-32.7C983.9,821.8,956,705.4,906.4,594.3z"/></g>
+				</svg>
+        	</a>
+        </div>
+
+
+    </div>
+
+	<h1> sur-le-sentier... </h1>
+
+	<div class="menu">
+	
+		<div class="texte"><a href="/wordpress/" title="<?php echo gettext('Blog'); ?>">  <?php echo gettext('Go to the <span class="green">blog...</span>'); ?></a></div>
+
+		<div class="texte"><a href="/zenphoto/" title="<?php echo gettext('Gallery'); ?>"> <?php echo gettext('Visit the <span class="green">gallery...</span>'); ?></a></div>
+
+		<div class="texte"><a href="/photoblog/ce-mois.php" title="<?php echo gettext('This month'); ?>">  <?php echo gettext('<span class="green">Latest</span> images...'); ?></a></div>
+	</div>
+			
+</div>
+
+
+<div class="vegas-info">
+<?php echo gettext('Powered by'); ?> <a href="http://wordpress.org">WordPress</a> - <a href="http://www.zenphoto.org">Zenphoto</a> - <a href="http://vegas.jaysalvat.com">Vegas Background Slideshow 2</a>. <a href="">License des photos</a>. (c) 2013-<?php echo date('Y'); ?> sur-le-sentier.fr
+</div>
+
+
+</body>
+</html>

vegas/js/vegas-style.css

@@ -0,0 +1,284 @@
+/*
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align:baseline
+}
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+    display:block
+}
+
+body {
+    line-height:1
+}
+
+ol, ul {
+    list-style:none
+}
+
+blockquote, q {
+    quotes:none
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+    content: '';
+    content:none
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing:0
+}
+
+html {
+    box-sizing:border-box
+}
+
+*, * :before, * :after {
+    box-sizing:inherit
+}
+*/
+
+/* — */
+
+.vegas-menu {
+	float: right;
+	top: 200px;
+	margin-right: 24px;
+	text-align: right;
+}
+
+.vegas-menu h1 {
+	font: bold 64px 'Coming Soon', cursive;
+ 	color: #fff;
+	letter-spacing: 15px;
+ 	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
+}
+
+.vegas-menu h1 a {
+	color: #fff;
+	text-decoration: none;
+	}
+
+/*
+Menu
+*/
+
+.menu {
+	margin-top: 100px;
+	margin-bottom: 24px;
+	float: right;
+}
+
+.texte {
+	margin-bottom: 40px;
+}
+
+.texte a {
+	font-family: 'Coming Soon', cursive;
+	font-size: 32px;
+	font-variant: small-caps;
+	text-align: right;
+	color: #fff;
+	background-color: rgba(0, 0, 0, 0.5);
+	
+	text-decoration: none;
+	
+	padding-right: 0.3em;
+	padding-left: 1.5em;
+}
+
+.texte a:hover {
+	font-style: italic;
+	background-color: rgba(0, 0, 0, 0.8);
+}
+
+.clearall {
+	clear: both;
+}
+
+.green {
+	color: #cff208;
+}
+
+
+/* 
+Flickr, 500px 
+*/
+
+.tweet-it {
+    position: fixed;
+    top: 1.5em;
+    left: 3.5em;
+    z-index: 1000;
+    -webkit-transition: 1s opacity;
+    transition:1s opacity
+}
+
+@media (max-width: 768px) {
+    .tweet-it {
+        top: 80px;
+        right:1em
+    }
+}
+
+@media (max-height: 550px) {
+    .tweet-it {
+        display:none
+    }
+}
+
+@media (max-width: 375px) {
+    .tweet-it {
+        display:none
+    }
+}
+
+.icn {
+    opacity:.5
+}
+
+
+.icn svg {
+    display: block;
+    fill: #fff;
+    border-radius: 50%;
+    border: 2px solid white;
+    padding: 15px;
+	margin: 15px;
+    text-align: center;
+    width: 35px;
+    height: 35px;
+}
+
+.icn:hover {
+    opacity:1
+}
+
+/*
+Propulsé par …
+*/
+
+.vegas-info {
+	position: absolute;
+	bottom: 0px;
+	right: 10px;
+	color: #fff;
+	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+	filter:alpha(opacity=60);
+	-moz-opacity:0.6;
+	opacity: 0.6;
+}
+
+.vegas-info a:hover, .vegas-info-vert a:hover {
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+	filter:alpha(opacity=90);
+	-moz-opacity:0.9;
+	opacity: 0.9;
+}
+
+.vegas-info a, .vegas-info a:visited, .vegas-info-vert a, .vegas-info-vert a:visited {
+	color: #cff208;
+	text-decoration: none;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+	filter:alpha(opacity=60);
+	-moz-opacity:0.6;
+	opacity: 0.6;
+}
+
+
+/* --------- 
+
+.homepage-header {
+    width: 100vw;
+    height: 100vh;
+    background-color:#000
+}
+
+.homepage-info {
+    position: absolute;
+    overflow: hidden;
+    font-family: "Raleway";
+    text-transform: uppercase;
+    line-height: 2.2em;
+    text-align: right;
+    width: 100%;
+    font-size: .60em;
+    right: 1em;
+    bottom:1em
+}
+
+@media (min-width: 768px) {
+    .homepage-info {
+        right: 2em;
+        bottom: 2.5em;
+        font-size:.85em
+    }
+}
+
+@media (min-width: 769px) {
+    .homepage-info {
+        font-size: .85em;
+        right: 3.5em;
+        bottom:3em
+    }
+}
+
+.homepage-info h1 {
+    position: relative;
+    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 10px #000;
+    letter-spacing: -1px;
+    padding-right: 4.7em;
+    font-size: 1.9em;
+    margin: .75em 0;
+    pointer-events:none
+}
+
+.homepage-info h1 span {
+    display:block
+}
+
+.homepage-info h1 .line1 {
+    font-size: 3em;
+    letter-spacing: -5px;
+    margin-bottom:.2em
+}
+
+.homepage-menu {
+    position: relative;
+    font-weight: 900;
+    margin: .75em 0;
+    font-size:2em
+}
+
+.homepage-menu a {
+    color:#fff
+}
+
+.homepage-menu li {
+    margin-bottom:4px
+}
+
+.homepage-submenu {
+    line-height: 1.6;
+    text-align: left;
+    font-size: .68em;
+    width: 140px;
+    position: absolute;
+    top: -4px;
+    right:0
+}
+
+.homepage-submenu li {
+    -webkit-transition: .5s cubic-bezier(0, 0.5, 0, 1);
+    transition: .5s cubic-bezier(0, 0.5, 0, 1);
+    -webkit-transform: translateY(16px);
+    transform: translateY(16px);
+}
+*/
+

vegas/js/vegas.css

@@ -0,0 +1,556 @@
+.vegas-overlay,
+.vegas-content-scrollable,
+.vegas-timer,
+.vegas-slide,
+.vegas-slide-inner {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    overflow: hidden;
+    border: none;
+    padding: 0;
+    margin: 0;
+}
+
+.vegas-content-scrollable {
+    position: relative;
+    height: 100%;
+    overflow: auto;
+}
+
+.vegas-overlay {
+    opacity: .5;
+    background: transparent url("./overlays/02.png") center center repeat;
+}
+
+.vegas-timer {
+    top: auto;
+    bottom: 0;
+    height: 2px;
+}
+
+.vegas-timer-progress {
+    width: 0%;
+    height: 100%;
+    background: white;
+    transition: width ease-out;
+}
+
+.vegas-timer-running .vegas-timer-progress {
+    width: 100%;
+}
+
+.vegas-slide,
+.vegas-slide-inner {
+    margin: 0;
+    padding: 0;
+    background: transparent center center no-repeat;
+    transform: translateZ(0);
+    will-change: transform, opacity;
+}
+
+body .vegas-container {
+    overflow: hidden !important;
+    position: relative;
+}
+
+.vegas-video {
+    min-width: 100%;
+    min-height: 100%;
+    width: auto;
+    height: auto;
+}
+
+body.vegas-container {
+    overflow: auto;
+    position: static;
+    z-index: -2;
+}
+
+body.vegas-container > .vegas-timer,
+body.vegas-container > .vegas-overlay,
+body.vegas-container > .vegas-slide {
+    position: fixed;
+    z-index: -1;
+}
+
+/* Target Safari IOS7+ in order to add 76px */
+/*******************************************/
+/* blur transition */
+/*******************************************/
+.vegas-transition-blur,
+.vegas-transition-blur2 {
+    opacity: 0;
+    filter: blur(32px) brightness(1.01);
+}
+
+.vegas-transition-blur-in,
+.vegas-transition-blur2-in {
+    opacity: 1;
+    filter: blur(0px) brightness(1.01);
+}
+
+.vegas-transition-blur2-out {
+    opacity: 0;
+}
+
+/*******************************************/
+/* burn transition */
+/*******************************************/
+.vegas-transition-burn,
+.vegas-transition-burn2 {
+    opacity: 0;
+    filter: contrast(1000%) saturate(1000%);
+}
+
+.vegas-transition-burn-in,
+.vegas-transition-burn2-in {
+    opacity: 1;
+    filter: contrast(100%) saturate(100%);
+}
+
+.vegas-transition-burn2-out {
+    opacity: 0;
+    filter: contrast(1000%) saturate(1000%);
+}
+
+/*******************************************/
+/* fade transition */
+/*******************************************/
+.vegas-transition-fade,
+.vegas-transition-fade2 {
+    opacity: 0;
+}
+
+.vegas-transition-fade-in,
+.vegas-transition-fade2-in {
+    opacity: 1;
+}
+
+.vegas-transition-fade2-out {
+    opacity: 0;
+}
+
+/*******************************************/
+/* flash transition */
+/*******************************************/
+.vegas-transition-flash,
+.vegas-transition-flash2 {
+    opacity: 0;
+    filter: brightness(25);
+}
+
+.vegas-transition-flash-in,
+.vegas-transition-flash2-in {
+    opacity: 1;
+    filter: brightness(1);
+}
+
+.vegas-transition-flash2-out {
+    opacity: 0;
+    filter: brightness(25);
+}
+
+/*******************************************/
+/* negative transition */
+/*******************************************/
+.vegas-transition-negative,
+.vegas-transition-negative2 {
+    opacity: 0;
+    filter: invert(100%);
+}
+
+.vegas-transition-negative-in,
+.vegas-transition-negative2-in {
+    opacity: 1;
+    filter: invert(0);
+}
+
+.vegas-transition-negative2-out {
+    opacity: 0;
+    filter: invert(100%);
+}
+
+/*******************************************/
+/* slideDown transition */
+/*******************************************/
+.vegas-transition-slideDown,
+.vegas-transition-slideDown2 {
+    transform: translateY(-100%);
+}
+
+.vegas-transition-slideDown-in,
+.vegas-transition-slideDown2-in {
+    transform: translateY(0%);
+}
+
+.vegas-transition-slideDown2-out {
+    transform: translateY(100%);
+}
+
+/*******************************************/
+/* slideLeft transition */
+/*******************************************/
+.vegas-transition-slideLeft,
+.vegas-transition-slideLeft2 {
+    transform: translateX(100%);
+}
+
+.vegas-transition-slideLeft-in,
+.vegas-transition-slideLeft2-in {
+    transform: translateX(0%);
+}
+
+.vegas-transition-slideLeft2-out {
+    transform: translateX(-100%);
+}
+
+/*******************************************/
+/* slideRight transition */
+/*******************************************/
+.vegas-transition-slideRight,
+.vegas-transition-slideRight2 {
+    transform: translateX(-100%);
+}
+
+.vegas-transition-slideRight-in,
+.vegas-transition-slideRight2-in {
+    transform: translateX(0%);
+}
+
+.vegas-transition-slideRight2-out {
+    transform: translateX(100%);
+}
+
+/*******************************************/
+/* slideUp transition */
+/*******************************************/
+.vegas-transition-slideUp,
+.vegas-transition-slideUp2 {
+    transform: translateY(100%);
+}
+
+.vegas-transition-slideUp-in,
+.vegas-transition-slideUp2-in {
+    transform: translateY(0%);
+}
+
+.vegas-transition-slideUp2-out {
+    transform: translateY(-100%);
+}
+
+/*******************************************/
+/* swirlLeft transition */
+/*******************************************/
+.vegas-transition-swirlLeft,
+.vegas-transition-swirlLeft2 {
+    transform: scale(2) rotate(35deg);
+    opacity: 0;
+}
+
+.vegas-transition-swirlLeft-in,
+.vegas-transition-swirlLeft2-in {
+    transform: scale(1) rotate(0deg);
+    opacity: 1;
+}
+
+.vegas-transition-swirlLeft2-out {
+    transform: scale(2) rotate(-35deg);
+    opacity: 0;
+}
+
+/*******************************************/
+/* swirlRight transition */
+/*******************************************/
+.vegas-transition-swirlRight,
+.vegas-transition-swirlRight2 {
+    transform: scale(2) rotate(-35deg);
+    opacity: 0;
+}
+
+.vegas-transition-swirlRight-in,
+.vegas-transition-swirlRight2-in {
+    transform: scale(1) rotate(0deg);
+    opacity: 1;
+}
+
+.vegas-transition-swirlRight2-out {
+    transform: scale(2) rotate(35deg);
+    opacity: 0;
+}
+
+/*******************************************/
+/* zoomIn transition */
+/*******************************************/
+.vegas-transition-zoomIn,
+.vegas-transition-zoomIn2 {
+    transform: scale(0);
+    opacity: 0;
+}
+
+.vegas-transition-zoomIn-in,
+.vegas-transition-zoomIn2-in {
+    transform: scale(1);
+    opacity: 1;
+}
+
+.vegas-transition-zoomIn2-out {
+    transform: scale(2);
+    opacity: 0;
+}
+
+/*******************************************/
+/* zoomOut transition */
+/*******************************************/
+.vegas-transition-zoomOut,
+.vegas-transition-zoomOut2 {
+    transform: scale(2);
+    opacity: 0;
+}
+
+.vegas-transition-zoomOut-in,
+.vegas-transition-zoomOut2-in {
+    transform: scale(1);
+    opacity: 1;
+}
+
+.vegas-transition-zoomOut2-out {
+    transform: scale(0);
+    opacity: 0;
+}
+
+/*******************************************/
+/* kenburns animation */
+/*******************************************/
+.vegas-animation-kenburns {
+    -webkit-animation: kenburns ease-out;
+            animation: kenburns ease-out;
+}
+
+@-webkit-keyframes kenburns {
+    0% {
+        transform: scale(1.5);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+
+@keyframes kenburns {
+    0% {
+        transform: scale(1.5);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+
+/*******************************************/
+/* kenburnsDownLeft animation */
+/*******************************************/
+.vegas-animation-kenburnsDownLeft {
+    -webkit-animation: kenburnsDownLeft ease-out;
+            animation: kenburnsDownLeft ease-out;
+}
+
+@-webkit-keyframes kenburnsDownLeft {
+    0% {
+        transform: scale(1.5) translate(10%, -10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsDownLeft {
+    0% {
+        transform: scale(1.5) translate(10%, -10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsDownRight animation */
+/*******************************************/
+.vegas-animation-kenburnsDownRight {
+    -webkit-animation: kenburnsDownRight ease-out;
+            animation: kenburnsDownRight ease-out;
+}
+
+@-webkit-keyframes kenburnsDownRight {
+    0% {
+        transform: scale(1.5) translate(-10%, -10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsDownRight {
+    0% {
+        transform: scale(1.5) translate(-10%, -10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsDown animation */
+/*******************************************/
+.vegas-animation-kenburnsDown {
+    -webkit-animation: kenburnsDown ease-out;
+            animation: kenburnsDown ease-out;
+}
+
+@-webkit-keyframes kenburnsDown {
+    0% {
+        transform: scale(1.5) translate(0, -10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsDown {
+    0% {
+        transform: scale(1.5) translate(0, -10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsLeft animation */
+/*******************************************/
+.vegas-animation-kenburnsLeft {
+    -webkit-animation: kenburnsLeft ease-out;
+            animation: kenburnsLeft ease-out;
+}
+
+@-webkit-keyframes kenburnsLeft {
+    0% {
+        transform: scale(1.5) translate(10%, 0);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsLeft {
+    0% {
+        transform: scale(1.5) translate(10%, 0);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsRight animation */
+/*******************************************/
+.vegas-animation-kenburnsRight {
+    -webkit-animation: kenburnsRight ease-out;
+            animation: kenburnsRight ease-out;
+}
+
+@-webkit-keyframes kenburnsRight {
+    0% {
+        transform: scale(1.5) translate(-10%, 0);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsRight {
+    0% {
+        transform: scale(1.5) translate(-10%, 0);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsUpLeft animation */
+/*******************************************/
+.vegas-animation-kenburnsUpLeft {
+    -webkit-animation: kenburnsUpLeft ease-out;
+            animation: kenburnsUpLeft ease-out;
+}
+
+@-webkit-keyframes kenburnsUpLeft {
+    0% {
+        transform: scale(1.5) translate(10%, 10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsUpLeft {
+    0% {
+        transform: scale(1.5) translate(10%, 10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsUpRight animation */
+/*******************************************/
+.vegas-animation-kenburnsUpRight {
+    -webkit-animation: kenburnsUpRight ease-out;
+            animation: kenburnsUpRight ease-out;
+}
+
+@-webkit-keyframes kenburnsUpRight {
+    0% {
+        transform: scale(1.5) translate(-10%, 10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsUpRight {
+    0% {
+        transform: scale(1.5) translate(-10%, 10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+/*******************************************/
+/* kenburnsUp animation */
+/*******************************************/
+.vegas-animation-kenburnsUp {
+    -webkit-animation: kenburnsUp ease-out;
+            animation: kenburnsUp ease-out;
+}
+
+@-webkit-keyframes kenburnsUp {
+    0% {
+        transform: scale(1.5) translate(0, 10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}
+
+@keyframes kenburnsUp {
+    0% {
+        transform: scale(1.5) translate(0, 10%);
+    }
+    100% {
+        transform: scale(1) translate(0, 0);
+    }
+}

vegas/js/vegas.js

@@ -0,0 +1,751 @@
+/*!-----------------------------------------------------------------------------
+ * Vegas - Fullscreen Backgrounds and Slideshows.
+ * v2.5.4 - built 2021-01-30
+ * Licensed under the MIT License.
+ * http://vegas.jaysalvat.com/
+ * ----------------------------------------------------------------------------
+ * Copyright (C) 2010-2021 Jay Salvat
+ * http://jaysalvat.com/
+ * --------------------------------------------------------------------------*/
+
+(function ($) {
+  'use strict';
+
+  var defaults = {
+    slide:                   0,
+    delay:                   5000,
+    loop:                    true,
+    preload:                 false,
+    preloadImage:            false,
+    preloadVideo:            false,
+    timer:                   true,
+    overlay:                 false,
+    autoplay:                true,
+    shuffle:                 false,
+    cover:                   true,
+    color:                   null,
+    align:                   'center',
+    valign:                  'center',
+    firstTransition:         null,
+    firstTransitionDuration: null,
+    transition:              'fade',
+    transitionDuration:      1000,
+    transitionRegister:      [],
+    animation:               null,
+    animationDuration:       'auto',
+    animationRegister:       [],
+    slidesToKeep:            1,
+    init:  function () {},
+    play:  function () {},
+    pause: function () {},
+    walk:  function () {},
+    slides: [
+      // {
+      //  src:                null,
+      //  color:              null,
+      //  delay:              null,
+      //  align:              null,
+      //  valign:             null,
+      //  transition:         null,
+      //  transitionDuration: null,
+      //  animation:          null,
+      //  animationDuration:  null,
+      //  cover:              true,
+      //  video: {
+      //      src: [],
+      //      mute: true,
+      //      loop: true
+      // }
+      // ...
+    ]
+  };
+
+  var videoCache = {};
+
+  var Vegas = function (elmt, options) {
+    this.elmt         = elmt;
+    this.settings     = $.extend({}, defaults, $.vegas.defaults, options);
+    this.slide        = this.settings.slide;
+    this.total        = this.settings.slides.length;
+    this.noshow       = this.total < 2;
+    this.paused       = !this.settings.autoplay || this.noshow;
+    this.ended        = false;
+    this.$elmt        = $(elmt);
+    this.$timer       = null;
+    this.$overlay     = null;
+    this.$slide       = null;
+    this.timeout      = null;
+    this.first        = true;
+
+    this.transitions = [
+      'fade', 'fade2',
+      'blur', 'blur2',
+      'flash', 'flash2',
+      'negative', 'negative2',
+      'burn', 'burn2',
+      'slideLeft', 'slideLeft2',
+      'slideRight', 'slideRight2',
+      'slideUp', 'slideUp2',
+      'slideDown', 'slideDown2',
+      'zoomIn', 'zoomIn2',
+      'zoomOut', 'zoomOut2',
+      'swirlLeft', 'swirlLeft2',
+      'swirlRight', 'swirlRight2'
+    ];
+
+    this.animations = [
+      'kenburns',
+      'kenburnsLeft', 'kenburnsRight',
+      'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight',
+      'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight'
+    ];
+
+    if (!(this.settings.transitionRegister instanceof Array)) {
+      this.settings.transitionRegister = [ this.settings.transitionRegister ];
+    }
+
+    if (!(this.settings.animationRegister instanceof Array)) {
+      this.settings.animationRegister = [ this.settings.animationRegister ];
+    }
+
+    this.transitions = this.transitions.concat(this.settings.transitionRegister);
+    this.animations  = this.animations.concat(this.settings.animationRegister);
+
+    this.support = {
+      objectFit:  'objectFit'  in document.body.style,
+      transition: 'transition' in document.body.style || 'WebkitTransition' in document.body.style,
+      video:      $.vegas.isVideoCompatible()
+    };
+
+    if (this.settings.shuffle === true) {
+      this.shuffle();
+    }
+
+    this._init();
+  };
+
+  Vegas.prototype = {
+    _init: function () {
+      var $content,
+        $contentScroll,
+        $overlay,
+        $timer,
+        isBody  = this.elmt.tagName === 'BODY',
+        timer   = this.settings.timer,
+        overlay = this.settings.overlay,
+        self    = this;
+
+      // Preloading
+      this._preload();
+
+      // Div with scrollable content
+      if (!isBody) {
+        $contentScroll = $('<div class="vegas-content-scrollable">');
+
+        $content = $('<div class="vegas-content">')
+          .css('overflow', this.$elmt.css('overflow'))
+          .css('padding',  this.$elmt.css('padding'));
+
+        // Some browsers don't compute padding shorthand
+        if (!this.$elmt.css('padding')) {
+          $content
+            .css('padding-top',    this.$elmt.css('padding-top'))
+            .css('padding-bottom', this.$elmt.css('padding-bottom'))
+            .css('padding-left',   this.$elmt.css('padding-left'))
+            .css('padding-right',  this.$elmt.css('padding-right'));
+        }
+
+        this.$elmt.css('padding', 0);
+
+        this.$elmt.clone(true).children().appendTo($content);
+        this.elmt.innerHTML = '';
+      }
+
+      // Timer
+      if (timer && this.support.transition) {
+        $timer = $('<div class="vegas-timer"><div class="vegas-timer-progress">');
+        this.$timer = $timer;
+        this.$elmt.prepend($timer);
+      }
+
+      // Overlay
+      if (overlay) {
+        $overlay = $('<div class="vegas-overlay">');
+
+        if (typeof overlay === 'string') {
+          $overlay.css('background-image', 'url(' + overlay + ')');
+        }
+
+        this.$overlay = $overlay;
+        this.$elmt.prepend($overlay);
+      }
+
+      // Container
+      this.$elmt.addClass('vegas-container');
+
+      if (!isBody) {
+        this.$elmt.append($contentScroll);
+        $contentScroll.append($content);
+      }
+
+      setTimeout(function () {
+        self.trigger('init');
+        self._goto(self.slide);
+
+        if (self.settings.autoplay) {
+          self.trigger('play');
+        }
+      }, 1);
+    },
+
+    _preload: function () {
+      var img, i;
+
+      for (i = 0; i < this.settings.slides.length; i++) {
+        if (this.settings.preload || this.settings.preloadImages) {
+          if (this.settings.slides[i].src) {
+            img = new Image();
+            img.src = this.settings.slides[i].src;
+          }
+        }
+
+        if (this.settings.preload || this.settings.preloadVideos) {
+          if (this.support.video && this.settings.slides[i].video) {
+            if (this.settings.slides[i].video instanceof Array) {
+              this._video(this.settings.slides[i].video);
+            } else {
+              this._video(this.settings.slides[i].video.src);
+            }
+          }
+        }
+      }
+    },
+
+    _random: function (array) {
+      return array[Math.floor(Math.random() * array.length)];
+    },
+
+    _slideShow: function () {
+      var self = this;
+
+      if (this.total > 1 && !this.ended && !this.paused && !this.noshow) {
+        this.timeout = setTimeout(function () {
+          self.next();
+        }, this._options('delay'));
+      }
+    },
+
+    _timer: function (state) {
+      var self = this;
+
+      clearTimeout(this.timeout);
+
+      if (!this.$timer) {
+        return;
+      }
+
+      this.$timer
+        .removeClass('vegas-timer-running')
+        .find('div')
+        .css('transition-duration', '0ms');
+
+      if (this.ended || this.paused || this.noshow) {
+        return;
+      }
+
+      if (state) {
+        setTimeout(function () {
+          self.$timer
+            .addClass('vegas-timer-running')
+            .find('div')
+            .css('transition-duration', self._options('delay') - 100 + 'ms');
+        }, 100);
+      }
+    },
+
+    _video: function (srcs) {
+      var video,
+        source,
+        cacheKey = srcs.toString();
+
+      if (videoCache[cacheKey]) {
+        return videoCache[cacheKey];
+      }
+
+      if (!(srcs instanceof Array)) {
+        srcs = [ srcs ];
+      }
+
+      video = document.createElement('video');
+      video.preload = true;
+
+      srcs.forEach(function (src) {
+        source = document.createElement('source');
+        source.src = src;
+        video.appendChild(source);
+      });
+
+      videoCache[cacheKey] = video;
+
+      return video;
+    },
+
+    _fadeOutSound: function (video, duration) {
+      var self   = this,
+        delay  = duration / 10,
+        volume = video.volume - 0.09;
+
+      if (volume > 0) {
+        video.volume = volume;
+
+        setTimeout(function () {
+          self._fadeOutSound(video, duration);
+        }, delay);
+      } else {
+        video.pause();
+      }
+    },
+
+    _fadeInSound: function (video, duration) {
+      var self   = this,
+        delay  = duration / 10,
+        volume = video.volume + 0.09;
+
+      if (volume < 1) {
+        video.volume = volume;
+
+        setTimeout(function () {
+          self._fadeInSound(video, duration);
+        }, delay);
+      }
+    },
+
+    _options: function (key, i) {
+      if (i === undefined) {
+        i = this.slide;
+      }
+
+      if (this.settings.slides[i][key] !== undefined) {
+        return this.settings.slides[i][key];
+      }
+
+      return this.settings[key];
+    },
+
+    _goto: function (nb) {
+      if (typeof this.settings.slides[nb] === 'undefined') {
+        nb = 0;
+      }
+
+      this.slide = nb;
+
+      var $slide,
+        $inner,
+        $video,
+        $slides       = this.$elmt.children('.vegas-slide'),
+        src           = this.settings.slides[nb].src,
+        videoSettings = this.settings.slides[nb].video,
+        delay         = this._options('delay'),
+        align         = this._options('align'),
+        valign        = this._options('valign'),
+        cover         = this._options('cover'),
+        color         = this._options('color') || this.$elmt.css('background-color'),
+        self          = this,
+        total         = $slides.length,
+        video,
+        img;
+
+      var transition         = this._options('transition'),
+        transitionDuration = this._options('transitionDuration'),
+        animation          = this._options('animation'),
+        animationDuration  = this._options('animationDuration');
+
+      if (this.settings.firstTransition && this.first) {
+        transition = this.settings.firstTransition || transition;
+      }
+
+      if (this.settings.firstTransitionDuration && this.first) {
+        transitionDuration = this.settings.firstTransitionDuration || transitionDuration;
+      }
+
+      if (this.first) {
+        this.first = false;
+      }
+
+      if (cover !== 'repeat') {
+        if (cover === true) {
+          cover = 'cover';
+        } else if (cover === false) {
+          cover = 'contain';
+        }
+      }
+
+      if (transition === 'random' || transition instanceof Array) {
+        if (transition instanceof Array) {
+          transition = this._random(transition);
+        } else {
+          transition = this._random(this.transitions);
+        }
+      }
+
+      if (animation === 'random' || animation instanceof Array) {
+        if (animation instanceof Array) {
+          animation = this._random(animation);
+        } else {
+          animation = this._random(this.animations);
+        }
+      }
+
+      if (transitionDuration === 'auto' || transitionDuration > delay) {
+        transitionDuration = delay;
+      }
+
+      if (animationDuration === 'auto') {
+        animationDuration = delay;
+      }
+
+      $slide = $('<div class="vegas-slide"></div>');
+
+      if (this.support.transition && transition) {
+        $slide.addClass('vegas-transition-' + transition);
+      }
+
+      // Video
+
+      if (this.support.video && videoSettings) {
+        if (videoSettings instanceof Array) {
+          video = this._video(videoSettings);
+        } else {
+          video = this._video(videoSettings.src);
+        }
+
+        video.loop  = videoSettings.loop !== undefined ? videoSettings.loop : true;
+        video.muted = videoSettings.mute !== undefined ? videoSettings.mute : true;
+
+        if (video.muted === false) {
+          video.volume = 0;
+          this._fadeInSound(video, transitionDuration);
+        } else {
+          video.pause();
+        }
+
+        $video = $(video)
+          .addClass('vegas-video')
+          .css('background-color', color);
+
+        if (this.support.objectFit) {
+          $video
+            .css('object-position', align + ' ' + valign)
+            .css('object-fit', cover)
+            .css('width',  '100%')
+            .css('height', '100%');
+        } else if (cover === 'contain') {
+          $video
+            .css('width',  '100%')
+            .css('height', '100%');
+        }
+
+        $slide.append($video);
+
+        // Image
+
+      } else {
+        img = new Image();
+
+        $inner = $('<div class="vegas-slide-inner"></div>')
+          .css('background-image',    'url("' + src + '")')
+          .css('background-color',    color)
+          .css('background-position', align + ' ' + valign);
+
+        if (cover === 'repeat') {
+          $inner.css('background-repeat', 'repeat');
+        } else {
+          $inner.css('background-size', cover);
+        }
+
+        if (this.support.transition && animation) {
+          $inner
+            .addClass('vegas-animation-' + animation)
+            .css('animation-duration',  animationDuration + 'ms');
+        }
+
+        $slide.append($inner);
+      }
+
+      if (!this.support.transition) {
+        $slide.css('display', 'none');
+      }
+
+      if (total) {
+        $slides.eq(total - 1).after($slide);
+      } else {
+        this.$elmt.prepend($slide);
+      }
+
+      $slides
+        .css('transition', 'all 0ms')
+        .each(function () {
+          this.className  = 'vegas-slide';
+
+          if (this.tagName === 'VIDEO') {
+            this.className += ' vegas-video';
+          }
+
+          if (transition) {
+            this.className += ' vegas-transition-' + transition;
+            this.className += ' vegas-transition-' + transition + '-in';
+          }
+        }
+        );
+
+      self._timer(false);
+
+      function go () {
+        self._timer(true);
+
+        setTimeout(function () {
+          if (transition) {
+            if (self.support.transition) {
+              $slides
+                .css('transition', 'all ' + transitionDuration + 'ms')
+                .addClass('vegas-transition-' + transition + '-out');
+
+              $slides.each(function () {
+                var video = $slides.find('video').get(0);
+
+                if (video) {
+                  video.volume = 1;
+                  self._fadeOutSound(video, transitionDuration);
+                }
+              });
+
+              $slide
+                .css('transition', 'all ' + transitionDuration + 'ms')
+                .addClass('vegas-transition-' + transition + '-in');
+            } else {
+              $slide.fadeIn(transitionDuration);
+            }
+          }
+
+          for (var i = 0; i < $slides.length - self.settings.slidesToKeep; i++) {
+            $slides.eq(i).remove();
+          }
+
+          self.trigger('walk');
+          self._slideShow();
+        }, 100);
+      }
+      if (video) {
+        if (video.readyState === 4) {
+          video.currentTime = 0;
+        }
+
+        video.play();
+        go();
+      } else {
+        img.src = src;
+
+        if (img.complete) {
+          go();
+        } else {
+          img.onload = go;
+        }
+      }
+    },
+
+    _end: function () {
+      this.ended = !this.settings.autoplay;
+      this._timer(false);
+      this.trigger('end');
+    },
+
+    shuffle: function () {
+      var temp,
+        rand;
+
+      for (var i = this.total - 1; i > 0; i--) {
+        rand = Math.floor(Math.random() * (i + 1));
+        temp = this.settings.slides[i];
+
+        this.settings.slides[i] = this.settings.slides[rand];
+        this.settings.slides[rand] = temp;
+      }
+    },
+
+    play: function () {
+      if (this.paused) {
+        this.paused = false;
+        this.next();
+        this.trigger('play');
+      }
+    },
+
+    pause: function () {
+      this._timer(false);
+      this.paused = true;
+      this.trigger('pause');
+    },
+
+    toggle: function () {
+      if (this.paused) {
+        this.play();
+      } else {
+        this.pause();
+      }
+    },
+
+    playing: function () {
+      return !this.paused && !this.noshow;
+    },
+
+    current: function (advanced) {
+      if (advanced) {
+        return {
+          slide: this.slide,
+          data:  this.settings.slides[this.slide]
+        };
+      }
+      return this.slide;
+    },
+
+    jump: function (nb) {
+      if (nb < 0 || nb > this.total - 1 || nb === this.slide) {
+        return;
+      }
+
+      this.slide = nb;
+      this._goto(this.slide);
+    },
+
+    next: function () {
+      this.slide++;
+
+      if (this.slide >= this.total) {
+        if (!this.settings.loop) {
+          return this._end();
+        }
+
+        this.slide = 0;
+      }
+
+      this._goto(this.slide);
+    },
+
+    previous: function () {
+      this.slide--;
+
+      if (this.slide < 0) {
+        if (!this.settings.loop) {
+          this.slide++;
+          return;
+        } else {
+          this.slide = this.total - 1;
+        }
+      }
+
+      this._goto(this.slide);
+    },
+
+    trigger: function (fn) {
+      var params = [];
+
+      if (fn === 'init') {
+        params = [ this.settings ];
+      } else {
+        params = [
+          this.slide,
+          this.settings.slides[this.slide]
+        ];
+      }
+
+      this.$elmt.trigger('vegas' + fn, params);
+
+      if (typeof this.settings[fn] === 'function') {
+        this.settings[fn].apply(this.$elmt, params);
+      }
+    },
+
+    options: function (key, value) {
+      var oldSlides = this.settings.slides.slice();
+
+      if (typeof key === 'object') {
+        this.settings = $.extend({}, defaults, $.vegas.defaults, key);
+      } else if (typeof key === 'string') {
+        if (value === undefined) {
+          return this.settings[key];
+        }
+        this.settings[key] = value;
+      } else {
+        return this.settings;
+      }
+
+      // In case slides have changed
+      if (this.settings.slides !== oldSlides) {
+        this.total  = this.settings.slides.length;
+        this.noshow = this.total < 2;
+        this._preload();
+      }
+    },
+
+    destroy: function () {
+      clearTimeout(this.timeout);
+
+      this.$elmt.removeClass('vegas-container');
+      this.$elmt.find('> .vegas-slide').remove();
+      this.$elmt.find('> .vegas-wrapper').clone(true).children().appendTo(this.$elmt);
+      this.$elmt.find('> .vegas-wrapper').remove();
+
+      if (this.settings.timer) {
+        this.$timer.remove();
+      }
+
+      if (this.settings.overlay) {
+        this.$overlay.remove();
+      }
+
+      this.elmt._vegas = null;
+    }
+  };
+
+  $.fn.vegas = function(options) {
+    var args = arguments,
+      error = false,
+      returns;
+
+    if (options === undefined || typeof options === 'object') {
+      return this.each(function () {
+        if (!this._vegas) {
+          this._vegas = new Vegas(this, options);
+        }
+      });
+    } else if (typeof options === 'string') {
+      this.each(function () {
+        var instance = this._vegas;
+
+        if (!instance) {
+          throw new Error('No Vegas applied to this element.');
+        }
+
+        if (typeof instance[options] === 'function' && options[0] !== '_') {
+          returns = instance[options].apply(instance, [].slice.call(args, 1));
+        } else {
+          error = true;
+        }
+      });
+
+      if (error) {
+        throw new Error('No method "' + options + '" in Vegas.');
+      }
+
+      return returns !== undefined ? returns : this;
+    }
+  };
+
+  $.vegas = {};
+  $.vegas.defaults = defaults;
+
+  $.vegas.isVideoCompatible = function () {
+    return !/(Android|webOS|Phone|iPad|iPod|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
+  };
+
+})(window.jQuery || window.Zepto || window.m4q);

vegas/test.php

@@ -0,0 +1,14 @@
+<?php
+
+echo $_SERVER['SERVER_NAME'] .'<br>';
+echo $_SERVER['SCRIPT_NAME'] .'<br>';
+echo $_SERVER['REQUEST_URI'] .'<br>';
+echo $_SERVER['PHP_SELF'] .'<br>';
+
+$host = (($_SERVER['SERVER_NAME'] == "sur-le-sentier.fr") ? "blog" : "wordpress");
+echo "A: " . $host;
+
+if ($_SERVER['SERVER_NAME'] == "sur-le-sentier.fr") $host = "blog";
+else $host = "wordpress";
+echo "B: " . $host;
+?>