e www - make smooch an actual irc button for www - more accessible

this is now accessible to all irc clients on #e - if slack bot is
added there too... then everyone can talk.

use kiwiirc, some js and what not to be similar.
This commit is contained in:
Carsten Haitzler 2017-07-10 22:38:03 +09:00
parent caf16f2c1e
commit 26a5dbd4c6
2 changed files with 210 additions and 3 deletions

View File

@ -670,3 +670,28 @@ table {
border-radius: 0px;
box-shadow: none;
}
#ircbubble {
background-color: #181818;
border-radius: 20px;
padding: 20px;
right: 120px;
bottom: 30px;
position: fixed;
z-index: 9998;
transform-origin: bottom;
transform: scale(1);
}
#ircbutton {
background-color: #181818;
right: 30px;
bottom: 30px;
position: fixed;
z-index: 9997;
transform-origin: bottom;
transform: scale(1);
border-radius: 50%;
width: 60px;
height: 60px;
}

View File

@ -1,5 +1,187 @@
<!-- footer content goes here -->
<script src="https://cdn.smooch.io/smooch.min.js"></script>
<div id="ircbubble" style="display: none"></div>
<div id="ircbutton"
onmousedown="this.style.background='#3399ff'"
onmouseup="this.style.background='#101010'"
onclick="{
var d = document.getElementById('ircbubble');
if (!(d.style.display === 'none')) {
d.style.display = 'none';
} else {
d.style.display = 'block';
}
}"
><svg width="60" height="60" version="1.1" viewBox="0 0 15.875 15.875" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 -2.8e2)">
<path transform="matrix(.26 0 0 .26 0 2.8e2)" d="m30 10a20 20 0 0 0
-20 20 20 20 0 0 0 6.6 15c-1.1 2.8-3.3 4.9-6.6 5.2h20a20 20 0 0 0 20
-20 20 20 0 0 0 -20 -20zm-8 18a2 2 0 0 1 2 2 2 2 0 0 1 -2 2 2 2 0 0 1
-2 -2 2 2 0 0 1 2 -2zm8 0a2 2 0 0 1 2 2 2 2 0 0 1 -2 2 2 2 0 0 1 -2 -2
2 2 0 0 1 2 -2zm8 0a2 2 0 0 1 2 2 2 2 0 0 1 -2 2 2 2 0 0 1 -2 -2 2 2 0
0 1 2 -2z" fill="#ffffff"/>
</g>
</svg></div>
<script>
Smooch.init({ appToken: '33hmg044e2o0ps4se5jmn594b' });
</script>
var n1 = [
"smelly",
"falvorful",
"tasty",
"grimy",
"sweet",
"sour",
"bitter",
"ugly",
"pretty",
"onerous",
"acidic",
"fiery",
"mild",
"ripe",
"robust",
"tart",
"savoury",
"cool",
"creamy",
"delicious",
"gooey",
"juicy",
"nutty",
"salty",
"spicy",
"sticky",
"tangy",
"fetid",
"funky",
"foul",
"putrid",
"whiffy",
"fragrant",
"pungent",
"balmy",
"redolent",
"bland",
"dull",
"aromatic",
"delicious",
"fresh",
"pure",
"handome",
"sad",
"funny",
"suspicious",
"rugged",
"sullen",
"eager",
"gloomy",
"odd",
"furtive",
"puzzled",
"gentle",
"hostile",
"grim",
"wistful",
"nasty",
"happy",
"hungry",
"tender",
"warm",
"wet",
"shaggy",
"rough",
"dusty",
"filthy",
"sticky",
"soft",
"smooth",
"hard",
"cuddly",
"greasy",
"slimy",
"silky",
"fluffy"
];
var n2 = [
"hippo",
"squirrel",
"lemming",
"turnip",
"tomato",
"potato",
"sprout",
"cactus",
"badger",
"ferret",
"kitty",
"tribble",
"otter",
"cabbage",
"pumpkin",
"lettuce",
"yarrow",
"avocado",
"pepper",
"cucumber",
"zucchini",
"artichoke",
"lentil",
"pea",
"asparagus",
"gralic",
"onion",
"leek",
"carrot",
"narwhal",
"crab",
"possum",
"snail",
"octopus",
"squid",
"lizard",
"jellyfish",
"turkey",
"ostrich",
"piglet",
"skunk",
"owl",
"peacock",
"llama",
"duck",
"bear",
"kangaroo",
"vole",
"echidna",
"flamingo",
"buffalo",
"egret",
"addax",
"pangolin",
"seal",
"sloth",
"camel",
"moose",
"bandicoot",
"numbat",
"dibbler",
"yak",
"quoll",
"anteater",
"raccoon",
"beaver",
"lemur",
"marmoset",
"hamster",
"wombat"
];
var nick =
n1[Math.floor(Math.random() * n1.length)] +
'-' +
n2[Math.floor(Math.random() * n2.length)];
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:450px; height:500px;');
document.getElementById('ircbubble').appendChild(iframe);