footer - make chat with us on click on demand
This commit is contained in:
parent
079ce012f6
commit
3914bc34d0
|
|
@ -1,37 +1,7 @@
|
|||
<!-- footer content goes here -->
|
||||
<div id="ircbubble" style="display: none"></div>
|
||||
|
||||
<div id="ircbutton"
|
||||
onmousedown="this.style.background='#3399ff'"
|
||||
ontouchstart="this.style.background='#3399ff'"
|
||||
onmouseup="this.style.background='#181818'"
|
||||
ontouchend="this.style.background='#181818'"
|
||||
onclick="{
|
||||
var d = document.getElementById('ircbubble');
|
||||
if (!(d.style.display === 'none')) {
|
||||
d.style.display = 'none';
|
||||
} else {
|
||||
d.style.display = 'block';
|
||||
}
|
||||
}"
|
||||
>
|
||||
<svg width="120" height="60" version="1.1" viewBox="0 0 31.75 15.875" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1.01308 0 0 1.0135 15.8868 -283.774)">
|
||||
<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"/>
|
||||
</g>
|
||||
<g transform="matrix(.264583 0 0 .264583 0 .18576)" fill="#fff" stroke-width="1px" aria-label="TALK WITH US">
|
||||
<path d="m16.4714 10.6102h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
|
||||
<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"/>
|
||||
<path d="m35.9896 10.6102h2.50651v7.82552h4.40104v1.89453h-6.90755z"/>
|
||||
<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"/>
|
||||
<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"/>
|
||||
<path d="m30.9635 24.3435h2.50651v9.72005h-2.50651z"/>
|
||||
<path d="m34.7786 24.3435h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
|
||||
<path d="m45.026 24.3435h2.50651v3.70443h3.69792v-3.70443h2.50651v9.72005h-2.50651v-4.12109h-3.69792v4.12109h-2.50651z"/>
|
||||
<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"/>
|
||||
<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"/>
|
||||
</g>
|
||||
</svg>
|
||||
<div id="ircbubble" style="display: none;">
|
||||
<div id="ircbubble2"style="background:url(/_media/loading.svg) center center no-repeat;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
@ -189,11 +159,49 @@ var nick =
|
|||
n1[Math.floor(Math.random() * n1.length)] +
|
||||
'-' +
|
||||
n2[Math.floor(Math.random() * n2.length)];
|
||||
var iframe;
|
||||
|
||||
var iframe = document.createElement('iframe');
|
||||
|
||||
iframe.setAttribute('src',
|
||||
'https://kiwiirc.com/client/irc.freenode.net/?nick=' + nick + '&theme=cli#e');
|
||||
iframe.setAttribute('style', 'border:0; width:360px; height:500px;');
|
||||
document.getElementById('ircbubble').appendChild(iframe);
|
||||
function initFrame() {
|
||||
if (!iframe) {
|
||||
iframe = document.createElement('iframe');
|
||||
iframe.setAttribute('src',
|
||||
'https://kiwiirc.com/client/irc.freenode.net/?nick=' + nick + '&theme=cli#e');
|
||||
iframe.setAttribute('sandbox', 'allow-forms allow-scripts allow-same-origin');
|
||||
iframe.setAttribute('style', 'border:0; width:360px; height:500px;');
|
||||
document.getElementById('ircbubble2').appendChild(iframe);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="ircbutton"
|
||||
onmousedown="this.style.background='#3399ff'"
|
||||
ontouchstart="this.style.background='#3399ff'"
|
||||
onmouseup="this.style.background='#181818'"
|
||||
ontouchend="this.style.background='#181818'"
|
||||
onclick="{
|
||||
var d = document.getElementById('ircbubble');
|
||||
if (!(d.style.display === 'none')) {
|
||||
d.style.display = 'none';
|
||||
} else {
|
||||
d.style.display = 'block';
|
||||
}
|
||||
initFrame();
|
||||
}"
|
||||
>
|
||||
<svg width="120" height="60" version="1.1" viewBox="0 0 31.75 15.875" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1.01308 0 0 1.0135 15.8868 -283.774)">
|
||||
<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"/>
|
||||
</g>
|
||||
<g transform="matrix(.264583 0 0 .264583 0 .18576)" fill="#fff" stroke-width="1px" aria-label="TALK WITH US">
|
||||
<path d="m16.4714 10.6102h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
|
||||
<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"/>
|
||||
<path d="m35.9896 10.6102h2.50651v7.82552h4.40104v1.89453h-6.90755z"/>
|
||||
<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"/>
|
||||
<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"/>
|
||||
<path d="m30.9635 24.3435h2.50651v9.72005h-2.50651z"/>
|
||||
<path d="m34.7786 24.3435h8.95833v1.89453h-3.22266v7.82552h-2.50651v-7.82552h-3.22917z"/>
|
||||
<path d="m45.026 24.3435h2.50651v3.70443h3.69792v-3.70443h2.50651v9.72005h-2.50651v-4.12109h-3.69792v4.12109h-2.50651z"/>
|
||||
<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"/>
|
||||
<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"/>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue