<!---
         .iLU1L:....   sL  .   BB                                                          sBBBBBBBrBBB.  :YQBBBBBi                            
               .SQQP2r:         LBQZBBbvi.DB..U                                                    :BBBBBBqKBBBBBB.       :gBBg                        
            iZBq:                BDSr    .ivILBB::                                              .7BBBBM:BBr 7BBB               jBD.                    
          7dP.                    g1         rBBBYB.7q..                                     :gBBXBBB   r    BB                  :gP                   
        iJ:                       .:           BBBBBBBBBBBj                              :jBBBBBBQjB         gY                     1L                 
      .i                                        BBBISv.rYBBBBBBQ5Yv                     BBZBS   BBB          M                        .7               
     :.                                         .BB        BEBBBBBBB                   BBBR.    iB1                                                    
                                                 .B           BBBBBBB.     .ZBbB1    vBB        PB                                                     
                                                  :L        .  DB:BBBBS    IBBBBBi idB5        .S                                                      
                                                                7     Pr5JPi.BBBBBBg7S         :                                                       
                                                                       vBdBBBBBBBBBBZBBS                                                               
                                                                     BBBI QBBBvZBBBBBB:                                                                
                                                                     BBBR7KBBM7ZBBBBBBB                                                                
                                                                    :BBB..BBBBBBBBQ  KBB                                                               
                                                                   :BBD  BBBBBBBB    JBr                                                               
                                                                   QBB  BBQBBBBBBQ    BB                                                               
                                                                  .BB: BBBBQvBBBBB.   :rr                                                              
                                                                  BBB  dB U. BBBBB    iBB.                                                             
                                                                  BB   BBX7U BBBBg    :BB:                                                             
                                                                  BB  DBBBLBBRBBBB     bBZ                                                             
                                                                 7BB BBBBBB1   BBBJ    jB7                                                             
                                                                  BB BBBBBB    :BBB    rB.                                                             
                                                                  QK BBBBB      BBBX   rB                                                              
                                                                  BB SZBBB       BBB   BB                                                              
                                                                  BBB rBBQ       dBBi bBB                                                              
                                                                  BB :vBBBP      BBBriQBB                                                              
                                                                   BBrr7MB.     .BBB rBBR                                                              
                                                                       ZqB      gBB  .I.                                                               
                                                                        BBv    PBB                                                                     
                                                                        :BQ    BBB                                                                     
                                                                         BBr    YB                                                                     
                                                                         QrK  .rE1                                                                     
                                                                         : Xi   r.                                                                     
                                                                         BLL:   i                                                                      
                                                                          s.    i                                                                      
                                       ────────────────────────────────────────────────────────────────────────────
                                        ▓│              ...::[ SCROLL DOWN TO VIEW SOURCE ]::...                 │▓
                                        ▓│──────────────────────────────────────────────────────────────────────│▓
                                       ──────┘         ░░ (Incase curiosity kills the cat): ░░            └──────
                                         │                                                                      │
                                         │        document       │
                                         │                                                                      │
                                         │      “To my Loveinge good ffrend & contreymann Mr. Wm Shackespere,” dated “ffrom the Bell in Carter Lane the 25 October 1598” and signed “Ryc. Quyney.”      │
                                         └──────────────────────────────────────────────────────────────────────┘


╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣
║--------------------------------------------------------------DREAMWEAVER-----------------------------------------------------------║
╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣
║                               *      *           *    *      *       *         *              *            *        *        *      * ║
║    *      *         *                 *    *            *        *        *           *   *      *     *       *         *       *    ║
║                *          *      *                *         *         *    _,'|   *         _.-''``-...___..--';)    *      *         ║
║   *    *   *                           *      *         *        *        /_ \'.      __..-' ,      ,--...--'''                   *   ║
║                    *           *     *     *        *        *        *  <\    .`--'''       `     /'           *      *       *      ║
║       *      *            *                      *       *        *       `-';'               ;   ; ;    *    *                       ║
║  *      *                      *    *    *    *               *     __...--''     ___...--_..'  .;.'              *     *          *  ║
║                    *   *                             *     *    *  (,__....----'''       (,..--''         *                   *       ║
║    *       *    *             *        ╔═══════════════════════════════════════════════════════════╗  *          *     *              ║
║                        *           *   ║                                                           ║        *               *    *    ║
║        /\         *       /\  *        ║   FIRST WITCH 
When shall we three meet again?
In thunder, lightning, or in rain?
SECOND WITCH 
When the hurly-burly’s done,
When the battle’s lost and won.
THIRD WITCH 
That will be ere the set of sun.
FIRST WITCH 
Where the place?
SECOND WITCH  Upon the heath.
THIRD WITCH 
There to meet with Macbeth.
FIRST WITCH  I come, Graymalkin.
SECOND WITCH  Paddock calls.
THIRD WITCH  Anon.
ALL 
Fair is foul, and foul is fair;
Hover through the fog and filthy air.
They exit. *    *       *               *    ║
║                   *          *         ║                                                           ║                    *             ║
║   *     *    *                         ╚═══════════════════════════════════════════════════════════╝  *        *              *       ║
║                  *      *         *     *         *   *        *         *      *         *    *                    *             *   ║
║ *   *     *                  *       *    *    *         *           *      *        *             *       *            *             ║
║                  *      *                        *   *        *                *           *           *       *            *         ║
║  *      *                       *     *    *            *           *   *            *         *                     *          *     ║
║                *         *         *          *     *      *     *          *    *       *         *      *     *        *            ║
╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣
║--------------------------------------------------------------INFORMATION----------------------------------------------------------║
╠───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╣


	🎬
 --->
<!DOCTYPE html>
<html lang="en" class="👗">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="preconnect" href="www.missionjuno.swri.edu">
		<link rel="preconnect" href="d2xkkdgjnsfvb0.cloudfront.net">
		<link rel="dns-prefetch" href="//ajax.googleapis.com">
    <!--ink city layout 034
     -Created by www.inkrealm.info 
     (inspired by desire 
     and the spirit of innovation)
        ja: "私の個人情報を販売しない(カリフォルニア州消費者プライバシー法)",
    	Частная личная информация, Informações pessoais privadas, 
    Persónulegar upplýsingar, 
    Private personal information, ព័ត៌មានផ្ទាល់ខ្លួនឯកជន
    	(Verbraucherschutzgesetz der Präfektur Kalifornien)
            en: "Do Not Sell My Info (KKKalifornia)"---> 
     
    <title data-rh="true">www.inkrealm.info - literature, film, art and more...</title>
    <meta data-rh="true" name="description" content="A writer's website, featuring an extensive list of films about the craft with posters and original art as well as artifacts. Video and audio downloads. The TWO SKINNY GIRLS often places covers and even new songs on the homepage. Inkrealm includes tools for TIKTOK and an AMSR site for MEDITATION. A unique place for creative souls. A Portal to escape the ordinary. Eclectic and frequently updated."/>
    <meta data-rh="true" property="og:url" content="https://www.inkrealm.info"/>
    <meta data-rh="true" property="og:type" content="website"/>
    <meta data-rh="true" property="og:title" content="INKREALM - writing, music, and the visual arts"/>

    <meta property="tiktok:app_id" content="@twoskinnygirls" />
    <meta name="twitter:site" content="@inkrealm" />
    <meta name="slack-app-id" content="f060RUD44R3" />

    <link rel="shortcut icon" href="./Images//favicon.ico" />
    <link rel="manifest" href="manifest.json">

    <!-- All in One SEO 4.6.6.6 -->
    <meta name="description" content="The writer at work on several projects."/>
    <link rel="canonical" href="https://www.inkrealm.info//" />
    <link rel="next" href="https://www.inkrealm.info/1991" />
    <meta property="og:site_name" content="inkrealm" />
    <meta property="og:type" content="art" />
    <meta property="og:title" content="inkrealm" />
    <meta property="og:description" content="music and art." />
    <meta property="og:url" content="https://www.inkrealm.info/" />
    <meta property="fb:app_id" content="600155496" />
    <meta property="fb:admins" content="10158559392645497" />
    <meta property="og:image" content="https://res.cloudinary.com/crunchbase-production/image/upload/c_lpad,f_auto,q_auto:eco,dpr_1/auxjru3vaajlhx7f8t9e" />
    <meta property="og:image:secure_url" content="https://res.cloudinary.com/crunchbase-production/image/upload/c_lpad,h_170,w_170,f_auto,b_white,q_auto:eco,dpr_1/auxjru3vaajlhx7f8t9e" />
    <meta property="article:published_time" content="2022-11-11T22:40:34Z" />
    <meta property="article:modified_time" content="2022-11-11T22:40:34Z" />
    <meta property="article:publisher" content="https://www.wordstar.nexus" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@inkrealm" />
    <meta name="twitter:domain" content="inkrealm6.wordpress.com" />
    <meta name="twitter:title" content="inkrealm" />
    <meta name="twitter:description" content="headquarters." />
    <meta name="twitter:image" content="https://twitter.com/inkrealm/photo" />
    <meta name="google" content="nositelinkssearchbox" />
    <!-- All in One SEO -->

    <!-- ❂  £  ₿ £ 0 ∆元 ∆￦ ∆ 🂶￥  £ 🂶￥
     £ ឯ    0元 ∆￦ ∆ ¢ᶄᶄ ❂ ⎈ ⑱ ♘𝅙 ₪ я 
     ♢ for investment advice : ⚡
    +•1=9=1•7=3•1=0•0=1•1•6• --->
    <script type="application/ld+json">
    {
      "@context": "https://inkrealm.info",
      "@type": "BreadcrumbList",
      "itemListElement": [{
        "@type": "ListItem",
        "position": 1,
        "name": "Books",
        "item": "https://inkrealm.info/1991"
      },{
        "@type": "ListItem",
        "position": 2,
        "name": "link hype",
        "item": "https://wordstar.nexus"
      },{
        "@type": "ListItem",
        "position": 3,
        "name": "Ink Realm"
      }]
    }
    </script>

    <link type="application/rss+xml" rel="alternate" title="two skinny girls" href="https://media.rss.com/inkrealm/feed.xml"/>
    <link rel="shortcut icon" href="https://raw.githubusercontent.com/ghostm68/inktwo/main/Images/favicon.ico" />
     <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="styles/newspaper.css">
	 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">  
     <link href="main.css/css/cyberpunk-2077.css" rel="stylesheet">
    <title>INKREALM</title>

    <script type="ceb728be2572fff001e2f828-text/javascript">
        console.log("INKREALM");
        window.currentPage = {
            pageId: "home",
            isMainPage: true
        };
    </script>

    <style>
        /* General Styles */
        body {
            margin: 0;
            background: #0f0f0f;
            color: #e0e0e0;
            font-family: 'Arial', sans-serif;
            overflow-x: hidden;
            position: relative;
            min-height: 100vh;
        }

        /* Video Background */
        #background-video {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height:100%;
            object-fit: fit;
            z-index: -1;
        }

        /* Header Menu Styles */
        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.9);
            color: #fff;
            padding: 15px 0;
            text-align: center;
            z-index: 100;
            backdrop-filter: blur(10px);
        }

        header ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

        header li {
            margin: 0 25px;
        }

        header a {
            color: #fff;
            text-decoration: none;
            font-weight: 900;
            font-size: 16px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
            transition: all 0.3s ease;
            padding: 8px 12px;
            border-radius: 4px;
        }

        header a:hover {
            background: rgba(255,255,255,0.1);
            transform: translateY(-2px);
            text-shadow: 2px 2px 8px rgba(255,255,255,0.3);
        }

        /* Contact Button */
        .contact-btn {
            position: fixed;
            top: 80px;
            right: 20px;
            background: linear-gradient(135deg, #e8da8f, #ee5a24);
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 25px;
            font-weight: bold;
            cursor: pointer;
            z-index: 101;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 4px 15px rgba(255,107,107,0.3);
            transition: all 0.3s ease;
        }

        .contact-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(255,107,107,0.4);
        }

        /* Contact Form Popup */
        .contact-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
            z-index: 200;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .contact-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .contact-form {
            background: linear-gradient(135deg, #2c2c2c, #1a1a1a);
            padding: 40px;
            border-radius: 20px;
            width: 90%;
            max-width: 500px;
            position: relative;
            transform: translateY(50px);
            transition: transform 0.3s ease;
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
            border: 1px solid rgba(255,255,255,0.1);
        }

        .contact-overlay.active .contact-form {
            transform: translateY(0);
        }

        .close-btn {
            position: absolute;
            top: 15px;
            right: 20px;
            background: none;
            border: none;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .contact-form h2 {
            color: #fff;
            margin-bottom: 20px;
            text-align: center;
            font-size: 24px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            color: #ccc;
            margin-bottom: 5px;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 12px;
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.2);
            border-radius: 8px;
            color: #fff;
            font-size: 14px;
            box-sizing: border-box;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #ff6b6b;
            box-shadow: 0 0 10px rgba(255,107,107,0.3);
        }

        .submit-btn {
            width: 100%;
            padding: 15px;
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            color: white;
            border: none;
            border-radius: 8px;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
        }

        .submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255,107,107,0.4);
        }

        /* Wordmark and Leopard Styles */
        #wordmark-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 80vh;
            position: relative;
            padding-top: 50px;
        }

        .wordmark {
            font-size: 4vw;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            position: relative;
            color: #f0f0f0;
        }

        .letter {
            display: inline-block;
            opacity: 0;
            transform: translateY(20px);
            animation: revealLetter 0.3s forwards;
            color: #ffffff;
        }

        @keyframes revealLetter {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Improved Leopard Positioning */
        .leopard-container {
            position: fixed;
            width: 80px;
            height: auto;
            opacity: 0;
            z-index: 15;
            transition: all 2s cubic-bezier(0.4, 0, 0.2, 1);
            
            /* Position between the two footers */
            bottom: 75px;
            left: -100px;
        }

        .leopard-container.walk {
            opacity: 1;
            left: calc(50% + 100px);
        }

        .leopard-container img {
            display: block;
            max-width: 100%;
            height: auto;
        }

        /* Subtitle Styles */
        .subtitle-container {
            text-align: center;
            margin-top: 10px;
        }

        .subtitle {
            font-size: 2vw;
            font-weight: normal;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #e0e0e0;
        }

        /* Footer Styles - Enhanced */
        footer {
            position: fixed;
            bottom: 50px;
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.9);
            color: #fff;
            padding: 15px 0;
            text-align: center;
            z-index: 2;
            backdrop-filter: blur(10px);
        }

        footer a {
            color: #fff;
            text-decoration: none;
            margin: 0 15px;
            font-weight: 900;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
            transition: all 0.3s ease;
            padding: 8px 12px;
            border-radius: 4px;
        }

        footer a:hover {
            background: rgba(255,255,255,0.1);
            transform: translateY(-2px);
            text-shadow: 2px 2px 8px rgba(255,255,255,0.3);
        }

        footer2 {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.9);
            color: #fff;
            padding: 15px 0;
            text-align: center;
            z-index: 1;
            backdrop-filter: blur(10px);
        }

        footer2 a {
            color: #fff;
            text-decoration: none;
            margin: 0 15px;
            font-weight: 900;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
            transition: all 0.3s ease;
            padding: 8px 12px;
            border-radius: 4px;
        }

        footer2 a:hover {
            background: rgba(255,255,255,0.1);
            transform: translateY(-2px);
            text-shadow: 2px 2px 8px rgba(255,255,255,0.3);
        }

        /* Mobile Responsive Styles */
        @media (max-width: 768px) {
            .wordmark {
                font-size: 8vw;
            }

            .subtitle {
                font-size: 4vw;
            }

            .leopard-container {
                width: 60px;
                bottom: 75px;
                left: -80px;
            }

            .leopard-container.walk {
                left: calc(50% + 80px);
            }

            header {
                padding: 20px 0;
            }

            header li {
                margin: 0 10px;
            }

            header a {
                font-size: 14px;
                padding: 6px 8px;
            }

            footer a, footer2 a {
                margin: 0 8px;
                font-size: 12px;
                padding: 6px 8px;
            }

            .contact-btn {
                right: 10px;
                top: 110px;
                padding: 10px 16px;
                font-size: 12px;
            }

            .contact-form {
                padding: 30px 20px;
                margin: 20px;
            }
        }

        @media (max-width: 480px) {
            .wordmark {
                font-size: 10vw;
            }

            .subtitle {
                font-size: 5vw;
            }

            .leopard-container {
                width: 50px;
                bottom: 75px;
                left: -70px;
            }

            .leopard-container.walk {
                left: calc(50% + 60px);
            }

            header {
                padding: 25px 0;
            }

            header ul {
                flex-direction: column;
                gap: 8px;
            }

            header li {
                margin: 2px 0;
            }

            .contact-btn {
                right: 10px;
                top: 140px;
                padding: 8px 14px;
                font-size: 11px;
            }

            footer, footer2 {
                padding: 10px 0;
            }

            footer a, footer2 a {
                display: inline-block;
                margin: 2px 5px;
                font-size: 11px;
            }
        }
    </style>

    <script src='https://plausible.io/js/plausible.js' defer data-domain='inkrealm.com' type="ceb728be2572fff001e2f828-text/javascript"></script>
    <script type="ceb728be2572fff001e2f828-text/javascript">
        window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) };
    </script>

    <script src='https://js.sentry-cdn.com/ab1f2589ac6cbdd758a3df72e150e924.min.js' crossorigin='anonymous' type="ceb728be2572fff001e2f828-text/javascript"></script>
    <script type="ceb728be2572fff001e2f828-text/javascript">
        window.sentryOnLoad = () => {
            Sentry.init({
                integrations: [Sentry.replayIntegration({ maskAllText: false, blockAllMedia: false })]
            });
            Sentry.setTag("environment", "production");
        };
    </script>

    <script nomodule type="ceb728be2572fff001e2f828-text/javascript">
        document.documentElement.classList.add("js-fallback");
        document.documentElement.classList.remove("fallback");
    </script>
    <noscript>
        <style>
            :root.fallback, .fallback { opacity: 1; }
        </style>
    </noscript>
</head>
<body>

    <video autoplay loop muted id="background-video">
        <source src="https://github.com/ghostm68/pantheon/raw/main/vulcan_2025060charlotte_153634592.mp4" type="video/mp4">
        Your browser does not support HTML5 video.
    </video>

    <header>
        <ul>
           <li><a href="https://inkrealm.info/1991">list</a></li>
           <li><a href="https://inkrealm.info/twoskinnygirls">twoskinnygirls</a></li>
	 <li> <a href="https://two-skinny-girls-2.creator-spring.com">shop</a>	</li>
        </ul>
    </header>

    <button class="contact-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; toggleContactForm()" data-cf-modified-ceb728be2572fff001e2f828-="">Contact</button>

    <div class="contact-overlay" id="contactOverlay">
        <div class="contact-form">
            <button class="close-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; toggleContactForm()" data-cf-modified-ceb728be2572fff001e2f828-="">&times;</button>
		
		 
            <h1 class="cyberpunk glitched">do it your own way</h1 class="cyberpunk glitched">
            <form>
<iframe src="https://wordstar.nexus/contact" width="288" height="288"></iframe>
<p><a href="https://www.paypal.com/donate/?hosted_button_id=EMCHF6KEL7CHA"><h1 class="cyberpunk glitched">paypal</h1 class="cyberpunk glitched"></a></p>		    		    
<p>
<a href="/cdn-cgi/l/email-protection#aed9cbcceec7c0c5dccbcfc2c380c7c0c8c1"><h1 class="cyberpunk glitched">mail</h1 class="cyberpunk glitched"></a>
</p>
<p><a href="tel:+16468019713"><h1 class="cyberpunk glitched">phone</h1 class="cyberpunk glitched"></a></p>
		    <p><a href="https://inkrealm.info/about"><h1 class="cyberpunk glitched">about me</h1 class="cyberpunk glitched"></a></p>
		<p class="cyberpunk inverse scannedv">  writer - musician - visual artist...</p>
    <div class="subhead"></div>    
        </div>
    </div>

    <div id="app-main">
        <div id="wordmark-wrapper">
            <div id="wordmark-animation" role="img" aria-label="The word INKREALM, typed out with a leopard walking across">
                <span id="wordmark" class="wordmark"></span>
            </div>

            <div class="leopard-container">
                <img src="https://github.com/ghostm68/pantheon/raw/main/cat6_f8a11.gif" alt="Animated Leopard">
            </div>

            <div class="subtitle-container">
                <span class="subtitle">info</span>
            </div>
        </div>
    </div>

    <footer>
        <a href="https://inkrealm.info/home">home</a>
        <a href="https://inkrealm.info/app">app</a>
        <a href="https://inkrealm.info/66">66</a>
        <a href="https://inkrealm.info/поэты">поэты</a>
        <a href="https://inkrealm.info/ravenlux">ravenlux</a>
        <a href="https://inkrealm.info/trix">trix</a>
        <a href="https://inkrealm.info/brush">brush</a>
        <a href="https://music.apple.com/us/album/exiles-letter/1797312533?i=1797312534">&#xC6D0; exile's letter</a>
      
    </footer>

    <footer2>
        <a href="https://inkrealm.info/fashion">fashion</a>
        <a href="https://inkrealm.info/atari">atari</a>
        <a href="https://inkrealm.info/quantum">quantum</a>
        <a href="https://inkrealm.info/deluxe">deluxe</a>
        <a href="https://inkrealm.info/coven">coven</a>
        <a href="https://inkrealm.info/cloud">cloud</a>
        <a href="https://wordstar.nexus">nexus</a>
    </footer2>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="ceb728be2572fff001e2f828-text/javascript">
        const text = "INKREALM,";
        const wordmark = document.getElementById('wordmark');
        const leopardContainer = document.querySelector('.leopard-container');

        // Create animated letters
        text.split('').forEach((char, index) => {
            const letterSpan = document.createElement('span');
            letterSpan.textContent = char;
            letterSpan.classList.add('letter');
            letterSpan.style.animationDelay = `${index * 0.3}s`;
            wordmark.appendChild(letterSpan);
        });

        // Function to trigger the leopard animation
        function triggerLeopardAnimation() {
            leopardContainer.classList.add('walk');
        }

        // Calculate the total time for the letter animation
        const totalTypingTime = text.length * 300;

        // Trigger leopard walk after typing is complete
        setTimeout(triggerLeopardAnimation, totalTypingTime + 500);

        // Contact form functionality
        function toggleContactForm() {
            const overlay = document.getElementById('contactOverlay');
            overlay.classList.toggle('active');
        }

        // Close form when clicking outside
        document.getElementById('contactOverlay').addEventListener('click', function(e) {
            if (e.target === this) {
                toggleContactForm();
            }
        });

        // Handle form submission
        document.querySelector('.contact-form form').addEventListener('submit', function(e) {
            e.preventDefault();
            // Add your form submission logic here
            alert('Thank you for your message! We\'ll get back to you soon.');
            toggleContactForm();
            this.reset();
        });

        // Close form with Escape key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                const overlay = document.getElementById('contactOverlay');
                if (overlay.classList.contains('active')) {
                    toggleContactForm();
                }
            }
        });
    </script>

<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="ceb728be2572fff001e2f828-|49" defer></script></body>
</html>