{"id":8,"date":"2026-04-30T06:54:34","date_gmt":"2026-04-30T06:54:34","guid":{"rendered":"https:\/\/romee.fun\/?page_id=8"},"modified":"2026-04-30T07:46:49","modified_gmt":"2026-04-30T07:46:49","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/romee.fun\/","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-2765890 e-con-full e-flex e-con e-parent\" data-id=\"2765890\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f9758c elementor-widget elementor-widget-html\" data-id=\"4f9758c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<html>\n<head>\n<title>The Little Roman Empire<\/title>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Caesar+Dressing&display=swap');\n\nbody {\n    margin: 0;\n    padding: 0;\n    font-family: 'Caesar Dressing', cursive;\n    background-color: #222;\n    overflow-x: hidden;\n    position: relative;\n}\n\n\/* Fixed UI Elements (Top Right) *\/\n.fixed-nav {\n    position: fixed;\n    top: 20px;\n    right: 20px;\n    z-index: 100;\n    display: flex;\n    gap: 15px;\n    align-items: center;\n}\n\n.btn-social {\n    background: #8b0000;\n    color: #ffd700;\n    border: 3px solid #ffd700;\n    padding: 10px 15px;\n    font-size: 1.5rem;\n    text-decoration: none;\n    border-radius: 10px;\n    transform: rotate(3deg);\n    box-shadow: 4px 4px 0px #000;\n    cursor: pointer;\n    transition: transform 0.2s;\n}\n\n.btn-social:hover { transform: scale(1.1) rotate(-2deg); }\n\n\/* Bottom Action Container *\/\n.bottom-actions {\n    position: fixed;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 10px;\n}\n\n.btn-swap {\n    background: #ffd700;\n    color: #8b0000;\n    border: 4px dashed #8b0000;\n    padding: 15px 35px;\n    font-size: 2.2rem;\n    text-decoration: none;\n    border-radius: 15px;\n    transform: rotate(-2deg);\n    box-shadow: 5px 5px 0px #000;\n    cursor: pointer;\n    transition: transform 0.2s;\n}\n\n.btn-swap:hover { transform: scale(1.1) rotate(2deg); }\n\n.fixed-ca {\n    background: rgba(139, 0, 0, 0.9);\n    border: 3px solid #ffd700;\n    padding: 10px 25px;\n    border-radius: 50px;\n    transform: rotate(1deg);\n    box-shadow: inset 0px 0px 10px rgba(255, 215, 0, 0.5);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    transition: transform 0.2s;\n}\n\n.fixed-ca:hover { transform: scale(1.05) rotate(-1deg); }\n\n.ca-text {\n    color: #ffffff;\n    font-size: 1.2rem;\n    text-shadow: 2px 2px 0px #000;\n    letter-spacing: 2px;\n}\n\n.copy-btn {\n    background: #ffd700;\n    color: #8b0000;\n    padding: 5px 15px;\n    border-radius: 20px;\n    font-size: 1rem;\n    font-weight: bold;\n}\n\n\/* Sections *\/\nsection {\n    position: relative;\n    height: 100vh;\n    width: 100vw;\n    display: flex;\n    flex-direction: column;\n    padding: 50px;\n    box-sizing: border-box;\n    overflow: hidden; \n}\n\n.bg-media {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 1;\n}\n\n.content-wrap {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n}\n\n\/* Layout Alignments *\/\n.align-left { align-items: flex-start; justify-content: center; text-align: left; }\n.align-right { align-items: flex-end; justify-content: center; text-align: right; }\n.align-center { align-items: center; justify-content: center; text-align: center; }\n.align-bottom-left { align-items: flex-start; justify-content: flex-end; text-align: left; margin-bottom: 15vh; }\n\n\/* Content Containers *\/\n.glass-panel {\n    z-index: 80;\n}\n\n.grid-cards {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    max-width: 1000px;\n    width: 100%;\n}\n\n.info-card {\n    padding: 25px;\n    text-align: center;\n}\n\n.roadmap-step {\n    z-index: 19;\n    border: 4px dashed #ffd700;\n    padding: 20px 30px;\n    border-radius: 15px;\n    margin-bottom: 20px;\n    text-align: left;\n}\n\n\/* Typography Base Elements *\/\nh1, h2, h3 { margin: 0 0 15px 0; }\n\nh1 { font-size: 7rem; color: #ffd700; text-shadow: 5px 5px 0px #000, 0px 0px 15px rgba(0,0,0,0.8); line-height: 1; }\nh2 { font-size: 4.5rem; color: #ffd700; text-shadow: 4px 4px 0px #000; margin-bottom: 25px; }\n\n\/* Global Paragraph Styling (Heavy shadow for no-wrapper text) *\/\np {\n    color: #ffffff;\n    font-size: 2.2rem;\n    line-height: 1.3;\n    text-shadow: \n        3px 3px 0 #000,\n        -2px -2px 0 #000,  \n        3px -2px 0 #000,\n        -2px 3px 0 #000,\n        6px 6px 15px rgba(0,0,0,0.9);\n    margin: 10px 0;\n    max-width: 800px;\n}\n\n\/* Text Overrides Inside Containers *\/\n.glass-panel p { text-shadow: 2px 2px 0px #000; font-size: 2rem; }\n.info-card h3 { font-size: 2.5rem; color: #ffd700; text-shadow: 2px 2px 0px #000; }\n.info-card p { color: #ffffff; font-size: 1.6rem; text-shadow: 2px 2px 0px #000; }\n.roadmap-step h3 { font-size: 2.5rem; color: #fff; text-shadow: none; margin-bottom: 5px; }\n.roadmap-step p { color: #fff; font-size: 1.6rem; text-shadow: none; line-height: 1.2; font-weight: bold; margin: 0; }\n\n\/* Rotations *\/\n.tilt-right { transform: rotate(3deg); }\n.tilt-left { transform: rotate(-2deg); }\n.tilt-more { transform: rotate(-4deg); }\n\n\/* Absolute Dividers Over Cut-Offs *\/\n.divider {\n    position: absolute;\n    width: 110vw;\n    left: -5vw;\n    height: 90px;\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    z-index: 10;\n    font-size: 3rem;\n    transform: translateY(-50%); \n}\n\n.seam-1 { \n    top: 100vh; \n    background: #8b0000; \n    color: #ffd700; \n    transform: translateY(-50%) rotate(-3deg); \n    border-top: 6px dashed #ffd700; \n    border-bottom: 6px dashed #ffd700; \n}\n.seam-2 { \n    top: 200vh; \n    background: #ffd700; \n    color: #8b0000; \n    transform: translateY(-50%) rotate(2deg); \n    border-top: 6px solid #8b0000; \n    border-bottom: 6px solid #8b0000; \n}\n.seam-3 { \n    top: 300vh; \n    background: #8b0000; \n    color: #ffd700; \n    transform: translateY(-50%) rotate(-2deg); \n    border-top: 8px double #ffd700; \n    border-bottom: 8px double #ffd700; \n}\n<\/style>\n<\/head>\n<body>\n\n<!-- FIXED UI -->\n<div class=\"fixed-nav\">\n    <a href=\"#\" class=\"btn-social\">TELEGRAM<\/a>\n    <a href=\"#\" class=\"btn-social\">X (TWITTER)<\/a>\n<\/div>\n\n<div class=\"bottom-actions\">\n    <a href=\"#\" class=\"btn-swap\">SWAP ROME<\/a>\n    <div class=\"fixed-ca\" onclick=\"alert('Copied to clipboard!')\">\n        <span class=\"ca-text\">CA: 0xROME...EMPIRE<\/span>\n        <span class=\"copy-btn\">COPY<\/span>\n    <\/div>\n<\/div>\n\n<!-- SECTION 1: HERO (Simpler, No Wrapper) -->\n<section>\n    <video class=\"bg-media\" autoplay muted loop playsinline>\n        <source src=\"http:\/\/romee.fun\/wp-content\/uploads\/2026\/04\/bg1.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"content-wrap align-left\">\n        <h1 class=\"tilt-right\">ROME<\/h1>\n        <h2 class=\"tilt-left\" style=\"color: #ffffff; text-shadow: 4px 4px 0px #000, -2px -2px 0px #000; font-size: 3.5rem; margin-top: -10px;\">THE LITTLE IMPERATOR<\/h2>\n        <p class=\"tilt-more\">\n            The friendliest empire ever built. No conquering required, just good vibes, solid marble, and stylish togas.\n        <\/p>\n    <\/div>\n<\/section>\n\n<!-- SECTION 2: TOKENOMICS -->\n<section>\n    <img decoding=\"async\" class=\"bg-media\" src=\"http:\/\/romee.fun\/wp-content\/uploads\/2026\/04\/bg2.png\" alt=\"Roman Background\">\n    <div class=\"content-wrap align-right\">\n        <h2 class=\"tilt-left\" style=\"background: rgba(0,0,0,0.6); padding: 10px 20px; border-radius: 10px;\">THE IMPERIAL TREASURY<\/h2>\n        <div class=\"grid-cards\">\n            <div class=\"info-card tilt-right\">\n                <h3>TOTAL SUPPLY<\/h3>\n                <p>1,000,000,000 $ROME. Enough for every citizen in the Forum!<\/p>\n            <\/div>\n            <div class=\"info-card tilt-left\">\n                <h3>TAXES<\/h3>\n                <p>0% Buy \/ 0% Sell. Vesta's sacred fire burned the fees away.<\/p>\n            <\/div>\n            <div class=\"info-card tilt-left\">\n                <h3>LIQUIDITY<\/h3>\n                <p>Burned. Just like the ships of our fleeing enemies.<\/p>\n            <\/div>\n            <div class=\"info-card tilt-right\">\n                <h3>CONTRACT<\/h3>\n                <p>Renounced. The Senate belongs entirely to the people now.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- SECTION 3: ROADMAP -->\n<section>\n    <img decoding=\"async\" class=\"bg-media\" src=\"http:\/\/romee.fun\/wp-content\/uploads\/2026\/04\/bg3.png\" alt=\"Roman Background\">\n    <div class=\"content-wrap align-bottom-left\">\n        <div class=\"glass-panel tilt-right\" style=\"max-width: 800px;\">\n            <h2 class=\"tilt-left\" style=\"text-align: center; margin-top: -60px; margin-bottom: 20px; text-shadow: 6px 6px 0px #000;\">THE EXPANSION STRATEGY<\/h2>\n            \n            <div class=\"roadmap-step tilt-left\">\n                <h3>Phase I: Foundation<\/h3>\n                <p>Gathering the legion, building the Forum (our socials), and establishing the greatest memecoin empire.<\/p>\n            <\/div>\n            \n            <div class=\"roadmap-step tilt-right\">\n                <h3>Phase II: Conquest<\/h3>\n                <p>Chariot races (marketing pushes), inscribing our name on the sacred scrolls (Listings), and reaching 10,000 citizens.<\/p>\n            <\/div>\n\n            <div class=\"roadmap-step tilt-left\" style=\"margin-bottom: 0;\">\n                <h3>Phase III: Glory<\/h3>\n                <p>Endless toga parties, total blockchain domination, and proving that all roads truly do lead to $ROME.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- SECTION 4: WISDOM & JOIN -->\n<section>\n    <video class=\"bg-media\" autoplay muted loop playsinline>\n        <source src=\"http:\/\/romee.fun\/wp-content\/uploads\/2026\/04\/bg4.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div class=\"content-wrap align-center\">\n        <h2 class=\"tilt-left\" style=\"background: rgba(0,0,0,0.6); padding: 10px 20px; border-radius: 10px;\">IMPERIAL WISDOM<\/h2>\n        \n        <div class=\"grid-cards\" style=\"grid-template-columns: repeat(3, 1fr); max-width: 1200px; margin-bottom: 40px;\">\n            <div class=\"info-card tilt-right\">\n                <h3>VIRTUE<\/h3>\n                <p>Measured by how many olives you can fit in your hand at once.<\/p>\n            <\/div>\n            <div class=\"info-card tilt-more\">\n                <h3>ARCHITECTURE<\/h3>\n                <p>If it doesn't have a giant marble column, is it even a building?<\/p>\n            <\/div>\n            <div class=\"info-card tilt-left\">\n                <h3>FOREIGN POLICY<\/h3>\n                <p>Wave at everyone; if they don't wave back, build a taller wall.<\/p>\n            <\/div>\n        <\/div>\n\n        <h1 class=\"tilt-more\" style=\"font-size: 6rem; margin-top: 20px;\">JOIN THE LEGION!<\/h1>\n    <\/div>\n<\/section>\n\n<!-- DIVIDERS -->\n<div class=\"divider seam-1\">\n    <span>S P Q R<\/span> \u2022 <span>S P Q R<\/span> \u2022 <span>S P Q R<\/span> \u2022 <span>S P Q R<\/span> \u2022 <span>S P Q R<\/span>\n<\/div>\n\n<div class=\"divider seam-2\">\n    <span>V E N I<\/span> - <span>V I D I<\/span> - <span>V I C I<\/span> - <span>V E N I<\/span> - <span>V I D I<\/span>\n<\/div>\n\n<div class=\"divider seam-3\">\n    <span>A V E<\/span> ~ <span>C I T I Z E N<\/span> ~ <span>A V E<\/span> ~ <span>C I T I Z E N<\/span> ~ <span>A V E<\/span>\n<\/div>\n\n<\/body>\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>The Little Roman Empire TELEGRAM X (TWITTER) SWAP ROME CA: 0xROME&#8230;EMPIRE COPY ROME THE LITTLE IMPERATOR The friendliest empire ever built. No conquering required, just good vibes, solid marble, and stylish togas. THE IMPERIAL TREASURY TOTAL SUPPLY 1,000,000,000 $ROME. Enough for every citizen in the Forum! TAXES 0% Buy \/ 0% Sell. Vesta&#8217;s sacred fire [&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:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":16,"href":"https:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/romee.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}