test it out

55gms · Feb 17, 2025 · a08e070 · a08e070
1 parent c9f0698
commit a08e070
Show file tree

Hide file tree

Showing 2 changed files with 72 additions and 1 deletion.
diff --git a/static/assets/css/gameframe.css b/static/assets/css/gameframe.css
@@ -143,3 +143,57 @@
 .reloadbtn:hover {
   transform: scaleX(1.2) scaleY(1.2) rotate(360deg);
 }
+
+.addisplay {
+  margin-left: 80vw;
+  width: 16vw;
+  height: 32vw;
+  background-color: #3d4756;
+  border-radius: 0.5vw;
+  display: flex;
+  margin-top: -42.5vw;
+  margin-bottom: 6vw;
+  outline: 0.2vw solid #ffffff26;
+  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.24);
+  position: relative;
+}
+
+.addisplay .adtext {
+  font-size: 0.5vw;
+  text-transform: uppercase;
+  text-align: center;
+  opacity: 0.7;
+  letter-spacing: 0.05vw;
+  position: absolute;
+  right: 15vw;
+  padding-top: 10px;
+  margin-top: 32.2vw;
+  transform-origin: right center;
+}
+
+.bottom-addisplay {
+  width: 100%;
+  max-width: 468px;
+  height: auto;
+  aspect-ratio: 468 / 60;
+  background-color: #3d4756;
+  border-radius: 0.5vw;
+  display: flex;
+  margin: 20px auto;
+  outline: 0.2vw solid #ffffff26;
+  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.24);
+  position: relative;
+}
+
+.bottom-addisplay .adtext {
+  font-size: 0.5vw;
+  text-transform: uppercase;
+  text-align: center;
+  opacity: 0.7;
+  letter-spacing: 0.05vw;
+  position: absolute;
+  right: 0;
+  left: 0;
+  bottom: -15px;
+  transform-origin: center;
+}
diff --git a/static/misc/play/2048.html b/static/misc/play/2048.html
@@ -59,8 +59,24 @@ <h1 class="titletext">2048</h1>
         <ins id="adElement"></ins>
         <div class="script-container"></div>
         <div class="adtext">Advertisement</div>
-
     </div>
+    <div class="bottom-addisplay" id="bottomAddisplay">
+        <ins id="bottomAdElement"></ins>
+        <div class="script-container">
+            <script type="text/javascript">
+                atOptions = {
+                    'key': '4c19cec862488f4a038d49b0135d35a3',
+                    'format': 'iframe',
+                    'height': 60,
+                    'width': 468,
+                    'params': {}
+                };
+            </script>
+            <script type="text/javascript"
+                src="//brunettescarecrowyoga.com/4c19cec862488f4a038d49b0135d35a3/invoke.js"></script>
+        </div>
+    </div>
+
     <script>
         var elem = document.getElementById("iframe");
 
@@ -79,6 +95,7 @@ <h1 class="titletext">2048</h1>
         reloadbtn.onclick = reload;
     </script>
     <script src="/assets/js/ad.js?v=1"></script>
+
 </body>
 
 </html>