<!---
         .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="👗">
	  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!--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" />
	 
	  </script><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" />
	<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /><link rel="stylesheet" id="sh-style-css" href="screen.css" type="text/css" media="all" />
<link rel="stylesheet" id="sh-style-css" href="/css/screen.css" type="text/css" media="all" />
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/polyfill-inert.min.js" id="wp-polyfill-inert-js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/regenerator-runtime.min.js" id="regenerator-runtime-js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/polyfill.min.js" id="wp-polyfill-js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/hooks.min.js"></script>

<script type="169c023c024083a61aed2aee-text/javascript" src="/js/jquery.min.js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/jquery/jquery-migrate.min.js"></script>

<script type="169c023c024083a61aed2aee-text/javascript" src="/js/jquery/jquery.blockUI.min.js"></script>
 <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="/css/cyberpunk-2077.css" rel="stylesheet">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- prefetching -->
		<link rel="preconnect" href="www.missionjuno.swri.edu">
		<link rel="preconnect" href="d2xkkdgjnsfvb0.cloudfront.net">
		<link rel="dns-prefetch" href="//ajax.googleapis.com">
	
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/polyfill.min.js" id="wp-polyfill-js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/hooks.min.js" id="wp-hooks-js"></script>

<script type="169c023c024083a61aed2aee-text/javascript" src="/js/jquery.min.js" id="jquery-core-js"></script>
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script>
	
<script type="169c023c024083a61aed2aee-text/javascript" src="/js/jquery.blockUI.min.js"></script>
 <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 href="./cyberpunk-2077.css" rel="stylesheet"> 
	
<link rel="stylesheet" href="main.css/bundle.css" /> 
	<!-- conditional comments -->
	<!--[if lt IE 9]>
		<script type="text/javascript" id="html5ForOldBrowsers">
			var html5_elements = ["header", "hgroup", "nav", "article", "section", "aside", "footer", "video", "track", "figure", "figcaption", "audio"];
			for(var i in html5_elements) { document.createElement(html5_elements[i]); }
		</script>
	<![endif]-->
	<!--[if lte IE 8]><link rel="stylesheet" href="/pub/n/css/lte-ie8.css?ts=1718299199" media="all" /><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" href="/pub/n/css/ie7.css?ts=1718299199" media="all" /><![endif]-->

	<noscript>
		<link rel="stylesheet" href="https://d2xkkdgjnsfvb0.cloudfront.net/css/noscript.css?ts=1718299199" media="all" />
	</noscript>

	<script id="siteJS" type="169c023c024083a61aed2aee-text/javascript">var Site = {"UserMachine":{"Mobile":false,"Device":"desktop","OS":null,"Browser":{"UserAgent":"Mozilla\/5.0 (compatible; Sophora; http:\/\/www.subshell.com)","Name":null,"Version":null,"VersionFull":null},"ClassString":"os_ desktop  _  not_mobile "},"Dates":{"Launch":{"id":"Launch","timeStamp":" 8\/5\/2011 4:25:00 pm UTC","default_label":"Time Since Launch","future_label":"Time to Launch","past_label":"Time Since Launch","hide":"","exclude_from_footer":false,"markup_when_past":false},"Arrival":{"id":"Arrival","timeStamp":" 7\/5\/2016 03:18:18 UTC","default_label":"Time Since Arrival","future_label":"Time to Jupiter Arrival","past_label":"Time Since Arrival","hide":"hide","exclude_from_footer":false,"markup_when_past":false},"Jupiter Orbit Insertion":{"id":"Jupiter Orbit Insertion","timeStamp":" 7\/5\/2016 03:18:18 UTC","default_label":"Jupiter Arrival In","future_label":"Jupiter Arrival In","past_label":"Time in Orbit","hide":"hide","exclude_from_footer":true,"markup_when_past":"<div id=\"arrival_banner\"><h1 class=\"centered padV_2 textcenter\">Juno has arrived at Jupiter!<\/h1><\/div>"}},"juno_nav_craft_left":473,"min_width":970,"min_height":550,"HeadMeta":{"Keywords":"Mission Juno, NASA, Jupiter","Title":"JunoCam : Processing - Mission Juno\n\t\t","FB_app_id":null,"Type":null,"Site_Name":"Mission Juno","URL":"https:\/\/www.missionjuno.swri.edu\/junocam\/processing","Description":"Download raw imagery from JunoCam and upload your processed imagery to the gallery!","Image":"https:\/\/www.missionjuno.swri.edu\/pub\/n\/images\/logos\/JUNO_SOCIAL_ICON-01.png","meta":{"Keywords":{"props":{"name":"keywords"},"content":null},"FB_id":{"props":{"property":"fb:app_id"},"content":null},"Type":{"props":{"property":"og:type"},"content":null},"Title":{"props":{"property":"og:title","itemprop":"name"},"content":"JunoCam : Processing - Mission Juno\n\t\t"},"Desc":{"props":{"property":"og:description","itemprop":"description","name":"description"},"content":"Download raw imagery from JunoCam and upload your processed imagery to the gallery!"},"Img":{"props":{"property":"og:image","itemprop":"image"},"content":"https:\/\/www.missionjuno.swri.edu\/pub\/n\/images\/logos\/JUNO_SOCIAL_ICON-01.png"},"URL":{"props":{"property":"og:url"},"content":"https:\/\/www.missionjuno.swri.edu\/junocam\/processing"},"Site_Name":{"props":{"property":"og:site_name"},"content":"Mission Juno"}}}};</script>
