-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpopup.html
143 lines (119 loc) · 9.56 KB
/
popup.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<html>
<meta charset="UTF-8">
<style>
html {
height: 170px;
}
body {
padding: 20px;
height: 170px;
}
table {
width: 50%;
margin-left: auto;
margin-right: auto;
}
td, th {
text-align: center;
}
.toggle_container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#toggle_box {
display: none;
}
.toggleWrap {
width: 65px;
height: 30px;
padding: 2px;
border: 1px solid grey;
display: flex;
align-items: center;
border-radius: 50px;
position: relative;
transition: all 0.4s;
margin-left: 10px;
margin-right: 10px;
}
.toggleDot {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: grey;
position: absolute;
transition: all 0.4s;
display: flex;
align-items: center;
justify-content: center;
}
.toggle_container span {
font-weight: bold;
font-size: 18px;
}
.toggleSelected .toggleWrap{
background-color: lawngreen;
}
.toggleSelected .toggleDot {
background-color: white;
transform: translateX(35px);
}
.footer {
padding-top: 8px;
text-align: center;
font-size: 10px;
}
.title {
font-weight: bold;
font-size: 22px;
padding-bottom: 10px;
text-align: center;
}
.update-alert {
padding-top: 15px;
color: red;
text-align: center;
display: none;
}
</style>
<body>
<div class="title">
🍌 !RISE 🍌
</div>
<div class="toggle_container">
<span>OFF</span>
<input type="checkbox" id="toggle_box" checked />
<div class="toggleWrap">
<div class="toggleDot"></div>
</div>
<span>ON</span>
</div>
<div class="icons">
<p style="text-align: center;">View collection on:<br>
<table>
<tr>
<th>
<a href="https://blur.io/collection/onchainmonkey" title="View on Blur" target="_blank">
<span style="opacity: 1;"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="12" fill="#080404"></circle><path d="M6 14.6406V15.5345H7.42858V14.6406H6Z" fill="#FF8700"></path><path d="M10.1428 14.6406V15.5345H11.5714V14.6406H10.1428Z" fill="#FF8700"></path><path d="M7.42858 15.832H6V16.5769H7.42858V15.832Z" fill="#FF8700"></path><path d="M13.857 8.68138V7.93652H12.4285V8.68138H13.857Z" fill="#FF8700"></path><path d="M7.49854 11.7995V7.125H9.94426L10.2128 7.42294V7.99596H11.5714V7.125L11.2357 6.74512H6.14282V11.7995H7.49854Z" fill="#FF8700"></path><path d="M13.857 8.97949H12.4285V9.87332H13.857V8.97949Z" fill="#FF8700"></path><path d="M10.1428 15.832V16.5769H11.5714V15.832H10.1428Z" fill="#FF8700"></path><path d="M16.6085 14.6406V14.7628L16.3228 15.0712H13.8228V14.6406H12.4285V15.5345L17.2231 15.8978L17.9999 15.0712V14.6406H16.6085Z" fill="#FF8700"></path><path d="M12.4285 13.6572V14.3425H13.8228V13.9135H16.3285L16.6142 14.1682V14.9065H17.9999V13.9135L17.6599 13.5977H12.4285V13.6572Z" fill="#FF8700"></path><path d="M10.9375 8.89739L11.5714 8.29555V7.93652H10.2128V8.03931L9.94426 8.29555H7.49854V7.93652H6.14282V8.94204L10.9375 8.89739Z" fill="#FF8700"></path><path d="M17.991 13.8979L16.9128 12.7041H12.4285V13.6836L17.991 13.8979Z" fill="#FF8700"></path><path d="M12.4285 16.2316V16.5772H13.8228V16.2316H16.3285L16.6142 16.4878V18.5138H17.9999V16.2316L17.2678 15.5763L12.4285 15.4424V16.2316Z" fill="#FF8700"></path><path d="M7.49854 9.87263V9.45699H9.94426L10.2128 9.76537V9.87263H11.5714V9.45699L10.8303 8.62012L6.14282 8.9788V9.87263H7.49854Z" fill="#FF8700"></path><path d="M11.2543 10.916L11.5714 10.6181V9.83496H10.2128V10.3559L9.94426 10.6181H7.49854V10.1712H6.14282V10.916H11.2543Z" fill="#FF8700"></path><path d="M10.1428 13.5977V14.3425H11.5714V13.5977H10.1428Z" fill="#FF8700"></path><path d="M6.14282 10.6925V11.8102H10.4857L11.5714 10.6211L6.14282 10.6925Z" fill="#FF8700"></path><path d="M12.4463 10.6113L13.527 11.8094H17.4284V10.6113H12.4463Z" fill="#FF8700"></path><path d="M13.857 6H12.4285V10.5136H13.857V6Z" fill="#FF8700"></path><path d="M11.5714 7.11182L10.5446 6H6.14282V7.11182H11.5714Z" fill="#FF8700"></path><path d="M6.57153 18.0664L7.10296 18.5133H10.4687L11.0001 18.0664H6.57153Z" fill="#FF8700"></path><path d="M13.857 12.96H12.4285V18.5135H13.857V12.96Z" fill="#FF8700"></path><path d="M6 13.9135V14.3425H7.42858V13.5977H6V13.9135Z" fill="#FF8700"></path><path d="M17.4285 10.618H14.3728L13.6785 9.96875L12.4285 10.171V10.618L12.757 10.9159H17.4285V10.618Z" fill="#FF8700"></path><path d="M12.4285 7.125V7.63895H13.857V6.74512H12.4285V7.125Z" fill="#FF8700"></path><path d="M11.5714 17.4051V16.8747L10.2143 16.7188L9.62144 17.4051H7.95001L7.25893 16.6562L6 16.8747V17.4051L6.94643 18.5223H10.6518L11.5714 17.4051Z" fill="#FF8700"></path><path d="M11.5714 12.7041H10.1428V16.9782H11.5714V12.7041Z" fill="#FF8700"></path><path d="M13.857 16.875H12.4285V17.7688H13.857V16.875Z" fill="#FF8700"></path><path d="M7.42858 12.7041H6V16.9782H7.42858V12.7041Z" fill="#FF8700"></path></svg></span>
</a>
</th>
<th>
<a href="https://opensea.io/collection/onchainmonkey" title="View on OpenSea" target="_blank">
<span style="opacity: 1;"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12C24 18.6271 18.6271 24 12 24C5.37296 24 0 18.6271 0 12C0 5.37296 5.37296 0 12 0C18.6285 0 24 5.37296 24 12Z" fill="#2081E2"></path><path d="M5.92022 12.4029L5.97199 12.3216L9.09367 7.4381C9.1393 7.36661 9.24655 7.374 9.28106 7.45166C9.80258 8.62044 10.2526 10.074 10.0418 10.979C9.95176 11.3513 9.70519 11.8555 9.42778 12.3216C9.39204 12.3894 9.35258 12.456 9.31066 12.5201C9.29092 12.5497 9.25764 12.5669 9.22188 12.5669H6.01144C5.92514 12.5669 5.8746 12.4732 5.92022 12.4029Z" fill="white"></path><path d="M19.8347 13.3104V14.0834C19.8347 14.1278 19.8075 14.1673 19.7682 14.1845C19.5265 14.2881 18.6992 14.6678 18.3552 15.1462C17.4774 16.368 16.8068 18.115 15.3075 18.115H9.05308C6.83636 18.115 5.04004 16.3126 5.04004 14.0884V14.0169C5.04004 13.9577 5.0881 13.9096 5.1473 13.9096H8.63392C8.70294 13.9096 8.75348 13.9738 8.74734 14.0415C8.72266 14.2684 8.7646 14.5001 8.87185 14.711C9.07897 15.1315 9.50802 15.394 9.97158 15.394H11.6976V14.0464H9.9913C9.90378 14.0464 9.85202 13.9454 9.90256 13.8739C9.92104 13.8455 9.94201 13.8159 9.96418 13.7827C10.1257 13.5533 10.3562 13.1971 10.5856 12.7915C10.7421 12.5177 10.8938 12.2255 11.0158 11.932C11.0406 11.879 11.0602 11.8248 11.0799 11.7718C11.1132 11.6781 11.1478 11.5906 11.1725 11.503C11.1971 11.429 11.2167 11.3513 11.2365 11.2786C11.2945 11.0296 11.3192 10.7658 11.3192 10.4921C11.3192 10.3848 11.3142 10.2726 11.3043 10.1653C11.2994 10.0482 11.2846 9.93108 11.2698 9.81396C11.2599 9.7104 11.2415 9.60806 11.2218 9.50082C11.1971 9.34424 11.1625 9.1889 11.1231 9.0323L11.1095 8.97314C11.0799 8.86586 11.0553 8.76356 11.0208 8.6563C10.9234 8.3197 10.8112 7.99176 10.6928 7.68478C10.6497 7.56272 10.6004 7.4456 10.551 7.32848C10.4783 7.15216 10.4043 6.9919 10.3365 6.84024C10.302 6.7712 10.2724 6.70832 10.2428 6.6442C10.2095 6.57146 10.175 6.49872 10.1405 6.4297C10.1158 6.37668 10.0875 6.32736 10.0677 6.27804L9.85693 5.88844C9.82734 5.83544 9.87666 5.77256 9.9346 5.78858L11.2538 6.14612H11.2575C11.2599 6.14612 11.2611 6.14736 11.2625 6.14736L11.4362 6.19544L11.6274 6.2497L11.6976 6.2694V5.4853C11.6976 5.1068 12.0009 4.7998 12.3757 4.7998C12.5631 4.7998 12.7332 4.87624 12.8553 5.00076C12.9774 5.1253 13.0538 5.29544 13.0538 5.4853V6.64916L13.1943 6.68858C13.2055 6.6923 13.2166 6.69722 13.2264 6.70462C13.261 6.73052 13.3102 6.76872 13.3731 6.8156C13.4225 6.85502 13.4755 6.90312 13.5395 6.95244C13.6666 7.05476 13.8182 7.18668 13.9846 7.33834C14.029 7.37654 14.0722 7.416 14.1116 7.45546C14.3262 7.65518 14.5666 7.88942 14.7959 8.14834C14.8599 8.22108 14.9229 8.29504 14.9869 8.37272C15.0511 8.45162 15.1189 8.5293 15.1781 8.60698C15.2557 8.71054 15.3396 8.8178 15.4124 8.93C15.4469 8.98301 15.4863 9.03724 15.5196 9.09026C15.6133 9.23204 15.6959 9.37876 15.7748 9.52548C15.8081 9.59328 15.8426 9.66724 15.8722 9.74C15.9597 9.93602 16.0287 10.1358 16.0731 10.3355C16.0867 10.3786 16.0966 10.4255 16.1015 10.4674V10.4773C16.1163 10.5364 16.1213 10.5993 16.1262 10.6634C16.1459 10.8681 16.136 11.0727 16.0917 11.2786C16.0731 11.3662 16.0485 11.4488 16.0189 11.5364C15.9894 11.6201 15.9597 11.7076 15.9215 11.7903C15.8475 11.9616 15.7599 12.133 15.6564 12.2933C15.6231 12.3525 15.5837 12.4154 15.5443 12.4745C15.5011 12.5374 15.4567 12.5966 15.4173 12.6545C15.363 12.7285 15.305 12.8062 15.2459 12.8752C15.1929 12.948 15.1387 13.0208 15.0794 13.0848C14.9969 13.1822 14.918 13.2747 14.8353 13.3634C14.786 13.4215 14.733 13.4806 14.6787 13.5336C14.6257 13.5927 14.5715 13.6457 14.5222 13.6951C14.4396 13.7777 14.3706 13.8418 14.3125 13.8948L14.1769 14.0194C14.1573 14.0366 14.1313 14.0464 14.1043 14.0464H13.0538V15.394H14.3755C14.6713 15.394 14.9525 15.2892 15.1794 15.0969C15.2569 15.0291 15.596 14.7357 15.9967 14.2931C16.0103 14.2783 16.0275 14.2671 16.0473 14.2622L19.6978 13.2069C19.7657 13.1871 19.8347 13.2389 19.8347 13.3104Z" fill="white"></path></svg></span>
</a>
</th>
</tr>
</table>
</p>
</div>
<div class="footer">
by <a href="https://twitter.com/RabbiGains" target="_blank">@RabbiGains</a>
</div>
<div class="update-alert">
A new update has been released. Download the newest version from <a href="https://github.com/RabbiGains-eth/OCM-Dessert-Browser-Extension">GitHub.</a>
</div>
</body>
<script src="scripts/popup.js"></script>
</html>