summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorCarsten Haitzler (Rasterman) <raster@rasterman.com>2019-07-25 19:04:22 +0100
committerCarsten Haitzler (Rasterman) <raster@rasterman.com>2019-07-25 19:04:22 +0100
commit3914bc34d0d45cfdcbe4ead4e3b722073b394a87 (patch)
treea163628953eedde77933d73a52acf8ba6f08e729
parent079ce012f678624462cbf460762a386e2f141525 (diff)
footer - make chat with us on click on demand
-rw-r--r--public_html/lib/tpl/e/footer.html86
1 files changed, 47 insertions, 39 deletions
diff --git a/public_html/lib/tpl/e/footer.html b/public_html/lib/tpl/e/footer.html
index fdd3c7db..6d9a3574 100644
--- a/public_html/lib/tpl/e/footer.html
+++ b/public_html/lib/tpl/e/footer.html
@@ -1,37 +1,7 @@
1<!-- footer content goes here --> 1<!-- footer content goes here -->
2<div id="ircbubble" style="display: none"></div> 2<div id="ircbubble" style="display: none;">
3 3 <div id="ircbubble2"style="background:url(/_media/loading.svg) center center no-repeat;">
4<div id="ircbutton" 4 </div>
5 onmousedown="this.style.background='#3399ff'"
6 ontouchstart="this.style.background='#3399ff'"
7 onmouseup="this.style.background='#181818'"
8 ontouchend="this.style.background='#181818'"
9 onclick="{
10 var d = document.getElementById('ircbubble');
11 if (!(d.style.display === 'none')) {
12 d.style.display = 'none';
13 } else {
14 d.style.display = 'block';
15 }
16 }"
17>
18<svg width="120" height="60" version="1.1" viewBox="0 0 31.75 15.875" xmlns="http://www.w3.org/2000/svg">
19 <g transform="matrix(1.01308 0 0 1.0135 15.8868 -283.774)">
20 <path transform="matrix(.26 0 0 .26 0 280)" d="m10 30c-0.043494 5.71319 2.35848 11.1722 6.6 15-1.1 2.8-3.3 4.9-6.6 5.2h20c11.0457 0 20-8.9543 20-20s-8.9543-20.2-20-20.2-20 8.9543-20 20zm12-2c1.10457 0 2 0.895431 2 2s-0.895431 2-2 2-2-0.895431-2-2 0.895431-2 2-2zm8 0c1.10457 0 2 0.895431 2 2s-0.895431 2-2 2-2-0.895431-2-2 0.895431-2 2-2zm8 0c1.10457 0 2 0.895431 2 2s-0.895431 2-2 2-2-0.895431-2-2 0.895431-2 2-2z" fill="#fff"/>
21 </g>
22 <g transform="matrix(.264583 0 0 .264583 0 .18576)" fill="#fff" stroke-width="1px" aria-label="TALK WITH US">
23 <path d="m16.4714 10.6102h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
24 <path d="m31.5755 18.5594h-3.91927l-0.618489 1.77083h-2.51953l3.60026-9.72005h2.98828l3.60026 9.72005h-2.51953zm-3.29427-1.80338h2.66276l-1.32812-3.86719z"/>
25 <path d="m35.9896 10.6102h2.50651v7.82552h4.40104v1.89453h-6.90755z"/>
26 <path d="m44.4792 10.6102h2.50651v3.54818l3.61328-3.54818h2.91016l-4.68099 4.60286 5.16276 5.11719h-3.13802l-3.86719-3.82813v3.82813h-2.50651z"/>
27 <path d="m15.4232 24.3435h2.40234l1.67969 7.0638 1.66667-7.0638h2.41536l1.66667 7.0638 1.67969-7.0638h2.38281l-2.29167 9.72005h-2.89062l-1.76432-7.38932-1.74479 7.38932h-2.89062z"/>
28 <path d="m30.9635 24.3435h2.50651v9.72005h-2.50651z"/>
29 <path d="m34.7786 24.3435h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
30 <path d="m45.026 24.3435h2.50651v3.70443h3.69792v-3.70443h2.50651v9.72005h-2.50651v-4.12109h-3.69792v4.12109h-2.50651z"/>
31 <path d="m26.0026 38.0768h2.50651v5.82682q0 1.20443 0.390625 1.72526 0.397136 0.514323 1.28906 0.514323 0.898437 0 1.28906-0.514323 0.397136-0.520833 0.397136-1.72526v-5.82682h2.50651v5.82682q0 2.0638-1.03516 3.07292-1.03516 1.00912-3.15755 1.00912-2.11589 0-3.15104-1.00912-1.03516-1.00911-1.03516-3.07292z"/>
32 <path d="m43.6003 38.3828v2.05729q-0.800781-0.358073-1.5625-0.540365t-1.4388-0.182292q-0.898438 0-1.32812 0.247396-0.429688 0.247396-0.429688 0.768229 0 0.390625 0.286458 0.61198 0.292969 0.214843 1.05469 0.371093l1.06771 0.214844q1.62109 0.325521 2.30469 0.989583 0.683594 0.664063 0.683594 1.88802 0 1.60807-0.957031 2.39583-0.950521 0.78125-2.91016 0.78125-0.924479 0-1.85547-0.175781-0.930989-0.175782-1.86198-0.520834v-2.11588q0.93099 0.494791 1.79688 0.748698 0.872396 0.247396 1.67969 0.247396 0.820312 0 1.25651-0.273438 0.436198-0.273437 0.436198-0.78125 0-0.455729-0.299479-0.703125-0.292969-0.247396-1.17839-0.442708l-0.970052-0.214844q-1.45833-0.3125-2.13542-0.996094-0.670573-0.683594-0.670573-1.84245 0-1.45182 0.9375-2.23307t2.69531-0.78125q0.800782 0 1.64714 0.123698 0.846354 0.117187 1.7513 0.358073z"/>
33 </g>
34</svg>
35</div> 5</div>
36 6
37<script> 7<script>
@@ -189,11 +159,49 @@ var nick =
189 n1[Math.floor(Math.random() * n1.length)] + 159 n1[Math.floor(Math.random() * n1.length)] +
190 '-' + 160 '-' +
191 n2[Math.floor(Math.random() * n2.length)]; 161 n2[Math.floor(Math.random() * n2.length)];
162var iframe;
192 163
193var iframe = document.createElement('iframe'); 164 function initFrame() {
194 165 if (!iframe) {
195iframe.setAttribute('src', 166 iframe = document.createElement('iframe');
196 'https://kiwiirc.com/client/irc.freenode.net/?nick=' + nick + '&theme=cli#e'); 167 iframe.setAttribute('src',
197iframe.setAttribute('style', 'border:0; width:360px; height:500px;'); 168 'https://kiwiirc.com/client/irc.freenode.net/?nick=' + nick + '&theme=cli#e');
198document.getElementById('ircbubble').appendChild(iframe); 169 iframe.setAttribute('sandbox', 'allow-forms allow-scripts allow-same-origin');
170 iframe.setAttribute('style', 'border:0; width:360px; height:500px;');
171 document.getElementById('ircbubble2').appendChild(iframe);
172 }
173 }
199</script> 174</script>
175<div id="ircbutton"
176 onmousedown="this.style.background='#3399ff'"
177 ontouchstart="this.style.background='#3399ff'"
178 onmouseup="this.style.background='#181818'"
179 ontouchend="this.style.background='#181818'"
180 onclick="{
181 var d = document.getElementById('ircbubble');
182 if (!(d.style.display === 'none')) {
183 d.style.display = 'none';
184 } else {
185 d.style.display = 'block';
186 }
187 initFrame();
188 }"
189>
190<svg width="120" height="60" version="1.1" viewBox="0 0 31.75 15.875" xmlns="http://www.w3.org/2000/svg">
191 <g transform="matrix(1.01308 0 0 1.0135 15.8868 -283.774)">
192 <path transform="matrix(.26 0 0 .26 0 280)" d="m10 30c-0.043494 5.71319 2.35848 11.1722 6.6 15-1.1 2.8-3.3 4.9-6.6 5.2h20c11.0457 0 20-8.9543 20-20s-8.9543-20.2-20-20.2-20 8.9543-20 20zm12-2c1.10457 0 2 0.895431 2 2s-0.895431 2-2 2-2-0.895431-2-2 0.895431-2 2-2zm8 0c1.10457 0 2 0.895431 2 2s-0.895431 2-2 2-2-0.895431-2-2 0.895431-2 2-2zm8 0c1.10457 0 2 0.895431 2 2s-0.895431 2-2 2-2-0.895431-2-2 0.895431-2 2-2z" fill="#fff"/>
193 </g>
194 <g transform="matrix(.264583 0 0 .264583 0 .18576)" fill="#fff" stroke-width="1px" aria-label="TALK WITH US">
195 <path d="m16.4714 10.6102h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
196 <path d="m31.5755 18.5594h-3.91927l-0.618489 1.77083h-2.51953l3.60026-9.72005h2.98828l3.60026 9.72005h-2.51953zm-3.29427-1.80338h2.66276l-1.32812-3.86719z"/>
197 <path d="m35.9896 10.6102h2.50651v7.82552h4.40104v1.89453h-6.90755z"/>
198 <path d="m44.4792 10.6102h2.50651v3.54818l3.61328-3.54818h2.91016l-4.68099 4.60286 5.16276 5.11719h-3.13802l-3.86719-3.82813v3.82813h-2.50651z"/>
199 <path d="m15.4232 24.3435h2.40234l1.67969 7.0638 1.66667-7.0638h2.41536l1.66667 7.0638 1.67969-7.0638h2.38281l-2.29167 9.72005h-2.89062l-1.76432-7.38932-1.74479 7.38932h-2.89062z"/>
200 <path d="m30.9635 24.3435h2.50651v9.72005h-2.50651z"/>
201 <path d="m34.7786 24.3435h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
202 <path d="m45.026 24.3435h2.50651v3.70443h3.69792v-3.70443h2.50651v9.72005h-2.50651v-4.12109h-3.69792v4.12109h-2.50651z"/>
203 <path d="m26.0026 38.0768h2.50651v5.82682q0 1.20443 0.390625 1.72526 0.397136 0.514323 1.28906 0.514323 0.898437 0 1.28906-0.514323 0.397136-0.520833 0.397136-1.72526v-5.82682h2.50651v5.82682q0 2.0638-1.03516 3.07292-1.03516 1.00912-3.15755 1.00912-2.11589 0-3.15104-1.00912-1.03516-1.00911-1.03516-3.07292z"/>
204 <path d="m43.6003 38.3828v2.05729q-0.800781-0.358073-1.5625-0.540365t-1.4388-0.182292q-0.898438 0-1.32812 0.247396-0.429688 0.247396-0.429688 0.768229 0 0.390625 0.286458 0.61198 0.292969 0.214843 1.05469 0.371093l1.06771 0.214844q1.62109 0.325521 2.30469 0.989583 0.683594 0.664063 0.683594 1.88802 0 1.60807-0.957031 2.39583-0.950521 0.78125-2.91016 0.78125-0.924479 0-1.85547-0.175781-0.930989-0.175782-1.86198-0.520834v-2.11588q0.93099 0.494791 1.79688 0.748698 0.872396 0.247396 1.67969 0.247396 0.820312 0 1.25651-0.273438 0.436198-0.273437 0.436198-0.78125 0-0.455729-0.299479-0.703125-0.292969-0.247396-1.17839-0.442708l-0.970052-0.214844q-1.45833-0.3125-2.13542-0.996094-0.670573-0.683594-0.670573-1.84245 0-1.45182 0.9375-2.23307t2.69531-0.78125q0.800782 0 1.64714 0.123698 0.846354 0.117187 1.7513 0.358073z"/>
205 </g>
206</svg>
207</div>