{"id":2461,"date":"2024-11-12T23:09:10","date_gmt":"2024-11-12T23:09:10","guid":{"rendered":"https:\/\/www.stefandsl.com\/?page_id=2461"},"modified":"2024-11-17T22:27:34","modified_gmt":"2024-11-17T22:27:34","slug":"cv-2","status":"publish","type":"page","link":"https:\/\/www.stefandsl.com\/?page_id=2461","title":{"rendered":"CV"},"content":{"rendered":"<div>\n<p>    <body><\/p>\n<div class=\"glitch-container\">\n        <!-- Blob effect container --><\/p>\n<div class=\"blob-effect\">\n<div class=\"blob-center\"><\/div>\n<div class=\"blob\"><\/div>\n<div class=\"blob\"><\/div>\n<div class=\"blob\"><\/div>\n<div class=\"blob\"><\/div>\n<div class=\"blob\"><\/div>\n<\/p><\/div>\n<p>        <!-- Glitch button --><br \/>\n        <a href=\"https:\/\/www.stefandsl.com\/wp-content\/uploads\/2024\/11\/CV-Stefan-Butnaru-2024.docx\">Download My CV<\/a>\n    <\/div>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\">\n        <defs>\n            <filter id=\"goo\">\n                <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" \/>\n                <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7\" result=\"goo\" \/>\n                <feBlend in=\"SourceGraphic\" in2=\"goo\" \/>\n            <\/filter>\n        <\/defs>\n    <\/svg><br \/>\n<\/body><\/p>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-3\"}},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-3\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<body>\\n    \n\n<div class=\\\"glitch-container\\\">\\n        <!-- Blob effect container -->\\n        <\/p>\n<div class=\\\"blob-effect\\\">\\n            <\/p>\n<div class=\\\"blob-center\\\"><\\\/div>\\n            <\/p>\n<div class=\\\"blob\\\"><\\\/div>\\n            <\/p>\n<div class=\\\"blob\\\"><\\\/div>\\n            <\/p>\n<div class=\\\"blob\\\"><\\\/div>\\n            <\/p>\n<div class=\\\"blob\\\"><\\\/div>\\n            <\/p>\n<div class=\\\"blob\\\"><\\\/div>\\n        <\\\/div>\\n        \\n        <!-- Glitch button -->\\n        <a href=\\\"https:\\\/\\\/www.stefandsl.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/CV-Stefan-Butnaru-2024.docx\\\">Download My CV<\\\/a>\\n    <\\\/div>\\n\\n    <svg xmlns=\\\"http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\\" version=\\\"1.1\\\">\\n        <defs>\\n            <filter id=\\\"goo\\\">\\n                <feGaussianBlur in=\\\"SourceGraphic\\\" stdDeviation=\\\"10\\\" result=\\\"blur\\\" \\\/>\\n                <feColorMatrix in=\\\"blur\\\" mode=\\\"matrix\\\" values=\\\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7\\\" result=\\\"goo\\\" \\\/>\\n                <feBlend in=\\\"SourceGraphic\\\" in2=\\\"goo\\\" \\\/>\\n            <\\\/filter>\\n        <\\\/defs>\\n    <\\\/svg>\\n<\\\/body>\\n&#8221;,&#8221;css&#8221;:&#8221;<\/p>\n<style>\\n        body {\\n            display: flex;\\n            justify-content: center;\\n            align-items: center;\\n            min-height: 100vh;\\n            background: #121513;\\n            margin: 0;\\n            padding: 0;\\n        }\\n\\n        .glitch-container {\\n            position: relative;\\n            height: 70px;\\n            width: 330px;\\n        }\\n\\n        \\\/* Blob container inside glitch container *\\\/\\n        .blob-effect {\\n            position: absolute;\\n            top: 0;\\n            left: 0;\\n            width: 100%;\\n            height: 100%;\\n            filter: url(#goo);\\n            overflow: hidden;\\n            border-radius: 70px;\\n            transform-style: preserve-3d;\\n            z-index: 1;\\n            opacity: 0.7;\\n        }\\n\\n        .blob-center {\\n            transform-style: preserve-3d;\\n            position: absolute;\\n            background: #FFF200;\\n            top: 50%;\\n            left: 50%;\\n            width: 30px;\\n            height: 30px;\\n            transform-origin: left top;\\n            transform: scale(.9) translate(-50%, -50%);\\n            animation: blob-grow linear 3.4s infinite;\\n            border-radius: 50%;\\n            box-shadow: 0 -10px 40px -5px #FFF200;\\n        }\\n\\n        .blob {\\n            position: absolute;\\n            background: #FFF200;\\n            top: 50%;\\n            left: 50%;\\n            width: 30px;\\n            height: 30px;\\n            border-radius: 50%;\\n            animation: blobs ease-out 3.4s infinite;\\n            transform: scale(.9) translate(-50%, -50%);\\n            transform-origin: center top;\\n            opacity: 0;\\n        }\\n\\n        .blob:nth-child(1) { animation-delay: 0.2s; }\\n        .blob:nth-child(2) { animation-delay: 0.4s; }\\n        .blob:nth-child(3) { animation-delay: 0.6s; }\\n        .blob:nth-child(4) { animation-delay: 0.8s; }\\n        .blob:nth-child(5) { animation-delay: 1.0s; }\\n\\n        \\\/* Glitch button styles *\\\/\\n        .glitch-container a,\\n        .glitch-container a::after {\\n            display: flex;\\n            justify-content: center;\\n            align-items: center;\\n            width: 100%;\\n            height: 100%;\\n            font-weight: 900;\\n            background: linear-gradient(135deg, rgba(255, 242, 0, 0.9) 95%, transparent 5%);\\n            color: #101916;\\n            letter-spacing: 1.8px;\\n            line-height: 1.25em;\\n            position: relative;\\n            text-transform: uppercase;\\n            text-decoration: none;\\n            backdrop-filter: blur(3px);\\n            z-index: 2;\\n        }\\n\\n        .glitch-container a::after {\\n            --slice-0: inset(50% 50% 50% 50%);\\n            --slice-1: inset(80% -6px 0 0);\\n            --slice-2: inset(50% -6px 30% 0);\\n            --slice-3: inset(10% -6px 85% 0);\\n            --slice-4: inset(40% -6px 43% 0);\\n            --slice-5: inset(80% -6px 5% 0);\\n            content: 'Download My CV';\\n            position: absolute;\\n            left: 0;\\n            top: 0;\\n            background: linear-gradient(135deg, rgba(255, 242, 0, 0.9) 95%, #000 5%);\\n            text-shadow: -3px -3px 0 #000, 3px 3px 0 #ff0;\\n            clip-path: var(--slice-0);\\n        }\\n\\n        .glitch-container a:hover::after {\\n            animation: glitch 1s steps(2, end);\\n        }\\n\\n        @keyframes glitch {\\n            0% {\\n                clip-path: var(--slice-1);\\n                transform: translate(-20px, -10px);\\n            }\\n            10% {\\n                clip-path: var(--slice-3);\\n                transform: translate(10px, 10px);\\n            }\\n            20% {\\n                clip-path: var(--slice-1);\\n                transform: translate(-10px, 10px);\\n            }\\n            30% {\\n                clip-path: var(--slice-3);\\n                transform: translate(0px, 5px);\\n            }\\n            40% {\\n                clip-path: var(--slice-2);\\n                transform: translate(-5px, 0px);\\n            }\\n            50% {\\n                clip-path: var(--slice-3);\\n                transform: translate(5px, 0px);\\n            }\\n            60% {\\n                clip-path: var(--slice-4);\\n                transform: translate(5px, 10px);\\n            }\\n            70% {\\n                clip-path: var(--slice-2);\\n                transform: translate(-10px, 10px);\\n            }\\n            80% {\\n                clip-path: var(--slice-5);\\n                transform: translate(20px, -10px);\\n            }\\n            90% {\\n                clip-path: var(--slice-1);\\n                transform: translate(-10px, 0px);\\n            }\\n            100% {\\n                clip-path: var(--slice-1);\\n                transform: translate(0);\\n            }\\n        }\\n\\n        @keyframes blobs {\\n            0% {\\n                opacity: 0;\\n                transform: scale(0) translate(calc(-330px - 50%), -50%);\\n            }\\n            1% {\\n                opacity: 1;\\n            }\\n            35%, 65% {\\n                opacity: 1;\\n                transform: scale(.9) translate(-50%, -50%);\\n            }\\n            99% {\\n                opacity: 1;\\n            }\\n            100% {\\n                opacity: 0;\\n                transform: scale(0) translate(calc(330px - 50%), -50%);\\n            }\\n        }\\n\\n        @keyframes blob-grow {\\n            0%, 39% {\\n                transform: scale(0) translate(-50%, -50%);\\n            }\\n            40%, 42% {\\n                transform: scale(1, .9) translate(-50%, -50%);\\n            }\\n            43%, 44% {\\n                transform: scale(1.2, 1.1) translate(-50%, -50%);\\n            }\\n            45%, 46% {\\n                transform: scale(1.3, 1.2) translate(-50%, -50%);\\n            }\\n            47%, 48% {\\n                transform: scale(1.4, 1.3) translate(-50%, -50%);\\n            }\\n            52% {\\n                transform: scale(1.5, 1.4) translate(-50%, -50%);\\n            }\\n            54% {\\n                transform: scale(1.7, 1.6) translate(-50%, -50%);\\n            }\\n            58% {\\n                transform: scale(1.8, 1.7) translate(-50%, -50%);\\n            }\\n            68%, 70% {\\n                transform: scale(1.7, 1.5) translate(-50%, -50%);\\n            }\\n            78% {\\n                transform: scale(1.6, 1.4) translate(-50%, -50%);\\n            }\\n            80%, 81% {\\n                transform: scale(1.5, 1.4) translate(-50%, -50%);\\n            }\\n            82%, 83% {\\n                transform: scale(1.4, 1.3) translate(-50%, -50%);\\n            }\\n            84%, 85% {\\n                transform: scale(1.3, 1.2) translate(-50%, -50%);\\n            }\\n            86%, 87% {\\n                transform: scale(1.2, 1.1) translate(-50%, -50%);\\n            }\\n            90%, 91% {\\n                transform: scale(1, .9) translate(-50%, -50%);\\n            }\\n            92%, 100% {\\n                transform: scale(0) translate(-50%, -50%);\\n            }\\n        }\\n    <\\\/style>\"},\"name\":\"Download My Cv Version one \"}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"1-3\"}}],\"props\":{\"layout\":\"1-3,1-3,1-3\"}}]}],\"version\":\"4.2.11\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Download My CV<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-2461","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"stefandsl","author_link":"https:\/\/www.stefandsl.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Download My CV","_links":{"self":[{"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=\/wp\/v2\/pages\/2461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2461"}],"version-history":[{"count":38,"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=\/wp\/v2\/pages\/2461\/revisions"}],"predecessor-version":[{"id":2558,"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=\/wp\/v2\/pages\/2461\/revisions\/2558"}],"wp:attachment":[{"href":"https:\/\/www.stefandsl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}