{"id":159,"date":"2026-09-15T17:12:26","date_gmt":"2026-09-15T15:12:26","guid":{"rendered":"https:\/\/missaugine.com\/?page_id=159"},"modified":"2026-09-15T17:12:26","modified_gmt":"2026-09-15T15:12:26","slug":"159-2","status":"publish","type":"page","link":"https:\/\/missaugine.com\/index.php\/159-2\/","title":{"rendered":""},"content":{"rendered":"\n<div id=\"modern-girl-test\">\n\n  <div class=\"mg-card\">\n\n    <div class=\"mg-kicker\">TON PROFIL EST&#8230;<\/div>\n\n    <div id=\"mg-result\"><\/div>\n\n    <div class=\"mg-footer\">\n\n      <div class=\"mg-question\">\n        Alors\u2026 <span>Modern Girl<\/span> ou pas Modern Girl ?\n      <\/div>\n\n      <div class=\"mg-teasing\">\n        La r\u00e9ponse risque de te surprendre.\n      <\/div>\n\n      <a\n        class=\"mg-button\"\n        href=\"https:\/\/linktr.ee\/missaugine\"\n        target=\"_blank\"\n        rel=\"noopener\"\n      >\n        VIENS LE D\u00c9COUVRIR\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================\n   MODERN GIRL\n   Mobile first\n   ========================================= *\/\n\n#modern-girl-test {\n  box-sizing: border-box;\n\n  width: 100%;\n  min-height: 100vh;\n  min-height: 100svh;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  padding: 20px;\n\n  background:\n    radial-gradient(\n      circle at top,\n      #45102f 0%,\n      #190714 42%,\n      #090509 100%\n    );\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  color: #ffffff;\n}\n\n#modern-girl-test * {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================\n   CARTE\n   ========================================= *\/\n\n.mg-card {\n  width: 100%;\n  max-width: 620px;\n\n  padding: 34px 28px;\n\n  border: 1px solid rgba(255, 70, 170, 0.35);\n  border-radius: 26px;\n\n  background: rgba(15, 5, 13, 0.88);\n\n  box-shadow:\n    0 0 25px rgba(255, 0, 128, 0.15),\n    0 20px 60px rgba(0, 0, 0, 0.35);\n\n  text-align: center;\n}\n\n\n\/* =========================================\n   TON PROFIL EST...\n   ========================================= *\/\n\n.mg-kicker {\n  margin-bottom: 14px;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  letter-spacing: 3px;\n\n  color: #ff70b8;\n}\n\n\n\/* =========================================\n   EMOJI \/ AVATAR\n   ========================================= *\/\n\n.mg-avatar {\n  display: block;\n\n  margin: 2px auto 12px;\n\n  font-size: 58px;\n  line-height: 1;\n\n  filter: drop-shadow(\n    0 0 10px rgba(255, 70, 170, 0.35)\n  );\n\n  animation: mgAvatarReveal 0.55s ease-out;\n}\n\n@keyframes mgAvatarReveal {\n\n  from {\n    opacity: 0;\n    transform: scale(0.65) rotate(-8deg);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) rotate(0deg);\n  }\n\n}\n\n\n\/* =========================================\n   NOM DU PROFIL\n   ========================================= *\/\n\n.mg-profile-title {\n  margin: 0 0 28px;\n\n  font-size: clamp(30px, 7vw, 48px);\n  line-height: 1.05;\n\n  font-weight: 900;\n  text-transform: uppercase;\n\n  color: #ff4fa3;\n\n  text-shadow:\n    0 0 7px rgba(255, 40, 150, 0.8),\n    0 0 18px rgba(255, 40, 150, 0.45);\n}\n\n\n\/* =========================================\n   LES 3 AFFIRMATIONS\n   ========================================= *\/\n\n.mg-statements {\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n\n  text-align: left;\n}\n\n.mg-statements li {\n  position: relative;\n\n  margin-bottom: 15px;\n  padding-left: 31px;\n\n  font-size: 18px;\n  line-height: 1.4;\n}\n\n.mg-statements li::before {\n  content: \"\u2713\";\n\n  position: absolute;\n  left: 0;\n  top: 0;\n\n  font-weight: 900;\n\n  color: #ff4fa3;\n}\n\n\n\/* =========================================\n   CTA\n   ========================================= *\/\n\n.mg-footer {\n  margin-top: 30px;\n  padding-top: 25px;\n\n  border-top: 1px solid rgba(255, 255, 255, 0.12);\n}\n\n.mg-question {\n  margin-bottom: 7px;\n\n  font-size: 21px;\n  line-height: 1.3;\n\n  font-weight: 800;\n}\n\n.mg-question span {\n  color: #ff4fa3;\n}\n\n.mg-teasing {\n  margin-bottom: 22px;\n\n  font-size: 16px;\n\n  color: rgba(255, 255, 255, 0.75);\n}\n\n\n\/* =========================================\n   BOUTON\n   ========================================= *\/\n\n.mg-button {\n  display: block;\n\n  width: 100%;\n\n  padding: 17px 20px;\n\n  border-radius: 999px;\n\n  background: #ff3c9e;\n\n  color: #ffffff !important;\n\n  text-decoration: none !important;\n\n  font-size: 16px;\n  font-weight: 900;\n\n  letter-spacing: 0.8px;\n\n  box-shadow:\n    0 0 12px rgba(255, 60, 158, 0.65),\n    0 0 30px rgba(255, 60, 158, 0.25);\n\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.mg-button:hover {\n  transform: translateY(-2px);\n\n  box-shadow:\n    0 0 18px rgba(255, 60, 158, 0.85),\n    0 0 40px rgba(255, 60, 158, 0.35);\n}\n\n\n\/* =========================================\n   ANIMATION DU R\u00c9SULTAT\n   ========================================= *\/\n\n#mg-result {\n  animation: mgReveal 0.65s ease-out;\n}\n\n@keyframes mgReveal {\n\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n}\n\n\n\/* =========================================\n   VERSION MOBILE\n   ========================================= *\/\n\n@media (max-width: 600px) {\n\n  #modern-girl-test {\n    min-height: 100svh;\n\n    padding: 12px;\n\n    align-items: flex-start;\n  }\n\n  .mg-card {\n    margin-top: 8px;\n\n    padding: 25px 20px 24px;\n\n    border-radius: 20px;\n  }\n\n  .mg-kicker {\n    font-size: 11px;\n    letter-spacing: 2.5px;\n  }\n\n  .mg-avatar {\n    font-size: 54px;\n\n    margin-top: 3px;\n    margin-bottom: 11px;\n  }\n\n  .mg-profile-title {\n    margin-bottom: 24px;\n\n    font-size: clamp(28px, 9vw, 40px);\n  }\n\n  .mg-statements li {\n    margin-bottom: 13px;\n\n    font-size: 16px;\n    line-height: 1.38;\n  }\n\n  .mg-footer {\n    margin-top: 24px;\n    padding-top: 21px;\n  }\n\n  .mg-question {\n    font-size: 19px;\n  }\n\n  .mg-teasing {\n    font-size: 15px;\n  }\n\n  .mg-button {\n    padding: 16px;\n\n    font-size: 15px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  \/* =========================================\n     LES 6 PROFILS MODERN GIRL\n     ========================================= *\/\n\n  const profiles = [\n\n    {\n      emoji: \"\ud83e\udea8\",\n      title: \"Femme des cavernes connect\u00e9e\",\n      statements: [\n        \"Tu checkes les profils Insta des gens dont, soi-disant, tu te fous.\",\n        \"Tu as d\u00e9j\u00e0 dit \u00ab je peux pas, j\u2019ai un truc \u00bb alors que le truc, c\u2019\u00e9tait Netflix.\",\n        \"Tu consid\u00e8res que du pain, des chips et du Nutella \u00e0 la cuill\u00e8re, c\u2019est un repas tout \u00e0 fait acceptable.\"\n      ]\n    },\n\n    {\n      emoji: \"\ud83c\udfdb\ufe0f\",\n      title: \"Imp\u00e9ratrice d\u00e9complex\u00e9e\",\n      statements: [\n        \"Tu demandes l\u2019avis de tout le monde alors que ta d\u00e9cision est d\u00e9j\u00e0 prise.\",\n        \"Tu consid\u00e8res qu\u2019\u00eatre en retard n\u2019est acceptable que si c\u2019est toi qui l\u2019es.\",\n        \"Tu ne fais jamais d\u2019erreur, c\u2019est juste que les autres expliquent mal.\"\n      ]\n    },\n\n    {\n      emoji: \"\ud83c\udf31\",\n      title: \"Gourgandine \u00e9co-responsable\",\n      statements: [\n        \"Niveau d\u00e9chets, tu sais parfaitement faire le tri. Niveau relations, c\u2019est plus compliqu\u00e9.\",\n        \"Tu as un sac rempli de sacs qui servent \u00e0 transporter d\u2019autres sacs.\",\n        \"Tu as d\u00e9j\u00e0 envoy\u00e9 un \u00ab \u00e7a va ? \u00bb \u00e0 1h du matin que tu as regrett\u00e9 le lendemain.\"\n      ]\n    },\n\n    {\n      emoji: \"\ud83d\udc51\",\n      title: \"Courtisane d\u00e9construite\",\n      statements: [\n        \"Tu as d\u00e9j\u00e0 r\u00e9pondu \u00ab rien \u00bb \u00e0 \u00ab qu\u2019est-ce qu\u2019il y a ? \u00bb.\",\n        \"Tu es pour l\u2019\u00e9galit\u00e9, mais tu le laisses regarder l\u2019addition en premier.\",\n        \"Tu assumes ton \u00e2ge, mais tu connais les tarifs du Botox.\"\n      ]\n    },\n\n    {\n      emoji: \"\ud83d\udcf1\",\n      title: \"Influenceuse disruptive\",\n      statements: [\n        \"Tu as d\u00e9j\u00e0 photographi\u00e9 ton plat avant d\u2019y toucher.\",\n        \"Tu as d\u00e9j\u00e0 post\u00e9 une story uniquement pour qu\u2019UNE personne pr\u00e9cise la voie.\",\n        \"Tu as un abonnement \u00e0 la salle, mais tu n\u2019y vas jamais.\"\n      ]\n    },\n\n    {\n      emoji: \"\ud83e\udd16\",\n      title: \"Cyborg r\u00e9silient\",\n      statements: [\n        \"Tu consid\u00e8res qu\u2019un caf\u00e9 peut r\u00e9soudre un manque de sommeil.\",\n        \"Tu n\u2019as pas besoin de psy, tu as ChatGPT.\",\n        \"Tu as d\u00e9j\u00e0 mis \u00ab faire une to-do list \u00bb sur ta to-do list.\"\n      ]\n    }\n\n  ];\n\n\n  \/* =========================================\n     TIRAGE AL\u00c9ATOIRE\n     ========================================= *\/\n\n  const randomIndex =\n    Math.floor(Math.random() * profiles.length);\n\n  const profile =\n    profiles[randomIndex];\n\n  const result =\n    document.getElementById(\"mg-result\");\n\n\n  \/* =========================================\n     EMOJI\n     ========================================= *\/\n\n  const avatar =\n    document.createElement(\"div\");\n\n  avatar.className =\n    \"mg-avatar\";\n\n  avatar.textContent =\n    profile.emoji;\n\n  result.appendChild(avatar);\n\n\n  \/* =========================================\n     NOM DU PROFIL\n     ========================================= *\/\n\n  const title =\n    document.createElement(\"h1\");\n\n  title.className =\n    \"mg-profile-title\";\n\n  title.textContent =\n    profile.title;\n\n  result.appendChild(title);\n\n\n  \/* =========================================\n     AFFIRMATIONS\n     ========================================= *\/\n\n  const list =\n    document.createElement(\"ul\");\n\n  list.className =\n    \"mg-statements\";\n\n\n  profile.statements.forEach(function (statement) {\n\n    const item =\n      document.createElement(\"li\");\n\n    item.textContent =\n      statement;\n\n    list.appendChild(item);\n\n  });\n\n\n  result.appendChild(list);\n\n})();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>TON PROFIL EST&#8230; Alors\u2026 Modern Girl ou pas Modern Girl ? La r\u00e9ponse risque de te surprendre. VIENS LE D\u00c9COUVRIR<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-159","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/pages\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":1,"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/pages\/159\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/missaugine.com\/index.php\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}