Turn the stats iFrame into a hover popdown.

2 files changed, 38 insertions, 1 deletions

diff --git a/example/var/www/html/SledjChisl.css b/example/var/www/html/SledjChisl.css
index 718f5aa..0ee1223 100644
--- a/example/var/www/html/SledjChisl.css
+++ b/example/var/www/html/SledjChisl.css
@@ -3,6 +3,7 @@ html, body
     background-color: black;
     color: white;
     font-family: 'sans-serif';
+    font-size: 100%;
     margin: 0;
     padding: 0;
 }
@@ -97,3 +98,32 @@ textarea
   justify-content: start;
   align-items: end;
 }
+
+.hoverWrapper0:hover #hoverShow0
+{
+  display: block;
+  border-style: solid;
+  border-color: fuchsia;
+}
+.hoverWrapper0 #hoverShow0
+{
+  display: none;
+  background-color: black;
+  text-align: left;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-style: solid;
+  border-color: fuchsia;
+}
+.TTitem
+{
+  border-style: solid;
+  border-color: fuchsia;
+  background-color:green;
+  color: white;
+  font-family: 'sans-serif';
+  font-size: 100%;
+  margin: 0;
+  padding: 1%;
+}
diff --git a/example/var/www/html/footer.html b/example/var/www/html/footer.html
index 976a363..fb6297d 100644
--- a/example/var/www/html/footer.html
+++ b/example/var/www/html/footer.html
@@ -1,5 +1,12 @@
     </div>
     <div class='top-right'>
+      <div class="hoverWrapper0">
+        <h1 class="TTitem"><!--#echo var="grid" --> statisitics</h1>
+        <div id="hoverShow0">
+          <iframe src='stats.html' style='border:none;height:100%;width:100%;'></iframe>
+        </div>
+      </div>
+      <p> &nbsp; </p>
       <h1>Experimental account manager</h1>
       <p>This account manager system is currently experimental, and under heavy development. &nbsp; 
          Which means it's not all written yet, and things may break.</p>
@@ -19,6 +26,7 @@
       <p>You can also use any other Jabber / XMPP client as well.  So your JID for other clients is first.last@<!--#echo var="host" --></p>
       <p>Remember this is <b>EXPERIMENTAL</b>, I'll be changing things. &nbsp; Next I'll make it so you don't have to log in to both this chat thingy and the account page separataly.<p>
       <ul>Some other web based clients installed here that you could try (more to come) -
+        <li><a href="/candy/index.html">Candy Chats are not dead yet.</a> &nbsp; Old and stupid, but simple.</li>
         <li><a href="/converse.js/index.html">converse.js fullscreen</a></li>
         <li><a href="/converse.js/embedded.html">converse.js embedded</a></li>
         <li><a href="/converse.js/mobile.html">converse.js mobile</a></li>
@@ -26,7 +34,6 @@
       <p>P.S. &nbsp; Yes, I hate the default theme to. &nbsp; lol</p>
     </div>
     <div class='bottom-left'>
-      <iframe src='stats.html' style='border:none;height:100%;width:100%;'></iframe>
     </div>
     <div class='bottom-right'>
     </div>