<!--
                                                                                               
                                                                                               
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@################@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@@@@@@@%########%%%%%%%%#######%@@@@@@@@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@@@@########%%%%%%%%%%%%%%%%%#####%@@@@@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@%+########%%%%%%%%%@%%%%%%%%%%####**@@@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@-**#########%%%%%%@@@@@@@%%%%%%######*+@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@==****########%%%%%%%@@@@@@@%%%%%%%#####*-@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@==+***#########%%%%%%%@@@@@@@@%%%%%%#####**=%@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@#=*****#######%%%%%%%%@@@@@@@@@%%%%%%%######+:@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@==***#######%%%%%%%%@@@@@@@@@@@@%%%%%%%######=-@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@=+*########%###%%%%%%@@@@@@@@%@@@@%%%%%######+-@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@%=+*##%##*+++++===**##%%%%%%%####*****########+-@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@==**##*=-:------=====*#%%%%#**+==-::::=+=+###=:@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@+-..@%*=-==++===*#%*==*%%%%#=---:.:===-=--=*#=-@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@%:**@%#==-+:..-.--::-+-=**-.-=..===-=*+---=@%#=-@@@@@@@@@@@@          
          @@@@@@@@@@@@@@-=:=#++==---=-.:=##%#=+=*%%#=+*%+*:...+:--=+*@*..+@@@@@@@@@@@          
          @@@@@@@@@@@#*#.-##**####+*++++*#####+###%##*##%%*##%*+*****@%%*=@@@@@@@@@@@          
          @@@@@@@@@@+--=+-#####%##***###%%%%####%%%%%##%#####**#%####@*=-##@@@@@@@@@@          
          @@@@@@@@@@=-=--=###******#####%%#*#*###%%%%####%%#######**%##=-::#@@@@@@@@@          
          @@@@@@@@@@=:=---********#%%%%%##+##+=+#****++##%%%%%###***+*=-::+%@@@@@@@@@          
          @@@@@@@@@@%+*=+:=*****%%%#######=-=:.:====..=++####%%%%%%*+#=-##*@@@@@@@@@@          
          @@@@@@@@@@@+%:-:=***##########%%*::.....:....:##%###########*:*##@@@@@@@@@@          
          @@@@@@@@@@@@==-::**+*****####*#******-...******###%####*#***+:##@@@@@@@@@@@          
          @@@@@@@@@@@@*--::+++*++**##***++**#**##%%%%#*#**+***##******=-=#@@@@@@@@@@@          
          @@@@@@@@@@@@@+=--++++++**#+===-==-----=====+==+++++*+*****+==-#@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@#++++=++***+--.-****#*#######*+...:-+#**+**+==%@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@*+++++=+*********++======***#**##*+##*+++==#@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@#====-=-=++**++++=-.......:-+****#*++--====@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@====-:--==***+++++++-..==*#***##+*+===-:-%@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@=----:--=++***#####=++%%%####*+*=-:--::-@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@+=--=:-:--+++****=++:--+##**+*+=---::::@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@+--:-:::-:=-=-::::.....:-===+-:::::::-@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@+=----::::..................:..:....-*@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@*=-::::::::...... ............:..::-+*@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@%==:::..::.......................:=++*@@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@@*+=--:::.......................::+++++#@@@@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@@++==--::.......................--=++++++**#@@@@@@@@@@@@@          
          @@@@@@@@@@@@@@@@@@====-::::::...................--=++++++++++=.:=@@@@@@@@@@          
          @@@@@@@@@@@@@@..:------::::::.................:==++++++++++=.........%@@@@@          
          @@@@@@@@@#.........:::::.....................==**++++===..................-          
          @@@@*......................................-++**=..........................          
                                                                                               
                                                                                               
-->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Events</title>
  <style>
   
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr minmax(0, 600px) 1fr; 
  font-family: 'w95';
  font-size: 18px;
  color: #fff794;
  text-align: left;
  line-height: 23px;
  background: url("https://i.postimg.cc/yKLDMfd2/8bd7f615d025f5f06b387c34a3b6cd27578f575eaabaf045cab09c97989d8d37-1.jpg");
  background-size: 97%;
  background-color: #008080;
  background-repeat: repeat;
  background-attachment: fixed;
}
       @font-face {
  font-family: 'dayrom';
  src: url('/fonts/DAYROM__.woff') format('woff');
  font-weight: normal;
  font-style: normal;
      }

.ciné-snail {
    overflow: auto;
    width: 100%;
}

.ciné-snail table {
    border: 1px ridge #dededf;
    height: 100%;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: center;
}

