{"id":8,"date":"2026-04-11T16:55:50","date_gmt":"2026-04-11T16:55:50","guid":{"rendered":"https:\/\/noracist.fun\/?page_id=8"},"modified":"2026-04-11T18:06:39","modified_gmt":"2026-04-11T18:06:39","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/noracist.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n \r\n $No Racist | The Bare Minimum<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Lilita+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* CSS Variables for Playful Cartoon Style *\/\r\n :root {\r\n --bg-color: #f4f0e6;\r\n --primary: #FFD166;\r\n --secondary: #06D6A0;\r\n --accent: #EF476F;\r\n --blue: #118AB2;\r\n --black: #073B4C;\r\n --chart-bg: #D1C08F;\r\n --border-thick: 4px solid var(--black);\r\n --shadow-solid: 6px 6px 0px var(--black);\r\n --shadow-hover: 2px 2px 0px var(--black);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Jua', sans-serif;\r\n background-color: var(--bg-color);\r\n color: var(--black);\r\n overflow-x: hidden;\r\n }\r\n\r\n h1, h2, h3, h4 {\r\n font-family: 'Lilita One', cursive;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n p {\r\n font-size: 1.2rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Reusable Cartoon Button *\/\r\n .btn {\r\n background-color: var(--secondary);\r\n color: var(--black);\r\n border: var(--border-thick);\r\n box-shadow: var(--shadow-solid);\r\n padding: 12px 28px;\r\n font-family: 'Lilita One', cursive;\r\n font-size: 1.3rem;\r\n border-radius: 12px;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: inline-block;\r\n transition: all 0.2s ease;\r\n text-transform: uppercase;\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 8px 8px 0px var(--black);\r\n filter: brightness(1.1);\r\n }\r\n\r\n .btn:active {\r\n transform: translate(4px, 4px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .btn-yellow { background-color: var(--primary); }\r\n .btn-blue { background-color: var(--blue); color: white; }\r\n .btn-red { background-color: var(--accent); color: white; }\r\n\r\n \/* Navbar - Glassmorphism touch *\/\r\n nav {\r\n position: fixed;\r\n top: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 100;\r\n background: rgba(255, 255, 255, 0.85);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n padding: 15px 35px;\r\n border-radius: 40px;\r\n border: var(--border-thick);\r\n box-shadow: var(--shadow-solid);\r\n display: flex;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n width: 90%;\r\n max-width: 700px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n nav a {\r\n font-family: 'Lilita One', cursive;\r\n text-decoration: none;\r\n color: var(--black);\r\n font-size: 1.2rem;\r\n transition: color 0.2s, transform 0.2s;\r\n text-transform: uppercase;\r\n }\r\n\r\n nav a:hover { \r\n color: var(--accent);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* Hero Section *\/\r\n #hero {\r\n position: relative;\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 20px;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n\r\n #hero video {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: -1;\r\n }\r\n\r\n .video-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);\r\n z-index: -1;\r\n }\r\n\r\n .hero-content {\r\n background: rgba(255, 255, 255, 0.95);\r\n padding: 50px;\r\n border: var(--border-thick);\r\n border-radius: 24px;\r\n box-shadow: 10px 10px 0px var(--black);\r\n max-width: 800px;\r\n margin-top: 60px; \/* Offset for navbar *\/\r\n animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\r\n }\r\n\r\n @keyframes popIn {\r\n 0% { transform: scale(0.8); opacity: 0; }\r\n 100% { transform: scale(1); opacity: 1; }\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: 4.5rem;\r\n color: var(--accent);\r\n -webkit-text-stroke: 2px var(--black);\r\n text-shadow: 4px 4px 0px var(--black);\r\n margin-bottom: 15px;\r\n line-height: 1.1;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.6rem;\r\n margin-bottom: 35px;\r\n color: var(--black);\r\n }\r\n\r\n #copyBtn {\r\n font-size: 1.1rem;\r\n width: 100%;\r\n word-wrap: break-word;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* About Section *\/\r\n #about {\r\n background-color: transparent;\r\n position: relative;\r\n margin-top: -50px;\r\n display : cover;\r\n z-index: 9;\r\n }\r\n\r\n .about-container {\r\n background-image: url('https:\/\/noracist.fun\/wp-content\/uploads\/2026\/04\/Asset-4.png');\r\n background-position: top center;\r\n background-size: 100% auto;\r\n background-repeat: no-repeat;\r\n padding: 150px 5% 80px 5%; \/* Top padding accommodates the top-center image *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n }\r\n\r\n .about-text {\r\n flex: 1;\r\n background: white;\r\n padding: 40px;\r\n border: var(--border-thick);\r\n border-radius: 20px;\r\n box-shadow: var(--shadow-solid);\r\n position: relative;\r\n }\r\n\r\n .about-text::after {\r\n content: '';\r\n position: absolute;\r\n top: -15px;\r\n left: -15px;\r\n width: 100%;\r\n height: 100%;\r\n border: var(--border-thick);\r\n border-radius: 20px;\r\n z-index: -1;\r\n background-color: var(--primary);\r\n }\r\n\r\n .about-text h2 {\r\n font-size: 3.5rem;\r\n color: var(--blue);\r\n margin-bottom: 20px;\r\n text-shadow: 2px 2px 0px rgba(0,0,0,0.1);\r\n }\r\n\r\n .about-image {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .about-image img {\r\n max-width: 100%;\r\n border-radius: 20px;\r\n border: var(--border-thick);\r\n box-shadow: var(--shadow-solid);\r\n background: var(--primary);\r\n animation: float 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translateY(0px) rotate(0deg); }\r\n 50% { transform: translateY(-15px) rotate(2deg); }\r\n 100% { transform: translateY(0px) rotate(0deg); }\r\n }\r\n\r\n \/* Marquee Section *\/\r\n .marquee-wrapper {\r\n background: var(--black);\r\n color: white;\r\n padding: 20px 0;\r\n overflow: hidden;\r\n border-top: var(--border-thick);\r\n border-bottom: var(--border-thick);\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .marquee-content {\r\n display: flex;\r\n width: max-content;\r\n animation: marquee 12s linear infinite;\r\n }\r\n\r\n .marquee-content h3 {\r\n font-size: 2.5rem;\r\n margin-right: 50px;\r\n text-transform: uppercase;\r\n -webkit-text-stroke: 1px rgba(255,255,255,0.5);\r\n }\r\n\r\n @keyframes marquee {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n \/* Live Chart Section *\/\r\n #chart {\r\n background-color: var(--chart-bg);\r\n background-image: radial-gradient(circle, rgba(255,255,255,0.2) 2px, transparent 2px);\r\n background-size: 30px 30px;\r\n padding: 100px 5%;\r\n text-align: center;\r\n border-bottom: var(--border-thick);\r\n position: relative;\r\n z-index: 8;\r\n }\r\n\r\n #chart h2 {\r\n font-size: 4rem;\r\n margin-bottom: 40px;\r\n color: white;\r\n text-shadow: 4px 4px 0px var(--black);\r\n -webkit-text-stroke: 2px var(--black);\r\n }\r\n\r\n .chart-container {\r\n border: var(--border-thick);\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 10px 10px 0px var(--black);\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n height: 600px;\r\n background: white;\r\n }\r\n\r\n .chart-container iframe {\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n\r\n \/* Tokenomics Section *\/\r\n #tokenomics {\r\n background-color: transparent;\r\n position: relative;\r\n margin-bottom: -50px;\r\n display: flex;\r\n z-index: 9;\r\n }\r\n\r\n .token-container {\r\n background-image: url('https:\/\/noracist.fun\/wp-content\/uploads\/2026\/04\/Asset-6.png');\r\n background-position: bottom center;\r\n background-size: 100% auto;\r\n background-repeat: no-repeat;\r\n padding: 100px 5% 180px 5%;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n .token-container h2 {\r\n font-size: 4.5rem;\r\n margin-bottom: 50px;\r\n color: var(--black);\r\n text-shadow: 2px 2px 0px white;\r\n }\r\n\r\n .cards {\r\n display: flex;\r\n justify-content: center;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .card {\r\n background: white;\r\n border: var(--border-thick);\r\n border-radius: 20px;\r\n padding: 50px 20px;\r\n box-shadow: var(--shadow-solid);\r\n flex: 1;\r\n min-width: 280px;\r\n max-width: 350px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 10px;\r\n background-color: var(--primary);\r\n }\r\n\r\n .card:nth-child(2)::before { background-color: var(--secondary); }\r\n .card:nth-child(3)::before { background-color: var(--accent); }\r\n\r\n .card:hover {\r\n transform: translateY(-15px) rotate(2deg);\r\n box-shadow: 12px 12px 0px var(--black);\r\n }\r\n\r\n .card h3 {\r\n font-size: 3rem;\r\n color: var(--black);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .card p {\r\n font-size: 1.3rem;\r\n color: #555;\r\n }\r\n\r\n \/* Join Community *\/\r\n #join {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .join-container {\r\n background-image: url('https:\/\/noracist.fun\/wp-content\/uploads\/2026\/04\/Asset-7.png');\r\n background-size: cover;\r\n background-position: center;\r\n padding: 150px 5%;\r\n text-align: center;\r\n border-top: var(--border-thick);\r\n border-bottom: var(--border-thick);\r\n }\r\n\r\n .join-box {\r\n background: rgba(255, 255, 255, 0.95);\r\n border: var(--border-thick);\r\n border-radius: 20px;\r\n padding: 60px 40px;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n box-shadow: 10px 10px 0px var(--black);\r\n }\r\n\r\n .join-box h2 {\r\n font-size: 4rem;\r\n color: var(--blue);\r\n margin-bottom: 25px;\r\n text-shadow: 2px 2px 0px rgba(0,0,0,0.1);\r\n }\r\n\r\n .join-box p {\r\n font-size: 1.4rem;\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: var(--black);\r\n color: white;\r\n text-align: center;\r\n padding: 50px 20px;\r\n font-family: 'Lilita One', cursive;\r\n font-size: 1.4rem;\r\n position: relative;\r\n z-index: 11;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .hero-content h1 { font-size: 3rem; }\r\n .hero-content p { font-size: 1.2rem; }\r\n .about-container { flex-direction: column; text-align: center; padding-top: 120px; gap: 30px; }\r\n .chart-container { height: 400px; }\r\n #chart h2 { font-size: 3rem; }\r\n .token-container h2 { font-size: 3.5rem; }\r\n nav { padding: 12px; border-radius: 20px; gap: 10px; }\r\n nav a { font-size: 1rem; }\r\n .btn { font-size: 1.1rem; padding: 12px 20px; }\r\n .about-container, .token-container { background-size: cover; }\r\n .marquee-content h3 { font-size: 2rem; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <nav>\r\n <a href=\"#twitter\">Twitter<\/a>\r\n <a href=\"#telegram\">Telegram<\/a>\r\n <a href=\"#dexscreener\">Dexscreener<\/a>\r\n <a href=\"#pumpfun\">Pump.fun<\/a>\r\n <\/nav>\r\n\r\n <section id=\"hero\">\r\n <video autoplay muted loop playsinline>\r\n <source src=\"https:\/\/noracist.fun\/wp-content\/uploads\/2026\/04\/NO-RACIST-BG1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <div class=\"video-overlay\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1>The Bare Minimum.<\/h1>\r\n <p>We looked at the state of the world, saw racism, and simply thought, \"No.\" It saves an enormous amount of energy.<\/p>\r\n <button id=\"copyBtn\" class=\"btn btn-yellow\" onclick=\"copyCA()\">CA: NULL<\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"about\">\r\n <div class=\"about-container\">\r\n <div class=\"about-text\">\r\n <h2>Our Avant-Garde Concept.<\/h2>\r\n <p>We recently did the math. It turns out that hating people for no logical reason takes an enormous amount of energy. It requires scheduling, shouting, and a surprisingly high blood pressure.<\/p>\r\n <br>\r\n <p>So, our official stance as an organization is: don't do that. We know, it is a lot to process. We are just asking you to be normal.<\/p>\r\n <\/div>\r\n <div class=\"about-image\">\r\n <img decoding=\"async\" src=\"https:\/\/noracist.fun\/wp-content\/uploads\/2026\/04\/Asset-5.png\" alt=\"No Racist Characters\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"marquee-wrapper\">\r\n <div class=\"marquee-content\">\r\n <h3>$NO RACIST<\/h3> <h3>JUST BE NORMAL<\/h3> <h3>$NO RACIST<\/h3> <h3>STOP SHOUTING<\/h3> <h3>$NO RACIST<\/h3>\r\n <h3>$NO RACIST<\/h3> <h3>JUST BE NORMAL<\/h3> <h3>$NO RACIST<\/h3> <h3>STOP SHOUTING<\/h3> <h3>$NO RACIST<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <section id=\"chart\">\r\n <h2>Watch the Non-Racism Grow<\/h2>\r\n <div class=\"chart-container\">\r\n <iframe src=\"https:\/\/dexscreener.com\/\" title=\"Dexscreener Chart\"><\/iframe>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"marquee-wrapper\" style=\"background: var(--accent);\">\r\n <div class=\"marquee-content\" style=\"animation-direction: reverse;\">\r\n <h3>$NO RACIST<\/h3> <h3>EAT A SANDWICH<\/h3> <h3>$NO RACIST<\/h3> <h3>TOUCH GRASS<\/h3> <h3>$NO RACIST<\/h3>\r\n <h3>$NO RACIST<\/h3> <h3>EAT A SANDWICH<\/h3> <h3>$NO RACIST<\/h3> <h3>TOUCH GRASS<\/h3> <h3>$NO RACIST<\/h3>\r\n <\/div>\r\n <\/div>\r\n\r\n <section id=\"tokenomics\">\r\n <div class=\"token-container\">\r\n <h2>The Math of Not Caring<\/h2>\r\n <div class=\"cards\">\r\n <div class=\"card\">\r\n <h3>1 Billion<\/h3>\r\n <p>Total Supply. Plenty of room for everyone to just chill out.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <h3>0\/0<\/h3>\r\n <p>Zero Taxes. Because doing math is almost as exhausting as being prejudiced.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <h3>Burned<\/h3>\r\n <p>Liquidity Pool is burned. It's gone. Don't worry about it.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"join\">\r\n <div class=\"join-container\">\r\n <div class=\"join-box\">\r\n <h2>Join The Committee<\/h2>\r\n <p>Have you been racist today? If the answer is no, congratulations. You are currently qualified to join us. Click the button below to do literally nothing together.<\/p>\r\n <a href=\"#telegram\" class=\"btn btn-blue\">JOIN W\/ $NORACIST<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <p>$No Racist \u00a9 2026. Because the alternative is just incredibly exhausting. Please just be cool.<\/p>\r\n <\/footer>\r\n\r\n <script>\r\n function copyCA() {\r\n const contractAddress = \"0x0000000000000000000000000000000000NoRacist\"; \r\n \r\n navigator.clipboard.writeText(contractAddress).then(() => {\r\n const btn = document.getElementById('copyBtn');\r\n btn.innerText = \"COPIED TO CLIPBOARD!\";\r\n btn.style.backgroundColor = \"var(--secondary)\"; \r\n btn.style.transform = \"scale(0.95)\";\r\n \r\n setTimeout(() => {\r\n btn.innerText = \"CA: \" + contractAddress;\r\n btn.style.backgroundColor = \"var(--primary)\"; \r\n btn.style.transform = \"scale(1)\";\r\n }, 2000);\r\n }).catch(err => {\r\n console.error('Failed to copy: ', err);\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>$No Racist | The Bare Minimum Twitter Telegram Dexscreener Pump.fun The Bare Minimum. We looked at the state of the world, saw racism, and simply thought, “No.” It saves an enormous amount of energy. CA: NULL Our Avant-Garde Concept. We recently did the math. It turns out that hating people for no logical reason takes […]<\/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:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":7,"href":"https:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/noracist.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}