Compare commits
30 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 29e31804c8 | |||
| 085cb35c4b | |||
| 804993d718 | |||
| 167eb0dd4b | |||
| a2d274375a | |||
| 512dc21b3c | |||
| 7f33a2bf7f | |||
| 8951cb1437 | |||
| fa3c8e53dd | |||
| 3ab127e6a2 | |||
| 5d7191b105 | |||
| 45db4db8ae | |||
| 811a2930af | |||
| e9c742b3b1 | |||
| ef67acd71c | |||
| e075c39e90 | |||
| 62b9c3d4bc | |||
| 4bd4e6d5bc | |||
| 28d18bd86f | |||
| 772b35753f | |||
| 7a06a5299b | |||
| f94fa106a0 | |||
| cd507cdb74 | |||
| f5244ad5ae | |||
| 88184395e8 | |||
| b112a7c9d4 | |||
| f55bf18f93 | |||
| 0b00b2f3d9 | |||
| e27416d123 | |||
| d19a417d95 |
@ -1,14 +1,8 @@
|
|||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
|
<!-- Vous visitez mon code ? 😇 Vous pouvez le visualiser bien plus facilement directement ici : https://git.adriencharbonneau.fr/Adrien/Site-internet
|
||||||
|
Bonne lecture ! -->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167417611-1"></script>
|
|
||||||
<script>
|
|
||||||
window.dataLayer = window.dataLayer || [];
|
|
||||||
function gtag(){dataLayer.push(arguments);}
|
|
||||||
gtag('js', new Date());
|
|
||||||
|
|
||||||
gtag('config', 'UA-167417611-1');
|
|
||||||
</script>
|
</script>
|
||||||
<title>Adrien CHARBONNEAU – Naturaliste écologue</title>
|
<title>Adrien CHARBONNEAU – Naturaliste écologue</title>
|
||||||
|
|
||||||
@ -25,6 +19,26 @@
|
|||||||
|
|
||||||
<link rel="stylesheet" href="assets/css/main.css" />
|
<link rel="stylesheet" href="assets/css/main.css" />
|
||||||
<link rel="icon" type="image/png" href="images/AC_favicon.png" />
|
<link rel="icon" type="image/png" href="images/AC_favicon.png" />
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Matomo -->
|
||||||
|
<script>
|
||||||
|
var _paq = window._paq = window._paq || [];
|
||||||
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//stat.adriencharbonneau.fr/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||||
|
_paq.push(['setSiteId', '1']);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<!-- End Matomo Code -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body class="is-preload">
|
<body class="is-preload">
|
||||||
|
|
||||||
@ -39,13 +53,13 @@
|
|||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<sup>Date de mise à jour de la page : 11/05/2021</sup>
|
<sup>Date de mise à jour de la page : 31/08/2021</sup>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<blockquote>Un peu plus de détails sur mes compétences : <a href="./" class="button alt small">- PRÉSENTATION -</a></blockquote>
|
<blockquote>Un peu plus de détails sur mes compétences : <a href="index.html" class="button small">- PRÉSENTATION -</a></blockquote>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
@ -59,7 +73,7 @@
|
|||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h4>PROFESSIONNEL</h4>
|
<h4>PROFESSIONNEL</h4>
|
||||||
<ul class="alt">
|
<ul class="alt">
|
||||||
<li>Chargé d'études ornithologiques (et naturalistes en général) chez Synergis Environnement.</li>
|
<li>Chargé d'études ornithologiques (et naturalistes en général) chez <a href="https://synergis-environnement.com/">Synergis Environnement</a>.</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@ -69,10 +83,11 @@
|
|||||||
<div class="inner">
|
<div class="inner">
|
||||||
<h4>NATURALISME</h4>
|
<h4>NATURALISME</h4>
|
||||||
<ul class="alt">
|
<ul class="alt">
|
||||||
<li>Suivi de la migration pré-nuptiale</li>
|
<li>Identification des Cigales de France (<i>Cicadinae</i>, <i>Cicadettinae</i>, <i>Tibicininae</i>)</li>
|
||||||
<li>Baguage ornithologique</li>
|
<li>Suivi de la migration nocturne (dépôt d'un enregistreur / analyse)</li>
|
||||||
<li>STOC EPS</li>
|
<li>Baguage ornithologique (en particulier programmes <a href="https://crbpo.mnhn.fr/IMG/pdf/protocole_pheno_v1_7.pdf">PHENO</a> et <a href="https://crbpo.mnhn.fr/IMG/pdf/protocole_sejour_v1_7.pdf">SEJOUR</a> du <a href="https://crbpo.mnhn.fr/">CRBPO</a>)</li>
|
||||||
<li>EPOC - ODF</li>
|
<li><a href="https://www.vigienature.fr/fr/observatoires/suivi-temporel-oiseaux-communs-stoc/detail-protocole-3362">STOC EPS (printemps 2021)</a></li>
|
||||||
|
<li><a href="https://oiseauxdefrance.org/get-involved/epoc-odf">EPOC - ODF (printemps 2021)</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
@ -82,8 +97,8 @@
|
|||||||
<h4>PROJETS</h4>
|
<h4>PROJETS</h4>
|
||||||
<ul class="alt">
|
<ul class="alt">
|
||||||
<li>Construction d'un site web personnel et des services associés (serveur, applications web, etc...) - <a href="https://git.adriencharbonneau.fr/Adrien/Site-internet"><b>accès à l'évolution du projet</b></a></li>
|
<li>Construction d'un site web personnel et des services associés (serveur, applications web, etc...) - <a href="https://git.adriencharbonneau.fr/Adrien/Site-internet"><b>accès à l'évolution du projet</b></a></li>
|
||||||
<li>Nocturnal Bird Migration</li>
|
<li><a href="https://gitlab.com/nbm.challenge/nbm-nocturnal-bird-migration">Nocturnal Bird Migration</a></li>
|
||||||
<li>Silent-Cities</li>
|
<li><a href="https://laboratoireparallele.com/2020/04/17/silent%c2%b7cities-paysages-sonores-dun-monde-confine/">Silent-Cities</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
@ -96,8 +111,9 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<ul class="copyright">
|
<ul class="copyright">
|
||||||
<li>© Adrien CHARBONNEAU - 2021. Tous droits réservés.</li>
|
<li>© Adrien CHARBONNEAU - 2021. Tous droits réservés.</li>
|
||||||
<li>Inspiré de : <a href="http://html5up.net">HTML5 UP</a></li>
|
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="images/GIT.svg" width="25px" height="25px"><b>Version : </b><span class="git git_color1 blanc"> v1.3 </span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
|
||||||
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="images/GIT.svg" width="25px" height="25px"><b>Version : </b><span class="git git_color1 blanc"> v1.1 </span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
|
<li><a href="index.html">Présentation</a></li>
|
||||||
|
<li><a href="ACTUALITE.html">Actualité</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
11
README.md
11
README.md
@ -1,7 +1,14 @@
|
|||||||
# Code du site internet
|
# Code du site internet
|
||||||
Dépôt git du site internet https://adriencharbonneau.fr
|
Dépôt git du site internet https://www.adriencharbonneau.fr
|
||||||
|
|
||||||
|
[](https://adriencharbonneau.fr/)
|
||||||
|
|
||||||
### Objectifs :
|
### Objectifs :
|
||||||
- **Construire un site internet statique** : son contenu ne variera pas en fonction des lecteurs, il s'agit simplement d'une unique page HTML affichant un contenu statique
|
- **Construire un site internet statique** : son contenu ne variera pas en fonction des lecteurs, il s'agit simplement d'une unique page HTML affichant un contenu statique
|
||||||
- Posséder un **historique de version** (*versionning*) du site
|
- Posséder un **historique de version** (*versionning*) du site
|
||||||
- **Code disponible** afin d'être réutilisé
|
- **Code disponible** afin d'être réutilisé ([Inspiration initiale](https://html5up.net/))
|
||||||
|
- **automatiser** au maximum les informations (*ex : intégration automatique du CV lors d'une mise à jour*)
|
||||||
|
|
||||||
|
### Participation du lecteur (*pas implémentée pour l'instant*) :
|
||||||
|
Dans le cas où le lecteur du site internet remarquerait une anomalie, un dysfonctionnement ou toute autre information qui permettrait d'améliorer le site, ce dernier pourrait communiquer par le biais des tickets/issues.
|
||||||
|
**Attention cependant : cette fonctionnalité (créer un ticket sans inscription au préalable sur le site) est impossible actuellement, les développeurs travaillent sur le sujet**
|
||||||
|
|||||||
4
assets/css/fontawesome-all.min.css
vendored
4
assets/css/fontawesome-all.min.css
vendored
File diff suppressed because one or more lines are too long
@ -18,6 +18,12 @@ section, summary, time, mark, audio, video {
|
|||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
font: inherit;
|
font: inherit;
|
||||||
vertical-align: baseline;}
|
vertical-align: baseline;}
|
||||||
|
|
||||||
|
.identity {
|
||||||
|
box-shadow: 1px 1px 10px #aaa;
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.a_git {
|
.a_git {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
@ -69,6 +75,7 @@ legend {
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 1.75em;
|
line-height: 1.75em;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@ -196,6 +203,7 @@ input, select, textarea {
|
|||||||
h3 {
|
h3 {
|
||||||
font-size: 1.75em;
|
font-size: 1.75em;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
color: #4cae4f;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
@ -2221,8 +2229,8 @@ input, select, textarea {
|
|||||||
|
|
||||||
.image.fit {
|
.image.fit {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 0 2.25em 0;
|
margin: auto;
|
||||||
width: 100%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image.fit img {
|
.image.fit img {
|
||||||
@ -2279,7 +2287,7 @@ input, select, textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul.alt li {
|
ul.alt li {
|
||||||
border-top: solid 2px #f4f4f4;
|
border-top: dashed 2px #f4f4f4;
|
||||||
padding: 0.5em 0;
|
padding: 0.5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
2
assets/js-old/breakpoints.min.js
vendored
2
assets/js-old/breakpoints.min.js
vendored
@ -1,2 +0,0 @@
|
|||||||
/* breakpoints.js v1.0 | @ajlkn | MIT licensed */
|
|
||||||
var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e<t.events.length;e++)n=t.events[e],t.active(n.query)?n.state||(n.state=!0,n.handler()):n.state&&(n.state=!1)}};return e._=t,e.on=function(e,n){t.on(e,n)},e.active=function(e){return t.active(e)},e}();!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?module.exports=t():e.breakpoints=t()}(this,function(){return breakpoints});
|
|
||||||
2
assets/js-old/browser.min.js
vendored
2
assets/js-old/browser.min.js
vendored
@ -1,2 +0,0 @@
|
|||||||
/* browser.js v1.0 | @ajlkn | MIT licensed */
|
|
||||||
var browser=function(){"use strict";var e={name:null,version:null,os:null,osVersion:null,touch:null,mobile:null,_canUse:null,canUse:function(n){e._canUse||(e._canUse=document.createElement("div"));var o=e._canUse.style,r=n.charAt(0).toUpperCase()+n.slice(1);return n in o||"Moz"+r in o||"Webkit"+r in o||"O"+r in o||"ms"+r in o},init:function(){var n,o,r,i,t=navigator.userAgent;for(n="other",o=0,r=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(RegExp.$1);break}for(e.name=n,e.version=o,n="other",o=0,r=[["ios",/([0-9_]+) like Mac OS X/,function(e){return e.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(e){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(e){return e.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null],["linux",/Linux/,null],["bsd",/BSD/,null],["unix",/X11/,null]],i=0;i<r.length;i++)if(t.match(r[i][1])){n=r[i][0],o=parseFloat(r[i][2]?r[i][2](RegExp.$1):RegExp.$1);break}e.os=n,e.osVersion=o,e.touch="wp"==e.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),e.mobile="wp"==e.os||"android"==e.os||"ios"==e.os||"bb"==e.os}};return e.init(),e}();!function(e,n){"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?module.exports=n():e.browser=n()}(this,function(){return browser});
|
|
||||||
@ -1,563 +0,0 @@
|
|||||||
/*
|
|
||||||
Story by HTML5 UP
|
|
||||||
html5up.net | @ajlkn
|
|
||||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
||||||
|
|
||||||
Note: Only needed for demo purposes. Delete for production sites.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($) {
|
|
||||||
|
|
||||||
var $window = $(window);
|
|
||||||
|
|
||||||
// Styles.
|
|
||||||
$(
|
|
||||||
'<style>' +
|
|
||||||
'.demo-animate-all:not(.gallery), .demo-animate-all:not(.gallery) *, .demo-animate-all:not(.gallery) *:before, .demo-animate-all:not(.gallery) *:after { transition: all 0.5s ease-in-out; }' +
|
|
||||||
'.demo-controls .property .classes { display: none; }' +
|
|
||||||
'.demo-controls .property[data-requires] { display: none; }' +
|
|
||||||
'.demo-controls .property[data-requires].active { display: inline; }' +
|
|
||||||
'.demo-controls .property .tooltip { position: relative; }' +
|
|
||||||
'.demo-controls .property .tooltip:before { content: \'Click to change!\'; font-size: 0.7rem; position: absolute; bottom: 100%; left: 0; background: #47D3E5; color: #ffffff; line-height: 1; white-space: nowrap; font-weight: bold; border-radius: 0.125rem; padding: 0.325rem 0.425rem; animation: demo-controls-tooltip 1.5s forwards; animation-delay: 1s; opacity: 0; }' +
|
|
||||||
'.demo-controls .property .tooltip:after { content: \'\'; position: absolute; bottom: calc(100% - 0.25rem); left: 0.5rem; border-left: solid 0.5rem transparent; border-right: solid 0.5rem transparent; border-top: solid 0.5rem #47D3E5; width: 0.5rem; height: 0.5rem; animation: demo-controls-tooltip 1.5s forwards; animation-delay: 1s; opacity: 0; }' +
|
|
||||||
'@keyframes demo-controls-tooltip {' +
|
|
||||||
'0% { opacity: 0; transform: translateY(0); }' +
|
|
||||||
'10% { opacity: 1; transform: translateY(0.125rem); }' +
|
|
||||||
'20% { opacity: 1; transform: translateY(-0.125rem); }' +
|
|
||||||
'30% { opacity: 1; transform: translateY(0.125rem); }' +
|
|
||||||
'40% { opacity: 1; transform: translateY(-0.125rem); }' +
|
|
||||||
'50% { opacity: 1; transform: translateY(0.125rem); }' +
|
|
||||||
'60% { opacity: 1; transform: translateY(0); }' +
|
|
||||||
'90% { opacity: 1; }' +
|
|
||||||
'100% { opacity: 0; }' +
|
|
||||||
'}' +
|
|
||||||
'</style>'
|
|
||||||
).appendTo($('head'));
|
|
||||||
|
|
||||||
// Functions.
|
|
||||||
$.fn.demo_controls = function(styles, userOptions) {
|
|
||||||
|
|
||||||
var $this = $(this),
|
|
||||||
$styleProperty, $stylePropertyClasses,
|
|
||||||
$controls, $x, $y, $z,
|
|
||||||
options,
|
|
||||||
current, i, j, k, s, n, count;
|
|
||||||
|
|
||||||
// No elements?
|
|
||||||
if (this.length == 0)
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
// Multiple elements?
|
|
||||||
if (this.length > 1) {
|
|
||||||
|
|
||||||
for (var i=0; i < this.length; i++)
|
|
||||||
$(this[i]).demo_controls(styles, userOptions);
|
|
||||||
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Options.
|
|
||||||
options = $.extend({
|
|
||||||
target: null,
|
|
||||||
palette: true
|
|
||||||
}, userOptions);
|
|
||||||
|
|
||||||
// Controls.
|
|
||||||
if (styles) {
|
|
||||||
|
|
||||||
$controls = $(
|
|
||||||
'<span class="demo-controls">' +
|
|
||||||
'<span class="property" data-name="style">' +
|
|
||||||
'<a href="#" class="title tooltip">style</a>' +
|
|
||||||
'<span class="classes"></span>' + (options.palette ? ', ' : ' ') +
|
|
||||||
'</span>' +
|
|
||||||
(options.palette ?
|
|
||||||
'<span class="property active" data-name="scheme">' +
|
|
||||||
'<a href="#" class="title">scheme</a>' +
|
|
||||||
'<span class="classes">' +
|
|
||||||
'<span data-class="-" class="active">default</span>' +
|
|
||||||
'<span data-class="invert">invert</span>' +
|
|
||||||
'</span>, ' +
|
|
||||||
'</span>' +
|
|
||||||
'<span class="property active" data-name="color">' +
|
|
||||||
'<a href="#" class="title">color</a>' +
|
|
||||||
'<span class="classes">' +
|
|
||||||
'<span data-class="-" class="active">default</span>' +
|
|
||||||
'<span data-class="color1">color1</span>' +
|
|
||||||
'<span data-class="color2">color2</span>' +
|
|
||||||
'<span data-class="color3">color3</span>' +
|
|
||||||
'<span data-class="color4">color4</span>' +
|
|
||||||
'<span data-class="color5">color5</span>' +
|
|
||||||
'<span data-class="color6">color6</span>' +
|
|
||||||
'<span data-class="color7">color7</span>' +
|
|
||||||
'</span>, ' +
|
|
||||||
'</span>'
|
|
||||||
: '') +
|
|
||||||
'</span>'
|
|
||||||
);
|
|
||||||
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
|
|
||||||
$controls = $(
|
|
||||||
'<span class="demo-controls">' +
|
|
||||||
(options.palette ?
|
|
||||||
'<span class="property active" data-name="scheme">' +
|
|
||||||
'<a href="#" class="title">scheme</a>' +
|
|
||||||
'<span class="classes">' +
|
|
||||||
'<span data-class="-" class="active">default</span>' +
|
|
||||||
'<span data-class="invert">invert</span>' +
|
|
||||||
'</span> and ' +
|
|
||||||
'</span>' +
|
|
||||||
'<span class="property active" data-name="color">' +
|
|
||||||
'<a href="#" class="title">color</a>' +
|
|
||||||
'<span class="classes">' +
|
|
||||||
'<span data-class="-" class="active">default</span>' +
|
|
||||||
'<span data-class="color1">color1</span>' +
|
|
||||||
'<span data-class="color2">color2</span>' +
|
|
||||||
'<span data-class="color3">color3</span>' +
|
|
||||||
'<span data-class="color4">color4</span>' +
|
|
||||||
'<span data-class="color5">color5</span>' +
|
|
||||||
'<span data-class="color6">color6</span>' +
|
|
||||||
'<span data-class="color7">color7</span>' +
|
|
||||||
'</span>' +
|
|
||||||
'</span>'
|
|
||||||
: '') +
|
|
||||||
'</span>'
|
|
||||||
);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Target.
|
|
||||||
switch (options.target) {
|
|
||||||
|
|
||||||
case 'previous':
|
|
||||||
$this.prev().find('.demo-controls').replaceWith($controls);
|
|
||||||
break;
|
|
||||||
|
|
||||||
default:
|
|
||||||
$this.find('.demo-controls').replaceWith($controls);
|
|
||||||
break;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Styles.
|
|
||||||
if (styles) {
|
|
||||||
|
|
||||||
$styleProperty = $controls.find('.property[data-name="style"]');
|
|
||||||
$stylePropertyClasses = $styleProperty.children('.classes');
|
|
||||||
|
|
||||||
for (i in styles) {
|
|
||||||
|
|
||||||
current = false;
|
|
||||||
count = Object.keys(styles[i]).length;
|
|
||||||
n = 1;
|
|
||||||
|
|
||||||
// Add to style property.
|
|
||||||
$x = $('<span data-class="' + i + '">, ' + i + '</span>')
|
|
||||||
.appendTo($stylePropertyClasses);
|
|
||||||
|
|
||||||
if ($this.hasClass(i)) {
|
|
||||||
|
|
||||||
$x.addClass('active');
|
|
||||||
current = true;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Step through properties.
|
|
||||||
for (j in styles[i]) {
|
|
||||||
|
|
||||||
$x = $(
|
|
||||||
'<span class="property" data-name="' + j + '" data-requires="' + i + '">' +
|
|
||||||
(n == count ? '<span>and </span>' : '') +
|
|
||||||
'<a href="#" class="title">' + j + '</a>' +
|
|
||||||
'<span class="classes">' +
|
|
||||||
'</span>' + (n < count ? ', ' : '') +
|
|
||||||
'</span>'
|
|
||||||
).appendTo($controls);
|
|
||||||
|
|
||||||
$y = $x.children('.classes');
|
|
||||||
|
|
||||||
if (current)
|
|
||||||
$x.addClass('active');
|
|
||||||
|
|
||||||
for (k in styles[i][j]) {
|
|
||||||
|
|
||||||
$z = $('<span data-class="' + k + '">, ' + styles[i][j][k].replace('*', '') + '</span>')
|
|
||||||
.appendTo($y);
|
|
||||||
|
|
||||||
if (styles[i][j][k].substr(-1, 1) == '*')
|
|
||||||
$z.addClass('default');
|
|
||||||
|
|
||||||
if (current
|
|
||||||
&& $this.hasClass(k))
|
|
||||||
$z.addClass('active');
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
n++;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Events.
|
|
||||||
$controls.on('click', 'a', function(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$controls.on('click', '.property.active', function(event) {
|
|
||||||
|
|
||||||
var $property = $(this);
|
|
||||||
var $classes = $property.find('.classes > *');
|
|
||||||
var $current = $classes.filter('.active');
|
|
||||||
var $next;
|
|
||||||
|
|
||||||
// Determine next.
|
|
||||||
if ($current.length == 0
|
|
||||||
|| $current.index() == $classes.length - 1)
|
|
||||||
$next = $classes.first();
|
|
||||||
else
|
|
||||||
$next = $current.next();
|
|
||||||
|
|
||||||
// Turn on animate all.
|
|
||||||
$this.addClass('demo-animate-all');
|
|
||||||
|
|
||||||
// Deactivate current.
|
|
||||||
$current.removeClass('active');
|
|
||||||
$this.removeClass($current.data('class'));
|
|
||||||
|
|
||||||
// Activate next.
|
|
||||||
$next.addClass('active');
|
|
||||||
$this.addClass($next.data('class'));
|
|
||||||
|
|
||||||
// Turn off animate all.
|
|
||||||
setTimeout(function() {
|
|
||||||
$this.removeClass('demo-animate-all');
|
|
||||||
}, 500);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$controls.on('click', '.property[data-name="style"]', function(event) {
|
|
||||||
|
|
||||||
var $property = $(this);
|
|
||||||
var $classes = $property.find('.classes > *');
|
|
||||||
var $current = $classes.filter('.active');
|
|
||||||
var $next;
|
|
||||||
|
|
||||||
// Determine next.
|
|
||||||
if ($current.length == 0
|
|
||||||
|| $current.index() == $classes.length - 1)
|
|
||||||
$next = $classes.first();
|
|
||||||
else
|
|
||||||
$next = $current.next();
|
|
||||||
|
|
||||||
// Turn on animate all.
|
|
||||||
$this.addClass('demo-animate-all');
|
|
||||||
|
|
||||||
// Deactivate current.
|
|
||||||
$current.removeClass('active');
|
|
||||||
$this.removeClass($current.data('class'));
|
|
||||||
|
|
||||||
$controls.find('.property[data-requires="' + $current.data('class') + '"]')
|
|
||||||
.removeClass('active');
|
|
||||||
|
|
||||||
$controls.find('.property[data-requires="' + $current.data('class') + '"] > .classes > .active').each(function() {
|
|
||||||
|
|
||||||
$(this).removeClass('active');
|
|
||||||
|
|
||||||
if ($(this).data('class') != '-')
|
|
||||||
$this.removeClass($(this).data('class'));
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Activate next.
|
|
||||||
$next.addClass('active');
|
|
||||||
$this.addClass($next.data('class'));
|
|
||||||
|
|
||||||
$controls.find('.property[data-requires="' + $next.data('class') + '"]')
|
|
||||||
.addClass('active');
|
|
||||||
|
|
||||||
$controls.find('.property[data-requires="' + $next.data('class') + '"] > .classes > .default').each(function() {
|
|
||||||
|
|
||||||
$(this).addClass('active');
|
|
||||||
|
|
||||||
if ($(this).data('class') != '-')
|
|
||||||
$this.addClass($(this).data('class'));
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Turn off animate all.
|
|
||||||
setTimeout(function() {
|
|
||||||
$this.removeClass('demo-animate-all');
|
|
||||||
}, 500);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
// Elements.
|
|
||||||
|
|
||||||
// Wrappers.
|
|
||||||
$('.wrapper').demo_controls(null, {
|
|
||||||
palette: true
|
|
||||||
});
|
|
||||||
|
|
||||||
// Banner.
|
|
||||||
$('.banner').demo_controls({
|
|
||||||
style1: {
|
|
||||||
'size': {
|
|
||||||
'-': 'normal',
|
|
||||||
'fullscreen': 'fullscreen*'
|
|
||||||
},
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left*',
|
|
||||||
'orient-right': 'right'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style2: {
|
|
||||||
'size': {
|
|
||||||
'-': 'normal',
|
|
||||||
'fullscreen': 'fullscreen*'
|
|
||||||
},
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left',
|
|
||||||
'orient-center': 'center*',
|
|
||||||
'orient-right': 'right'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left',
|
|
||||||
'content-align-center': 'center*',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style3: {
|
|
||||||
'size': {
|
|
||||||
'-': 'normal',
|
|
||||||
'fullscreen': 'fullscreen*'
|
|
||||||
},
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left',
|
|
||||||
'orient-right': 'right*'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style4: {
|
|
||||||
'size': {
|
|
||||||
'-': 'normal',
|
|
||||||
'fullscreen': 'fullscreen*'
|
|
||||||
},
|
|
||||||
'phone type': {
|
|
||||||
'iphone': 'iphone*',
|
|
||||||
'android': 'android'
|
|
||||||
},
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left',
|
|
||||||
'orient-right': 'right*'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style5: {
|
|
||||||
'size': {
|
|
||||||
'-': 'normal',
|
|
||||||
'fullscreen': 'fullscreen*'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left',
|
|
||||||
'content-align-center': 'center*',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Spotlight.
|
|
||||||
$('.spotlight').demo_controls({
|
|
||||||
style1: {
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left',
|
|
||||||
'orient-right': 'right*'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left*',
|
|
||||||
'image-position-center': 'center',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style2: {
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left',
|
|
||||||
'orient-right': 'right*'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style3: {
|
|
||||||
'phone type': {
|
|
||||||
'iphone': 'iphone*',
|
|
||||||
'android': 'android'
|
|
||||||
},
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left',
|
|
||||||
'orient-right': 'right*'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style4: {
|
|
||||||
'size': {
|
|
||||||
'-size': 'normal',
|
|
||||||
'fullscreen': 'fullscreen*',
|
|
||||||
'halfscreen': 'halfscreen'
|
|
||||||
},
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left*',
|
|
||||||
'orient-center': 'center',
|
|
||||||
'orient-right': 'right'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style5: {
|
|
||||||
'size': {
|
|
||||||
'-size': 'normal',
|
|
||||||
'fullscreen': 'fullscreen*',
|
|
||||||
'halfscreen': 'halfscreen'
|
|
||||||
},
|
|
||||||
'orientation': {
|
|
||||||
'orient-left': 'left*',
|
|
||||||
'orient-center': 'center',
|
|
||||||
'orient-right': 'right'
|
|
||||||
},
|
|
||||||
'content alignment': {
|
|
||||||
'content-align-left': 'left*',
|
|
||||||
'content-align-center': 'center',
|
|
||||||
'content-align-right': 'right'
|
|
||||||
},
|
|
||||||
'image position': {
|
|
||||||
'image-position-left': 'left',
|
|
||||||
'image-position-center': 'center*',
|
|
||||||
'image-position-right': 'right'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
// Gallery.
|
|
||||||
$('.gallery').demo_controls({
|
|
||||||
style1: {
|
|
||||||
'size': {
|
|
||||||
'small': 'small',
|
|
||||||
'medium': 'medium*',
|
|
||||||
'big': 'big'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style2: {
|
|
||||||
'size': {
|
|
||||||
'small': 'small',
|
|
||||||
'medium': 'medium*',
|
|
||||||
'big': 'big'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}, {
|
|
||||||
target: 'previous',
|
|
||||||
palette: false
|
|
||||||
});
|
|
||||||
|
|
||||||
// Items.
|
|
||||||
$('.items').demo_controls({
|
|
||||||
style1: {
|
|
||||||
'size': {
|
|
||||||
'small': 'small',
|
|
||||||
'medium': 'medium*',
|
|
||||||
'big': 'big'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style2: {
|
|
||||||
'size': {
|
|
||||||
'small': 'small',
|
|
||||||
'medium': 'medium*',
|
|
||||||
'big': 'big'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
style3: {
|
|
||||||
'size': {
|
|
||||||
'small': 'small',
|
|
||||||
'medium': 'medium*',
|
|
||||||
'big': 'big'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
target: 'previous',
|
|
||||||
palette: false
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
2
assets/js-old/jquery.min.js
vendored
2
assets/js-old/jquery.min.js
vendored
File diff suppressed because one or more lines are too long
2
assets/js-old/jquery.scrollex.min.js
vendored
2
assets/js-old/jquery.scrollex.min.js
vendored
@ -1,2 +0,0 @@
|
|||||||
/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
|
|
||||||
!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r<this.length;r++)t(this[r]).scrollex(l);return s}if(s.data("_scrollexId"))return s;var a,u,h,c,p;switch(a=i++,u=jQuery.extend({top:0,bottom:0,delay:0,mode:"default",enter:null,leave:null,initialize:null,terminate:null,scroll:null},l),u.mode){case"top":h=function(t,e,n,i,o){return t>=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n<this.length;n++)t(this[n]).unscrollex();return e}var i,l;return(i=e.data("_scrollexId"))?(l=o[i],window.clearTimeout(l.timeoutId),delete o[i],e.removeData("_scrollexId"),l.options.terminate&&l.options.terminate.apply(this),e):e}}(jQuery);
|
|
||||||
2
assets/js-old/jquery.scrolly.min.js
vendored
2
assets/js-old/jquery.scrolly.min.js
vendored
@ -1,2 +0,0 @@
|
|||||||
/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
|
|
||||||
(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o<this[t];o++)e(this[o]).scrolly(i);return c}l=n,f=c.attr("href");if(f.charAt(0)!="#"||f[t]<2)return c;a=jQuery.extend({anchor:r,easing:"swing",offset:0,parent:e("body,html"),pollOnce:!1,speed:1e3},i),a.pollOnce&&(l=u(f,a)),c.off(s).on(s,function(e){var t=l!==n?l:u(f,a);t!==n&&(e.preventDefault(),a.parent.stop().animate({scrollTop:t},a.speed,a.easing))})}})(jQuery);
|
|
||||||
@ -1,341 +0,0 @@
|
|||||||
/*
|
|
||||||
Story by HTML5 UP
|
|
||||||
html5up.net | @ajlkn
|
|
||||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function($) {
|
|
||||||
|
|
||||||
var $window = $(window),
|
|
||||||
$body = $('body'),
|
|
||||||
$wrapper = $('#wrapper');
|
|
||||||
|
|
||||||
// Breakpoints.
|
|
||||||
breakpoints({
|
|
||||||
xlarge: [ '1281px', '1680px' ],
|
|
||||||
large: [ '981px', '1280px' ],
|
|
||||||
medium: [ '737px', '980px' ],
|
|
||||||
small: [ '481px', '736px' ],
|
|
||||||
xsmall: [ '361px', '480px' ],
|
|
||||||
xxsmall: [ null, '360px' ]
|
|
||||||
});
|
|
||||||
|
|
||||||
// Play initial animations on page load.
|
|
||||||
$window.on('load', function() {
|
|
||||||
window.setTimeout(function() {
|
|
||||||
$body.removeClass('is-preload');
|
|
||||||
}, 100);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Browser fixes.
|
|
||||||
|
|
||||||
// IE: Flexbox min-height bug.
|
|
||||||
if (browser.name == 'ie')
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
var flexboxFixTimeoutId;
|
|
||||||
|
|
||||||
$window.on('resize.flexbox-fix', function() {
|
|
||||||
|
|
||||||
var $x = $('.fullscreen');
|
|
||||||
|
|
||||||
clearTimeout(flexboxFixTimeoutId);
|
|
||||||
|
|
||||||
flexboxFixTimeoutId = setTimeout(function() {
|
|
||||||
|
|
||||||
if ($x.prop('scrollHeight') > $window.height())
|
|
||||||
$x.css('height', 'auto');
|
|
||||||
else
|
|
||||||
$x.css('height', '100vh');
|
|
||||||
|
|
||||||
}, 250);
|
|
||||||
|
|
||||||
}).triggerHandler('resize.flexbox-fix');
|
|
||||||
|
|
||||||
})();
|
|
||||||
|
|
||||||
// Object fit workaround.
|
|
||||||
if (!browser.canUse('object-fit'))
|
|
||||||
(function() {
|
|
||||||
|
|
||||||
$('.banner .image, .spotlight .image').each(function() {
|
|
||||||
|
|
||||||
var $this = $(this),
|
|
||||||
$img = $this.children('img'),
|
|
||||||
positionClass = $this.parent().attr('class').match(/image-position-([a-z]+)/);
|
|
||||||
|
|
||||||
// Set image.
|
|
||||||
$this
|
|
||||||
.css('background-image', 'url("' + $img.attr('src') + '")')
|
|
||||||
.css('background-repeat', 'no-repeat')
|
|
||||||
.css('background-size', 'cover');
|
|
||||||
|
|
||||||
// Set position.
|
|
||||||
switch (positionClass.length > 1 ? positionClass[1] : '') {
|
|
||||||
|
|
||||||
case 'left':
|
|
||||||
$this.css('background-position', 'left');
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'right':
|
|
||||||
$this.css('background-position', 'right');
|
|
||||||
break;
|
|
||||||
|
|
||||||
default:
|
|
||||||
case 'center':
|
|
||||||
$this.css('background-position', 'center');
|
|
||||||
break;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide original.
|
|
||||||
$img.css('opacity', '0');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})();
|
|
||||||
|
|
||||||
// Smooth scroll.
|
|
||||||
$('.smooth-scroll').scrolly();
|
|
||||||
$('.smooth-scroll-middle').scrolly({ anchor: 'middle' });
|
|
||||||
|
|
||||||
// Wrapper.
|
|
||||||
$wrapper.children()
|
|
||||||
.scrollex({
|
|
||||||
top: '30vh',
|
|
||||||
bottom: '30vh',
|
|
||||||
initialize: function() {
|
|
||||||
$(this).addClass('is-inactive');
|
|
||||||
},
|
|
||||||
terminate: function() {
|
|
||||||
$(this).removeClass('is-inactive');
|
|
||||||
},
|
|
||||||
enter: function() {
|
|
||||||
$(this).removeClass('is-inactive');
|
|
||||||
},
|
|
||||||
leave: function() {
|
|
||||||
|
|
||||||
var $this = $(this);
|
|
||||||
|
|
||||||
if ($this.hasClass('onscroll-bidirectional'))
|
|
||||||
$this.addClass('is-inactive');
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Items.
|
|
||||||
$('.items')
|
|
||||||
.scrollex({
|
|
||||||
top: '30vh',
|
|
||||||
bottom: '30vh',
|
|
||||||
delay: 50,
|
|
||||||
initialize: function() {
|
|
||||||
$(this).addClass('is-inactive');
|
|
||||||
},
|
|
||||||
terminate: function() {
|
|
||||||
$(this).removeClass('is-inactive');
|
|
||||||
},
|
|
||||||
enter: function() {
|
|
||||||
$(this).removeClass('is-inactive');
|
|
||||||
},
|
|
||||||
leave: function() {
|
|
||||||
|
|
||||||
var $this = $(this);
|
|
||||||
|
|
||||||
if ($this.hasClass('onscroll-bidirectional'))
|
|
||||||
$this.addClass('is-inactive');
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.children()
|
|
||||||
.wrapInner('<div class="inner"></div>');
|
|
||||||
|
|
||||||
// Gallery.
|
|
||||||
$('.gallery')
|
|
||||||
.wrapInner('<div class="inner"></div>')
|
|
||||||
.prepend(browser.mobile ? '' : '<div class="forward"></div><div class="backward"></div>')
|
|
||||||
.scrollex({
|
|
||||||
top: '30vh',
|
|
||||||
bottom: '30vh',
|
|
||||||
delay: 50,
|
|
||||||
initialize: function() {
|
|
||||||
$(this).addClass('is-inactive');
|
|
||||||
},
|
|
||||||
terminate: function() {
|
|
||||||
$(this).removeClass('is-inactive');
|
|
||||||
},
|
|
||||||
enter: function() {
|
|
||||||
$(this).removeClass('is-inactive');
|
|
||||||
},
|
|
||||||
leave: function() {
|
|
||||||
|
|
||||||
var $this = $(this);
|
|
||||||
|
|
||||||
if ($this.hasClass('onscroll-bidirectional'))
|
|
||||||
$this.addClass('is-inactive');
|
|
||||||
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.children('.inner')
|
|
||||||
//.css('overflow', 'hidden')
|
|
||||||
.css('overflow-y', browser.mobile ? 'visible' : 'hidden')
|
|
||||||
.css('overflow-x', browser.mobile ? 'scroll' : 'hidden')
|
|
||||||
.scrollLeft(0);
|
|
||||||
|
|
||||||
// Style #1.
|
|
||||||
// ...
|
|
||||||
|
|
||||||
// Style #2.
|
|
||||||
$('.gallery')
|
|
||||||
.on('wheel', '.inner', function(event) {
|
|
||||||
|
|
||||||
var $this = $(this),
|
|
||||||
delta = (event.originalEvent.deltaX * 10);
|
|
||||||
|
|
||||||
// Cap delta.
|
|
||||||
if (delta > 0)
|
|
||||||
delta = Math.min(25, delta);
|
|
||||||
else if (delta < 0)
|
|
||||||
delta = Math.max(-25, delta);
|
|
||||||
|
|
||||||
// Scroll.
|
|
||||||
$this.scrollLeft( $this.scrollLeft() + delta );
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('mouseenter', '.forward, .backward', function(event) {
|
|
||||||
|
|
||||||
var $this = $(this),
|
|
||||||
$inner = $this.siblings('.inner'),
|
|
||||||
direction = ($this.hasClass('forward') ? 1 : -1);
|
|
||||||
|
|
||||||
// Clear move interval.
|
|
||||||
clearInterval(this._gallery_moveIntervalId);
|
|
||||||
|
|
||||||
// Start interval.
|
|
||||||
this._gallery_moveIntervalId = setInterval(function() {
|
|
||||||
$inner.scrollLeft( $inner.scrollLeft() + (5 * direction) );
|
|
||||||
}, 10);
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('mouseleave', '.forward, .backward', function(event) {
|
|
||||||
|
|
||||||
// Clear move interval.
|
|
||||||
clearInterval(this._gallery_moveIntervalId);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Lightbox.
|
|
||||||
$('.gallery.lightbox')
|
|
||||||
.on('click', 'a', function(event) {
|
|
||||||
|
|
||||||
var $a = $(this),
|
|
||||||
$gallery = $a.parents('.gallery'),
|
|
||||||
$modal = $gallery.children('.modal'),
|
|
||||||
$modalImg = $modal.find('img'),
|
|
||||||
href = $a.attr('href');
|
|
||||||
|
|
||||||
// Not an image? Bail.
|
|
||||||
if (!href.match(/\.(jpg|gif|png|mp4)$/))
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Prevent default.
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
|
|
||||||
// Locked? Bail.
|
|
||||||
if ($modal[0]._locked)
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Lock.
|
|
||||||
$modal[0]._locked = true;
|
|
||||||
|
|
||||||
// Set src.
|
|
||||||
$modalImg.attr('src', href);
|
|
||||||
|
|
||||||
// Set visible.
|
|
||||||
$modal.addClass('visible');
|
|
||||||
|
|
||||||
// Focus.
|
|
||||||
$modal.focus();
|
|
||||||
|
|
||||||
// Delay.
|
|
||||||
setTimeout(function() {
|
|
||||||
|
|
||||||
// Unlock.
|
|
||||||
$modal[0]._locked = false;
|
|
||||||
|
|
||||||
}, 600);
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('click', '.modal', function(event) {
|
|
||||||
|
|
||||||
var $modal = $(this),
|
|
||||||
$modalImg = $modal.find('img');
|
|
||||||
|
|
||||||
// Locked? Bail.
|
|
||||||
if ($modal[0]._locked)
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Already hidden? Bail.
|
|
||||||
if (!$modal.hasClass('visible'))
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Lock.
|
|
||||||
$modal[0]._locked = true;
|
|
||||||
|
|
||||||
// Clear visible, loaded.
|
|
||||||
$modal
|
|
||||||
.removeClass('loaded')
|
|
||||||
|
|
||||||
// Delay.
|
|
||||||
setTimeout(function() {
|
|
||||||
|
|
||||||
$modal
|
|
||||||
.removeClass('visible')
|
|
||||||
|
|
||||||
setTimeout(function() {
|
|
||||||
|
|
||||||
// Clear src.
|
|
||||||
$modalImg.attr('src', '');
|
|
||||||
|
|
||||||
// Unlock.
|
|
||||||
$modal[0]._locked = false;
|
|
||||||
|
|
||||||
// Focus.
|
|
||||||
$body.focus();
|
|
||||||
|
|
||||||
}, 475);
|
|
||||||
|
|
||||||
}, 125);
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('keypress', '.modal', function(event) {
|
|
||||||
|
|
||||||
var $modal = $(this);
|
|
||||||
|
|
||||||
// Escape? Hide modal.
|
|
||||||
if (event.keyCode == 27)
|
|
||||||
$modal.trigger('click');
|
|
||||||
|
|
||||||
})
|
|
||||||
.prepend('<div class="modal" tabIndex="-1"><div class="inner"><img src="" /></div></div>')
|
|
||||||
.find('img')
|
|
||||||
.on('load', function(event) {
|
|
||||||
|
|
||||||
var $modalImg = $(this),
|
|
||||||
$modal = $modalImg.parents('.modal');
|
|
||||||
|
|
||||||
setTimeout(function() {
|
|
||||||
|
|
||||||
// No longer visible? Bail.
|
|
||||||
if (!$modal.hasClass('visible'))
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Set loaded.
|
|
||||||
$modal.addClass('loaded');
|
|
||||||
|
|
||||||
}, 275);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
@ -1,587 +0,0 @@
|
|||||||
(function($) {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Generate an indented list of links from a nav. Meant for use with panel().
|
|
||||||
* @return {jQuery} jQuery object.
|
|
||||||
*/
|
|
||||||
$.fn.navList = function() {
|
|
||||||
|
|
||||||
var $this = $(this);
|
|
||||||
$a = $this.find('a'),
|
|
||||||
b = [];
|
|
||||||
|
|
||||||
$a.each(function() {
|
|
||||||
|
|
||||||
var $this = $(this),
|
|
||||||
indent = Math.max(0, $this.parents('li').length - 1),
|
|
||||||
href = $this.attr('href'),
|
|
||||||
target = $this.attr('target');
|
|
||||||
|
|
||||||
b.push(
|
|
||||||
'<a ' +
|
|
||||||
'class="link depth-' + indent + '"' +
|
|
||||||
( (typeof target !== 'undefined' && target != '') ? ' target="' + target + '"' : '') +
|
|
||||||
( (typeof href !== 'undefined' && href != '') ? ' href="' + href + '"' : '') +
|
|
||||||
'>' +
|
|
||||||
'<span class="indent-' + indent + '"></span>' +
|
|
||||||
$this.text() +
|
|
||||||
'</a>'
|
|
||||||
);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
return b.join('');
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Panel-ify an element.
|
|
||||||
* @param {object} userConfig User config.
|
|
||||||
* @return {jQuery} jQuery object.
|
|
||||||
*/
|
|
||||||
$.fn.panel = function(userConfig) {
|
|
||||||
|
|
||||||
// No elements?
|
|
||||||
if (this.length == 0)
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
// Multiple elements?
|
|
||||||
if (this.length > 1) {
|
|
||||||
|
|
||||||
for (var i=0; i < this.length; i++)
|
|
||||||
$(this[i]).panel(userConfig);
|
|
||||||
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Vars.
|
|
||||||
var $this = $(this),
|
|
||||||
$body = $('body'),
|
|
||||||
$window = $(window),
|
|
||||||
id = $this.attr('id'),
|
|
||||||
config;
|
|
||||||
|
|
||||||
// Config.
|
|
||||||
config = $.extend({
|
|
||||||
|
|
||||||
// Delay.
|
|
||||||
delay: 0,
|
|
||||||
|
|
||||||
// Hide panel on link click.
|
|
||||||
hideOnClick: false,
|
|
||||||
|
|
||||||
// Hide panel on escape keypress.
|
|
||||||
hideOnEscape: false,
|
|
||||||
|
|
||||||
// Hide panel on swipe.
|
|
||||||
hideOnSwipe: false,
|
|
||||||
|
|
||||||
// Reset scroll position on hide.
|
|
||||||
resetScroll: false,
|
|
||||||
|
|
||||||
// Reset forms on hide.
|
|
||||||
resetForms: false,
|
|
||||||
|
|
||||||
// Side of viewport the panel will appear.
|
|
||||||
side: null,
|
|
||||||
|
|
||||||
// Target element for "class".
|
|
||||||
target: $this,
|
|
||||||
|
|
||||||
// Class to toggle.
|
|
||||||
visibleClass: 'visible'
|
|
||||||
|
|
||||||
}, userConfig);
|
|
||||||
|
|
||||||
// Expand "target" if it's not a jQuery object already.
|
|
||||||
if (typeof config.target != 'jQuery')
|
|
||||||
config.target = $(config.target);
|
|
||||||
|
|
||||||
// Panel.
|
|
||||||
|
|
||||||
// Methods.
|
|
||||||
$this._hide = function(event) {
|
|
||||||
|
|
||||||
// Already hidden? Bail.
|
|
||||||
if (!config.target.hasClass(config.visibleClass))
|
|
||||||
return;
|
|
||||||
|
|
||||||
// If an event was provided, cancel it.
|
|
||||||
if (event) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Hide.
|
|
||||||
config.target.removeClass(config.visibleClass);
|
|
||||||
|
|
||||||
// Post-hide stuff.
|
|
||||||
window.setTimeout(function() {
|
|
||||||
|
|
||||||
// Reset scroll position.
|
|
||||||
if (config.resetScroll)
|
|
||||||
$this.scrollTop(0);
|
|
||||||
|
|
||||||
// Reset forms.
|
|
||||||
if (config.resetForms)
|
|
||||||
$this.find('form').each(function() {
|
|
||||||
this.reset();
|
|
||||||
});
|
|
||||||
|
|
||||||
}, config.delay);
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
// Vendor fixes.
|
|
||||||
$this
|
|
||||||
.css('-ms-overflow-style', '-ms-autohiding-scrollbar')
|
|
||||||
.css('-webkit-overflow-scrolling', 'touch');
|
|
||||||
|
|
||||||
// Hide on click.
|
|
||||||
if (config.hideOnClick) {
|
|
||||||
|
|
||||||
$this.find('a')
|
|
||||||
.css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
|
|
||||||
|
|
||||||
$this
|
|
||||||
.on('click', 'a', function(event) {
|
|
||||||
|
|
||||||
var $a = $(this),
|
|
||||||
href = $a.attr('href'),
|
|
||||||
target = $a.attr('target');
|
|
||||||
|
|
||||||
if (!href || href == '#' || href == '' || href == '#' + id)
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Cancel original event.
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
|
|
||||||
// Hide panel.
|
|
||||||
$this._hide();
|
|
||||||
|
|
||||||
// Redirect to href.
|
|
||||||
window.setTimeout(function() {
|
|
||||||
|
|
||||||
if (target == '_blank')
|
|
||||||
window.open(href);
|
|
||||||
else
|
|
||||||
window.location.href = href;
|
|
||||||
|
|
||||||
}, config.delay + 10);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Event: Touch stuff.
|
|
||||||
$this.on('touchstart', function(event) {
|
|
||||||
|
|
||||||
$this.touchPosX = event.originalEvent.touches[0].pageX;
|
|
||||||
$this.touchPosY = event.originalEvent.touches[0].pageY;
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
$this.on('touchmove', function(event) {
|
|
||||||
|
|
||||||
if ($this.touchPosX === null
|
|
||||||
|| $this.touchPosY === null)
|
|
||||||
return;
|
|
||||||
|
|
||||||
var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
|
|
||||||
diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
|
|
||||||
th = $this.outerHeight(),
|
|
||||||
ts = ($this.get(0).scrollHeight - $this.scrollTop());
|
|
||||||
|
|
||||||
// Hide on swipe?
|
|
||||||
if (config.hideOnSwipe) {
|
|
||||||
|
|
||||||
var result = false,
|
|
||||||
boundary = 20,
|
|
||||||
delta = 50;
|
|
||||||
|
|
||||||
switch (config.side) {
|
|
||||||
|
|
||||||
case 'left':
|
|
||||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'right':
|
|
||||||
result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'top':
|
|
||||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'bottom':
|
|
||||||
result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
|
|
||||||
break;
|
|
||||||
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
if (result) {
|
|
||||||
|
|
||||||
$this.touchPosX = null;
|
|
||||||
$this.touchPosY = null;
|
|
||||||
$this._hide();
|
|
||||||
|
|
||||||
return false;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prevent vertical scrolling past the top or bottom.
|
|
||||||
if (($this.scrollTop() < 0 && diffY < 0)
|
|
||||||
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Event: Prevent certain events inside the panel from bubbling.
|
|
||||||
$this.on('click touchend touchstart touchmove', function(event) {
|
|
||||||
event.stopPropagation();
|
|
||||||
});
|
|
||||||
|
|
||||||
// Event: Hide panel if a child anchor tag pointing to its ID is clicked.
|
|
||||||
$this.on('click', 'a[href="#' + id + '"]', function(event) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
|
|
||||||
config.target.removeClass(config.visibleClass);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Body.
|
|
||||||
|
|
||||||
// Event: Hide panel on body click/tap.
|
|
||||||
$body.on('click touchend', function(event) {
|
|
||||||
$this._hide(event);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Event: Toggle.
|
|
||||||
$body.on('click', 'a[href="#' + id + '"]', function(event) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
event.stopPropagation();
|
|
||||||
|
|
||||||
config.target.toggleClass(config.visibleClass);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Window.
|
|
||||||
|
|
||||||
// Event: Hide on ESC.
|
|
||||||
if (config.hideOnEscape)
|
|
||||||
$window.on('keydown', function(event) {
|
|
||||||
|
|
||||||
if (event.keyCode == 27)
|
|
||||||
$this._hide(event);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Apply "placeholder" attribute polyfill to one or more forms.
|
|
||||||
* @return {jQuery} jQuery object.
|
|
||||||
*/
|
|
||||||
$.fn.placeholder = function() {
|
|
||||||
|
|
||||||
// Browser natively supports placeholders? Bail.
|
|
||||||
if (typeof (document.createElement('input')).placeholder != 'undefined')
|
|
||||||
return $(this);
|
|
||||||
|
|
||||||
// No elements?
|
|
||||||
if (this.length == 0)
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
// Multiple elements?
|
|
||||||
if (this.length > 1) {
|
|
||||||
|
|
||||||
for (var i=0; i < this.length; i++)
|
|
||||||
$(this[i]).placeholder();
|
|
||||||
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Vars.
|
|
||||||
var $this = $(this);
|
|
||||||
|
|
||||||
// Text, TextArea.
|
|
||||||
$this.find('input[type=text],textarea')
|
|
||||||
.each(function() {
|
|
||||||
|
|
||||||
var i = $(this);
|
|
||||||
|
|
||||||
if (i.val() == ''
|
|
||||||
|| i.val() == i.attr('placeholder'))
|
|
||||||
i
|
|
||||||
.addClass('polyfill-placeholder')
|
|
||||||
.val(i.attr('placeholder'));
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('blur', function() {
|
|
||||||
|
|
||||||
var i = $(this);
|
|
||||||
|
|
||||||
if (i.attr('name').match(/-polyfill-field$/))
|
|
||||||
return;
|
|
||||||
|
|
||||||
if (i.val() == '')
|
|
||||||
i
|
|
||||||
.addClass('polyfill-placeholder')
|
|
||||||
.val(i.attr('placeholder'));
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('focus', function() {
|
|
||||||
|
|
||||||
var i = $(this);
|
|
||||||
|
|
||||||
if (i.attr('name').match(/-polyfill-field$/))
|
|
||||||
return;
|
|
||||||
|
|
||||||
if (i.val() == i.attr('placeholder'))
|
|
||||||
i
|
|
||||||
.removeClass('polyfill-placeholder')
|
|
||||||
.val('');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Password.
|
|
||||||
$this.find('input[type=password]')
|
|
||||||
.each(function() {
|
|
||||||
|
|
||||||
var i = $(this);
|
|
||||||
var x = $(
|
|
||||||
$('<div>')
|
|
||||||
.append(i.clone())
|
|
||||||
.remove()
|
|
||||||
.html()
|
|
||||||
.replace(/type="password"/i, 'type="text"')
|
|
||||||
.replace(/type=password/i, 'type=text')
|
|
||||||
);
|
|
||||||
|
|
||||||
if (i.attr('id') != '')
|
|
||||||
x.attr('id', i.attr('id') + '-polyfill-field');
|
|
||||||
|
|
||||||
if (i.attr('name') != '')
|
|
||||||
x.attr('name', i.attr('name') + '-polyfill-field');
|
|
||||||
|
|
||||||
x.addClass('polyfill-placeholder')
|
|
||||||
.val(x.attr('placeholder')).insertAfter(i);
|
|
||||||
|
|
||||||
if (i.val() == '')
|
|
||||||
i.hide();
|
|
||||||
else
|
|
||||||
x.hide();
|
|
||||||
|
|
||||||
i
|
|
||||||
.on('blur', function(event) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
|
||||||
|
|
||||||
if (i.val() == '') {
|
|
||||||
|
|
||||||
i.hide();
|
|
||||||
x.show();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
x
|
|
||||||
.on('focus', function(event) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
|
|
||||||
|
|
||||||
x.hide();
|
|
||||||
|
|
||||||
i
|
|
||||||
.show()
|
|
||||||
.focus();
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('keypress', function(event) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
x.val('');
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
// Events.
|
|
||||||
$this
|
|
||||||
.on('submit', function() {
|
|
||||||
|
|
||||||
$this.find('input[type=text],input[type=password],textarea')
|
|
||||||
.each(function(event) {
|
|
||||||
|
|
||||||
var i = $(this);
|
|
||||||
|
|
||||||
if (i.attr('name').match(/-polyfill-field$/))
|
|
||||||
i.attr('name', '');
|
|
||||||
|
|
||||||
if (i.val() == i.attr('placeholder')) {
|
|
||||||
|
|
||||||
i.removeClass('polyfill-placeholder');
|
|
||||||
i.val('');
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
})
|
|
||||||
.on('reset', function(event) {
|
|
||||||
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
$this.find('select')
|
|
||||||
.val($('option:first').val());
|
|
||||||
|
|
||||||
$this.find('input,textarea')
|
|
||||||
.each(function() {
|
|
||||||
|
|
||||||
var i = $(this),
|
|
||||||
x;
|
|
||||||
|
|
||||||
i.removeClass('polyfill-placeholder');
|
|
||||||
|
|
||||||
switch (this.type) {
|
|
||||||
|
|
||||||
case 'submit':
|
|
||||||
case 'reset':
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'password':
|
|
||||||
i.val(i.attr('defaultValue'));
|
|
||||||
|
|
||||||
x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
|
|
||||||
|
|
||||||
if (i.val() == '') {
|
|
||||||
i.hide();
|
|
||||||
x.show();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
i.show();
|
|
||||||
x.hide();
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'checkbox':
|
|
||||||
case 'radio':
|
|
||||||
i.attr('checked', i.attr('defaultValue'));
|
|
||||||
break;
|
|
||||||
|
|
||||||
case 'text':
|
|
||||||
case 'textarea':
|
|
||||||
i.val(i.attr('defaultValue'));
|
|
||||||
|
|
||||||
if (i.val() == '') {
|
|
||||||
i.addClass('polyfill-placeholder');
|
|
||||||
i.val(i.attr('placeholder'));
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
|
|
||||||
default:
|
|
||||||
i.val(i.attr('defaultValue'));
|
|
||||||
break;
|
|
||||||
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
return $this;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Moves elements to/from the first positions of their respective parents.
|
|
||||||
* @param {jQuery} $elements Elements (or selector) to move.
|
|
||||||
* @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
|
|
||||||
*/
|
|
||||||
$.prioritize = function($elements, condition) {
|
|
||||||
|
|
||||||
var key = '__prioritize';
|
|
||||||
|
|
||||||
// Expand $elements if it's not already a jQuery object.
|
|
||||||
if (typeof $elements != 'jQuery')
|
|
||||||
$elements = $($elements);
|
|
||||||
|
|
||||||
// Step through elements.
|
|
||||||
$elements.each(function() {
|
|
||||||
|
|
||||||
var $e = $(this), $p,
|
|
||||||
$parent = $e.parent();
|
|
||||||
|
|
||||||
// No parent? Bail.
|
|
||||||
if ($parent.length == 0)
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Not moved? Move it.
|
|
||||||
if (!$e.data(key)) {
|
|
||||||
|
|
||||||
// Condition is false? Bail.
|
|
||||||
if (!condition)
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Get placeholder (which will serve as our point of reference for when this element needs to move back).
|
|
||||||
$p = $e.prev();
|
|
||||||
|
|
||||||
// Couldn't find anything? Means this element's already at the top, so bail.
|
|
||||||
if ($p.length == 0)
|
|
||||||
return;
|
|
||||||
|
|
||||||
// Move element to top of parent.
|
|
||||||
$e.prependTo($parent);
|
|
||||||
|
|
||||||
// Mark element as moved.
|
|
||||||
$e.data(key, $p);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
// Moved already?
|
|
||||||
else {
|
|
||||||
|
|
||||||
// Condition is true? Bail.
|
|
||||||
if (condition)
|
|
||||||
return;
|
|
||||||
|
|
||||||
$p = $e.data(key);
|
|
||||||
|
|
||||||
// Move element back to its original location (using our placeholder).
|
|
||||||
$e.insertAfter($p);
|
|
||||||
|
|
||||||
// Unmark element as moved.
|
|
||||||
$e.removeData(key);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
})(jQuery);
|
|
||||||
Binary file not shown.
54
index.html
54
index.html
@ -1,14 +1,8 @@
|
|||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
|
<!-- Vous visitez mon code ? 😇 Vous pouvez le visualiser bien plus facilement directement ici : https://git.adriencharbonneau.fr/Adrien/Site-internet
|
||||||
|
Bonne lecture ! -->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167417611-1"></script>
|
|
||||||
<script>
|
|
||||||
window.dataLayer = window.dataLayer || [];
|
|
||||||
function gtag(){dataLayer.push(arguments);}
|
|
||||||
gtag('js', new Date());
|
|
||||||
|
|
||||||
gtag('config', 'UA-167417611-1');
|
|
||||||
</script>
|
</script>
|
||||||
<title>Adrien CHARBONNEAU – Naturaliste écologue</title>
|
<title>Adrien CHARBONNEAU – Naturaliste écologue</title>
|
||||||
|
|
||||||
@ -25,6 +19,24 @@
|
|||||||
|
|
||||||
<link rel="stylesheet" href="assets/css/main.css" />
|
<link rel="stylesheet" href="assets/css/main.css" />
|
||||||
<link rel="icon" type="image/png" href="images/AC_favicon.png" />
|
<link rel="icon" type="image/png" href="images/AC_favicon.png" />
|
||||||
|
|
||||||
|
<!-- Matomo -->
|
||||||
|
<script>
|
||||||
|
var _paq = window._paq = window._paq || [];
|
||||||
|
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//stat.adriencharbonneau.fr/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||||||
|
_paq.push(['setSiteId', '1']);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<!-- End Matomo Code -->
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body class="is-preload">
|
<body class="is-preload">
|
||||||
|
|
||||||
@ -51,7 +63,7 @@
|
|||||||
<li><a href="https://www.researchgate.net/profile/Adrien-Charbonneau" target="_blank" class="icon brands fa-researchgate" title="ResearchGate"><span class="label">ResearchGate</span></a></li>
|
<li><a href="https://www.researchgate.net/profile/Adrien-Charbonneau" target="_blank" class="icon brands fa-researchgate" title="ResearchGate"><span class="label">ResearchGate</span></a></li>
|
||||||
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" target="_blank" class="icon brands fa-git-square" title="Dépôt git"><span class="label">Dépôt Git</span></a></li>
|
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" target="_blank" class="icon brands fa-git-square" title="Dépôt git"><span class="label">Dépôt Git</span></a></li>
|
||||||
<li><a href="mailto:adrien.charbonneau@free.fr" class="icon solid fa-envelope" title="Adresse courriel"><span class="label">Email</span></a></li>
|
<li><a href="mailto:adrien.charbonneau@free.fr" class="icon solid fa-envelope" title="Adresse courriel"><span class="label">Email</span></a></li>
|
||||||
<li><a href="docs/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="icon solid fa-address-card" title="Curriculum Vitae"><span class="label">Curriculum Vitae</span></a></li>
|
<li><a href="https://git.adriencharbonneau.fr/Adrien/CV/raw/branch/master/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="icon solid fa-address-card" title="Curriculum Vitae"><span class="label">Curriculum Vitae</span></a></li>
|
||||||
<li><a class="icon solid fa-wrench" title="Documentation"><span class="label">Documentation du site internet</span></a></li>
|
<li><a class="icon solid fa-wrench" title="Documentation"><span class="label">Documentation du site internet</span></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</footer>
|
</footer>
|
||||||
@ -73,19 +85,22 @@
|
|||||||
<h2>Présentation</h2>
|
<h2>Présentation</h2>
|
||||||
<p>Bonjour et bienvenue sur mon site !</p>
|
<p>Bonjour et bienvenue sur mon site !</p>
|
||||||
</header>
|
</header>
|
||||||
<blockquote>
|
<div class="identity">
|
||||||
<b>Adrien CHARBONNEAU</b><br>
|
<b>Adrien CHARBONNEAU</b><br>
|
||||||
24 ans<br>
|
24 ans<br>
|
||||||
69100 - Villeurbanne, Rhône - France
|
69100 - Villeurbanne, Rhône - France<br>
|
||||||
</blockquote>
|
Permis B (2015) et A (2018)
|
||||||
<p>Cette page est, comme vous l'aurez compris, complémentaire à mon Curriculum Vitae (<i>que vous pourrez retrouver ci-dessous</i>).<br>
|
</div><br>
|
||||||
Elle vous présente divers liens et informations utiles à ma présentation. Vous retrouverez notamment la liste de mes <u><b>compétences professionnelles</b></u>.<br>
|
<p>Cette page est, comme vous l'aurez compris, complémentaire à mon Curriculum Vitae (<i>que vous pourrez retrouver ci-dessous</i>).</p>
|
||||||
<blockquote>Que fais-je en ce moment ? Pour le savoir rendez-vous ici : <a href="ACTUALITE.html" class="button alt small">- ACTUALITÉ -</a></blockquote><br>
|
<p align="center"><a href="https://git.adriencharbonneau.fr/Adrien/CV/raw/branch/master/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="button">– CURRICULUM VITAE –</a></p>
|
||||||
|
<p>Elle vous présente divers liens et informations utiles à ma présentation. Vous retrouverez notamment la liste de mes <u><b>compétences professionnelles</b></u>.<br>
|
||||||
|
<br>
|
||||||
|
<span class="image fit"><img src="images/CORSICA.jpg" alt=""><legend>En quête du Cincle plongeur (<i>Cinclus cinclus</i>) dans les rivières Corses – © Adrien CHARBONNEAU</legend></span>
|
||||||
|
<div class="identity">Que fais-je en ce moment ? Pour le savoir rendez-vous ici : <a href="ACTUALITE.html" class="button small">- ACTUALITÉ -</a></div><br>
|
||||||
N’hésitez pas à me contacter, que ce soit pour une question, une compétence ou une demande de précision sur une expérience professionnelle, en utilisant mon adresse courriel ci-dessous :<br>
|
N’hésitez pas à me contacter, que ce soit pour une question, une compétence ou une demande de précision sur une expérience professionnelle, en utilisant mon adresse courriel ci-dessous :<br>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="mailto:adrien.charbonneau@free.fr">adrien.charbonneau@free.fr</a></li>
|
<li><a href="mailto:adrien.charbonneau@free.fr">adrien.charbonneau@free.fr</a></li>
|
||||||
</ul></p>
|
</ul></p>
|
||||||
<p align="center"><a href="docs/CV_Adrien_CHARBONNEAU.pdf" target="_blank" class="button">– CURRICULUM VITAE –</a></p>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@ -356,8 +371,6 @@
|
|||||||
</article>
|
</article>
|
||||||
<p>
|
<p>
|
||||||
<span class="image fit"><img src="images/CLAGLA.jpg" alt="" /><legend>Sonogramme partiel d’un Coucou geai (<i>Clamator glandarius</i>) en migration nocturne – © Adrien CHARBONNEAU</legend></span>
|
<span class="image fit"><img src="images/CLAGLA.jpg" alt="" /><legend>Sonogramme partiel d’un Coucou geai (<i>Clamator glandarius</i>) en migration nocturne – © Adrien CHARBONNEAU</legend></span>
|
||||||
|
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
<article>
|
<article>
|
||||||
<h5 id="interets">Les autres compétences et intérêts</h5>
|
<h5 id="interets">Les autres compétences et intérêts</h5>
|
||||||
@ -423,8 +436,9 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<ul class="copyright">
|
<ul class="copyright">
|
||||||
<li>© Adrien CHARBONNEAU - 2021. Tous droits réservés.</li>
|
<li>© Adrien CHARBONNEAU - 2021. Tous droits réservés.</li>
|
||||||
<li>Inspiré de : <a href="http://html5up.net">HTML5 UP</a></li>
|
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="images/GIT.svg" width="25px" height="25px"><b>Version : </b><span class="git git_color1 blanc"> v1.3 </span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
|
||||||
<li><a href="https://git.adriencharbonneau.fr/Adrien/Site-internet" class="a_git"><img style="margin-right: .5rem; vertical-align: middle;" src="images/GIT.svg" width="25px" height="25px"><b>Version : </b><span class="git git_color1 blanc"> v1.1 </span><b> Branch : </b><span class="git git_color1 blanc"> master </span></a></li>
|
<li><a href="index.html">Présentation</a></li>
|
||||||
|
<li><a href="ACTUALITE.html">Actualité</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@ -8,9 +8,6 @@
|
|||||||
<url>
|
<url>
|
||||||
<loc>https://adriencharbonneau.fr/</loc>
|
<loc>https://adriencharbonneau.fr/</loc>
|
||||||
</url>
|
</url>
|
||||||
<url>
|
|
||||||
<loc>https://adriencharbonneau.fr/docs/CV_Adrien_CHARBONNEAU.pdf</loc>
|
|
||||||
</url>
|
|
||||||
<url>
|
<url>
|
||||||
<loc>https://adriencharbonneau.fr/ACTUALITE.html</loc>
|
<loc>https://adriencharbonneau.fr/ACTUALITE.html</loc>
|
||||||
</url>
|
</url>
|
||||||
|
|||||||
Reference in New Issue
Block a user