<title>Immersive Mobile Video</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  <style>
    /* Combined CSS */
    .header-footer {
      position: fixed;
      width: 100%;
      background: rgba(0,0,0,0.9);
      z-index: 1000;
      padding: 15px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
    }

    header.header-footer {
      top: 0;
      height: 60px;
      justify-content: space-between;
    }

    header.header-footer h1 {
      font-size: 1.5rem;
      margin: 0;
      text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    }

    .mobile-menu-toggle {
      color: white;
    }

    .video-container {
      position: fixed;
      top: 60px;
      bottom: 60px;
      left: 0;
      right: 0;
      overflow: hidden;
    }

    #mainVideo {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .side-menu {
      position: fixed;
      top: 60px;
      bottom: 60px;
      width: 75%;
      max-width: 300px;
      background: rgba(0,0,0,0.75);
      transition: all 0.3s ease;
      padding: 20px;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .side-menu.left {
      left: 0;
      transform: translateX(-85%);
    }

    .side-menu.right {
      right: 0;
      transform: translateX(85%);
    }

    .side-menu:hover {
      transform: translateX(0);
      background: rgba(0,0,0,0.95);
    }

    .show-left-menu .left {
      transform: translateX(0);
    }

    .show-right-menu .right {
      transform: translateX(0);
    }

    footer.header-footer {
      bottom: -80vh;
      height: 90vh;
      transition: bottom 0.4s ease;
    }

    footer.header-footer.peek {
      bottom: -75vh;
    }

    footer.header-footer.active {
      bottom: 0;
    }

    .footer-handle {
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(0,0,0,0.9);
      padding: 8px 20px;
      border-radius: 15px 15px 0 0;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    footer.header-footer.active .footer-handle i {
      transform: rotate(180deg);
    }

    .footer-panel {
      height: calc(90vh - 60px);
      overflow-y: auto;
      opacity: 0;
      transition: opacity 0.3s ease;
    }

    footer.header-footer.active .footer-panel {
      opacity: 1;
    }

    footer.header-footer span {
      position: absolute;
      bottom: 5px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 0.8rem;
      opacity: 0.8;
    }

    /* Additional styles for menu content */
    .menu-content ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .menu-content li {
      margin: 10px 0;
    }

    .menu-content a {
      color: white;
      text-decoration: none;
      opacity: 0.8;
      transition: opacity 0.2s ease;
    }

    .menu-content a:hover {
      opacity: 1;
    }
	   .status-container {
            display: flex;
            gap: 2rem;
            font-size: 0.8rem;
            margin-top: 1rem;
            opacity: 0.7;
        }

        .static {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: repeating-radial-gradient(
                circle at 50% 50%,
                rgba(255, 255, 255, 0) 0,
                rgba(255, 255, 255, 0.05) 1px,
                rgba(255, 255, 255, 0) 2px
            );
            pointer-events: none;
            opacity: 0.15;
            z-index: 1;
        }

        .scanlines {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                transparent 50%,
                rgba(255, 255, 255, 0.05) 50%
            );
            background-size: 100% 4px;
            pointer-events: none;
            z-index: 1;
        } 
	     .tree {
            position: relative;
            padding: 2rem;
            margin: 0 3rem;
            z-index: 2;
        }

        .tree-content {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1.5rem;
            border: 1px solid rgba(255, 255, 255, 0.3);
            background: rgba(0, 0, 0, 0.5);
        }

        .tree-links {
            display: flex;
            gap: 2rem;
            flex-wrap: wrap;
            justify-content: center;
        }

        @media (max-width: 768px) {
            .title {
                font-size: 2rem;
            }
            .nav-links, .footer-links {
                gap: 1rem;
            }
            .header, .main-content, .footer {
                padding: 1.5rem;
            }
            .title-section {
                flex-direction: column;
            }
            .datetime-box {
                margin-top: 1rem;
            }
       @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100&display=swap');


footer {
  position: relative;
  width: 100%;
  background: #f00c23;
  min-height: 100px;
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

footer .social_icon, footer .menu {
  position: relative;
  display: flex;
  justify-content:center;
  align-items:center;
  margin: 10px 0;
}

footer .social_icon li, footer .menu li {
  list-style: none;
}
footer .social_icon li a {
  font-size: 2em;
  color: #ccc;
  margin: 0 10px;
  display: inline-block;
  transition: 0.5s;
}
footer .social_icon li a:hover {
  transform: translateY(-15px);
  color: blue;
}

footer .menu li a {
  font-size: 1.2em;
  color: #ccc;
  margin: 0 10px;
  display: inline-block;
  transition: 0.5s;
  text-decoration: none;
  opacity: 0.75;
}
footer .menu li a:hover {
  opacity: 1;
  color: #fff;
}
p {
  color : #eee;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.1em;
}

/*wave and animation*/
footer .wave {
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url(https://i.ibb.co/rZt4Nhg/wave.png);
  background-size: 1000px 100px;
}

footer .wave#wave1 {
  z-index: 1000;
  opacity: 1;
  bottom: 0;
  animation: animateWave 4s linear infinite;
}

footer .wave#wave2 {
  z-index: 999;
  opacity: 0.5;
  bottom: 10px;
  animation: animateWave_02 4s linear infinite;
}
footer .wave#wave3 {
  z-index: 1000;
  opacity: 0.2;
  bottom: 0;
  animation: animateWave 3s linear infinite;
}

