Update projects.html

projects.html

@@ -74,19 +74,40 @@
       
     </header>
     <main>
+        </center>
           <div id="adcontainer">
-        <h3><a href="ad.html">AD (click to read more):</a></h3>
-        <script type="text/javascript">
-          atOptions = {
-            'key' : 'a4e483c304d8788fbb3f86d0fccd7dd2',
-            'format' : 'iframe',
-            'height' : 90,
-            'width' : 728,
-            'params' : {}
-          };
-          document.write('<scr' + 'ipt type="text/javascript" src="//www.topcreativeformat.com/a4e483c304d8788fbb3f86d0fccd7dd2/invoke.js"></scr' + 'ipt>');
-        </script>
+              <a class="ad" data-toggle="modal" data-target="#myModal">AD: (click here to read more)</a>
+        <script async="async" data-cfasync="false" src="//pl22225360.toprevenuegate.com/92108816b5da54426d1639bcbfb5785c/invoke.js"></script>
+        <div id="container-92108816b5da54426d1639bcbfb5785c"></div>
       </div>
+      <!-- Modal -->
+  <div class="modal fade" id="myModal" role="dialog">
+    <div class="modal-dialog">
+    
+      <!-- Modal content-->
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
+          <h4 class="modal-title">What happened? Why does Selenite have ads?</h4>
+        </div>
+        <div class="modal-body">
+          <p>After a lot of thinking, I have decided that the best course of action for Selenite is to add ads. I have spent a lot of time to make sure they are the least intrusive on your experience while still allowing me to make a profit off of the website. This decision was not out of greed or anything, it was because I can't expand Selenite past a certain point without a guaranteed income, and I can't do that solely off of donations.
+<br><br>
+Ads are powered by Adsterra, and we use the 728x90 banner ads and the Native banners, with erotic ads enabled.
+<br><br>
+There is still an option to disable ads. You can also use an adblocker (which I HIGHLY recommend).
+
+</p>
+        </div>
+        <div class="modal-footer">
+          <button type="button" onclick="localStorage.setItem('selenite.adblock', 'true')" class="button" data-dismiss="modal">Close</button>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+  
+</div>
       <input class="hiddenUpload" type="file" accept=".save" hidden />