1<!DOCTYPE html> 2<html lang="fr-FR" data-version="3.0.9"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> 6 <meta name="description" content="Mr Cup Studio"> 7 <title>mrcup-studio.com › ABOUT</title> 8 <link rel="pingback" href="https://mrcup-studio.com/xmlrpc.php" /> 9 <!--[if lt IE 9]>
9<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
9<![endif]--> 10 <link type="text/css" rel="stylesheet" href="https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/css/reset.css"> 11 <link data-fontset-id="ce-fontset" href="https://fonts.googleapis.com/css?family=Karla:400,400i|Roboto Slab:700" rel="stylesheet"><style id="ce-fontset" type="text/css">.regular { font-family: "Karla", Helvetica, Arial, sans-serif !important; font-style: normal; font-weight: normal; }.regular_italic { font-family: "Karla", Helvetica, Arial, sans-serif !important; font-style: italic; font-weight: 400; }.bold, .wysiwyg-ce h1, .wysiwyg-ce h2, .wysiwyg-ce h3, .wysiwyg-ce h4, .wysiwyg-ce h5, .wysiwyg-ce h6, #semplice h1, #semplice h2, #semplice h3, #semplice h4, #semplice h5, #semplice h6 { font-family: "Roboto Slab", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; }</style> <link type="text/css" rel="stylesheet" href="https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/style.css"> 12 <style type="text/css" id="semplice-custom-css">#navbar-bg { background: #ffffff !important; }#fullscreen-menu { background: rgb(244, 244, 244); background: rgba(244, 244, 244, 1); }#navbar-bg { opacity: 0; }#navbar { border-bottom: 1px solid transparent !important; }.transparent { opacity: 0 !important; }@media (max-width: 767px) {.transparent { background: #ffffff !important; }}#navbar .controls a .nav-icon { background: #000000 !important; }#navbar .controls a svg { fill: #000000 !important; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { letter-spacing: 1px !important; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { text-transform: none !important; }#navbar .controls a.project-panel-button { margin-right: -10px; padding-left: 10px; }nav.standard ul li a { padding: 0px 25px; }#fullscreen-menu .menu-inner nav { padding: 40px 0px; }#fullscreen-menu .menu-inner nav ul li a, .follow-links ul li a svg, nav.standard ul li a { color: #777777 !important; }.follow-links ul li a svg { fill: #777777 !important; }nav.standard ul li a { text-decoration: none !important; }#fullscreen-menu .menu-inner nav ul li.current-menu-item a, #fullscreen-menu .menu-inner nav ul li.current_page_item a, nav.standard ul li.current-menu-item a, nav.standard ul li.current_page_item a, #fullscreen-menu .menu-inner nav ul li.current-menu-item a:hover, #fullscreen-menu .menu-inner nav ul li.current_page_item a:hover, nav.standard ul li.current-menu-item a:hover, nav.standard ul li.current_page_item a:hover, .is-work nav.standard ul li.portfolio-grid a, .is-work #fullscreen-menu .menu-inner nav ul li.portfolio-grid a { color: #333333 !important; }nav.standard ul li.current-menu-item a, nav.standard ul li.current_page_item a, nav.standard ul li.current-menu-item a:hover, nav.standard ul li.current_page_item a:hover, .is-work nav.standard ul li.portfolio-grid a { text-decoration: none !important; }#fullscreen-menu .menu-inner nav ul li a:hover, .follow-links ul li a svg, nav.standard ul li a:hover { color: #333333 !important; }.follow-links ul li a:hover svg { fill: #333333 !important; }nav.standard ul li a:hover { text-decoration: none !important; }nav.standard ul li a:hover { background: transparent !important; }nav.standard ul li.current-menu-item a, nav.standard ul li.current-menu-item a:hover, .is-work nav.standard ul li.portfolio-grid a, nav.standard ul li.current_page_item a, nav.standard ul li.current_page_item a:hover { background: transparent !important; }nav.standard ul li a { font-size: 15px !important; }header { position: absolute; }#fullscreen-menu { height: 100%; }.menu-inner nav { transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; top: 50%; width: 100%; }.follow-links { position: absolute; bottom: 0px; width: 100%; }#fullscreen-menu .menu-inner nav ul li { border: 0px !important; }#fullscreen-menu .menu-inner nav ul li { text-align: center; }#fullscreen-menu .menu-inner .follow-links { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 1); }#fullscreen-menu .menu-inner .follow-links ul li a { padding-top: 5px; padding-bottom: 5px; }#fullscreen-menu .menu-inner .follow-links { border-top: 1px solid transparent !important; }#fullscreen-menu .menu-inner .follow-links ul li a { padding-right: 10px; padding-left: 10px; }#fullscreen-menu .menu-inner .follow-links ul li a svg { fill: #aaaaaa !important; }#fullscreen-menu .menu-inner .follow-links ul li a:hover svg { fill: #000000 !important; }#fullscreen-menu .menu-inner .follow-links ul li a:hover { background: #ffffff !important; }.logo svg { fill: #1e1e1e !important; }.logo svg { width: 132px; height: 25px; }header { top: -105px; }#navbar, #navbar-bg, .controls a, .controls a span { height: 105px; }#navbar .controls a .nav-icon { margin-top: 52.5px !important; }.navbar-inner { height: 105px; overflow: hidden; }.controls a svg, div.header-icon { margin-top: 41px; }section#blog, .post-password-form, section#not-found { margin-top: 105px !important; }#fullscreen-menu .menu-inner nav.align-top { margin-top: 105px !important; transform: none; -webkit-transform: none; }#content-holder, #page-content { margin-top: 105px !important; }.menu-style-nobutton ul li a, nav.standard ul li a { line-height: 105px !important; }.title-top { top: 105px; }.share-box { background: #ffffff !important; }.share-icons-wrapper p { color: #000000 !important; }.share-icon a svg { fill: #000000 !important; }.wysiwyg, .wysiwyg p, .wysiwyg pre, .post-heading h2, #post .wysiwyg .meta p span, p.quote, .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6, #category-archives h4, h4#comments, .comment-autor, .comment-autor a, .comment-time, .comment-content p, h3#reply-title, .comments-pagination, .meta p a, section#comment h3#comments, .no-results, blockquote p, .quote-container p, .result-header h3 { color: #333333!important ;}.archives-close svg { fill: #333333!important ;}abbr, acronym { border-color: #333333 !important;}#post .wysiwyg a, .wysiwyg-ce a, #post .wysiwyg p a, p.quote a, .next p a, .previous p a, a.page-numbers, #category-archives nav ul li a, .cover-headline a { color: #777777!important ;}#post .wysiwyg { border-color: #777777!important ;}#post .semplice-share .button a { color: white !important; }#post .wysiwyg a:hover, .wysiwyg-ce a:hover, #post .wysiwyg p a:hover, .post-heading p a:hover, #post .wysiwyg .meta p a:hover, p.quote a:hover, #post .wysiwyg a.more-link:hover, .description a.more-link:hover, .next p a:hover, .previous p a:hover, #category-archives nav ul li a:hover, a.comment-edit-link:hover, a.comment-reply-link:hover, a.page-numbers:hover, section#category-archives nav ul li a:hover, .cover-headline a:hover { color: #333333!important ;}#post .semplice-share .button a:hover { color: white !important; }.post-heading h2 a, .result-header h3, #category-archives h2 { color: #777777!important ;}.post-heading p, .post-heading p a, #post .wysiwyg .meta p a { color: #a0a0a0!important ;}#comment { background-color: #f9f9f9 !important;}form#commentform textarea, form#commentform input { background-color: #f9f9f9 !important;}form#commentform #submit, form#commentform input, form#commentform textarea { color: #000000 !important; }form#commentform textarea::-webkit-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea::-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea:-ms-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textareainput:-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input::-webkit-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input::-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform input:-ms-input-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform inputinput:-moz-placeholder { color: #000000 !important; opacity: .5 !important;}form#commentform textarea, form#commentform input { border-color: #e
120e0e0 !important;}#post .wysiwyg a.more-link, .description a.more-link { color: #acacac !important; }#post .wysiwyg a.more-link, .description a.more-link { border-color: #e6e6e6!important ;}.edit-reply a { color: #aaaaaa!important ;}.edit-reply a { border-color: #e6e6e6!important ;}.post-divider { background: #e6e6e6!important ;}.post-password-form input, .result-header, #category-archives h4, .comment-content, pre, tt, code, kbd, blockquote, .wysiwyg table, .description table, .wysiwyg-ce table , .wysiwyg table th, .wysiwyg table td, .description table th, .description table td, .wysiwyg-ce table th, .wysiwyg-ce table td { border-color: #e6e6e6!important ;}.search-field { background: #ffffff!important ;}.search-field { border-color: #e6e6e6!important ;}.search-field { color: #000000!important ;}.close-search svg { fill: #000000 !important;}.search-form input::-webkit-input-placeholder { color: #000000 !important; opacity: 1;}.search-form input::-moz-placeholder { color: #000000 !important; opacity: 1;}.search-form input:-ms-input-placeholder { color: #000000 !important; opacity: 1;}body {background-color: #ffffff !important;}.to-the-top a svg { fill: #b2b2b2 !important; }.no-gutter-grid-sizer { width: 8.3333% !important; }.no-gutter-gutter-sizer { width: 0px; }.remove-gutter-yes { margin: 0px !important; }.masonry-span0{ width: 0% !important; float: left; }.masonry-span1{ width: 8.3333% !important; float: left; }.masonry-span2{ width: 16.6667% !important; float: left; }.masonry-span3{ width: 25% !important; float: left; }.masonry-span4{ width: 33.3333% !important; float: left; }.masonry-span5{ width: 41.6667% !important; float: left; }.masonry-span6{ width: 50% !important; float: left; }.masonry-span7{ width: 58.3333% !important; float: left; }.masonry-span8{ width: 66.6667% !important; float: left; }.masonry-span9{ width: 75% !important; float: left; }.masonry-span10{ width: 83.3333% !important; float: left; }.masonry-span11{ width: 91.6667% !important; float: left; }.masonry-span12{ width: 100% !important; float: left; }@media (max-width: 767px) {.masonry-span1, .masonry-span2, .masonry-span3, .masonry-span4, .masonry-span5, .masonry-span6, .masonry-span7, .masonry-span8, .masonry-span9, .masonry-span10, .masonry-span11, .masonry-span12 { width: 100% !important; }}.lightbox-overlay { background-color: rgba(255,255,255,0.98); -webkit-animation: fadein 0.35s; -moz-animation: fadein 0.35s; -ms-animation: fadein 0.35s; -o-animation: fadein 0.35s; animation: fadein 0.35s; }@keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-moz-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-webkit-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-ms-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }@-o-keyframes fadein { from { background-color: rgba(255,255,255,0); } to { background-color: rgba(255,255,255,0.98); } }.lightbox-arrows .imagelightbox-arrow svg { fill: #777777; }.share-box.fade-content { 13 display: none; 14} 15 16.to-the-top { 17 display: none; 18} 19 20.to-the-top a { 21 display: none; 22} 23 24h3.bold.fs-18px.lh-18px { 25 letter-spacing: 2px; 26} 27section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb h3 { 28 font-family: 'Roboto Slab'; 29 letter-spacing: 1px; 30 color: #777777; 31} 32 33section#project-panel .project-panel .container { 34 padding-top: 0px; 35} 36 37header { 38 position: fixed; 39}</style> 40 <link rel="shortcut icon" href="https://mrcup-studio.com/wp-content/uploads/2016/10/favicon-mrcup-studio.png"> 41 <link rel='dns-prefetch' href='//s.w.org' /> 42
42<script type="text/javascript"> 43 window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/mrcup-studio.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.0.29"}}; 44 !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); 45 </script>
45 46 <style type="text/css"> 47img.wp-smiley, 48img.emoji { 49 display: inline !important; 50 border: none !important; 51 box-shadow: none !important; 52 height: 1em !important; 53 width: 1em !important; 54 margin: 0 .07em !important; 55 vertical-align: -0.1em !important; 56 background: none !important; 57 padding: 0 !important; 58} 59</style> 60<link rel='stylesheet' id='wp-block-library-css' href='https://mrcup-studio.com/wp-includes/css/dist/block-library/style.min.css?ver=5.0.29' type='text/css' media='all' /> 61<link rel='stylesheet' id='mediaelement-css' href='https://mrcup-studio.com/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.6-78496d1' type='text/css' media='all' /> 62<link rel='stylesheet' id='wp-mediaelement-css' href='https://mrcup-studio.com/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=5.0.29' type='text/css' media='all' />
63<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
vendor: 1 bytes, line 63
63
64<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
vendor: 1 bytes, line 64
64
65<script type='text/javascript'> 66var mejsL10n = {"language":"fr","strings":{"mejs.install-flash":"Vous utilisez un navigateur qui n\u2019a pas le lecteur Flash activ\u00e9 ou install\u00e9. Veuillez activer votre extension Flash ou t\u00e9l\u00e9charger la derni\u00e8re version \u00e0 partir de cette adresse\u00a0: https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen-off":"Quitter le plein \u00e9cran","mejs.fullscreen-on":"Passer en plein \u00e9cran","mejs.download-video":"T\u00e9l\u00e9charger la vid\u00e9o","mejs.fullscreen":"Plein \u00e9cran","mejs.time-jump-forward":["Saut en avant d\u20191 seconde","Avancer de %1 secondes"],"mejs.loop":"Lire en boucle","mejs.play":"Lecture","mejs.pause":"Pause","mejs.close":"Fermer","mejs.time-slider":"Curseur de temps","mejs.time-help-text":"Utilisez les fl\u00e8ches droite\/gauche pour avancer d\u2019une seconde, haut\/bas pour avancer de dix secondes.","mejs.time-skip-back":["Revenir une seconde en arri\u00e8re","Saut en arri\u00e8re de %1 seconde(s)"],"mejs.captions-subtitles":"L\u00e9gendes\/Sous-titres","mejs.captions-chapters":"Chapitres","mejs.none":"Aucun","mejs.mute-toggle":"Couper le son","mejs.volume-help-text":"Utilisez les fl\u00e8ches haut\/bas pour augmenter ou diminuer le volume.","mejs.unmute":"R\u00e9activer le son","mejs.mute":"Muet","mejs.volume-slider":"Curseur de volume","mejs.video-player":"Lecteur vid\u00e9o","mejs.audio-player":"Lecteur audio","mejs.ad-skip":"Passer la publicit\u00e9","mejs.ad-skip-info":["Passer dans %1 seconde","Passer dans %1 secondes"],"mejs.source-chooser":"S\u00e9lecteur de source","mejs.stop":"Arr\u00eater","mejs.speed-rate":"Taux de vitesse","mejs.live-broadcast":"\u00c9mission en direct","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanais","mejs.arabic":"Arabe","mejs.belarusian":"Bi\u00e9lorusse","mejs.bulgarian":"Bulgare","mejs.catalan":"Catalan","mejs.chinese":"Chinois","mejs.chinese-simplified":"Chinois (simplifi\u00e9)","mejs.chinese-traditional":"Chinois (traditionnel)","mejs.croatian":"Croate","mejs.czech":"Tch\u00e8que","mejs.danish":"Danois","mejs.dutch":"N\u00e9erlandais","mejs.english":"Anglais","mejs.estonian":"Estonien","mejs.filipino":"Filipino","mejs.finnish":"Terminer","mejs.french":"Fran\u00e7ais","mejs.galician":"Galicien","mejs.german":"Allemand","mejs.greek":"Grec","mejs.haitian-creole":"Cr\u00e9ole ha\u00eftien","mejs.hebrew":"H\u00e9breu","mejs.hindi":"Hindi","mejs.hungarian":"Hongrois","mejs.icelandic":"Islandais","mejs.indonesian":"Indon\u00e9sien","mejs.irish":"Irlandais","mejs.italian":"Italien","mejs.japanese":"Japonais","mejs.korean":"Cor\u00e9en","mejs.latvian":"Letton","mejs.lithuanian":"Lituanien","mejs.macedonian":"Mac\u00e9donien","mejs.malay":"Malais","mejs.maltese":"Maltais","mejs.norwegian":"Norv\u00e9gien","mejs.persian":"Perse","mejs.polish":"Polonais","mejs.portuguese":"Portugais","mejs.romanian":"Roumain","mejs.russian":"Russe","mejs.serbian":"Serbe","mejs.slovak":"Slovaque","mejs.slovenian":"Slov\u00e9nien","mejs.spanish":"Espagnol","mejs.swahili":"Swahili","mejs.swedish":"Su\u00e9dois","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turc","mejs.ukrainian":"Ukrainien","mejs.vietnamese":"Vietnamien","mejs.welsh":"Ga\u00e9lique","mejs.yiddish":"Yiddish"}}; 67</script>
vendor: 1 bytes, line 67
67
68<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.6-78496d1'></script>
vendor: 1 bytes, line 68
68
69<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.0.29'></script>
vendor: 1 bytes, line 69
69
70<script type='text/javascript'> 71/* <![CDATA[ */ 72var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; 73/* ]]> */ 74</script>
74 75<link rel='https://api.w.org/' href='https://mrcup-studio.com/wp-json/' /> 76<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mrcup-studio.com/xmlrpc.php?rsd" /> 77<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://mrcup-studio.com/wp-includes/wlwmanifest.xml" /> 78<meta name="generator" content="WordPress 5.0.29" /> 79<link rel="canonical" href="https://mrcup-studio.com/about/" /> 80<link rel='shortlink' href='https://mrcup-studio.com/?p=472' /> 81<link rel="alternate" type="application/json+oembed" href="https://mrcup-studio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmrcup-studio.com%2Fabout%2F" /> 82<link rel="alternate" type="text/xml+oembed" href="https://mrcup-studio.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmrcup-studio.com%2Fabout%2F&format=xml" /> 83 <!-- Facebook --> 84 <meta property="og:title" content="mrcup-studio.com › ABOUT" /> 85 <meta property="og:url" content="https://mrcup-studio.com/about/" /> 86 <meta property="og:site_name" content="mrcup-studio.com"/> 87 <meta property="og:image" content="" /> 88 89 <!-- bottom admin bar --> 90 <style>html{margin-top:0px!important;}#wpadminbar{top:auto!important;bottom:0;}}</style> 91 </head> 92 <body class="page-template-default page page-id-472"> 93 <header class="non-sticky-nav"> 94 <div id="navbar-bg" class="navbar" data-navbar-opacity="0" data-dropdown-transparent="disabled"><!-- header bar background --></div> 95 <div id="navbar"> 96 <div class="container"><div class="row"><div class="span12 navbar-inner"><div class="logo fourty"><a id="logo" data-logo-height="25" class="has-logo" href="https://mrcup-studio.com" title="mrcup-studio.com"><svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 199.64 37.75"><title>Sans titre - 1</title><path d="M128.52,82.5A7.37,7.37,0,0,1,120.74,75V52.51a7.38,7.38,0,0,1,7.78-7.56c5,0,7.57,3.65,7.57,7.56v2.9c0,0.53-.43.69-2.9,0.69-1.77,0-2.68.11-2.68-.59V52.73a2.23,2.23,0,0,0-2-2.25c-1.66,0-2,1.66-2,3.06V73.75c0,1.5.38,3.06,2,3.06a2,2,0,0,0,2-2.15V71.88c0-.75.48-0.7,2.84-0.7s2.74,0.06,2.74,1V75C136.09,79.44,133.51,82.5,128.52,82.5Z" transform="translate(-85.81 -44.75)"/><path d="M146.71,82.5A7.39,7.39,0,0,1,138.93,75V45.86c0-.86.38-0.91,3-0.91,2.15,0,2.74.11,2.74,0.91V73.81c0,1.45.27,3,2,3s2-1.5,2-3v-28c0-.75.27-0.86,2.68-0.86,2.79,0,3.11.16,3.11,0.8V75C154.54,79.44,151.7,82.5,146.71,82.5Z" transform="translate(-85.81 -44.75)"/><path d="M171.38,66.3a8.82,8.82,0,0,1-6,2c-0.75,0-1.18.32-1.18,1.66V81.64c0,0.91-.54.86-3,0.86s-2.74,0-2.74-1.18V46.61a2.18,2.18,0,0,1,.27-1.34,1.46,1.46,0,0,1,1.34-.32h5.47a9.14,9.14,0,0,1,5.9,1.88A7.5,7.5,0,0,1,174.07,53v7A8,8,0,0,1,171.38,66.3Zm-3.11-12.12a4.5,4.5,0,0,0-.7-3,2.24,2.24,0,0,0-1.77-.64,2.54,2.54,0,0,0-1.45.21,1.14,1.14,0,0,0-.16.75V61.74a1.05,1.05,0,0,0,.32,1.13,6.62,6.62,0,0,0,1.19.06,2.45,2.45,0,0,0,1.93-.86,3.89,3.89,0,0,0,.64-2.74V54.18Z" transform="translate(-85.81 -44.75)"/><path d="M102.12,82.3c-2.63,0-2.79-.11-2.79-0.91,0-7.51,0-17.22-.16-21.46-0.21-.48-0.7-0.32-0.81.21-0.64,3-1.29,5.48-1.82,7.3a0.93,0.93,0,0,1-1.18.81,1,1,0,0,1-1.18-.75c-0.43-1.66-1.07-4.29-1.72-7.24a0.53,0.53,0,0,0-1-.27c-0.16,4.29-.16,13.84-0.16,21.35,0,0.86-.16,1-2.95,1-2.63,0-2.57-.11-2.57-0.91V45.66c0-.91.37-0.86,2.47-0.86,2.31,0,2.68.27,3.22,2,0.81,2.74,1.61,5.15,2.36,7.67C94.39,56.34,95,58,95.36,58s0.91-1.55,1.5-3.54l2.36-7.67c0.48-1.72.86-2,3-2,2.3,0,2.79.05,2.79,0.91V81.33C105,82.19,105,82.3,102.12,82.3Z" transform="translate(-85.81 -44.75)"/><path d="M183.23,65.5c-2.07,0-2.74,0-4.42,0-0.15,0-.78-0.12-0.69-0.57a6.06,6.06,0,0,0,0-1.29c0-.36.27-0.45,0.93-0.45,1,0,2.29,0,3.29,0,0.81,0,1.38.15,1.38,0.48a7,7,0,0,0,.09,1.38C183.87,65.26,183.84,65.5,183.23,65.5Z" transform="translate(-85.81 -44.75)"/><path d="M115.44,67.31c-1.51,0-1.63,0-1.63-.53V59.56c0-1.1-.37-2-1.16-2-1.1,0-1.22,0-1.22.41v8.72c0,0.6-.25.6-1.82,0.6-1.29,0-1.54,0-1.54-.69V46.32a1.81,1.81,0,0,1,.12-0.78,0.84,0.84,0,0,1,.82-0.19h3.11a5.24,5.24,0,0,1,3.67,1.29,4.57,4.57,0,0,1,1.29,3.45v2.67a3.26,3.26,0,0,1-.53,2.07A3.94,3.94,0,0,1,115,55.95a4.2,4.2,0,0,1,1.6,1,3,3,0,0,1,.56,2V66.8C117.16,67.31,116.94,67.31,115.44,67.31Zm-1.73-16.56a2.47,2.47,0,0,0-.44-1.73,1.2,1.2,0,0,0-1.13-.38,0.77,0.77,0,0,0-.63.16,0.88,0.88,0,0,0-.09.41v4.67a0.78,0.78,0,0,0,.15.63,1,1,0,0,0,.57.06,1.6,1.6,0,0,0,1.13-.47,1.68,1.68,0,0,0,.44-1.22V50.74Z" transform="translate(-85.81 -44.75)"/><path d="M200.48,78c-1.83,3.27-3.06,4.46-6.92,4.46-4.4,0-7.78-2.63-7.78-7.51V72c0-.48.49-0.54,2.63-0.54s3.16,0,3.16.43v2.25c0,2,.38,3.17,2,3.17a1.9,1.9,0,0,0,1.93-2c0.06-.91.11-1.72,0.11-2.47,0-4.67-10.14-11.16-10.14-19.2a13.15,13.15,0,0,1,1.34-5.2,7.05,7.
9605,0,0,1,6.27-3.49,7.32,7.32,0,0,1,7.62,7.3v2.63c0,0.38-.76.33-2.57,0.33-2,0-3.12,0-3.12-.38V52.35a2.21,2.21,0,0,0-1.93-2.41,2,2,0,0,0-1.82,1.72,14.85,14.85,0,0,0-.16,2.15c0,6.33,10.25,10.68,10.25,19.42A11.39,11.39,0,0,1,200.48,78Z" transform="translate(-85.81 -44.75)"/><path d="M217.91,50.21H215.6a6.13,6.13,0,0,0-1.55.11c-0.48.38-.38,1.29-0.38,2V82c0,0.49-.59.54-3.11,0.54-2.26,0-2.74,0-2.74-.54V52.3c0-.7.11-1.61-0.38-2a6.11,6.11,0,0,0-1.55-.11h-2c-0.81,0-1-.38-1-2.63s0.11-2.63.76-2.63h14.16c0.64,0,.69.48,0.69,2.52C218.56,49.94,218.51,50.21,217.91,50.21Z" transform="translate(-85.81 -44.75)"/><path d="M228.91,82.5A7.39,7.39,0,0,1,221.13,75V45.86c0-.86.38-0.91,3-0.91,2.15,0,2.74.11,2.74,0.91V73.81c0,1.45.27,3,2,3s2-1.5,2-3v-28c0-.75.27-0.86,2.68-0.86,2.79,0,3.11.16,3.11,0.8V75C236.74,79.44,233.9,82.5,228.91,82.5Z" transform="translate(-85.81 -44.75)"/><path d="M254,80.19a8.56,8.56,0,0,1-6.17,2.31h-5.58c-0.69,0-1.12.05-1.34-.38a2.22,2.22,0,0,1-.21-1.29V46.61a2.33,2.33,0,0,1,.21-1.34,1.57,1.57,0,0,1,1.39-.32h5.47a9.21,9.21,0,0,1,6.33,2.2,7.84,7.84,0,0,1,2.2,5.9v21.3A7.88,7.88,0,0,1,254,80.19Zm-3.48-26a4.5,4.5,0,0,0-.7-3,3.41,3.41,0,0,0-3.22-.43,1.14,1.14,0,0,0-.16.75V75.68a1.53,1.53,0,0,0,.21,1.07,2.59,2.59,0,0,0,1.23.11,2.53,2.53,0,0,0,2-1,4.09,4.09,0,0,0,.59-2.63V54.18Z" transform="translate(-85.81 -44.75)"/><path d="M262.92,82.45c-2.63,0-2.74,0-2.74-.76V45.86c0-.8.21-0.86,2.74-0.86,2.84,0,3,.05,3,0.91V81.59C265.93,82.39,265.87,82.45,262.92,82.45Z" transform="translate(-85.81 -44.75)"/><path d="M277.62,82.5c-4.94,0-7.78-3.33-7.78-7.72V52.62c0-4.67,3.33-7.67,7.78-7.67,4.61,0,7.83,3,7.83,7.67V74.77C285.45,79.28,282.83,82.5,277.62,82.5Zm2-28.81c0-1.5-.48-3.22-2-3.22s-2,1.72-2,3.22v19.9c0,1.5.05,3.22,2,3.22s2-1.72,2-3.22V53.69Z" transform="translate(-85.81 -44.75)"/></svg></a></div><div class="nav-wrapper"><nav class="standard regular"><ul id="menu-menu-black" class="menu"><li id="menu-item-832" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-832"><a href="https://mrcup-studio.com/all/">ALL</a></li> 97<li id="menu-item-660" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-660"><a href="https://mrcup-studio.com/commissioned/">COMMISSIONED</a></li> 98<li id="menu-item-661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-661"><a href="https://mrcup-studio.com/self-initiated/">SELF-INITIATED</a></li> 99<li id="menu-item-508" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-508"><a target="_blank" href="https://mrcup-shop.com/">SHOP</a></li> 100<li id="menu-item-506" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-472 current_page_item menu-item-506"><a href="https://mrcup-studio.com/about/">ABOUT</a></li> 101</ul></nav><div class="controls"> 102 <a class="open-nav menu-responsive"> 103 <span class="nav-icon"></span> 104 </a> 105 </div></div></div></div></div> </div> 106 </header> 107 <div id="fullscreen-menu" class="full-height"> 108 <div class="menu-inner"> 109 <nav class="fs-20px regular"> 110 <ul id="menu-menu-black-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-832"><a href="https://mrcup-studio.com/all/">ALL</a></li> 111<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-660"><a href="https://mrcup-studio.com/commissioned/">COMMISSIONED</a></li> 112<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-661"><a href="https://mrcup-studio.com/self-initiated/">SELF-INITIATED</a></li> 113<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-508"><a target="_blank" href="https://mrcup-shop.com/">SHOP</a></li> 114<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-472 current_page_item menu-item-506"><a href="https://mrcup-studio.com/about/">ABOUT</a></li> 115</ul> </nav> 116 <div class="follow-links"> 117 <ul> 118 </ul> 119 </div> 120 </div> 121 </div> 122 <div id="wrapper"> 123 <div id="content"> 124 125 126 127 128 129 130 <!-- content fade --> 131 <div class="fade-content"> 132 <div id="content-holder" class=""><div id="content_s2yxw7anv" class="multi-column" data-sort="1"> 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 <div class="mc-content-container" style="padding-top: 100px; padding-bottom: 100px; background-color: rgb(255, 255, 255); display: block;" data-content-id="content_s2yxw7anv" data-content-type="multi-column"><div id="masonry-content_s2yxw7anv" class="container" style="background-color: transparent; position: relative; height: 672px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span6 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="padding-right: 20px;padding-left: 20px;background-color: #ffffff;" data-content-id="content_s2yxw7anv" data-content-type="multi-column"> 197 <div class="single-edit" style="display: none;"> 198 <ul> 199 <li><a class="edit-single" data-single-edit-content-id="column_content_ndwdq0yb4" data-single-edit-column-id="#column_alq8bgkil" data-single-edit-content-type="column-content-p">Single Edit</a></li> 200 <li><a class="edit-column">Column Edit</a></li> 201 </ul> 202 </div> 203 <div data-content-id="content_s2yxw7anv" data-paragraph-id="content_s2yxw7anv" data-content-type="multi-column" class="wysiwyg-ce "><p data-font-size="26px" data-line-height="20px"><span style="letter-spacing:2px;"><span class="bold">
203ABOUT</span></span></p><p data-font-size="15px" data-line-height="26px"><span class="regular">Fabien Barral is a happy graphic designer whose innovative and unique designs attract clients from around the world. He runs the <span class="regular_italic">Mr</span><span class="regular_italic"> Cup</span> blog, a popular online venue for graphic designers. He learned his trade as an agency art director, working on projects for large corporations. For him, relationships and exchange of ideas are the most important elements to achieve a project. In parallel to his commissioned projects, he develops his own products to express his passion of type: letterpress calendars, wall stickers, posters...</span></p><p data-font-size="15px" data-line-height="26px"><span class="regular">In 2012, he moved with his family to Thailand then to Bali to see what life can offer and share experience with other designers. There he met craftsmen to work with them on wood products... After a year and a half of this hobo life, he got back to France and created two magazines: <span class="regular_italic">Niépi</span>, with his wife Frédérique, about the gluten-free way of life, and <span class="regular_italic">Walter</span>, to share inspiring creative stories. In 2015 he moved to the very inspiring Arles city. There he found a studio and develop new projects such as playing cards.</span></p></div></div></div><div class="span1 masonry-item remove-gutter- masonry-offset" style="background-color: transparent; position: absolute; left: 600px; top: 0px;"><!-- Masonry offset --></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 700px; top: 0px;"><div class="mc-sub-content-container" style="padding-top: 70px;background-color: transparent;" data-content-id="content_s2yxw7anv" data-content-type="multi-column"> 204 <div class="single-edit" style="display: none;"> 205 <ul> 206 <li><a class="edit-single" data-single-edit-content-id="column_content_rubfnzzkl" data-single-edit-column-id="#column_iou6wcq18" data-single-edit-content-type="column-content-img">Single Edit</a></li> 207 <li><a class="edit-column">Column Edit</a></li> 208 </ul> 209 </div> 210 <div class="column-image no right"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_0848.jpg" alt="IMG_0848" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_0848.jpg" alt="IMG_0848" style="" /></div></div></div><div class="span6 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 459px;"><div class="mc-sub-content-container" style="padding-top: 100px;padding-right: 70px;padding-left: 70px;background-color: transparent;" data-content-id="content_s2yxw7anv" data-content-type="multi-column"> 211 <div class="single-edit" style="display: none;"> 212 <ul> 213 <li><a class="edit-single" data-single-edit-content-id="column_content_9rc95xzpw" data-single-edit-column-id="#column_p6g2e4rn2" data-single-edit-content-type="column-content-p">Single Edit</a></li> 214 <li><a class="edit-column">Column Edit</a></li> 215 </ul> 216 </div> 217 <div data-content-id="content_s2yxw7anv" data-paragraph-id="content_s2yxw7anv" data-content-type="multi-column" class="wysiwyg-ce "><p style="text-align: right;" data-line-height="14px" data-font-size="60px"><span class="bold">â</span></p><p data-font-size="20px" style="text-align: right;"><span style="letter-spacing:1px;"><span class="bold">« The best designers are the one who find the good clients ».</span></span></p></div></div></div></div></div> 218
218<script type="text/javascript"> 219 (function ($) { 220 $(document).ready(function () { 221 /* init masonry */ 222 var $grid = $("#masonry-content_s2yxw7anv"); 223 224 $grid.masonry({ 225 itemSelector: ".masonry-item", 226 columnWidth: ".grid-sizer", 227 gutter: ".gutter-sizer", 228 transitionDuration: 0, 229 isResizable: true, 230 231 232 }); 233 234 /* layout Masonry after each image loads */ 235 $grid.imagesLoaded().progress(function() { 236 $grid.masonry("layout"); 237 }); 238 239 }); 240 })(jQuery); 241 </script>
241 242 </div></div><div id="content_lcwjkqmcr" class="multi-column" data-sort="1" style=""> 243 244 245 <div class="mc-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column"><div id="masonry-content_lcwjkqmcr" class="container" style="background-color: transparent; position: relative; height: 661.328px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column"> 246 <div class="single-edit" style="display: none;"> 247 <ul> 248 <li><a class="edit-single" data-single-edit-content-id="column_content_d2h7wefog" data-single-edit-column-id="#column_8703zphxw" data-single-edit-content-type="column-content-img">Single Edit</a></li> 249 <li><a class="edit-column">Column Edit</a></li> 250 </ul> 251 </div> 252 <div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1180.jpg" alt="IMG_1180" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1180.jpg" alt="IMG_1180" style="" /></div></div></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 400px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column"> 253 <div class="single-edit" style="display: none;"> 254 <ul> 255 <li><a class="edit-single" data-single-edit-content-id="column_content_30n3j473h" data-single-edit-column-id="#column_u2p76sz88" data-single-edit-content-type="column-content-img">Single Edit</a></li> 256 <li><a class="edit-column">Column Edit</a></li> 257 </ul> 258 </div> 259 <div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1602.jpg" alt="IMG_1602" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_1602.jpg" alt="IMG_1602" style="" /></div></div></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 800px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column"> 260 <div class="single-edit" style="display: none;"> 261 <ul> 262 <li><a class="edit-single" data-single-edit-content-id="column_content_id1pwshl9" data-single-edit-column-id="#column_ladab6vm1" data-single-edit-content-type="column-content-img">Single Edit</a></li> 263 <li><a class="edit-column">Column Edit</a></li> 264 </ul> 265 </div> 266 <div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_2706.jpg" alt="IMG_2706" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_2706.jpg" alt="IMG_2706" style="" /></div></div></div><div class="span6 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 400px; top: 493px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_lcwjkqmcr" data-content-type="multi-column"> 267 <div class="single-edit" style="display: none;"> 268 <ul> 269 <li><a class="edit-single" data-single-edit-content-id="column_content_4ug5qe9ae" data-single-edit-column-id="#column_hf1e7i8wq" data-single-edit-content-type="column-content-p">Single Edit</a></li> 270 <li><a class="edit-column">Column Edit</a></li> 271 </ul> 272 </div> 273 <div data-content-id="content_lcwjkqmcr" data-paragraph-id="content_lcwjkqmcr" data-content-type="multi-column" class="wysiwyg-ce "><h3> </h3><p> </p><p> </p></div></div></div></div></div> 274
274<script type="text/javascript"> 275 (function ($) { 276 $(document).ready(function () { 277 /* init masonry */ 278 var $grid = $("#masonry-content_lcwjkqmcr"); 279 280 $grid.masonry({ 281 itemSelector: ".masonry-item", 282 columnWidth: ".grid-sizer", 283 gutter: ".gutter-sizer", 284 transitionDuration: 0, 285 isResizable: true, 286 287 288 }); 289 290 /* layout Masonry after each image loads */ 291 $grid.imagesLoaded().progress(function() { 292 $grid.masonry("layout"); 293 }); 294 295 }); 296 })(jQuery); 297 </script>
297 298 </div></div><div id="content_9xzy7mu8t" class="multi-column" data-sort="1"> 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 <div class="mc-content-container" style="padding-bottom: 100px; background-color: transparent; display: block;" data-content-id="content_9xzy7mu8t" data-content-type="multi-column"><div id="masonry-content_9xzy7mu8t" class="container" style="background-color: transparent; position: relative; height: 493.328px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span1 masonry-item remove-gutter- masonry-offset" style="background-color: transparent; position: absolute; left: 0px; top: 0px;"><!-- Masonry offset --></div><div class="span4 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 100px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_9xzy7mu8t" data-content-type="multi-column"> 328 <div class="single-edit" style="display: none;"> 329 <ul> 330 <li><a class="edit-single" data-single-edit-content-id="column_content_9utr33x71" data-single-edit-column-id="#column_6efa37d1f" data-single-edit-content-type="column-content-img">Single Edit</a></li> 331 <li><a class="edit-column">Column Edit</a></li> 332 </ul> 333 </div> 334 <div class="column-image no left"><img class="ce-image" src="http://mrcup-studio.com/wp-content/uploads/2019/08/IMG_4466.jpg" alt="IMG_4466" style=""><img class="live-image" src="https://mrcup-studio.com/wp-content/uploads/2019/08/IMG_4466.jpg" alt="IMG_4466" style="" /></div></div></div><div class="span2 masonry-item remove-gutter- masonry-offset" style="background-color: transparent; position: absolute; left: 500px; top: 0px;"><!-- Masonry offset --></div><div class="span7 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 500px; top: 1px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_9xzy7mu8t" data-content-type="multi-column"> 335 <div class="single-edit" style="display: none;"> 336 <ul> 337 <li><a class="edit-single" data-single-edit-content-id="column_content_l6ht94cns" data-single-edit-column-id="#column_6ntmtw8fl" data-single-edit-content-type="column-content-p">Single Edit</a></li> 338 <li><a class="edit-column">Column Edit</a></li> 339 </ul> 340 </div> 341 <div data-content-id="content_9xzy7mu8t" data-paragraph-id="content_9xzy7mu8t" data-content-type="multi-column" class="wysiwyg-ce "><p data-font-size="16px" data-line-height="26px"><span class="regular_italic">Le Studio Mr Cup est lâespace de création fondé à Arles par Fabien Barral.</span></p><p data-font-size="16px" data-line-height="26px"><span class="regular_italic">Fabien est un graphiste heureux dont le travail innovant et lâapproche de la communication attire des clients du monde entier. Le blog <span class="regular">Mr Cup</span>, un site populaire dans le monde du graphisme, câest aussi lui ! Il a fait son apprentissage en agence, en tant que directeur artistique, en travaillant sur des projets pour de « grands » clients. Mais pour lui, la relation et lâéchange dâidées sont primordiaux pour lâaboutissement dâun projet. En parallèle des ses commandes clients, il a développé ses propres produits pour exprimer sa passion de la typographie : calendriers en letterpress, stickers muraux, postersâ¦</span></p><p data-font-size="16px" data-line-height="26px"><span class="regular_italic">En 2012, il part vivre en famille en Thaïlande, puis à Bali, pour voir ce que la vie peut offrir et partager son expérience avec dâautres designers. Il y rencontre des artisans pour travailler des produits en bois. Après un an et demi de vie de bohème, il est de retour en France et crée deux magazines : <span class="regular">Niépi</span>, avec sa femme Frédérique, pour une vie sans gluten, et <span class="regular">Walter</span>, pour partager des histoires de créatifs inspirants. En 2015 il aménage dans la ville créative dâArles. Câest là quâil trouve son studio et commence à créer de nouveaux produits comme le jeu de cartes Ephemerid.</span></p></div></div></div></div></div> 342
342<script type="text/javascript"> 343 (function ($) { 344 $(document).ready(function () { 345 /* init masonry */ 346 var $grid = $("#masonry-content_9xzy7mu8t"); 347 348 $grid.masonry({ 349 itemSelector: ".masonry-item", 350 columnWidth: ".grid-sizer", 351 gutter: ".gutter-sizer", 352 transitionDuration: 0, 353 isResizable: true, 354 355 356 }); 357 358 /* layout Masonry after each image loads */ 359 $grid.imagesLoaded().progress(function() { 360 $grid.masonry("layout"); 361 }); 362 363 }); 364 })(jQuery); 365 </script>
365 366 </div></div><div id="content_q8lo9zzxm" class="custom-module" data-sort="1"> 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 <div class="content-container" style="padding-top: 50px;padding-bottom: 100px;background-color: #ffffff;" data-content-id="content_q8lo9zzxm" data-content-type="custom-module" data-modules-array="instagram"><div class="is-shortcode"><div class="executed"> 397 <div class="instagram-error"> 398 <img src="https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/images/icons/instagram.svg"> 399 <p>It looks like you either have no or a wrong access token.<br />Please go to Semplice -> General Settings and setup your access token. <br />Error Message from Instagram: <i></i></p> 400 </div> 401 </div><div class="unexecuted">[unex_ce_instagram id="content_q8lo9zzxm" count="8" span="span3" is_fluid="no" remove_gutter="yes" target="dribbble" random="disabled"][/ce_instagram]</div></div></div></div></div> </div> 402 403 <div class="fade-content footer"><div id="footer-holder"><div id="content_soqw2n4dw" class="multi-column" data-sort="1"> 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 <div class="mc-content-container" style="padding-top: 100px;padding-bottom: 100px;background-color: #ffffff;" data-content-id="content_soqw2n4dw" data-content-type="multi-column"><div id="masonry-content_soqw2n4dw" class="container" style="background-color: transparent; position: relative; height: 113px;"><div class="row"><div class="grid-sizer"></div><div class="gutter-sizer"></div><div class="span3 masonry-item remove-gutter-" style="background-color: rgb(255, 255, 255); position: absolute; left: 0px; top: 0px;"><div class="mc-sub-content-container" style="padding-bottom: 20px;background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column"> 420 <div class="single-edit" style="display: none;"> 421 <ul> 422 <li><a class="edit-single" data-single-edit-content-id="column_content_pq00vna4k" data-single-edit-column-id="#column_ja51qoxmw" data-single-edit-content-type="column-content-p">Single Edit</a></li> 423 <li><a class="edit-column">Column Edit</a></li> 424 </ul> 425 </div> 426 <div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce "><p data-font-size="15px" data-line-height="30px"><a href="mailto:[email protected]?subject=Contact%20from%20mrcup-studio.com"><span class="regular">[email protected]</span></a><br>+33 (0)4 86 63 13 33</p></div></div></div><div class="span3 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 300px; top: 0px;"><div class="mc-sub-content-container" style="padding-bottom: 20px;background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column"> 427 <div class="single-edit" style="display: none;"> 428 <ul> 429 <li><a class="edit-single" data-single-edit-content-id="column_content_gl2o1977w" data-single-edit-column-id="#column_fxsrz5tt7" data-single-edit-content-type="column-content-p">Single Edit</a></li> 430 <li><a class="edit-column">Column Edit</a></li> 431 </ul> 432 </div> 433 <div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce "><p data-font-size="15px" data-line-height="22px"><span class="regular">50 rue Chartrouse<br>13200, Arles<br>France</span></p></div></div></div><div class="span3 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 600px; top: 0px;"><div class="mc-sub-content-container" style="padding-bottom: 20px;background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column"> 434 <div class="single-edit" style="display: none;"> 435 <ul> 436 <li><a class="edit-single" data-single-edit-content-id="column_content_fskl6b6m0" data-single-edit-column-id="#column_j1vu9jkps" data-single-edit-content-type="column-content-p">Single Edit</a></li> 437 <li><a class="edit-column">Column Edit</a></li> 438 </ul> 439 </div> 440 <div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce "><p data-line-height="30px" data-font-size="15px"><span class="regular"><a target="_blank" href="https://www.instagram.com/iammrcup/">instagram</a></span><br><span class="regular"><a target="_blank" href="https://twitter.com/iammrcup">twitter</a><br><a target="_blank" href="https://www.facebook.com/iammrcup">facebook</a></span></p></div></div></div><div class="span3 masonry-item remove-gutter-" style="background-color: transparent; position: absolute; left: 900px; top: 0px;"><div class="mc-sub-content-container" style="background-color: transparent;" data-content-id="content_soqw2n4dw" data-content-type="multi-column"> 441 <div class="single-edit" style="display: none;"> 442 <ul> 443 <li><a class="edit-single" data-single-edit-content-id="column_content_8dq35fjpk" data-single-edit-column-id="#column_m2ily9sq4" data-single-edit-content-type="column-content-p">Single Edit</a></li> 444 <li><a class="edit-column">Column Edit</a></li> 445 </ul> 446 </div> 447 <div data-content-id="content_soqw2n4dw" data-paragraph-id="content_soqw2n4dw" data-content-type="multi-column" class="wysiwyg-ce "><p data-line-height="24px" data-font-size="15px"><span class="regular"><a target="_blank" href="http://www.mr-cup.com/newsletter.html">Subscribe to the newsletter</a></span></p></div></div></div></div></div> 448
448<script type="text/javascript"> 449 (function ($) { 450 $(document).ready(function () { 451 /* init masonry */ 452 var $grid = $("#masonry-content_soqw2n4dw"); 453 454 $grid.masonry({ 455 itemSelector: ".masonry-item", 456 columnWidth: ".grid-sizer", 457 gutter: ".gutter-sizer", 458 transitionDuration: 0, 459 isResizable: true, 460 461 462 }); 463 464 /* layout Masonry after each image loads */ 465 $grid.imagesLoaded().progress(function() { 466 $grid.masonry("layout"); 467 }); 468 469 }); 470 })(jQuery); 471 </script>
471 472 </div></div></div></div> <!-- content --> 473 </div> 474 <!-- wrapper --> 475 </div> 476 <div class="to-the-top"> 477 <a class="top-button"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 478 width="53px" height="20px" viewBox="0 0 53 20" enable-background="new 0 0 53 20" xml:space="preserve"> 479<g id="Ebene_3"> 480</g> 481<g> 482 <polygon points="43.886,16.221 42.697,17.687 26.5,4.731 10.303,17.688 9.114,16.221 26.5,2.312 "/> 483</g> 484</svg> 485</a> 486 </div> 487 <div class="overlay fade"></div> 488
488<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.0.29'></script>
vendor: 1 bytes, line 488
488
489<script type='text/javascript'> 490/* <![CDATA[ */ 491var semplice = {"gallery_prev":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\r\n<g id=\"Ebene_2\">\r\n\t<g>\r\n\t\t<polygon points=\"16.3,40 0.3,20 16.3,0 17.7,1 2.5,20 17.7,39 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n","gallery_next":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\r\n<g id=\"Ebene_2\">\r\n\t<g>\r\n\t\t<polygon points=\"0.3,39 15.5,20 0.3,1 1.7,0 17.7,20 1.7,40 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n","lightbox_prev":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"xMidYMid\" width=\"30\" height=\"20\" viewBox=\"0 0 30 20\">\n <path d=\"M29.255,10.804 L2.624,10.804 L10.327,18.696 C10.619,18.995 10.619,19.481 10.327,19.780 C10.181,19.930 9.989,20.005 9.798,20.005 C9.607,20.005 9.415,19.930 9.269,19.780 L0.290,10.580 C0.220,10.509 0.165,10.424 0.127,10.330 C0.090,10.238 0.071,10.141 0.071,10.043 C0.071,10.041 0.070,10.039 0.070,10.037 C0.070,10.035 0.071,10.034 0.071,10.032 C0.071,9.934 0.090,9.836 0.127,9.745 C0.165,9.650 0.220,9.565 0.290,9.494 L9.269,0.294 C9.561,-0.005 10.035,-0.005 10.327,0.294 C10.619,0.594 10.619,1.079 10.327,1.378 L2.624,9.270 L29.255,9.270 C29.669,9.270 30.003,9.613 30.003,10.037 C30.003,10.461 29.669,10.804 29.255,10.804 Z\"\/>\n<\/svg>\n","lightbox_next":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" preserveAspectRatio=\"xMidYMid\" width=\"30\" height=\"20\" viewBox=\"0 0 30 20\">\n <path d=\"M29.873,9.745 C29.910,9.836 29.929,9.934 29.929,10.032 C29.929,10.034 29.930,10.035 29.930,10.037 C29.930,10.039 29.929,10.041 29.929,10.043 C29.929,10.141 29.910,10.238 29.873,10.330 C29.835,10.424 29.780,10.509 29.710,10.580 L20.731,19.780 C20.585,19.930 20.393,20.005 20.202,20.005 C20.011,20.005 19.819,19.930 19.673,19.780 C19.381,19.481 19.381,18.995 19.673,18.696 L27.376,10.804 L0.745,10.804 C0.331,10.804 -0.003,10.461 -0.003,10.037 C-0.003,9.613 0.331,9.270 0.745,9.270 L27.376,9.270 L19.673,1.378 C19.381,1.079 19.381,0.594 19.673,0.294 C19.965,-0.005 20.439,-0.005 20.731,0.294 L29.710,9.494 C29.780,9.565 29.835,9.650 29.873,9.745 Z\"\/>\n<\/svg>\n"}; 492/* ]]> */ 493</script>
vendor: 1 bytes, line 493
493
494<script type='text/javascript' src='https://mrcup-studio.com/wp-content/themes/Semplice_BusinessLicense_v3.0.9/semplice/js/scripts.min.js?ver=5.0.29'></script>
vendor: 1 bytes, line 494
494
495<script type='text/javascript' src='https://mrcup-studio.com/wp-includes/js/wp-embed.min.js?ver=5.0.29'></script>
495 496
496<script type="text/javascript"> 497 (function($) { 498 499 // back button fix (firefox) thx to Jesse from stack overfllow 500 $(window).unload(function () { $(window).unbind('unload'); }); 501 // back button fix (safari) 502 $(window).bind('pageshow', function(event) { 503 if (event.originalEvent.persisted) { 504 window.location.reload() 505 } 506 }); 507 508 $(document).ready(function () { 509 510 /* ce images */ 511 $('.ce-image').each(function(){ var parentTag = $(this).parent().get(0).tagName; if(parentTag == 'A') { $(this).parent().remove(); } else { $(this).remove(); }}); 512 513 /* remove single edit div */ 514 $('.single-edit').remove(); 515 516 /* delete gallery brs */ 517 $('.gallery br').each(function() { 518 $(this).remove(); 519 }); 520 521 /* image lightbox */ 522 var showOverlay = function() { 523 $('<div class="lightbox-overlay"></div>').appendTo('body'); 524 }; 525 526 var hideOverlay = function() { 527 $('.lightbox-overlay').remove(); 528 }; 529 530 /* arrows */ 531 532 var arrowsOn = function(instance, selector) { 533 534 var $arrows = $('<div class="lightbox-arrows"><a type="button" class="imagelightbox-arrow imagelightbox-arrow-left">' + semplice.lightbox_prev + '</a><a type="button" class="imagelightbox-arrow imagelightbox-arrow-right">' + semplice.lightbox_next + '</a></div>'); 535 536 $arrows.appendTo('body'); 537 538 // fade in 539 $('.lightbox-arrows').delay(200).fadeIn('slow'); 540 541 $('.imagelightbox-arrow').on('click touchend', function(e) { 542 e.preventDefault(); 543 544 var $this = $(this), 545 $target = $( selector + '[href="' + $('#imagelightbox').attr('src') + '"]'), 546 index = $target.index(selector); 547 548 if( $this.hasClass('imagelightbox-arrow-left')) 549 { 550 index = index - 1; 551 if(!$(selector).eq(index).length) 552 index = $(selector).length; 553 } 554 else 555 { 556 index = index + 1; 557 if( !$(selector).eq(index).length) 558 index = 0; 559 } 560 561 instance.switchImageLightbox(index); 562 return false; 563 }); 564 }; 565 566 var arrowsOff = function() { 567 $('.lightbox-arrows').fadeOut('fast', function() { 568 $('.lightbox-arrows').remove(); 569 }); 570 }; 571 572 /* blog gallery */ 573 $('.gallery-icon a').each(function () { 574 575 /* check if attachment or media file type */ 576 var isAttachment = $(this).attr('href').slice(-1); 577 578 if(isAttachment !== '/') { 579 $(this).attr('data-rel', 'lightbox'); 580 } 581 582 }); 583 584 var selectorG = 'a[data-rel^=lightbox]'; 585 var instanceG = $(selectorG).imageLightbox( 586 { 587 selector: 'id="imagelightbox"', 588 allowedTypes: 'png|jpg|jpeg|gif|svg', 589 animationSpeed: 250, 590 preloadNext: true, 591 enableKeyboard: true, 592 quitOnEnd: false, 593 quitOnImgClick: false, 594 quitOnDocClick: true, 595 onStart: function() { arrowsOn(instanceG,selectorG); showOverlay(); }, 596 onEnd: function() { arrowsOff(); hideOverlay(); }, 597 onLoadStart: false, 598 onLoadEnd: false 599 }); 600 601 602 // content editor self hosted video and blog video 603 $(".live-video video, .live-audio audio, .wysiwyg video, .wysiwyg audio, .cover-video video").mediaelementplayer({ 604 605 // options 606 pauseOtherPlayers: false, 607 608 success: function (mediaElement, domObject) { 609 610 // get media element 611 var $thisMediaElement = (mediaElement.id) ? $("#"+mediaElement.id) : $(mediaElement); 612 613 if($thisMediaElement.attr('data-masonry-id')) { 614 // layout masonry to avoid overlapping 615 $('#masonry-' + $thisMediaElement.attr('data-masonry-id')).masonry('layout'); 616 } 617 618 // empty poster image to avoid double images 619 $thisMediaElement.attr('poster', ''); 620 621 // resize multicolumn on play if needed 622 mediaElement.addEventListener('canplay', function(e) { 623 $('#masonry-' + $thisMediaElement.attr('data-masonry-id')).masonry('layout'); 624 }, false); 625 626 // show poster image after video finished 627 mediaElement.addEventListener("ended", function(e){
628 $thisMediaElement.parents(".mejs-inner").find(".mejs-poster").show(); 629 }); 630 } 631 }); 632 }); 633 })(jQuery); 634 </script>
634 635 </body> 636</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.