-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
129 lines (124 loc) · 3.56 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<style>
body {
font-size: 12px;
background: transparent !important;
border-style: none;
font-family: helvetica, arial, sans-serif;
}
#interface {
opacity:0
}
.download {
cursor: pointer
}
.name {
text-align: center;
font-size: 15px;
}
#instants_container {
margin: 30px auto 0;
text-align: center;
border-style: none;
}
.instant {
position: relative;
vertical-align: top;
width: 94px;
border-style: none;
text-align: center;
display: inline-block;
margin-bottom: 30px;
margin-right: 5px;
margin-left: 5px;
word-wrap: break-word;
}
.small-button {
width: 94px;
height: 89px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 3px;
margin-top: 0px;
border-style: none;
position: absolute;
background: url(https://felixs-alt.github.io/3kh0/projects/soundboard/img/button.png) no-repeat;
cursor: pointer
}
.small-button:active {
background: url(https://felixs-alt.github.io/3kh0/projects/soundboard/img/button-pressed.png);
cursor: grab;
}
.small-button-background {
width: 86px;
height: 84px;
margin-top: 3px;
margin-left: 6px;
position: absolute;
}
.small-button-shadow {
width: 94px;
height: 89px;
margin-bottom: 5px;
background: url(https://felixs-alt.github.io/3kh0/projects/soundboard/img/button-shadow.png) no-repeat;
}
.circle {
border-radius: 50%;
}
.flex-container {
display: flex;
flex-wrap: wrap;
background-color: white;
}
div.control {
position: fixed;
bottom: 0;
left: 0;
width: auto;
padding: 3px;
border: 3px solid #000;
background: #ffffff;
}
.woah {
cursor: pointer
}
</style>
<head>
<script src="https://accounts.google.com/gsi/client" async defer></script>
</head>
<body>
<div id="interface">
<input style="color:MediumSeaGreen;" id="mySubmit" maxlength="20" placeholder="Change Username"></input>
<button style="color:MediumSeaGreen;" id="save">Save</button>
<button style="color:MediumSeaGreen;" id="rebirth">Rebirth (10,000 clicks required)</button>
<div id="buttonDiv"></div>
<p style="color:MediumSeaGreen;" id="usertxt"></p>
<h3 style="color:MediumSeaGreen;" id="clicksToday"></h3>
<h1 style="color:rgb(255, 0, 0);" id="multiplier"></h1>
<div class="sound">
<div id="button-background"class="circle small-button-background" style="background-color: #339900;"></div>
<audio autoplay class="sound" id="fart" src="https://felixs-alt.github.io/Leaderboard/button.mp3" preload="auto"></audio>
<button id="cButton" class="small-button"></button>
<div class="small-button-shadow"></div>
<h1 style="color:MediumSeaGreen;" id="clicks"></h1>
</div>
</div>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>
<script type="module">
import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.17.2/firebase-analytics.js";
import { initializeApp } from
"https://www.gstatic.com/firebasejs/9.17.2/firebase-app.js";
import { getFirestore, doc, getDoc, getDocs, collection, addDoc, setDoc, updateDoc, deleteDoc } from "https://www.gstatic.com/firebasejs/9.17.2/firebase-firestore.js";
const firebaseConfig = {
apiKey: "AIzaSyDSYXQ6Hqw0DXHP9tChpeJTgqnRYz_-Myo",
authDomain: "leaderboard-85e6d.firebaseapp.com",
projectId: "leaderboard-85e6d",
storageBucket: "leaderboard-85e6d.appspot.com",
messagingSenderId: "74908748170",
appId: "1:74908748170:web:7e8b9b0a28b7e175c1a073",
measurementId: "G-5RRW1VCDP0"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const db = getFirestore(app);