.ciné-snail caption {
    caption-side: top;
    text-align: center;
}

.ciné-snail th {
    border: 1px ridge #dededf;
    background-color: #000000;
    color: #ffffff;
    padding: 5px;
}

.ciné-snail td {
    border: 1px ridge #dededf;
    background-color: #000000;
    color: #ffffff;
    padding: 5px;
}


@media (max-width: 600px) {
  body {
    grid-template-columns: 1fr; 
  }
  .center {
    max-width: 100%;
    margin: 0 auto; 
    padding:; 
  }
}


    .center {
      background: #8b441e; 
      background: url("") repeat-y center top;
      background-size: repeat;
      padding: 1rem;
    }

a {
  display: inline-block;
  position: relative;
  font-family: 'hvb';
  color: #fff248;
}

a:hover {
  animation: hueFlash 1s linear infinite;
}

@keyframes hueFlash {
  0%   { color: #fff248; }
  25%  { color: #817d42; }
  50%  { color: #34331e; }
  75%  { color: #817d42; }
  100% { color: #fffab3; }
  animation: hueFlash 10s ease-in-out infinite;
}

@keyframes colorShift {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

a:hover::before {
  opacity: 1;
  background-position: 100%;
}
        @font-face {
  font-family: 'rainyhearts';
  src: url('/fonts/rainyhearts.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
        @font-face {
  font-family: 'hvb';
  src: url('/fonts/HomeVideoBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

        @font-face {
  font-family: 'label';
  src: url('/fonts/Impact-Label.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

 @font-face {
  font-family: 'vcr';
  src: url('/fonts/VCROSDMono.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
        @font-face {
  font-family: 'dogica';
  src: url('/fonts/dogicabold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
        @font-face {
  font-family: 'windows';
  src: url('/fonts/windows-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
        @font-face {
  font-family: 'w95';
  src: url('/fonts/w95fa.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
        @font-face {
  font-family: 'determination';
  src: url('/fonts/determination.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

        @font-face {
  font-family: 'burger';
  src: url('/fonts/hamburger.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

              @font-face {
  font-family: 'vcr';
  src: url('/fonts/VCROSDMono.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.hover-image-link { position: relative; }
.hover-image {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: px;
  height: 240px;
  display: none;
  pointer-events: none; 
}
.hover-image-link:hover .hover-image { display: block; }

    .center {
      background: rgba(15, 16, 26, 0.83); 
      padding: 1rem;
    }

    h1 {
      font-family: 'vcr';
      font-size: 42px; 
      text-align: center;
      line-height: .1px ;
      color: #2eff00;
    }

    h2 { 
     font-family: 'hvb';
      font-size: 51px; 
      text-align: center;
      line-height: 40px ;
      color: rgb(255, 173, 214);
}
    h3 { 
     font-family: 'dayrom';
      font-size: 14px; 
      text-align: center;
      color: #fff794; 
}
    h4 { 
     font-size: 35px; 
  	 font-weight: normal; 
     font-family: 'w95' ; 
     color: #fff794; 
     text-align: center; 
}
    h5 { 
     font-family: dayrom;
      font-size: 18px; 
      color: #5fdbac; 
}
   
.tiny-gif { width: 28px; height: auto; } 
.small-gif { width: 377px; height: auto; } 
.monkey-gif { width: 270px; height: auto; opacity: 0.8;} 
.med-gif { width: 300px; height: auto; } 
.large-gif { width: 470px; height: auto; } 
      

@media (max-width: 600px) {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    display: block !important;
  }

  .center {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 12px !important; 
    box-sizing: border-box;
    overflow-x: hidden !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
  }
}

  </style>
</head>
<body>
  <div class="side"></div>

<div class="center">
<center>
A. Your Events <br>
B. (My) Personal Events<br>
C. Additional Services<br><br>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br>
<h2>Your Events:</h2>

Would you like me to create a unique invitation page for 
your party, dinner, birthday, baptism, brunch, corporate retreat, divorce, or other life altering event?<br>
<br><br><img src="https://i.postimg.cc/RZZwQGQ0/party-bear.png"><br>
It would be my pleasure! <br><br><br>

<a href="https://magicsnail.club/ElectronicMail.html">Contact</a> me and fill out an
<a href="https://magicsnail.club/EventInquiry.html">event page inquiry</a> form.
<br><br>
Check out this <a href="https://magicsnail.club/SampleEvent.html">blank sample page</a>
for reference. I use Tally for my response forms atm but if you have a 
different service you prefer, that is fine with me.
<br><br>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br><br>
You may be asking yourself,
  <i><h4>"...what's in it for you, web wizard?"</h4> </i>

Well for now, what is 'in it' for me is: good
practice while I learn html/css, spreading Snail Web further, and most importantly stealing clients from 
creepy apps/sites that want to shlurp up and sell your data!<br><br>

Which brings me to my main point... <br>You look like a curious cat, maybe I can interest you in... <br>
<br>
<img src="https://i.postimg.cc/g0VzQzky/243d01dd103ae6a8963f0265fbf3531d4c4d26fdb6d43e0674422b34079fe8b2.png">
<br>my "Big Spiel"<br><br>
<div class="scrollbox-outer" style="width: 100%; background: rgba(34, 97, 126, 0.42); border: 6px solid #000000; border-radius: 20px; overflow: hidden; box-sizing: border-box; background-clip: padding-box;">
  <div class="scrollbox-inner" style="height: 250px; max-height: 250px; min-height: 60px; padding: 11px; color: #fcff00; background: transparent; border-radius: 14px; scrollbar-color: rgba(0, 9, 255, 0.98) #0013ff; scrollbar-width: thin; background-clip: padding-box; overflow-y: scroll; overflow-x: hidden; text-align: left;">
I've <a href="https://www.thecut.com/article/wait-partifuls-founders-worked-at-palantir.html">never worked for Palantir</a>, yes <a href="https://www.wired.com/story/ice-palantir-immigrationos/">that 
Palantir</a>. <br><br>I guess it is uh, very useful and profitable to map social 
  affiliation patterns, gps/location movement, language + slang (yummy for realistic AI lang. models), 
political alignment, and so forth.<br><br>
 
All while tying in fun stuff like your phone number, 
    live location, and probably whatever other aggregated metadata 
    shows up in association with any of the things listed. 
<br><br>

Truly no shade to anyone using Partiful, etc. ; I moreso disapprove of "it" wanting to use you! Now that 
    I'm learning how to do this website stuff, it is easier for me to make alternatives. 
No data scraping, not monetized, totally respectful of your digital privacy here ;-}<br><br><br>
<center>
<img class="med-gif" src="https://i.postimg.cc/hvTM0G65/parti-time.jpg">
    </center>
<br>
But "babes," what about the <a href="https://www.businessinsider.com/andreessen-horowitz-benchmark-partiful-event-startup-tech-2022-11">
    $20 million dollar sale</a> to <a href="Andreessen Horowitz">Andreessen Horowitz</a>?
 A VC firm run by human boiled eggs, Marc Andreessen <br><br><center><img class="small-gif" src="https://i.postimg.cc/KGCp3XgM/Egg-Man.jpg"> 
<br> and 
    Ben Horowitz<br>
<img class="med-gif" src="https://i.postimg.cc/VkNWH4Cw/Screen-Shot-2025-09-08-at-4-00-42-AM.png"> 
</center><br>
 (whose father <a href="https://en.wikipedia.org/wiki/David_Horowitz">David</a> 
was the director of 
<a href="https://en.wikipedia.org/wiki/Discover_the_Networks">
<i>Discover the Networks</i></a>, a website that "tracks 
individuals and groups on the political left"
<br><br><center>... enjoy it Babes!</center>

   
  </div>
</div>

<style>
.scrollbox-inner::-webkit-scrollbar {
  width: 10px;
  background: #000000;
}
.scrollbox-inner::-webkit-scrollbar-thumb {
  background: rgb(255, 226, 0);
  border-radius: 14px;
}
.scrollbox-inner::-webkit-scrollbar-track {
  background: #000000;
  border-radius: 14px;
}
</style><br>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<h2>My Personal Events:</h2>
For my bros, in the following URL, <br>replace 00000 with my cat's name in ALL CAPS<br><br>

https://magicsnail.club/00000_Events.html
<br><br>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  <h2>Additional services:</h2></center>

PARTY CHARACTERS:<br>
* GORILLA<br>
* Wizard<br>
* Dracula<br>
* Evil Creature*<br>
* Grandmother<br>
* Plague Doctor<br>
* Clown (nice)<br>
<br>
ADD ON PUPPETS:<br>
* white mouse<br>
* harbor seal pup<br>
* porcupine<br><br>

<center>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br><br>
    <a href="https://magicsnail.club/Home.html">HOME</i></a>
<br><br>


<center><h3>
 شهرزاد | Magic Snail Club </h3>
</center>

</div>

<div class="side"></div>
</body>
</html>