{"id":8,"date":"2026-07-13T14:40:14","date_gmt":"2026-07-13T14:40:14","guid":{"rendered":"https:\/\/backhomie.lol\/?page_id=8"},"modified":"2026-07-13T16:11:13","modified_gmt":"2026-07-13T16:11:13","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/backhomie.lol\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd62337 e-con-full e-flex e-con e-parent\" data-id=\"fd62337\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58bfbd4 elementor-widget elementor-widget-html\" data-id=\"58bfbd4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ================= $HOMIE LANDING PAGE ================= -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Press+Start+2P&family=VT323&family=Inter:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* ========== RESET ========== *\/\r\n.homie-wrap *,\r\n.homie-wrap *::before,\r\n.homie-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.homie-wrap {\r\n  --bg: #00060E;\r\n  --bg-2: #030b17;\r\n  --green: #12B533;\r\n  --green-glow: #12B533;\r\n  --white: #FFFFFF;\r\n  --muted: #a9c7b0;\r\n  --border: rgba(18,181,51,.55);\r\n  font-family: 'VT323', system-ui, sans-serif;\r\n  background: var(--bg);\r\n  color: var(--white);\r\n  min-height: 100vh;\r\n  overflow-x: hidden;\r\n  position: relative;\r\n  line-height: 1.6;\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n.homie-wrap::before{\r\n  content:\"\";\r\n  position:fixed; inset:0;\r\n  background:\r\n    radial-gradient(circle at 20% 10%, rgba(18,181,51,.15), transparent 40%),\r\n    radial-gradient(circle at 80% 90%, rgba(18,181,51,.1), transparent 40%),\r\n    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px) 0 0\/40px 40px,\r\n    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px) 0 0\/40px 40px;\r\n  pointer-events:none; z-index:0;\r\n}\r\n\r\n.homie-wrap .pixel-font { font-family: 'Press Start 2P', monospace; letter-spacing: 1px; }\r\n.homie-wrap .mono-font  { font-family: 'VT323', monospace; }\r\n\r\n\/* ========== NAVBAR ========== *\/\r\n.homie-nav {\r\n  position: fixed; top: 18px; left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 100;\r\n  display:flex; align-items:center; justify-content:space-between;\r\n  gap: 24px;\r\n  padding: 12px 18px;\r\n  background: rgba(0,6,14,.55);\r\n  backdrop-filter: blur(14px);\r\n  -webkit-backdrop-filter: blur(14px);\r\n  border: 2px solid var(--border);\r\n  border-radius: 6px;\r\n  box-shadow: 0 0 0 2px rgba(0,0,0,.6), 0 0 24px rgba(18,181,51,.25);\r\n  transition: all .35s ease;\r\n  width: min(1100px, calc(100% - 28px));\r\n}\r\n.homie-nav.shrink { padding: 8px 14px; top: 10px; box-shadow: 0 0 0 2px rgba(0,0,0,.6), 0 0 14px rgba(18,181,51,.2); }\r\n.homie-nav .brand { display:flex; align-items:center; gap:10px; }\r\n.homie-nav .brand img { width: 34px; height: 34px; image-rendering: pixelated; }\r\n.homie-nav .brand span { font-family:'Press Start 2P',monospace; font-size: 12px; color: var(--white); text-shadow: 0 0 8px rgba(18,181,51,.7); }\r\n.homie-nav .nav-links { display:flex; gap:18px; }\r\n.homie-nav .nav-links a { color: var(--muted); text-decoration:none; font-size: 16px; font-weight: 500; transition: color .2s; }\r\n.homie-nav .nav-links a:hover { color: var(--green); text-shadow: 0 0 8px var(--green-glow); }\r\n\r\n.homie-btn {\r\n  font-family:'Press Start 2P',monospace;\r\n  font-size: 10px;\r\n  padding: 10px 14px;\r\n  background: var(--green);\r\n  color: #001a05;\r\n  border: 2px solid #0a5c1a;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 0 #0a5c1a, 0 0 18px rgba(18,181,51,.5);\r\n  transition: transform .15s ease, box-shadow .2s ease;\r\n  text-decoration: none;\r\n  display: inline-flex; align-items:center; gap:8px;\r\n}\r\n.homie-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 0 #0a5c1a, 0 0 28px rgba(18,181,51,.8); }\r\n.homie-btn:active { transform: translateY(2px); box-shadow: 0 2px 0 #0a5c1a; }\r\n.homie-btn.ghost { background: transparent; color: var(--green); border-color: var(--green); box-shadow: inset 0 0 0 2px rgba(18,181,51,.15), 0 0 14px rgba(18,181,51,.35); }\r\n.homie-btn.ghost:hover { background: rgba(18,181,51,.1); }\r\n\r\n.ripple { position:absolute; border-radius:50%; background:rgba(255,255,255,.5); transform: scale(0); animation: rippleAnim .6s linear; pointer-events:none; }\r\n@keyframes rippleAnim { to { transform: scale(4); opacity: 0; } }\r\n\r\n\/* ========== LAYOUT ========== *\/\r\n.homie-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; position:relative; z-index:2; }\r\n.homie-section { padding: 90px 0; position: relative; z-index: 2; }\r\n\r\n\/* ========== PIXEL CARD ========== *\/\r\n.pixel-card {\r\n  position: relative;\r\n  background: linear-gradient(180deg, #041226, #020a17);\r\n  border: 2px solid var(--border);\r\n  border-radius: 6px;\r\n  box-shadow:\r\n    0 0 0 2px rgba(0,0,0,.6),\r\n    inset 0 0 0 1px rgba(255,255,255,.04),\r\n    0 12px 40px rgba(0,0,0,.5),\r\n    0 0 30px rgba(18,181,51,.15);\r\n  padding: 32px;\r\n}\r\n.pixel-card::before, .pixel-card::after {\r\n  content:\"\"; position:absolute; width:10px; height:10px;\r\n  background: var(--green); box-shadow: 0 0 10px var(--green-glow);\r\n}\r\n.pixel-card::before { top:-2px; left:-2px; }\r\n.pixel-card::after  { bottom:-2px; right:-2px; }\r\n\r\n\/* ========== HERO ========== *\/\r\n.hero-shell { padding-top: 130px; padding-bottom: 40px; }\r\n.hero-card { position: relative; padding: 0; overflow: hidden; min-height: 620px; border-radius: 8px; }\r\n.hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity: .3; z-index: 0; }\r\n.hero-overlay {\r\n  position:absolute; inset:0; z-index:1;\r\n  background:\r\n    radial-gradient(circle at 50% 40%, rgba(0,6,14,.1), rgba(0,6,14,.1) 80%),\r\n    linear-gradient(180deg, rgba(0,6,14,.6), rgba(0,6,14,.1));\r\n}\r\n.hero-content {\r\n  position: relative; z-index: 2;\r\n  padding: 80px 40px;\r\n  text-align:center;\r\n  display:flex; flex-direction:column; align-items:center; gap: 22px;\r\n}\r\n.hero-logo { width: 90px; height:90px; image-rendering: pixelated; filter: drop-shadow(0 0 14px var(--green-glow)); animation: float 4s ease-in-out infinite; }\r\n@keyframes float { 0%,100% { transform: translateY(0);} 50%{ transform: translateY(-8px);} }\r\n\r\n.hero-title {\r\n  font-family:'Press Start 2P', monospace;\r\n  font-size: clamp(22px, 4.5vw, 46px);\r\n  line-height: 1.3;\r\n  color: var(--white);\r\n  text-shadow: 0 0 12px var(--green-glow), 0 0 30px rgba(18,181,51,.4), 4px 4px 0 #000;\r\n}\r\n.hero-title span { color: var(--green); }\r\n.hero-sub { font-family:'VT323',monospace; font-size: 22px; color: var(--green); letter-spacing:2px; }\r\n.hero-desc { max-width: 620px; color: var(--muted); font-size: 22px; }\r\n.hero-btns { display:flex; flex-wrap:wrap; gap: 12px; justify-content:center; margin-top: 6px; }\r\n\r\n\/* Particles *\/\r\n.particle { position:absolute; width: 4px; height: 4px; background: var(--green); box-shadow: 0 0 8px var(--green-glow); z-index:2; animation: rise linear infinite; opacity:.6; }\r\n@keyframes rise { from{ transform: translateY(20px); opacity:0;} 10%{opacity:.8;} to { transform: translateY(-600px); opacity:0;} }\r\n\r\n\/* ========== SECTION TITLE ========== *\/\r\n.section-title { font-family:'Press Start 2P', monospace; font-size: clamp(18px, 2.5vw, 28px); text-align:center; margin-bottom: 40px; color: var(--white); text-shadow: 3px 3px 0 #000, 0 0 15px var(--green-glow); }\r\n.section-title span { color: var(--green); }\r\n\r\n\/* ========== ABOUT ========== *\/\r\n.about-grid { display:grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: stretch; }\r\n.about-video-card { padding: 10px; animation: floatY 6s ease-in-out infinite; }\r\n@keyframes floatY { 0%,100%{transform: translateY(0);} 50%{transform: translateY(-10px);} }\r\n.about-video-card video { width: 100%; height: 100%; min-height: 340px; object-fit: cover; border-radius: 4px; display:block; }\r\n.about-text h3 { font-family:'Press Start 2P',monospace; font-size: 40px; color: var(--green); margin-bottom: 18px; text-shadow: 0 0 10px var(--green-glow); }\r\n.typing { font-size: 22px; color: var(--muted); min-height: 200px; }\r\n.typing .cursor { display:inline-block; width:8px; background: var(--green); animation: blink 1s steps(2) infinite; margin-left:2px; }\r\n@keyframes blink { 50% { opacity: 0; } }\r\n\r\n\/* ========== LIVE MARKET ========== *\/\r\n.market-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }\r\n.market-card { text-align:center; transition: transform .25s ease, box-shadow .3s ease; }\r\n.market-card:hover { transform: translateY(-6px); box-shadow: 0 0 0 2px rgba(0,0,0,.6), 0 20px 40px rgba(0,0,0,.5), 0 0 40px rgba(18,181,51,.45); }\r\n.market-card .label { font-family:'Press Start 2P',monospace; font-size: 11px; color: var(--muted); letter-spacing: 2px; }\r\n.market-card .value { font-family:'VT323',monospace; font-size: 34px; color: var(--green); text-shadow: 0 0 15px var(--green-glow); margin-top: 10px; }\r\n\r\n\/* ========== TOKENOMICS ========== *\/\r\n.token-card { padding: 40px; }\r\n.token-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\r\n.token-item {\r\n  background: rgba(18,181,51,.05);\r\n  border: 1px solid rgba(18,181,51,.3);\r\n  border-radius: 4px;\r\n  padding: 20px;\r\n  text-align:center;\r\n  transition: all .25s;\r\n}\r\n.token-item:hover { background: rgba(18,181,51,.12); border-color: var(--green); box-shadow: 0 0 20px rgba(18,181,51,.35); }\r\n.token-item .k { font-family:'Press Start 2P',monospace; font-size: 10px; color: var(--muted); letter-spacing:1.5px; }\r\n.token-item .v { font-family:'VT323',monospace; font-size: 30px; color: var(--white); margin-top: 8px; }\r\n.token-item .v.green { color: var(--green); text-shadow: 0 0 10px var(--green-glow); }\r\n.copy-ca-wrap { text-align:center; margin-top: 30px; }\r\n.copy-ca-wrap .homie-btn { font-size: 12px; padding: 16px 28px; }\r\n\r\n\/* ========== FOOTER ========== *\/\r\n.homie-footer { background: #000308; border-top: 2px dashed var(--border); padding: 50px 0 25px; position:relative; z-index:2; margin-top: 40px; }\r\n.homie-footer::before { content:\"\"; position:absolute; top:-2px; left:0; right:0; height:2px; background: repeating-linear-gradient(90deg, var(--green) 0 8px, transparent 8px 16px); box-shadow: 0 0 12px var(--green-glow); }\r\n.footer-grid { display:grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; }\r\n.footer-brand { display:flex; flex-direction:column; gap: 12px; }\r\n.footer-brand .fb { display:flex; align-items:center; gap:10px; }\r\n.footer-brand img { width:38px; height:38px; image-rendering:pixelated; }\r\n.footer-brand h4 { font-family:'Press Start 2P',monospace; font-size: 14px; color: var(--green); }\r\n.footer-brand p { color: var(--muted); font-size: 14px; max-width: 340px; }\r\n.footer-col h5 { font-family:'Press Start 2P',monospace; font-size: 11px; color: var(--white); margin-bottom: 14px; letter-spacing:1.5px; }\r\n.footer-col a { display:block; color: var(--muted); text-decoration:none; padding: 5px 0; font-size: 14px; transition: color .2s; }\r\n.footer-col a:hover { color: var(--green); text-shadow: 0 0 8px var(--green-glow); }\r\n.footer-copy { text-align:center; margin-top: 34px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.05); color: var(--muted); font-size: 12px; font-family:'VT323',monospace; letter-spacing:1px; }\r\n\r\n\/* ========== TOAST ========== *\/\r\n.homie-toast {\r\n  position: fixed; bottom: 30px; left: 50%;\r\n  transform: translateX(-50%) translateY(120px);\r\n  background: var(--green); color:#001a05;\r\n  padding: 12px 22px; border: 2px solid #0a5c1a;\r\n  border-radius: 4px;\r\n  font-family:'Press Start 2P',monospace; font-size: 11px;\r\n  box-shadow: 0 6px 0 #0a5c1a, 0 0 24px rgba(18,181,51,.7);\r\n  z-index: 999;\r\n  transition: transform .35s cubic-bezier(.2,.9,.3,1.3);\r\n}\r\n.homie-toast.show { transform: translateX(-50%) translateY(0); }\r\n\r\n\/* ========== REVEAL ========== *\/\r\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }\r\n.reveal.in { opacity:1; transform: translateY(0); }\r\n\r\n\/* ========== RESPONSIVE ========== *\/\r\n@media (max-width: 900px){\r\n  .about-grid { grid-template-columns: 1fr; }\r\n  .market-grid { grid-template-columns: 1fr; }\r\n  .token-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .footer-grid { grid-template-columns: 1fr; }\r\n  .homie-nav .nav-links { display: none; }\r\n  .hero-content { padding: 60px 22px; }\r\n}\r\n@media (max-width: 560px){\r\n  .token-grid { grid-template-columns: 1fr; }\r\n  .hero-btns .homie-btn { width: 100%; justify-content:center; }\r\n  .hero-btns { flex-direction: column; width: 100%; }\r\n  .homie-section { padding: 60px 0; }\r\n  .homie-nav { width: calc(100% - 20px); padding: 10px 12px; }\r\n  .homie-nav .brand span { font-size: 10px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"homie-wrap\">\r\n\r\n  <!-- NAVBAR -->\r\n  <nav class=\"homie-nav\" id=\"homieNav\">\r\n    <div class=\"brand\">\r\n      <img decoding=\"async\" src=\"https:\/\/backhomie.lol\/wp-content\/uploads\/2026\/07\/Asset-4.png\" alt=\"$HOMIE logo\">\r\n      <span>$HOMIE<\/span>\r\n    <\/div>\r\n    <div class=\"nav-links\">\r\n      <a href=\"#home\">Home<\/a>\r\n      <a href=\"#about\">About<\/a>\r\n      <a href=\"#market\">Market<\/a>\r\n      <a href=\"#tokenomics\">Tokenomics<\/a>\r\n    <\/div>\r\n    <button class=\"homie-btn\" data-copy-ca>Copy CA<\/button>\r\n  <\/nav>\r\n\r\n  <!-- HERO -->\r\n  <header id=\"home\" class=\"homie-container hero-shell\">\r\n    <div class=\"pixel-card hero-card\">\r\n      <video class=\"hero-video\" autoplay muted loop playsinline>\r\n        <source src=\"https:\/\/backhomie.lol\/wp-content\/uploads\/2026\/07\/HOMIE-BG.mp4\" type=\"video\/mp4\">\r\n      <\/video>\r\n      <div class=\"hero-overlay\"><\/div>\r\n      <div class=\"hero-content\">\r\n        <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/backhomie.lol\/wp-content\/uploads\/2026\/07\/Asset-4.png\" alt=\"$HOMIE\">\r\n        <p class=\"hero-sub\">\/\/ WELCOME BACK, HOMIE<\/p>\r\n        <h1 class=\"hero-title\">WELCOME BACK <span>HOMIE<\/span><\/h1>\r\n        <p class=\"hero-desc\">\r\n          Suits play on Robinhood. Real degens survive the trenches.\r\n          Cancel that bridge, grab a bag, and welcome home.\r\n          The prodigal degen returns \u2014 $HOMIE is where the culture lives.\r\n          <br>CA: TBA\r\n        <\/p>\r\n        <div class=\"hero-btns\">\r\n          <a class=\"homie-btn ghost\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u2726 Twitter<\/a>\r\n          <a class=\"homie-btn ghost\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u2708 Telegram<\/a>\r\n          <a class=\"homie-btn ghost\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u25b2 Chart<\/a>\r\n          <a class=\"homie-btn\" href=\"#\" target=\"_blank\" rel=\"noopener\">\u25b6 Buy Now<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div id=\"particleField\"><\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- ABOUT -->\r\n  <section id=\"about\" class=\"homie-section\">\r\n    <div class=\"homie-container\">\r\n      <div class=\"about-grid\">\r\n        <div class=\"pixel-card about-video-card reveal\">\r\n          <video autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/backhomie.lol\/wp-content\/uploads\/2026\/07\/homie1.mp4\" type=\"video\/mp4\">\r\n          <\/video>\r\n        <\/div>\r\n        <div class=\"pixel-card about-text reveal\">\r\n          <h3>THE PRODIGAL DEGEN RETURNS<\/h3>\r\n          <p class=\"typing\" id=\"typingText\"><\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- LIVE MARKET -->\r\n  <section id=\"market\" class=\"homie-section\">\r\n    <div class=\"homie-container\">\r\n      <h2 class=\"section-title\">TRENCHES <span>SURVEILLANCE<\/span><\/h2>\r\n      <div class=\"market-grid\">\r\n        <div class=\"pixel-card market-card reveal\">\r\n          <div class=\"label\">MCAP<\/div>\r\n          <div class=\"value\" data-metric=\"mcap\">TBA<\/div>\r\n        <\/div>\r\n        <div class=\"pixel-card market-card reveal\">\r\n          <div class=\"label\">PRICE<\/div>\r\n          <div class=\"value\" data-metric=\"price\">TBA<\/div>\r\n        <\/div>\r\n        <div class=\"pixel-card market-card reveal\">\r\n          <div class=\"label\">LIQUIDITY<\/div>\r\n          <div class=\"value\" data-metric=\"liquidity\">TBA<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- TOKENOMICS -->\r\n  <section id=\"tokenomics\" class=\"homie-section\">\r\n    <div class=\"homie-container\">\r\n      <div class=\"pixel-card token-card reveal\">\r\n        <div class=\"token-grid\">\r\n          <div class=\"token-item\"><div class=\"k\">TOTAL SUPPLY<\/div><div class=\"v green\">1,000,000,000<\/div><\/div>\r\n          <div class=\"token-item\"><div class=\"k\">TAX<\/div><div class=\"v green\">0 \/ 0<\/div><\/div>\r\n          <div class=\"token-item\"><div class=\"k\">LIQUIDITY<\/div><div class=\"v\">Burned<\/div><\/div>\r\n          <div class=\"token-item\"><div class=\"k\">MINT<\/div><div class=\"v\">Revoked<\/div><\/div>\r\n          <div class=\"token-item\"><div class=\"k\">OWNERSHIP<\/div><div class=\"v\">Renounced<\/div><\/div>\r\n          <div class=\"token-item\"><div class=\"k\">CHAIN<\/div><div class=\"v green\">Solana<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"copy-ca-wrap\">\r\n          <button class=\"homie-btn\" data-copy-ca>\u25a3 COPY CONTRACT ADDRESS<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer class=\"homie-footer\">\r\n    <div class=\"homie-container\">\r\n      <div class=\"footer-grid\">\r\n        <div class=\"footer-brand\">\r\n          <div class=\"fb\">\r\n            <img decoding=\"async\" src=\"https:\/\/backhomie.lol\/wp-content\/uploads\/2026\/07\/Asset-4.png\" alt=\"\">\r\n            <h4>$HOMIE<\/h4>\r\n          <\/div>\r\n          <p>The prodigal degen returns. Bridge back from the suits, embrace the chaos of the trenches, and reunite with the actual culture.<\/p>\r\n        <\/div>\r\n        <div class=\"footer-col\">\r\n          <h5>NAVIGATE<\/h5>\r\n          <a href=\"#home\">Home<\/a>\r\n          <a href=\"#about\">About<\/a>\r\n          <a href=\"#market\">Live Market<\/a>\r\n          <a href=\"#tokenomics\">Buy<\/a>\r\n        <\/div>\r\n        <div class=\"footer-col\">\r\n          <h5>SOCIAL<\/h5>\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\">Twitter \/ X<\/a>\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\">Telegram<\/a>\r\n          <a href=\"#\" target=\"_blank\" rel=\"noopener\">DexScreener<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"footer-copy\">\u00a9 2026 $HOMIE \u2014 Welcome back, anon.<\/div>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <!-- TOAST -->\r\n  <div class=\"homie-toast\" id=\"homieToast\">\u2713 Copied!<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ ===== CONFIG =====\r\n  const CA = \"TBA\"; \/\/ Replace with real contract address when available\r\n\r\n  \/\/ ===== NAVBAR SHRINK =====\r\n  const nav = document.getElementById('homieNav');\r\n  window.addEventListener('scroll', () => {\r\n    if (window.scrollY > 60) nav.classList.add('shrink');\r\n    else nav.classList.remove('shrink');\r\n  });\r\n\r\n  \/\/ ===== COPY CA + TOAST =====\r\n  const toast = document.getElementById('homieToast');\r\n  function showToast(msg){\r\n    toast.textContent = \"\u2713 \" + msg;\r\n    toast.classList.add('show');\r\n    clearTimeout(showToast._t);\r\n    showToast._t = setTimeout(()=> toast.classList.remove('show'), 1800);\r\n  }\r\n  document.querySelectorAll('[data-copy-ca]').forEach(btn => {\r\n    btn.addEventListener('click', async () => {\r\n      try {\r\n        await navigator.clipboard.writeText(CA);\r\n      } catch(e){\r\n        const ta = document.createElement('textarea');\r\n        ta.value = CA; document.body.appendChild(ta); ta.select();\r\n        document.execCommand('copy'); ta.remove();\r\n      }\r\n      showToast('Copied ' + CA + '!');\r\n    });\r\n  });\r\n\r\n  \/\/ ===== BUTTON RIPPLE =====\r\n  document.querySelectorAll('.homie-btn').forEach(btn => {\r\n    btn.addEventListener('click', function(e){\r\n      const rect = this.getBoundingClientRect();\r\n      const r = document.createElement('span');\r\n      r.className = 'ripple';\r\n      const size = Math.max(rect.width, rect.height);\r\n      r.style.width = r.style.height = size + 'px';\r\n      r.style.left = (e.clientX - rect.left - size\/2) + 'px';\r\n      r.style.top  = (e.clientY - rect.top  - size\/2) + 'px';\r\n      this.appendChild(r);\r\n      setTimeout(()=> r.remove(), 600);\r\n    });\r\n  });\r\n\r\n  \/\/ ===== SMOOTH SCROLL =====\r\n  document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n    a.addEventListener('click', function(e){\r\n      const id = this.getAttribute('href');\r\n      if (id.length > 1) {\r\n        const t = document.querySelector(id);\r\n        if (t) { e.preventDefault(); t.scrollIntoView({behavior:'smooth', block:'start'}); }\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ ===== TYPING EFFECT (runs once) =====\r\n  const typingEl = document.getElementById('typingText');\r\n  const typingMsg = \"You thought the grass was greener on the Robinhood chain? Nah, it's just synthetic and full of suits. You tried playing it safe, but the trenches are calling. Pumpfun is where the real ones make it, where legends are born, and rugs are dodged. Stop LARPing as an institutional investor. Bridge back, embrace the chaos, and reunite with the actual culture. We kept your seat warm. Welcome back, $HOMIE.\";\r\n  let typed = false;\r\n  function runTyping(){\r\n    if (typed) return; typed = true;\r\n    let i = 0;\r\n    typingEl.innerHTML = '<span class=\"cursor\">&nbsp;<\/span>';\r\n    const cursor = typingEl.querySelector('.cursor');\r\n    const iv = setInterval(() => {\r\n      if (i >= typingMsg.length) { clearInterval(iv); return; }\r\n      cursor.insertAdjacentText('beforebegin', typingMsg.charAt(i));\r\n      i++;\r\n    }, 22);\r\n  }\r\n\r\n  \/\/ ===== SCROLL REVEAL =====\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(en => {\r\n      if (en.isIntersecting) {\r\n        en.target.classList.add('in');\r\n        if (en.target.querySelector && en.target.querySelector('#typingText')) runTyping();\r\n        if (en.target.id === 'about') runTyping();\r\n        io.unobserve(en.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n  document.querySelectorAll('.reveal').forEach(el => io.observe(el));\r\n  \/\/ safeguard trigger for typing\r\n  const aboutObs = new IntersectionObserver((ents) => {\r\n    ents.forEach(e => { if (e.isIntersecting) { runTyping(); aboutObs.disconnect(); }});\r\n  }, { threshold: .3 });\r\n  const aboutSec = document.querySelector('.about-text');\r\n  if (aboutSec) aboutObs.observe(aboutSec);\r\n\r\n  \/\/ ===== PARTICLES =====\r\n  const field = document.getElementById('particleField');\r\n  if (field) {\r\n    for (let i = 0; i < 22; i++){\r\n      const p = document.createElement('span');\r\n      p.className = 'particle';\r\n      p.style.left = Math.random()*100 + '%';\r\n      p.style.bottom = '-10px';\r\n      p.style.animationDuration = (6 + Math.random()*8) + 's';\r\n      p.style.animationDelay = (Math.random()*8) + 's';\r\n      p.style.opacity = (0.3 + Math.random()*0.6);\r\n      field.appendChild(p);\r\n    }\r\n  }\r\n\r\n  \/\/ ===== LIVE MARKET (DexScreener placeholder) =====\r\n  \/\/ Replace with DexScreener API after CA is available\r\n  async function loadMarket(){\r\n    if (!CA || CA === \"TBA\") return; \/\/ keep TBA visible\r\n    \/*\r\n    try {\r\n      const res = await fetch(`https:\/\/api.dexscreener.com\/latest\/dex\/tokens\/${CA}`);\r\n      const data = await res.json();\r\n      const pair = data.pairs && data.pairs[0];\r\n      if (!pair) return;\r\n      setMetric('mcap', '$' + Number(pair.fdv||0).toLocaleString());\r\n      setMetric('price', '$' + Number(pair.priceUsd||0).toFixed(6));\r\n      setMetric('liquidity', '$' + Number(pair.liquidity?.usd||0).toLocaleString());\r\n    } catch(e){ console.warn('DexScreener error', e); }\r\n    *\/\r\n  }\r\n  function setMetric(name, val){\r\n    const el = document.querySelector(`[data-metric=\"${name}\"]`);\r\n    if (el) el.textContent = val;\r\n  }\r\n  loadMarket();\r\n  \/\/ setInterval(loadMarket, 30000); \/\/ enable when CA is live\r\n})();\r\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>$HOMIE Home About Market Tokenomics Copy CA \/\/ WELCOME BACK, HOMIE WELCOME BACK HOMIE Suits play on Robinhood. Real degens survive the trenches. Cancel that bridge, grab a bag, and welcome home. The prodigal degen returns \u2014 $HOMIE is where the culture lives. CA: TBA \u2726 Twitter \u2708 Telegram \u25b2 Chart \u25b6 Buy Now THE [&hellip;]<\/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":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/backhomie.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/backhomie.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/backhomie.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/backhomie.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/backhomie.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/backhomie.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/backhomie.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/backhomie.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}