Add files via upload

livecountsedit · Sep 3, 2021 · 8484b5d · 8484b5d
commit 8484b5d
Show file tree

Hide file tree

Showing 18 changed files with 6,733 additions and 0 deletions.
diff --git a/Livecounts/index.css b/Livecounts/index.css
@@ -0,0 +1,249 @@
+#channelThumbnail,
+#subscribeButton,
+a,
+div,
+h1,
+h5 {
+    left: 0;
+    right: 0;
+    margin: 0 auto
+}
+body {
+    text-align: center
+}
+.odometer.odometer-auto-theme,
+.odometer.odometer-auto-theme .odometer-digit,
+.odometer.odometer-theme-default,
+.odometer.odometer-theme-default .odometer-digit {
+    -moz-box-orient: vertical;
+    display: inline-block;
+    vertical-align: middle;
+    position: relative
+}
+#channelName,
+#channelSubs,
+#subscribeButton,
+#container,
+.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
+.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value,
+canvas {
+    position: absolute
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
+.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
+    -moz-box-orient: vertical;
+    display: inline-block;
+    vertical-align: middle;
+    visibility: hidden
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
+.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
+    text-align: left;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden
+}
+#subscribeButton,
+.odometer.odometer-auto-theme .odometer-value,
+.odometer.odometer-theme-default .odometer-value,
+
+.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
+.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
+    display: block
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
+.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
+    display: block;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-value,
+.odometer.odometer-theme-default .odometer-digit .odometer-value {
+    display: block;
+}
+.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
+    -webkit-transition: -webkit-transform 2s;
+    -moz-transition: -moz-transform 2s;
+    -ms-transition: -ms-transform 2s;
+    -o-transition: -o-transform 2s;
+    transition: transform 2s
+}
+.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
+.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
+    -webkit-transform: translateY(-100%);
+    -moz-transform: translateY(-100%);
+    -ms-transform: translateY(-100%);
+    -o-transform: translateY(-100%);
+    transform: translateY(-100%)
+}
+.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
+.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
+    -webkit-transition: -webkit-transform 2s;
+    -moz-transition: -moz-transform 2s;
+    -ms-transition: -ms-transform 2s;
+    -o-transition: -o-transform 2s;
+    transition: transform 2s;
+    -webkit-transform: translateY(0);
+    -moz-transform: translateY(0);
+    -ms-transform: translateY(0);
+    -o-transform: translateY(0);
+    transform: translateY(0)
+}
+.odometer.odometer-auto-theme,
+.odometer.odometer-theme-default {
+    font-family: Avenir, sans-serif;
+    line-height: 1.1em
+}
+body,
+html {
+    margin: 0;
+    height: 100%
+}
+body {
+    -webkit-transition: all 2s ease;
+    -moz-transition: all 2s ease;
+    -o-transition: all 2s ease;
+    -ms-transition: all 2s ease;
+    transition: all 2s ease;
+    background-color: #d0e4fe;
+    font-family: Arial;
+    overflow: hidden
+}
+#channelName {
+    text-align: center
+}
+#channelSubs {
+    transition: color 2s ease;
+    text-align: center
+}
+#channelSubs2 {
+    text-align: center;
+    font-size: 4.5vw
+}
+#smallText {
+    text-align: center
+}
+#title {
+    font-size: 4.5vw
+}
+#channelName {
+    font-size: 3vw;
+    top: 34.5%
+}
+a {
+    text-decoration: none;
+    font-weight: 400;
+    color: #000
+}
+#nameLink {
+    padding: .5vw
+}
+#channelSubs {
+    font-size: 15.5vw;
+    top: 37%;
+    z-index: -1
+}
+
+#subscribeButton {
+    -webkit-appearance: none;
+    background-color: #0af;
+    border: none;
+    border-radius: 2px;
+    color: #fff;
+    padding: 1%;
+    width: 15%;
+    font-size: 2.5vw;
+    top: 28%;
+    display: none
+}
+#subscribeButton:active {
+    background-color: #08f
+}
+#container {
+    top: 66.5%;
+    width: 40%
+}
+#smallText {
+    font-size: 2.5vw
+}
+canvas {
+    width: 25%;
+    height: 25%;
+    left: 75%;
+    bottom: 75%;
+    margin: 0px 0px 0px 0px;
+
+}
+iframe {
+    margin: 0px 5px;
+}
+
+.overlay {
+    background-color: white;
+    filter: alpha(opacity=50); /* IE */
+    opacity: 0.5; /* Safari, Opera */
+    -moz-opacity: 0.50; /* FireFox */
+    z-index: 20;
+    height: 100%;
+    width: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    position:absolute;
+    top: 0px;
+    left: 0px;
+}
+input[type="checkbox"] {
+    margin: 0px 0px 0px 0px;
+    width: 15px;
+    height: 15px;
+}
+
+input[type="text"] {
+    margin: 0px 0px 0px 0px;
+    width: 12%;
+    height: 2%
+}
+
+input[type="number"] {
+    margin: 0px 0px 0px 0px;
+    width: 12%;
+    height: 2%
+}
+
+#log {
+    margin: 0px 0px 0px 0px;
+    font-size: 10
+}
+
+@media only screen and (min-aspect-ratio: 6/5) {
+    #subscribeButton {
+        top: 19.5%
+    }
+    #channelName {
+        top: 28%
+    }
+    #channelSubs {
+        top: 31.5%
+    }
+}
+@media only screen and (min-aspect-ratio: 5/3) {
+    #channelSubs2,
+    #smallText,
+    h1,
+    h5 {
+        display: none
+    }
+    #subscribeButton {
+        top: 7%;
+    }
+    #channelName {
+        top: 20%
+    }
+}
+
+/* The real livecounts is at livecounts.net, parts of this file are copied from it */
diff --git a/Livecounts/index.html b/Livecounts/index.html
@@ -0,0 +1,59 @@
+<html>
+
+<head>
+    <title>Livecountsedit v3</title>
+    <link href="../odometer.css" rel="stylesheet">
+    <link href="./index.css" rel="stylesheet" type="text/css">
+    <link rel="icon" href="../logo.png">
+</head>
+<noscript>Please enable JavaScript.</noscript>
+
+<body id="body" style="background-color: rgb(208, 228, 254);">
+    <input id="subscribeButton" type="submit" value="Subscribe!" style="opacity: 1.007; display: block;">
+    <a id="channelName" style="color: rgb(0, 0, 0); border: 3px none green;">Channel name</a>
+    <div class="odometer odometer-auto-theme" id="channelSubs" style="color: rgb(0, 0, 0);">0</div>
+    <div align="left" id="options">
+        <input type="text" placeholder="Channel Name" class="option-input" id="options.counter.title">
+        <br>
+        <input type="text" placeholder="Channel Subscribers (integers only)" class="option-input"
+            id="options.counter.value">
+        <button onclick="submit()">Submit</button>
+        <br>
+        <input placeholder="Min Subs" type="number" class="short-input option-input"
+            id="options.counter.rates.basicMinimum">
+        <br>
+        <input placeholder="Max Subs" type="number" class="short-input option-input"
+            id="options.counter.rates.basicMaximum">
+            <br>
+        <input type="number" placeholder="Per Every:" class="short-input option-input" id="options.counter.rates.mode.basic.units">
+        <br>
+        <select class="option-input" id="options.counter.rates.mode.basic.baseUnit">
+            <option value="1" id="options.counter.rates.mode.basic.units.second">second(s)</option>
+            <option value="60" id="options.counter.rates.mode.basic.units.minute">minute(s)</option>
+            <option value="3600" id="options.counter.rates.mode.basic.units.hour">hour(s)</option>
+            <option value="86400" id="options.counter.rates.mode.basic.units.day">day(s)</option>
+        </select>
+        <br>
+        <span>Sub Gain Rate In:</span>
+        <br>
+        <span><select class="option-input" id="options.counter.rates.mode.basic.baseUnit2">
+                <option value="1" id="options.counter.rates.mode.basic.units.second2">second(s)</option>
+                <option value="60" id="options.counter.rates.mode.basic.units.minute2">minute(s)</option>
+                <option value="3600" id="options.counter.rates.mode.basic.units.hour2">hour(s)</option>
+                <option value="86400" id="options.counter.rates.mode.basic.units.day2">day(s)</option>
+            </select></span>
+            <br>
+        <a href="/">Back to Livecountsedit</a>
+    </div>
+    </div>
+    </div>
+    </div>
+    <div id="container">
+        <div class="odometer" id="channelSubs2">10</div>
+        <div id="smallText">subscribers to 10</div>
+    </div>
+    <script src="./index.js"></script>
+    <script src="../odometer.js"></script>
+</body>
+
+</html>