{"id":245,"date":"2024-12-03T18:09:36","date_gmt":"2024-12-03T18:09:36","guid":{"rendered":"https:\/\/fp-drawings.com\/?page_id=245"},"modified":"2025-10-31T18:58:21","modified_gmt":"2025-10-31T18:58:21","slug":"a-propos-de-moi","status":"publish","type":"page","link":"https:\/\/fp-drawings.com\/fr\/a-propos-de-moi\/","title":{"rendered":"Qui suis-je ?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"245\" class=\"elementor elementor-245\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e7dce45 e-con-full e-flex e-con e-parent\" data-id=\"6e7dce45\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-76ee0184 e-flex e-con-boxed e-con e-child\" data-id=\"76ee0184\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-193f44a7 multi-style-heading elementor-widget elementor-widget-heading\" data-id=\"193f44a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ABOUT ME<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c47c5c7 multi-style-heading elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"4c47c5c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Discover my story<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-362ede8d elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"362ede8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile_extra&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Let me tell you about my journey, one of a passionate artist since childhood. From paper to\nscreen, I\u2019ve explored techniques and styles to share unique works with you today. Discover who I\nam and the soul behind each illustration.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b432a42 e-flex e-con-boxed e-con e-parent\" data-id=\"1b432a42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f843a53 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-mobile_extra__width-initial elementor-widget elementor-widget-heading\" data-id=\"f843a53\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile_extra&quot;:&quot;fadeIn&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:50,&quot;end&quot;:100}},&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Hi, I\u2019m Florian, a lifelong enthusiast of drawing and digital art.\nThis site is the result of a journey full of creativity and learning.\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e1e5b6 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"2e1e5b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile_extra&quot;:&quot;fadeIn&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:50,&quot;end&quot;:100}},&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Since high school, drawing has been my escape\u2014a way to explore unique universes. After years\nof honing my skills on paper, I discovered digital drawing, a revelation that allowed me to open\nnew perspectives.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35709e9 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-mobile_extra__width-initial elementor-widget elementor-widget-heading\" data-id=\"35709e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile_extra&quot;:&quot;fadeIn&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:50,&quot;end&quot;:100}},&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Today, I offer you my creations, designed with passion and printed to enhance your interior\ndesign. My style, blending minimalism, automotive culture, and tributes to anime, reflects my\npursuit of simplicity and elegance.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60c934c elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"60c934c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation_mobile_extra&quot;:&quot;fadeIn&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:50,&quot;end&quot;:100}},&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile_extra&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">My goal? To make art accessible while sharing my collections with you. Welcome to my world.\n\n<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28c99f7b e-con-full e-flex e-con e-parent\" data-id=\"28c99f7b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-11a35e45 e-con-full mdw-turbulence-effect e-flex e-con e-child\" data-id=\"11a35e45\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef06a9 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"ef06a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\nbody{\n    --smooth-scroll: true;\n    --fallback-circle: true;\n}\n[class^='mdw-turbulence-effect'],\n[class*=' mdw-turbulence-effect']{\n    --text-gap: 20px;\n}\n[class^='mdw-turbulence-effect'].anim .elementor-widget-heading,\n[class*=' mdw-turbulence-effect'].anim .elementor-widget-heading,\n[class^='mdw-turbulence-effect'].anim .elementor-widget-image svg,\n[class*=' mdw-turbulence-effect'].anim .elementor-widget-image svg{\n    transition: all 1s cubic-bezier(0,.33,.07,1.03);\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-heading,\n[class*=' mdw-turbulence-effect'] .elementor-widget-heading{\n    opacity: 0;\n    white-space: nowrap;\n    max-width: unset !important;\n    display: flex;\n    justify-content: center;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-heading.show,\n[class*=' mdw-turbulence-effect'] .elementor-widget-heading.show,\nhtml.elementor-html [class^='mdw-turbulence-effect'] .elementor-widget-heading,\nhtml.elementor-html [class*=' mdw-turbulence-effect'] .elementor-widget-heading{\n    opacity: 1;\n}\n[class^='mdw-turbulence-effect'] p,\n[class*=' mdw-turbulence-effect'] p{\n    margin-bottom: 0;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-image svg,\n[class*=' mdw-turbulence-effect'] .elementor-widget-image svg{\n    position: absolute;\n    left: 0;\n    top: unset;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-image.eye image,\n[class*=' mdw-turbulence-effect'] .elementor-widget-image.eye image{\n    transform: none !important;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-image.eye.blur g,\n[class*=' mdw-turbulence-effect'] .elementor-widget-image.eye.blur g{\n    transform: scale(0.95);\n    transform-origin: center;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-image.eye.blur image,\n[class*=' mdw-turbulence-effect'] .elementor-widget-image.eye.blur image{\n    transform: scale(1.05) !important;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-image img,\n[class*=' mdw-turbulence-effect'] .elementor-widget-image img{\n    opacity: 0;\n}\nhtml.elementor-html [class^='mdw-turbulence-effect'] .elementor-widget-image img,\nhtml.elementor-html [class*=' mdw-turbulence-effect'] .elementor-widget-image img{\n    opacity: 1;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-text-editor,\n[class*=' mdw-turbulence-effect'] .elementor-widget-text-editor{\n    max-width: var(--container-widget-width, 100%) !important;\n}\n\n@media (max-width:767px){\n[class^='mdw-turbulence-effect'],\n[class*=' mdw-turbulence-effect']{\n    --text-gap: 10px;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-heading,\n[class*=' mdw-turbulence-effect'] .elementor-widget-heading,\n[class^='mdw-turbulence-effect'] .elementor-widget-text-editor,\n[class*=' mdw-turbulence-effect'] .elementor-widget-text-editor{\n    position: static !important;\n}\n[class^='mdw-turbulence-effect'] .elementor-widget-heading,\n[class*=' mdw-turbulence-effect'] .elementor-widget-heading{\n    max-width: 100% !important;\n}\n}\n<\/style>\n<script src=\"https:\/\/code.jquery.com\/jquery-2.2.4.min.js\"><\/script>\n<script>\nif(!MDWNonce110){\nvar MDWNonce110 = true\n;(function($){\n\nvar selector = \"[class^='mdw-turbulence-effect'], [class*=' mdw-turbulence-effect']\",\n    image = [],\n    img = [],\n    title1 = [],\n    title2 = [],\n    heading1 = [],\n    heading2 = [],\n    windowHeight,\n    windowWidth,\n    imgWidth = [],\n    imgHeight = [],\n    imgOffset = [],\n    maxRadius = [],\n    translate = [],\n    type = [],\n    brightness = { start: 0.8, end: 1.0 },\n    scale = { start: 0.9, end: 1.0 },\n    isSafari,\n    fallbackCircle,\n    previousWidth\n        \nfunction getValue(el, prop){ return getComputedStyle(el[0]).getPropertyValue(prop) }\n\nfunction init(){\n$(selector).each(function(i){\n    var $this = $(this)\n    image[i] = $this.find('.elementor-widget-image')\n    img[i] = image[i].find('img')\n    title1[i] = $this.find('.elementor-widget-heading').eq(0)\n    title2[i] = $this.find('.elementor-widget-heading').eq(1)\n    heading1[i] = title1[i].find('.elementor-heading-title')\n    heading2[i] = title2[i].find('.elementor-heading-title')\n    $('body').append('<div class=\"mdw-100vh\" style=\"height: 100vh;display: none;\"><\/div>')\n    isSafari = \/^((?!chrome|android).)*safari\/i.test(navigator.userAgent)\n    fallbackCircle = getValue($('body'),'--fallback-circle') && getValue($('body'),'--fallback-circle') == 'true'\n})\n}\n\nfunction setValues(){\n\nwindowHeight = $('.mdw-100vh').height()\nwindowWidth = $(window).width()\n\n$(selector).each(function(i){\n    var $this = $(this)\n    \n    imgWidth[i] = img[i].width()\n    imgHeight[i] = img[i].height()\n    maxRadius[i] = Math.sqrt(Math.pow(imgWidth[i]\/2,2)+Math.pow(imgHeight[i]\/2,2))+10\n    if(isSafari && !fallbackCircle && maxRadius[i] > 850) maxRadius[i] = 850\n})\n}\n\nfunction getSrc(img) {\n    var srcset = img.attr('srcset'), src\n    if (srcset){\n        var sources = srcset.split(',').map(source => source.trim()),\n        largestImage = null,\n        largestWidth = 0\n    \n        sources.forEach(source => {\n            var [url, width] = source.split(\/\\s+\/),\n            widthValue = parseFloat(width.replace('w', ''))\n    \n            if (widthValue > largestWidth) {\n                largestWidth = widthValue\n                largestImage = url\n            }\n        })\n        src = largestImage\n    }else{\n        src = img.attr('src')\n    }\n    return src\n}\n\nfunction setSVG(){\n$(selector).each(function(i){\n    var $this = $(this),\n    imgNaturalWidth = img[i][0].naturalWidth,\n    imgNaturalHeight = img[i][0].naturalHeight,\n    imgContainer =  image[i].find('.elementor-widget-container'),\n    imgUrl = getSrc(img[i]),\n    className = $this.attr('class'),\n    classNameIndex = className.indexOf('mdw-turbulence-effect'),\n    shortClass = className.substring(classNameIndex, className.indexOf(' ',classNameIndex)),\n    values = shortClass.split('-'),\n    blurHTML = shortClass.search('blur') == -1 || windowWidth < 768 || isSafari ? '' : '<feGaussianBlur in=\"displacement\" stdDeviation=\"10\"><\/feGaussianBlur>',\n    shapeHTML = `<circle cx=\"50%\" cy=\"50%\" fill=\"white\" class=\"mask\" style=\"filter: url(#MDWFilter${i+1});\"><\/circle>`,\n    eyeClass = '',\n    effectResolution = 0.03,\n    effectArea = 50,\n    effectOctave = 3,\n    effectHTML,\n    svgHTML\n    \n    values.forEach(function(value, index){\n        if(value=='resolution' && values[index+1] && !isNaN(values[index+1])){ effectResolution = parseFloat(values[index+1])*0.003 }\n        if(value=='area' && values[index+1] && !isNaN(values[index+1])){ effectArea = parseFloat(values[index+1])*5 }\n    })\n    \n    if(effectArea > 100) effectOctave = 1\n    \n    if(blurHTML){\n        image[i].addClass('blur')\n        effectResolution = 0.01\n        effectArea = 150\n        effectOctave = 3\n    }\n    \n    type[i] = 'circle'\n    if(shortClass.search('eye') != -1){\n        type[i] = 'eye'\n        image[i].addClass('eye')\n        effectResolution = 0.06\n        if(blurHTML) effectResolution = 0\n        effectArea = 50\n        shapeHTML = `<path d=\"M 0 ${imgHeight[i]\/2} Q ${imgWidth[i]\/2} ${3*imgHeight[i]\/2 - 2*12} ${imgWidth[i]} ${imgHeight[i]\/2} Q ${imgWidth[i]\/2} ${2*12 - imgHeight[i]\/2} 0 ${imgHeight[i]\/2}\" fill=\"white\" class=\"mask\" style=\"filter: url(#MDWFilter${i+1});\"><\/path>`\n    }\n    \n    if( fallbackCircle && (windowWidth < 768 || isSafari) ){\n        effectHTML = ''\n    }else{\n        effectHTML = \n        `<defs>\n            <filter id=\"MDWFilter${i+1}\">\n                <feTurbulence type=\"fractalNoise\" baseFrequency=\"${effectResolution}\" numOctaves=\"${effectOctave}\" result=\"noise\"><\/feTurbulence>\n                \n                <feDisplacementMap in=\"SourceGraphic\" in2=\"noise\" scale=\"${effectArea}\" xChannelSelector=\"R\" yChannelSelector=\"G\"><\/feDisplacementMap>\n                ${blurHTML}\n            <\/filter>\n            <mask id=\"MDWCircle${i+1}\">\n                ${shapeHTML}\n            <\/mask>\n        <\/defs>`\n    }\n    \n    svgHTML = \n    `<svg width=\"${imgWidth[i]}\" height=\"${imgHeight[i]}\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 ${imgWidth[i]} ${imgHeight[i]}\">\n        ${effectHTML}\n        <g mask=\"url(#MDWCircle${i+1})\">\n            <image href=\"${imgUrl}\" width=\"${imgWidth[i]}\" height=\"${imgHeight[i]}\" style=\"transform: scale(${scale.start}); transform-origin: center center; filter: brightness(${brightness.start});\" preserveAspectRatio=\"xMidYMid slice\"><\/image>\n        <\/g>\n    <\/svg>`\n    \n    imgContainer.find('svg').remove()\n    imgContainer.append(svgHTML)\n})\n}\n\nfunction getOffset(el){\n    var left = 0, top = 0\n    do{\n      if (!isNaN(el.offsetLeft)) left += el.offsetLeft\n      if (!isNaN(el.offsetTop)) top += el.offsetTop\n    }while(el = el.offsetParent)\n    return { top, left }\n}\n\nfunction setInitTranslate(){\n\nvar scrollTop = $(window).scrollTop()\n    \n$(selector).each(function(i){\n    var $this = $(this),\n    H1Offset = getOffset(heading1[i][0]),\n    H2Offset = getOffset(heading2[i][0]),\n    imgOffset = getOffset(img[i][0]),\n    textGap = !isNaN(parseFloat(getValue($this, '--text-gap'))) ? parseFloat(getValue($this, '--text-gap')) : 20,\n    T1X,T1Y,T2X,T2Y\n    \n    T1X = - H1Offset.left + (windowWidth - heading1[i].width() - heading2[i].width() - textGap) \/ 2\n    T1Y = imgOffset.top - H1Offset.top + (imgHeight[i] - heading1[i].height())\/2\n    T2X = - H2Offset.left + (windowWidth + heading1[i].width() - heading2[i].width() + textGap) \/ 2\n    T2Y = imgOffset.top - H2Offset.top + (imgHeight[i] - heading2[i].height())\/2\n    \n    translate[i] = {T1X,T1Y,T2X,T2Y}\n})\n}\n\nfunction getScrollValue(imgOffset, imgHeight, startPercent, endPercent, inverse= false){\n    var start = startPercent\/100*windowHeight,\n    end = endPercent\/100*windowHeight,\n    scrollValue = (imgOffset.top+imgHeight\/2-start)\/(end - start),\n    value = Math.max(Math.min(scrollValue,1),0)\n        \n    if(inverse) value = 1 - value\n    return value\n}\n\nfunction revealImage(startPercent){\n    \nvar imgStartPercent = 90,\n    imgEndPercent = 60\n\n$(selector).each(function(i){\n    \n    imgOffset[i] = img[i][0].getBoundingClientRect()\n    \n    var svg = image[i].find('svg'),\n    svgCircle = svg.find('circle'),\n    svgPath = svg.find('path'),\n    svgGroup = svg.find('g'),\n    svgImage = svg.find('image'),\n    revealAmount = getScrollValue(imgOffset[i], imgHeight[i], imgStartPercent, imgEndPercent),\n    currentBrightness = brightness.start + (brightness.end - brightness.start)*revealAmount,\n    currentScale = scale.start + (scale.end - scale.start)*revealAmount,\n    curretRadius = maxRadius[i]*revealAmount\n    \n    svgImage.css({\n        'filter': `brightness(${currentBrightness})`,\n        'transform': `scale(${currentScale})`\n    })\n    \n    if( fallbackCircle && (windowWidth < 768 || isSafari) ){\n        if( type[i] == 'circle' ) {\n            svg.css('clip-path', `circle(${curretRadius}px at 50% 50%)`)\n        }else{\n            svg.css('clip-path', `ellipse(50% ${revealAmount*50}% at 50% 50%)`)\n        }\n    }else{\n        if( type[i] == 'circle' ) {\n            svgCircle.attr('r', curretRadius)    \n        }else{\n            svgGroup.attr('mask', `url(#MDWCircle${i+1})`)\n            svgPath.attr('d', `M 0 ${imgHeight[i]\/2} Q ${imgWidth[i]\/2} ${imgHeight[i]\/2 + (imgHeight[i] - 2*12)*revealAmount} ${imgWidth[i]} ${imgHeight[i]\/2} Q ${imgWidth[i]\/2} ${imgHeight[i]\/2 + (2*12 - imgHeight[i])*revealAmount} 0 ${imgHeight[i]\/2}`)\n        }\n    }\n})\n}\n\nfunction moveText(startPercent){\n    \nvar titleStartPercent = 90,\n    titleEndPercent = 50\n\n$(selector).each(function(i){\n    \n    var $this = $(this),\n    translateAmount = getScrollValue(imgOffset[i], imgHeight[i], titleStartPercent, titleEndPercent, true),\n    T1T = {x: translate[i].T1X*translateAmount, y: translate[i].T1Y*translateAmount}\n    T2T = {x: translate[i].T2X*translateAmount, y: translate[i].T2Y*translateAmount}\n    \n    title1[i].css('transform', `translate(${T1T.x}px, ${T1T.y}px)`)\n    title2[i].css('transform', `translate(${T2T.x}px, ${T2T.y}px)`)\n    title1[i].addClass('show')\n    title2[i].addClass('show')\n    setTimeout(function(){ $this.addClass('anim') }, 50)\n\n})\n}\n\nfunction scrollAnimation(){\n    revealImage()\n    moveText()\n}\n\nfunction runAnimation(e){\n    if(e.type=='load') init()\n    setValues()\n    setSVG()\n    setInitTranslate()\n    scrollAnimation()\n}\n\n$(document).ready(init)\n$(window).on('scroll', scrollAnimation)\n$(window).on('load resize', function(e){\n    if(e.type=='resize' && $(window).width() < 768 && $(window).width() == previousWidth) return\n    runAnimation(e)\n    setTimeout(function(){ runAnimation(e) }, 100)\n    setTimeout(function(){ runAnimation(e) }, 500)\n    setTimeout(function(){ runAnimation(e) }, 1000)\n    previousWidth = $(window).width()\n})\n\n})(jQuery)\n}\n<\/script>\n\n<!-- Smooth Scroll with Lenis JS -->\n\n\n<style>\nhtml.lenis, html.lenis body {\n  height: auto;\n}\n.lenis.lenis-smooth {\n  scroll-behavior: auto !important;\n}\n.lenis.lenis-smooth [data-lenis-prevent] {\n  overscroll-behavior: contain;\n}\n.lenis.lenis-stopped {\n  overflow: hidden;\n}\n.lenis.lenis-smooth iframe {\n  pointer-events: none;\n}\n<\/style>\n<script src=\"https:\/\/unpkg.com\/lenis@1.1.11\/dist\/lenis.min.js\"><\/script> \n<script>\n$(document).ready(function(){\n\nvar smoothScroll = getComputedStyle(document.body).getPropertyValue('--smooth-scroll'),\n    smoothScroll = smoothScroll && smoothScroll == 'true'\n\nif(smoothScroll){\n    var lenis = new Lenis()\n    function raf(time) {\n      lenis.raf(time)\n      requestAnimationFrame(raf)\n    }\n    requestAnimationFrame(raf)\n}\n})\n<\/script>\n\/*\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bbc7ec2 elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"1bbc7ec2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Florian,<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c80c360 elementor-widget elementor-widget-image\" data-id=\"4c80c360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"2048\" src=\"https:\/\/fp-drawings.com\/wp-content\/uploads\/2025\/01\/Florian.webp\" class=\"attachment-full size-full wp-image-775\" alt=\"\" srcset=\"https:\/\/fp-drawings.com\/wp-content\/uploads\/2025\/01\/Florian.webp 1536w, https:\/\/fp-drawings.com\/wp-content\/uploads\/2025\/01\/Florian-225x300.webp 225w, https:\/\/fp-drawings.com\/wp-content\/uploads\/2025\/01\/Florian-768x1024.webp 768w, https:\/\/fp-drawings.com\/wp-content\/uploads\/2025\/01\/Florian-1152x1536.webp 1152w, https:\/\/fp-drawings.com\/wp-content\/uploads\/2025\/01\/Florian-600x800.webp 600w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17f9a9f elementor-absolute elementor-widget elementor-widget-heading\" data-id=\"17f9a9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">24 years.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eee419 elementor-widget__width-initial elementor-absolute elementor-widget elementor-widget-text-editor\" data-id=\"eee419\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Hi, I&#8217;m Florian, a lifelong fan of drawing and digital art. \ud83c\udf1f<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT ME Discover my story Let me tell you about my journey, one of a passionate artist since childhood. From paper to screen, I\u2019ve explored techniques and styles to share unique works with you today. Discover who I am and the soul behind each illustration. Hi, I\u2019m Florian, a lifelong enthusiast of drawing and digital [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-245","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/pages\/245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/comments?post=245"}],"version-history":[{"count":51,"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/pages\/245\/revisions"}],"predecessor-version":[{"id":2482,"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/pages\/245\/revisions\/2482"}],"wp:attachment":[{"href":"https:\/\/fp-drawings.com\/fr\/wp-json\/wp\/v2\/media?parent=245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}