footer .wave#wave4 {
  z-index: 999;
  opacity: 0.7;
  bottom: 20px;
  animation: animateWave_02 3s linear infinite;
}

@keyframes animateWave {
  0%{
    background-position-x: 1000px; 
  }
  100%{
    background-position-x: 0px; 
  }
}

@keyframes animateWave_02 {
  0%{
    background-position-x: 0px; 
  }
  100%{
    background-position-x: 1000px; 
  }
}
  </style>
</head>
<body>
	
    <div class="scanlines"></div>
    <div class="static"></div>
  <header class="header-footer">
    
<p class="cyberpunk inverse scannedv">  writer - musician - visual artist...
      </p>
    <div class="subhead"></div>
    <div class="mobile-menu-toggle" onclick="if (!window.__cfRLUnblockHandlers) return false; toggleRightMenu()" data-cf-modified-169c023c024083a61aed2aee-="">
      <i class="fas fa-portal-enter"></i>
    </div>
  </header>

  <div class="video-container">
    <video id="mainVideo" autoplay muted loop playsinline>
      <source src="https://github.com/ghostm68/pantheon/raw/main/inkrealm.february_20250130_130709432.mp4" type="video/mp4">
    </video>
    
    <nav class="side-menu left">
      <div class="menu-content">
        <h2><i class="fas fa-wormhole"></i> Quantum Portals</h2>
        <ul>
          <li><i class="fas fa-mountain"></i> Mountain View</li>
          <li><i class="fas fa-water"></i> Ocean Waves</li>
          <li><i class="fas fa-city"></i> City Lights</li>
        </ul>
	  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css">
  

<title>Contact Form</title>
</head>
<body class="bg-gray-100 p-8">

