SUB GAPS IN TOP 50

livecountsedit · Apr 7, 2024 · 1943a4e · 1943a4e
1 parent 16ed3f9
commit 1943a4e
Show file tree

Hide file tree

Showing 6 changed files with 186 additions and 162 deletions.
diff --git a/blank.png b/blank.png
diff --git a/top50/index.css b/top50/index.css
@@ -33,13 +33,14 @@ label,h1,h2,h3,h4,h5,h6,p {
 }
 
 .card {
-  height: 4.25vw;
+  height: 5.5vw;
   padding: 0.1vw;
   margin: 0.2vw;
   text-align: left;
   background: #141414;
   border: 0.1em solid #ffffff;
   transition: margin-top 500ms;
+  position: relative;
 }
 
 .image {
@@ -121,4 +122,9 @@ label,h1,h2,h3,h4,h5,h6,p {
 
 input[type=checkbox] {
   margin: 0.1em;
+}
+
+.subgap {
+  float: right;
+  font-size: 1.25vw;
 }
diff --git a/top50/index.html b/top50/index.html
@@ -25,9 +25,16 @@
     <meta property="og:image" content="https://lcedit.com/images/top50.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="../jquery.js"></script>
+    <script>
+        window.odometerOptions = {auto: false};
+    </script>
     <script src="./odometer.js"></script>
     <script src="../highstock.js"></script>
     <script id="dsq-count-scr" src="//livecountsedit.disqus.com/count.js" async></script>
+    <style id="designStyles"></style>
+    <style id="odometerStyles"></style>
+    <style id="hideDifferences"></style>
+    <style id="hideBlanks"></style>
 </head>
 
 <body>
@@ -72,6 +79,9 @@
                 <div>
                     <button onclick="reset()">Reset</button>
                 </div>
+                <div>
+                    <button onclick="zero()">Zero all counters</button>
+                </div>
                 <div>
                     <button onclick="save()">Save (In Browser)</button>
                 </div>
@@ -227,6 +237,10 @@ <h2 style="margin-top: 0px; margin-bottom: 0px;">Edit Channel</h2>
                             <br>
                             <input type="checkbox" id="showBlankSlots" checked><label>Show Blank Slots</label>
                         </div>
+                        <div style="margin-top: 0px; text-align: center;">
+                            <br>
+                            <input type="checkbox" id="showDifferences" checked><label>Show Differences</label>
+                        </div>
                         <div style="margin-top: 0px; text-align: center;">
                             <br>
                             <label>Image Border Radius</label><br>