{"id":7,"date":"2023-12-30T10:41:25","date_gmt":"2023-12-30T15:41:25","guid":{"rendered":"https:\/\/proulxmila.com\/?page_id=7"},"modified":"2024-01-02T05:41:46","modified_gmt":"2024-01-02T10:41:46","slug":"social-links","status":"publish","type":"page","link":"https:\/\/proulxmila.com\/","title":{"rendered":"Social Links"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62d7d88 e-con-full e-flex e-con e-parent\" data-id=\"62d7d88\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t<div class=\"elementor-element elementor-element-2e20ac7 e-con-full e-flex e-con e-child\" data-id=\"2e20ac7\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5ae0b5 elementor-widget elementor-widget-html\" data-id=\"b5ae0b5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Social Link Picture<\/title>\r\n  <style>\r\n    #social-link-picture-container {\r\n      max-width: 100%;\r\n      height: 20vh;\r\n      margin: 0 auto;\r\n      padding: 20px;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #social-link-picture-circle {\r\n      width: 20vh;\r\n      height: 20vh;\r\n      overflow: hidden;\r\n      border-radius: 50%;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #social-link-picture {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      display: block;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div id=\"social-link-picture-container\">\r\n    <div id=\"social-link-picture-circle\">\r\n      <img decoding=\"async\" id=\"social-link-picture\" src=\"http:\/\/proulxmila.com\/wp-content\/uploads\/2023\/12\/2023-12-29_19-35-10_7612.png\" alt=\"Social Link\">\r\n    <\/div>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22460f0 elementor-widget elementor-widget-html\" data-id=\"22460f0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Social Link Title<\/title>\r\n  <style>\r\n    #social-link-title-container {\r\n      max-width: 100%;\r\n      height: 4vh;\r\n      margin: 0 auto;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #social-link-title {\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    #main-title {\r\n      font-family: 'Poppins', sans-serif;\r\n      font-weight: 500;\r\n      font-size: 2.8vh;\r\n      color: #fff;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div id=\"social-link-title-container\">\r\n    <div id=\"social-link-title\">\r\n      <span id=\"main-title\">Mila Proulx : proulxmila<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72f9f45 e-con-full e-flex e-con e-child\" data-id=\"72f9f45\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13d4d39 elementor-widget elementor-widget-html\" data-id=\"13d4d39\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Single Flipping Panel<\/title>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500&display=swap\">\r\n  <style>\r\n    #social-link-url-flip-container {\r\n      width: 60vw;\r\n      height: 5vh;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    #social-link-flip-panel {\r\n      margin: 0 auto;\r\n      height: 5vh;\r\n      position: relative;\r\n      -webkit-perspective: 600px;\r\n      -moz-perspective: 600px;\r\n      perspective: 600px;\r\n    }\r\n\r\n    #flip-panel-front,\r\n    #flip-panel-back {\r\n      text-align: center;\r\n    }\r\n\r\n    #flip-panel-front {\r\n      height: 5vh;\r\n      position: absolute;\r\n      top: 0;\r\n      z-index: 900;\r\n      text-align: center;\r\n      -webkit-transform: rotateX(0deg) rotateY(0deg);\r\n      -moz-transform: rotateX(0deg) rotateY(0deg);\r\n      -webkit-transform-style: preserve-3d;\r\n      -moz-transform-style: preserve-3d;\r\n      -webkit-backface-visibility: hidden;\r\n      -moz-backface-visibility: hidden;\r\n      -webkit-transition: all .4s ease-in-out;\r\n      -moz-transition: all .4s ease-in-out;\r\n      -ms-transition: all .4s ease-in-out;\r\n      -o-transition: all .4s ease-in-out;\r\n      transition: all .4s ease-in-out;\r\n    }\r\n\r\n    #flip-panel-back {\r\n      height: 5vh;\r\n      position: absolute;\r\n      top: 0;\r\n      z-index: 1000;\r\n      -webkit-transform: rotateX(180deg) rotateY(0deg);\r\n      -moz-transform: rotateX(180deg) rotateY(0deg);\r\n      -webkit-transform-style: preserve-3d;\r\n      -moz-transform-style: preserve-3d;\r\n      -webkit-backface-visibility: hidden;\r\n      -moz-backface-visibility: hidden;\r\n      -webkit-transition: all .4s ease-in-out;\r\n      -moz-transition: all .4s ease-in-out;\r\n      -ms-transition: all .4s ease-in-out;\r\n      -o-transition: all .4s ease-in-out;\r\n      transition: all .4s ease-in-out;\r\n    }\r\n\r\n    #social-link-flip-panel.flip #flip-panel-front {\r\n      z-index: 900;\r\n      -webkit-transform: rotateX(-180deg) rotateY(0deg);\r\n      -moz-transform: rotateX(-180deg) rotateY(0deg);\r\n    }\r\n\r\n    #social-link-flip-panel.flip #flip-panel-back {\r\n      z-index: 1000;\r\n      -webkit-transform: rotateX(0deg) rotateY(0deg);\r\n      -moz-transform: rotateX(0deg) rotateY(0deg);\r\n    }\r\n\r\n    #flip-panel-front-text,\r\n    #flip-panel-back-text {\r\n      width: 60vw;\r\n      height: 5vh;\r\n      margin: 0 auto;\r\n      padding: 1vh;\r\n      border-radius: 1vw;\r\n      -moz-border-radius: 1vw;\r\n      -webkit-border-radius: 1vw;\r\n      color: #ffffff;\r\n      font-family: 'Poppins', sans-serif;\r\n      font-weight: 500;\r\n      font-size: 2.5vh;\r\n    }\r\n\r\n    #flip-panel-front-text {\r\n      background-color: #EC3D76;\r\n    }\r\n\r\n    #flip-panel-back-text {\r\n      background-color: #ff7e70;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div id=\"social-link-url-flip-container\">\r\n    <div id=\"social-link-flip-panel\">\r\n      <div id=\"flip-panel-front\">\r\n        <div id=\"flip-panel-front-text\">\r\n          <p>\ud83d\ude33 ALLURING CONTENT \ud83d\ude33<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"flip-panel-back\">\r\n        <div id=\"flip-panel-back-text\">\r\n          <p>\ud83d\ude2f ONLY IF YOU ARE 18 \ud83d\ude2f<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script src=\"https:\/\/code.jquery.com\/jquery-3.6.4.min.js\"><\/script>\r\n  <script>\r\n    $(document).ready(function(){\r\n      $('#social-link-flip-panel').hover(function(){\r\n        $(this).addClass('flip');\r\n      },function(){\r\n        $(this).removeClass('flip');\r\n      });\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-529206a elementor-widget elementor-widget-html\" data-id=\"529206a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Social Link URLs<\/title>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500&display=swap\">\r\n  <style>\r\n    #social-link-urls-container {\r\n      max-width: 100%;\r\n      margin: 0 auto;\r\n      padding: 0.3vh;\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    #social-link-url-boxes {\r\n      width: 60vh;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .social-link-url-box {\r\n      width: 100%;\r\n      background-color: rgba(255, 255, 255, 0.25);\r\n      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\r\n      margin-bottom: 1vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: 5vh;\r\n    }\r\n\r\n    .social-link-url-box-content {\r\n      position: absolute;\r\n    }\r\n\r\n    #social-link-url-box-2-title,\r\n    #social-link-url-box-3-title,\r\n    #social-link-url-box-4-title {\r\n      color: #fff;\r\n      font-family: 'Poppins', sans-serif;\r\n      font-weight: 500;\r\n      font-size: 2.5vh;\r\n      padding: 1vh;\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div id=\"social-link-urls-container\">\r\n    <div id=\"social-link-url-boxes\">\r\n      <div id=\"social-link-url-box-2\" class=\"social-link-url-box\">\r\n        <div id=\"social-link-url-box-2-title\">\ud83d\ude0e INSTAGRAM \ud83d\ude0e<\/div>\r\n      <\/div>\r\n      <div id=\"social-link-url-box-3\" class=\"social-link-url-box\">\r\n        <div id=\"social-link-url-box-3-title\">\ud83e\udd21 TWITTER \ud83e\udd21<\/div>\r\n      <\/div>\r\n      <div id=\"social-link-url-box-4\" class=\"social-link-url-box\">\r\n        <div id=\"social-link-url-box-4-title\">\ud83e\udd78 FACEBOOK \ud83e\udd78<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/body>\r\n<\/html>\r\n\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\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Social Link Picture Social Link Title Mila Proulx : proulxmila Single Flipping Panel &#x1f633; ALLURING CONTENT &#x1f633; &#x1f62f; ONLY IF YOU ARE 18 &#x1f62f; Social Link URLs &#x1f60e; INSTAGRAM &#x1f60e; &#x1f921; TWITTER &#x1f921; &#x1f978; FACEBOOK &#x1f978;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/pages\/7"}],"collection":[{"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":361,"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":407,"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/407"}],"wp:attachment":[{"href":"https:\/\/proulxmila.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}