<div class="max-w-md mx-auto bg-coal p-8 border rounded-md">
  <h2 class="text-2xl font-semibold mb-4 text-white">Contact Form</h2>

  <form action="https://fabform.io/f/ZX2A6BC" method="POST">
    <div class="mb-4">
      <label for="name" class="block text-gray-300 text-sm font-medium mb-2">Name</label>
      <input type="text" id="name" name="name" class="w-full border border-gray-600 rounded-md py-2 px-3 bg-gray-800 text-white" placeholder="Enter your name" required>
    </div>

    <div class="mb-4">
      <label for="email" class="block text-gray-300 text-sm font-medium mb-2">Email</label>
      <input type="email" id="email" name="email" class="w-full border border-gray-600 rounded-md py-2 px-3 bg-gray-800 text-white" placeholder="Enter your email" required>
    </div>

    <div class="mb-4">
      <label for="message" class="block text-gray-300 text-sm font-medium mb-2">Message</label>
      <textarea id="message" name="message" rows="4" class="w-full border border-gray-600 rounded-md py-2 px-3 bg-gray-800 text-white" placeholder="Write your message here" required></textarea>
    </div>

    <button type="submit" class="bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-md"><img height="90" width="288"src="https://raw.githubusercontent.com/ghostm68/pantheon/main/sending.gif"> Submit</button>
  </form>
</div>
<p>
If you would like to contact us by email instead. You can reach us at
<a href=mail to:"inkrealm@inkrealm.info"><h1 class="cyberpunk glitched">inkrealm</h1 class="cyberpunk glitched"></a>
</p>
      <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="169c023c024083a61aed2aee-|49" defer></script></div>	        
      </div>
    </nav>

    <nav class="side-menu right">
      <div class="menu-content">
        <h2><i class="fas fa-infinity"></i> Reality Nodes</h2>
        <ul>
	
                
	 <li> <a href="https://inkrealm.info/1991" class="nav-link">list</a></li>
	    <li><a href="https://inkrealm.info/about">about</a></li>
          <li><a href="https://inkrealm.info/deluxe">deluxe</a></li>
          <li><a href="https://inkrealm.info/coven">coven</a></li>
          <li><a href="https://inkrealm.info/cloud">cloud</a></li>
          <li><a href="https://inkrealm.info/twoskinnygirls">twoskinnygirls</a></li>
          <li><a href="https://inkrealm.info/fashion">fashion</a></li>
          <li><a href="https://inkrealm.info/atari">atari</a></li>
          <li><a href="https://inkrealm.info/quantum">quantum</a></li>
          <li><a href="https://inkrealm.info/home">home</a></li>
          <li><a href="https://inkrealm.info/app">app</a></li>
          <li><a href="https://inkrealm.info/66">66</a></li>
          <li><a href="https://inkrealm.info/поэты">поэты</a></li>
          <li><a href="https://inkrealm.info/ravenlux">ravenlux</a></li>
          <li><a href="https://inkrealm.info/trix">trix</a></li>
          <li><a href="https://inkrealm.info/brush">brush</a></li>
        </ul>
      </div>
    </nav>
  </div>

  <footer class="header-footer">
    <div class="footer-handle">
      <i class="fas fa-chevron-up"></i>
    </div>
    <div class="footer-panel">
      <div class="menu-content">
        <ul>
       
	  <center class="cyberpunk">
      <h5 class="cyberpunk glitched">
         <a href="https://music.apple.com/us/album/hollywoodland-single/1756163659">&#xC6D0; hollywoodland</a></br>
	      <br>
	 <a href="https://two-skinny-girls-2.creator-spring.com" role="menuitem">shop</a>
      
	<script type="169c023c024083a61aed2aee-module" src="/js/bundle.es.js"></script>
<script src="/js/bundle.legacy.js" nomodule defer type="169c023c024083a61aed2aee-text/javascript"></script>	  
	<audio controls>
<source src="track one - decca mercury.mp3
" type="audio/mpeg">
    Sorry, your browser doesn't support HTML5 audio.
  </audio>
   	<br>
			
              <b>decca mercury -two skinny girls...<br>			
	
	  <p class="mb-4 md:mb-0"><font color="yellow">© 2025 inkrealm info. All rights reserved.</font></p>
		
