they are here!

frogfrogforg · Oct 31, 2023 · 3e79fc2 · 3e79fc2
1 parent a384fe1
commit 3e79fc2
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 43 deletions.
diff --git a/forest/16hyperform.p.html b/forest/16hyperform.p.html
@@ -16,41 +16,6 @@
         background-color: rgb(245, 237, 210);
         border-radius: 50%;
     }
-
-    .angel {
-        width: 100%;
-        transform: rotate(69deg);
-        transform-origin: center;
-        animation: charisma 12s infinite;
-        animation-timing-function: linear;
-    }
-
-    .eyes {
-        width: 18%;
-        position: absolute;
-        z-index: 1;
-        animation: charismata 12s infinite;
-        animation-timing-function: linear;
-    }
-
-    @keyframes charisma {
-        50% {
-            transform: rotate(69deg) translate(8%, 5%);
-            filter: hue-rotate(169deg);
-        }
-
-        100% {}
-    }
-
-    @keyframes charismata {
-        50% {
-            transform: translate(0%, 30%);
-            filter: hue-rotate(1600deg);
-            opacity: 80%;
-        }
-
-        100% {}
-    }
 </style>
 
 <body>
@@ -61,11 +26,11 @@
     >
 
     <button class="hotspot centered cursor-talk nosparkle" onclick="Frames.toggle('afraid'); RandomizeScattered();" style="left: 62.888%; top: 34.666%; width: 42.0%; height: 42.0%" data-turbo="false">
-        <img src="./images/angeleyes.gif" class="eyes" style="top:46%;left:7%;transform: rotate(22deg);">
-        <img src="./images/angeleyes.gif" class="eyes" style="top:25%;left:34%;transform: rotate(-17deg) scale(125%);">
-        <img src="./images/angeleyes.gif" class="eyes" style="top: 69%;left: 8%;transform: rotate(59deg) scale(90%);">
-        <img src="./images/angeleyes.gif" class="eyes" style="top: 53%;left: 70%;transform: rotate(5deg);">
-        <img src="./images/angeleyes.gif" class="eyes" style="top: 67%;left: 57%;transform: rotate(-27deg) scale(120%);">
+        <img src="./images/angeleyes.gif" class="angel-eyes" style="top:46%;left:7%;transform: rotate(22deg);">
+        <img src="./images/angeleyes.gif" class="angel-eyes" style="top:25%;left:34%;transform: rotate(-17deg) scale(125%);">
+        <img src="./images/angeleyes.gif" class="angel-eyes" style="top: 69%;left: 8%;transform: rotate(59deg) scale(90%);">
+        <img src="./images/angeleyes.gif" class="angel-eyes" style="top: 53%;left: 70%;transform: rotate(5deg);">
+        <img src="./images/angeleyes.gif" class="angel-eyes" style="top: 67%;left: 57%;transform: rotate(-27deg) scale(120%);">
         <img src="./images/angel.png" class="angel">
     </button>
 
@@ -93,7 +58,7 @@
                 <BR><BR>YOU WOULD THINK THAT NOTHING COULD ESCAPE MY DIVINE SIGHT. YOU WOULD THINK
                 THAT THAT IF I AM IN ALL THINGS & IF ALL THINGS ARE IN ME, GETTING LOST WOULD BE A
                 LITTLE BIT IMPOSSIBLE.
-                <BR><BR>BUT THAT'S WHAT I LOVE ABOUT THIS 
+                <BR><BR>BUT THAT'S WHAT I LOVE ABOUT THIS
                 MORTAL. HE NEVER STOPS SURPRISING ME :.:)
             </div>
         </div>
@@ -114,7 +79,7 @@
             <div style="z-index:2;color:white;font-weight:bold;position:relative;margin:1vmin;">
             OH, WELL...
             <BR><BR>
-            NO, NO, YOU 
+            NO, NO, YOU
             <a href="javascript:void(0);" onclick="Frames.show('please')">SEEM BUSY</a>
             <BR><BR>
             I WOULDN'T WANT TO PUT YOU OUT OR ANYTHING
@@ -157,7 +122,7 @@
             var div = document.createElement("div");
             div.setAttribute("class", "s");
             div.setAttribute("style", "z-index:0;");
-            
+
             const starNests = document.getElementsByClassName('starNest')
 
             for (s of starNests) {

diff --git a/forest/42069wedding.p.html b/forest/42069wedding.p.html
@@ -24,6 +24,20 @@
       </a-dumpling>
 
       <div id="characters">
+        <img
+            style="top: 1262px; left: 6230px; height: 160px;"
+            class="Wedding-guest WeddingSprite"
+            src="/forest/images/Wizard.png"
+            draggable="false"
+        >
+        <button class="hotspot centered cursor-talk nosparkle Wedding-guest WeddingSprite" onclick="Frames.toggle('afraid'); RandomizeScattered();" style="top: 1190px; left: 6360px; width: 190px; height: 190px;" data-turbo="false">
+          <img src="./images/angeleyes.gif" class="angel-eyes" style="top:46%;left:7%;transform: rotate(22deg);">
+          <img src="./images/angeleyes.gif" class="angel-eyes" style="top:25%;left:34%;transform: rotate(-17deg) scale(125%);">
+          <img src="./images/angeleyes.gif" class="angel-eyes" style="top: 69%;left: 8%;transform: rotate(59deg) scale(90%);">
+          <img src="./images/angeleyes.gif" class="angel-eyes" style="top: 53%;left: 70%;transform: rotate(5deg);">
+          <img src="./images/angeleyes.gif" class="angel-eyes" style="top: 67%;left: 57%;transform: rotate(-27deg) scale(120%);">
+          <img src="./images/angel.png" class="angel">
+        </button>
         <c-picky wants="invitedAMan">
           <img
             style="bottom: 1500px; left: 6000px"

diff --git a/forest/forest.css b/forest/forest.css
@@ -270,4 +270,40 @@ s-cript {
 .d-wizard{
   font-family:'Brush Script MT', cursive !important;
   font-size: 1.5em !important;
+}
+
+/* hyperform */
+.angel {
+  width: 100%;
+  transform: rotate(69deg);
+  transform-origin: center;
+  animation: charisma 12s infinite;
+  animation-timing-function: linear;
+}
+
+.angel-eyes {
+  width: 18%;
+  position: absolute;
+  z-index: 1;
+  animation: charismata 12s infinite;
+  animation-timing-function: linear;
+}
+
+@keyframes charisma {
+  50% {
+      transform: rotate(69deg) translate(8%, 5%);
+      filter: hue-rotate(169deg);
+  }
+
+  100% {}
+}
+
+@keyframes charismata {
+  50% {
+      transform: translate(0%, 30%);
+      filter: hue-rotate(1600deg);
+      opacity: 80%;
+  }
+
+  100% {}
 }