-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfr-old.html
More file actions
109 lines (105 loc) · 16.2 KB
/
fr-old.html
File metadata and controls
109 lines (105 loc) · 16.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width,minimal-ui"><!--if lt IE 9script(src="//html5shim.googlecode.com/svn/trunk/html5.js")
script(src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js")--><base href="http://maloweb.com/"/><title>William Malo</title><link rel="icon" type="image/png" href="favicon.png"/><style>@font-face{font-family:'baskerville_fs';src:url("Baskerville-Regular-webfont.eot");src:url("Baskerville-Regular-webfont.eot?#iefix") format('embedded-opentype'),url("Baskerville-Regular-webfont.woff") format('woff'),url("Baskerville-Regular-webfont.ttf") format('truetype'),url("Baskerville-Regular-webfont.svg#baskerville_fsregular") format('svg')}
font-style: normal{font-weight:400}
@font-face{font-family:'baskerville_fs';src:url("Baskerville-Bold-webfont.eot");src:url("Baskerville-Bold-webfont.eot?#iefix") format('embedded-opentype'),url("Baskerville-Bold-webfont.woff") format('woff'),url("Baskerville-Bold-webfont.ttf") format('truetype'),url("Baskerville-Bold-webfont.svg#baskerville_fsbold") format('svg');font-weight:bold;font-style:normal}
@font-face{font-family:'baskerville_fs';src:url("Baskerville-Italic-webfont.eot");src:url("Baskerville-Italic-webfont.eot?#iefix") format('embedded-opentype'),url("Baskerville-Italic-webfont.woff") format('woff'),url("Baskerville-Italic-webfont.ttf") format('truetype'),url("Baskerville-Italic-webfont.svg#baskerville_fsitalic") format('svg');font-weight:400;font-style:italic}
*{box-sizing:border-box;position:relative;text-rendering:optimizeLegibility}
html{width:100%;height:100%;text-align:center;font-family:Baskerville,'baskerville_fs',"Baskerville Old Face",Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",serif;color:#333;line-height:1.5em}
body{margin:0;padding-bottom:1em}
img{max-width:100%;border:none}
b{color:#c21400}
a{color:#0186a1;transition:color .3s;text-decoration:none;text-shadow:0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff,0 0 .05em #fff;background:linear-gradient(0,#fff 0%,#fff 11%,#0186a1 11%,#0186a1 16%,#fff 16%,#fff 100%)}
a:hover{color:#02a3c2}
a:active{color:#c21400}
ul{padding-left:1em}
i{font-variant:italic;font-weight:300}
h1{margin:0;position:static;font-size:0;text-rendering:auto;color:transparent}
::selection{background:rgba(2,163,194,0.4)}
::-moz-selection{background:rgba(2,163,194,0.4)}
img.logo{width:578px;margin:16px;margin:1rem 0}
address{padding:.5em 1em;text-align:right;position:absolute;top:0;right:0;font-size:2em;line-height:1.5em}
section{width:25%;display:inline-block;padding:0 2em;vertical-align:top;text-align:left}
p,ul{margin:0;margin-top:1.5em}
section h2{margin:0}
main{padding:2em 2em;display:block}
aside h2{font-size:3em;margin:.33em 0;text-align:left;padding:0 .33em;display:none}
aside{padding:0 .5em;margin-top:1.5em}
.figcolumn{width:25%;display:inline-block;padding:.5em;line-height:0}
a.fig{display:inline-block;overflow:hidden;color:#fff;text-shadow:none;width:100%;box-shadow:0 1px 5px rgba(0,0,0,0.2)}
a.fig:before{content:"";display:block;padding-top:50%}
figure{margin:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
figure img{transition:opacity .3s;-webkit-transform:translateZ(1px)}
figcaption{position:absolute;top:-100%;left:0;width:100%;height:100%;opacity:0;line-height:1.5em}
figcaption text-shadow:005px#000{-webkit-transition:all .3s;transition:top .3s,opacity .3s;padding:1em}
figure:hover figcaption,figure:focus figcaption{top:0;opacity:1}
figure:hover img,figure:focus img{opacity:.4;-webkit-filter:blur(5px)}
@media (max-width:1100px){h1{text-align:left}
.figcolumn,section{width:50%}
section+section{border:none}
section{margin-bottom:1.5em}
html{font-size:20px}
}@media (max-width:856px){address{position:relative}
text-align:left{font-size:1em;padding:1em;padding-left:4em;margin-top:-2em}
h1{text-align:center}
}@media (max-width:740px){html{font-size:16px}
}@media (max-width:570px){.figcolumn,section{width:100%}
html{font-size:20px}
}@media (max-width:500px){address{padding-left:2em}
main{padding:1em 0}
}@media (max-width:380px){html{font-size:16px}
}</style><h1>William Malo, Web Developper and Designer<img data-src="lossy" width="578" usemap="#map" class="logo"/><map name="map"><area shape="rect" coords="513,155,530,171" href="https://twitter.com/William_Malo" target="_blank" alt="Twitter"/><area shape="rect" coords="513,179,530,195" href="https://github.com/williammalo" target="_blank" alt="Github"/></map></h1><address>Contactez-moi:<br><a href="mailto:info@maloweb.com">info@maloweb.com</a></address><main><section><h2>Personalisation</h2><p>Un design sur mesure, à l'image de votre entreprise.</p></section><section><h2>Fait avec passion</h2><p>Attention aux details, pages rapides à charger, animations fluides.</p></section><section><h2>Pour toutes les plateformes</h2><p>Expérience adaptés à toutes les grandeurs d'écran.</p></section><section><h2>Services:</h2><ul><li>Optimisation</li><li>Programmation</li><li>Consultation</li></ul></section></main><aside><h2>Portfolio:</h2><!--.figcolumna.fig(href="http://locationbeaujean.com",target="_blank")
figure
img(data-src="clients/beau")
figcaption
h3 Location beaujean
|locationbeaujean.com
--><div class="figcolumn"><a href="http://signshophelper.com" target="_blank" class="fig"><figure><img data-src="clients/signshop"/><figcaption><h3>SignShop Helper</h3>signshophelper.com</figcaption></figure></a></div><div class="figcolumn"><a href="http://actionqc.com" target="_blank" class="fig"><figure><img data-src="clients/action"/><figcaption><h3>Action Utility Québec</h3>actionqc.com</figcaption></figure></a></div><!--.figcolumna.fig(href="http://lacailletransit.com",target="_blank")
figure
img(data-src="clients/lacaille")
figcaption
h3 Lacaille Transit
|lacailletransit.com
--><div class="figcolumn"><a href="http://tdi.maloweb.com" target="_blank" class="fig"><figure><img data-src="clients/tdi"/><figcaption><h3>TDI Imaging</h3>(En Construction)</figcaption></figure></a></div><!--.figcolumna.fig(href="http://transporthm.com/test",target="_blank")
figure
img(data-src="clients/hm")
figcaption
h3 Transport HM
|(En Construction)
--><!--.figcolumna.fig(href="http://horlogerieandre.com",target="_blank")
figure
img(data-src="clients/andre")
figcaption
h3 Horlogerie André
|horlogerieandre.com
--><div class="figcolumn"><a href="http://tsyf.com" target="_blank" class="fig"><figure><img data-src="clients/sylvester"/><figcaption><h3>Sylvester <i>&</i> Forget</h3></h3>tsyf.com</figcaption></figure></a></div></aside><script>var foo=function(){
var a=document.querySelectorAll("[data-src]"),i;
for(i=a.length;i--;)
a[i].src=a[i].getAttribute("data-src")+(Modernizr.webp?".webp":".jpg");
}
window.Modernizr=function(a,b,c){function t(a){i.cssText=a}function u(a,b){return t(prefixes.join(a+";")+(b||""))}function v(a,b){return typeof a===b}function w(a,b){return!!~(""+a).indexOf(b)}function x(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:v(f,"function")?f.bind(d||b):f}return!1}var d="2.6.2",e={},f=b.documentElement,g="modernizr",h=b.createElement(g),i=h.style,j,k={}.toString,l={},m={},n={},o=[],p=o.slice,q,r={}.hasOwnProperty,s;!v(r,"undefined")&&!v(r.call,"undefined")?s=function(a,b){return r.call(a,b)}:s=function(a,b){return b in a&&v(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=p.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(p.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(p.call(arguments)))};return e});for(var y in l)s(l,y)&&(q=y.toLowerCase(),e[q]=l[y](),o.push((e[q]?"":"no-")+q));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)s(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof enableClasses!="undefined"&&enableClasses&&(f.className+=" "+(b?"":"no-")+a),e[a]=b}return e},t(""),h=j=null,e._version=d,e}(this,this.document),function(){var a=new Image;a.onerror=function(){Modernizr.addTest("webp",!1);foo()},a.onload=function(){Modernizr.addTest("webp",function(){return a.width==1});foo()},a.src="data:image/webp;base64,UklGRiwAAABXRUJQVlA4ICAAAAAUAgCdASoBAAEAL/3+/3+CAB/AAAFzrNsAAP5QAAAAAA=="}();
//FastClick: polyfill to remove click delays on browsers with touch UIs. version 0.6.11
function FastClick(a){var c,b=this;this.trackingClick=!1;this.trackingClickStart=0;this.targetElement=null;this.lastTouchIdentifier=this.touchStartY=this.touchStartX=0;this.touchBoundary=10;this.layer=a;if(!a||!a.nodeType)throw new TypeError("Layer must be a document node");this.onClick=function(){return FastClick.prototype.onClick.apply(b,arguments)};this.onMouse=function(){return FastClick.prototype.onMouse.apply(b,arguments)};this.onTouchStart=function(){return FastClick.prototype.onTouchStart.apply(b,
arguments)};this.onTouchMove=function(){return FastClick.prototype.onTouchMove.apply(b,arguments)};this.onTouchEnd=function(){return FastClick.prototype.onTouchEnd.apply(b,arguments)};this.onTouchCancel=function(){return FastClick.prototype.onTouchCancel.apply(b,arguments)};FastClick.notNeeded(a)||(this.deviceIsAndroid&&(a.addEventListener("mouseover",this.onMouse,!0),a.addEventListener("mousedown",this.onMouse,!0),a.addEventListener("mouseup",this.onMouse,!0)),a.addEventListener("click",this.onClick,
!0),a.addEventListener("touchstart",this.onTouchStart,!1),a.addEventListener("touchmove",this.onTouchMove,!1),a.addEventListener("touchend",this.onTouchEnd,!1),a.addEventListener("touchcancel",this.onTouchCancel,!1),Event.prototype.stopImmediatePropagation||(a.removeEventListener=function(b,c,e){var f=Node.prototype.removeEventListener;"click"===b?f.call(a,b,c.hijacked||c,e):f.call(a,b,c,e)},a.addEventListener=function(b,c,e){var f=Node.prototype.addEventListener;"click"===b?f.call(a,b,c.hijacked||
(c.hijacked=function(a){a.propagationStopped||c(a)}),e):f.call(a,b,c,e)}),"function"===typeof a.onclick&&(c=a.onclick,a.addEventListener("click",function(a){c(a)},!1),a.onclick=null))}FastClick.prototype.deviceIsAndroid=0<navigator.userAgent.indexOf("Android");FastClick.prototype.deviceIsIOS=/iP(ad|hone|od)/.test(navigator.userAgent);FastClick.prototype.deviceIsIOS4=FastClick.prototype.deviceIsIOS&&/OS 4_\d(_\d)?/.test(navigator.userAgent);
FastClick.prototype.deviceIsIOSWithBadTarget=FastClick.prototype.deviceIsIOS&&/OS ([6-9]|\d{2})_\d/.test(navigator.userAgent);FastClick.prototype.needsClick=function(a){switch(a.nodeName.toLowerCase()){case "button":case "select":case "textarea":if(a.disabled)return!0;break;case "input":if(this.deviceIsIOS&&"file"===a.type||a.disabled)return!0;break;case "label":case "video":return!0}return/\bneedsclick\b/.test(a.className)};
FastClick.prototype.needsFocus=function(a){switch(a.nodeName.toLowerCase()){case "textarea":return!0;case "select":return!this.deviceIsAndroid;case "input":switch(a.type){case "button":case "checkbox":case "file":case "image":case "radio":case "submit":return!1}return!a.disabled&&!a.readOnly;default:return/\bneedsfocus\b/.test(a.className)}};
FastClick.prototype.sendClick=function(a,c){var b,d;document.activeElement&&document.activeElement!==a&&document.activeElement.blur();d=c.changedTouches[0];b=document.createEvent("MouseEvents");b.initMouseEvent(this.determineEventType(a),!0,!0,window,1,d.screenX,d.screenY,d.clientX,d.clientY,!1,!1,!1,!1,0,null);b.forwardedTouchEvent=!0;a.dispatchEvent(b)};FastClick.prototype.determineEventType=function(a){return this.deviceIsAndroid&&"select"===a.tagName.toLowerCase()?"mousedown":"click"};
FastClick.prototype.focus=function(a){var c;this.deviceIsIOS&&a.setSelectionRange&&0!==a.type.indexOf("date")&&"time"!==a.type?(c=a.value.length,a.setSelectionRange(c,c)):a.focus()};FastClick.prototype.updateScrollParent=function(a){var c,b;c=a.fastClickScrollParent;if(!c||!c.contains(a)){b=a;do{if(b.scrollHeight>b.offsetHeight){c=b;a.fastClickScrollParent=b;break}b=b.parentElement}while(b)}c&&(c.fastClickLastScrollTop=c.scrollTop)};
FastClick.prototype.getTargetElementFromEventTarget=function(a){return a.nodeType===Node.TEXT_NODE?a.parentNode:a};
FastClick.prototype.onTouchStart=function(a){var c,b,d;if(1<a.targetTouches.length)return!0;c=this.getTargetElementFromEventTarget(a.target);b=a.targetTouches[0];if(this.deviceIsIOS){d=window.getSelection();if(d.rangeCount&&!d.isCollapsed)return!0;if(!this.deviceIsIOS4){if(b.identifier===this.lastTouchIdentifier)return a.preventDefault(),!1;this.lastTouchIdentifier=b.identifier;this.updateScrollParent(c)}}this.trackingClick=!0;this.trackingClickStart=a.timeStamp;this.targetElement=c;this.touchStartX=
b.pageX;this.touchStartY=b.pageY;200>a.timeStamp-this.lastClickTime&&a.preventDefault();return!0};FastClick.prototype.touchHasMoved=function(a){a=a.changedTouches[0];var c=this.touchBoundary;return Math.abs(a.pageX-this.touchStartX)>c||Math.abs(a.pageY-this.touchStartY)>c?!0:!1};FastClick.prototype.onTouchMove=function(a){if(!this.trackingClick)return!0;if(this.targetElement!==this.getTargetElementFromEventTarget(a.target)||this.touchHasMoved(a))this.trackingClick=!1,this.targetElement=null;return!0};
FastClick.prototype.findControl=function(a){return void 0!==a.control?a.control:a.htmlFor?document.getElementById(a.htmlFor):a.querySelector("button, input:not([type=hidden]), keygen, meter, output, progress, select, textarea")};
FastClick.prototype.onTouchEnd=function(a){var c,b,d=this.targetElement;if(!this.trackingClick)return!0;if(200>a.timeStamp-this.lastClickTime)return this.cancelNextClick=!0;this.cancelNextClick=!1;this.lastClickTime=a.timeStamp;c=this.trackingClickStart;this.trackingClick=!1;this.trackingClickStart=0;this.deviceIsIOSWithBadTarget&&(b=a.changedTouches[0],d=document.elementFromPoint(b.pageX-window.pageXOffset,b.pageY-window.pageYOffset)||d,d.fastClickScrollParent=this.targetElement.fastClickScrollParent);
b=d.tagName.toLowerCase();if("label"===b){if(c=this.findControl(d)){this.focus(d);if(this.deviceIsAndroid)return!1;d=c}}else if(this.needsFocus(d)){if(100<a.timeStamp-c||this.deviceIsIOS&&window.top!==window&&"input"===b)return this.targetElement=null,!1;this.focus(d);this.deviceIsIOS4&&"select"===b||(this.targetElement=null,a.preventDefault());return!1}if(this.deviceIsIOS&&!this.deviceIsIOS4&&(c=d.fastClickScrollParent)&&c.fastClickLastScrollTop!==c.scrollTop)return!0;this.needsClick(d)||(a.preventDefault(),
this.sendClick(d,a));return!1};FastClick.prototype.onTouchCancel=function(){this.trackingClick=!1;this.targetElement=null};FastClick.prototype.onMouse=function(a){return this.targetElement&&!a.forwardedTouchEvent&&a.cancelable?!this.needsClick(this.targetElement)||this.cancelNextClick?(a.stopImmediatePropagation?a.stopImmediatePropagation():a.propagationStopped=!0,a.stopPropagation(),a.preventDefault(),!1):!0:!0};
FastClick.prototype.onClick=function(a){if(this.trackingClick)return this.targetElement=null,this.trackingClick=!1,!0;if("submit"===a.target.type&&0===a.detail)return!0;a=this.onMouse(a);a||(this.targetElement=null);return a};
FastClick.prototype.destroy=function(){var a=this.layer;this.deviceIsAndroid&&(a.removeEventListener("mouseover",this.onMouse,!0),a.removeEventListener("mousedown",this.onMouse,!0),a.removeEventListener("mouseup",this.onMouse,!0));a.removeEventListener("click",this.onClick,!0);a.removeEventListener("touchstart",this.onTouchStart,!1);a.removeEventListener("touchmove",this.onTouchMove,!1);a.removeEventListener("touchend",this.onTouchEnd,!1);a.removeEventListener("touchcancel",this.onTouchCancel,!1)};
FastClick.notNeeded=function(a){var c,b;if("undefined"===typeof window.ontouchstart)return!0;if(b=+(/Chrome\/([0-9]+)/.exec(navigator.userAgent)||[,0])[1])if(FastClick.prototype.deviceIsAndroid){if((c=document.querySelector("meta[name=viewport]"))&&(-1!==c.content.indexOf("user-scalable=no")||31<b&&window.innerWidth<=window.screen.width))return!0}else return!0;return"none"===a.style.msTouchAction?!0:!1};FastClick.attach=function(a){return new FastClick(a)};
"undefined"!==typeof define&&define.amd?define(function(){return FastClick}):"undefined"!==typeof module&&module.exports?(module.exports=FastClick.attach,module.exports.FastClick=FastClick):window.FastClick=FastClick;
onload=function(){
FastClick.attach(document.body);
}</script>