<footer>
	  <div class="waves">
    <div class="wave" id="wave1"></div>
    <div class="wave" id="wave2"></div>
    <div class="wave" id="wave3"></div>
    <div class="wave" id="wave4"></div>
  </div>
  <ul class="social_icon">
    <li><a href="https://www.instagram.com/inkrealm/?hl=en"><ion-icon name="logo-instagram"></ion-icon></a></li>
  </ul>
  
  <ul class="menu">
    <li><a href="https://wordstar.nexus">wordstar.nexus</a></li>
   
  </ul>
  <p>&copy2025 inky | cheers</p>	      
	
        </ul>
      </div>
    </div>
    <span>hollow-interface v2.1.4, inky...<br>
	with websim.ai - claude - & bowie </span>
  </footer>
	
    
	<script type="169c023c024083a61aed2aee-text/javascript">
    // Combined JavaScript including ALL functionality
    document.addEventListener('DOMContentLoaded', () => {
      const footer = document.querySelector('footer.header-footer');
      const videoContainer = document.querySelector('.video-container');
      
      // Initialize footer in peek state
      setTimeout(() => {
        footer.classList.add('peek');
      }, 500);

      let footerState = 'peek'; // States: 'hidden', 'peek', 'active'
      let leftMenuVisible = false;
      let rightMenuVisible = false;
      
      // Footer handle click behavior
      const footerHandle = document.querySelector('.footer-handle');
      footerHandle.addEventListener('click', (e) => {
        e.stopPropagation();
        
        if (footerState === 'peek') {
          footer.classList.remove('peek');
          footer.classList.add('active');
          footerState = 'active';
        } else if (footerState === 'active') {
          footer.classList.remove('active');
          footer.classList.add('peek');
          footerState = 'peek';
        }
      });

      // Touch handling for side menus
      let touchStartX = 0;
      let touchEndX = 0;

      document.addEventListener('touchstart', (e) => {
        touchStartX = e.touches[0].clientX;
      });

      document.addEventListener('touchend', (e) => {
        const touch = e.changedTouches[0];
        const startX = touch.clientX;
        const screenWidth = window.innerWidth;
        
        // Original app.js touch behavior
        if(startX < screenWidth * 0.15) {
          toggleLeftMenu();
        } else if(startX > screenWidth * 0.85) {
          toggleRightMenu();
        }

        // New swipe behavior
        touchEndX = e.changedTouches[0].clientX;
        const deltaX = touchEndX - touchStartX;
        const threshold = window.innerWidth * 0.15;

        if (Math.abs(deltaX) > threshold) {
          if (deltaX > 0 && touchStartX < threshold) {
            videoContainer.classList.add('show-left-menu');
            leftMenuVisible = true;
          } else if (deltaX < 0 && touchStartX > window.innerWidth - threshold) {
            videoContainer.classList.add('show-right-menu');
            rightMenuVisible = true;
          }
        }
      });

      // Menu toggle functions
      window.toggleLeftMenu = () => {
        leftMenuVisible = !leftMenuVisible;
        videoContainer.classList.toggle('show-left-menu', leftMenuVisible);
        if(leftMenuVisible) {
          footer.classList.remove('active');
          rightMenuVisible = false;
          videoContainer.classList.remove('show-right-menu');
        }
      };

      window.toggleRightMenu = () => {
        rightMenuVisible = !rightMenuVisible;
        videoContainer.classList.toggle('show-right-menu', rightMenuVisible);
        if(rightMenuVisible) {
          footer.classList.remove('active');
          leftMenuVisible = false;
          videoContainer.classList.remove('show-left-menu');
        }
      };

      // Close menus when clicking outside
      document.addEventListener('click', (e) => {
        if (!e.target.closest('.side-menu')) {
          videoContainer.classList.remove('show-left-menu', 'show-right-menu');
          leftMenuVisible = false;
          rightMenuVisible = false;
        }
      });

      // ESC key handling
      document.addEventListener('keydown', (e) => {
        if (e.key === 'Escape') {
          videoContainer.classList.remove('show-left-menu', 'show-right-menu');
          leftMenuVisible = false;
          rightMenuVisible = false;
          if (footerState === 'active') {
            footer.classList.remove('active');
            footer.classList.add('peek');
            footerState = 'peek';
          }
        }
      });

      // Resize handling from original app.js
      window.addEventListener('resize', () => {
        if(window.innerWidth > 768) {
          videoContainer.classList.remove('show-left-menu', 'show-right-menu');
          leftMenuVisible = rightMenuVisible = false;
        }
      });
    });
  </script>

<script type="169c023c024083a61aed2aee-module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js" type="169c023c024083a61aed2aee-text/javascript"></script>
</body>
</html>