1<!DOCTYPE html> 2<html lang="en" class="no-js"> 3<head> 4 <title>tlk.io</title> 5 6 <meta charset="UTF-8" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 8 <meta name="apple-mobile-web-app-title" content="tlk.io"> 9 <meta name="apple-mobile-web-app-capable" content="yes" /> 10 <meta name="apple-mobile-web-app-status-bar-style" content="black" /> 11 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> 12 <meta name="description" content="This is a simple web chat." /> 13 <meta name="author" content="See tlk.io/humans.txt" /> 14 <meta name="csrf-param" content="authenticity_token" /> 15<meta name="csrf-token" content="5dWCmsg3QWBuv5ZqWXMQM72oOCw1naUjfsrJsYzaJtOTfl2J2aEUayFSIEMclWPoxjlbLJHzTpk5clNBnghqAw==" /> 16 17 <link rel="icon" type="image/png" href="/images/favicon.png" /> 18 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/apple-touch-icon-144x144-precomposed.png"> 19 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-touch-icon-114x114-precomposed.png"> 20 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-touch-icon-72x72-precomposed.png"> 21 <link rel="apple-touch-icon-precomposed" href="/images/apple-touch-icon-precomposed.png"> 22 23 <link rel="canonical" href="//tlk.io"> 24 25 <link rel="stylesheet" media="screen" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600|Terminal+Dosis:500" /> 26 <link rel="stylesheet" media="screen" href="/assets/home-8849c27df9fba5dcea4021cba298cd5613a4febd9d74b766564c865127e70f05.css" /> 27 28 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 28-29
28 29<script async src="https://www.googletagmanager.com/gtag/js?id=
29G-2ZD8RQ47RB
vendor: 60 bytes, line 29
29" type="23ddad04b2fd9ad8bebd6cd3-text/javascript"></script>
30<script type="23ddad04b2fd9ad8bebd6cd3-text/javascript"> 31
vendor: 133 bytes, lines 31-34
31window.dataLayer = window.dataLayer || []; 32 function gtag(){dataLayer.push(arguments);} 33 gtag('js', new Date()); 34 gtag('config', '
34G-2ZD8RQ47RB
vendor: 6 bytes, lines 34-35
34'); 35
35window.gtag = gtag; 36</script>
36 37 38 39
39<script src="/assets/modernizr-3.6.0.min-10ee076af2b1e16f217c8d1b3d8d3e4866e1cd11bed22eac92d1b47dec04c647.js" type="23ddad04b2fd9ad8bebd6cd3-text/javascript"></script>
39 40</head> 41<body> 42 43<header class="Header"> 44 <div class="wrapper"> 45 46 <img class="Header-logo" src="images/icon.svg"> 47 <h1 class="Header-title">tlk.io</h1> 48 <h2 class="Header-tagline">A simple web chat</h2> 49 50 <form class="new_chat" id="chat-form" action="/" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓" autocomplete="off" /> 51 <div class="Join"> 52 <span class="Join-domain">tlk.io/</span> 53 <input title="Please use alphanumeric characters (a-z, 0-9), underscore (_) or dash (-)" placeholder="channel" spellcheck="false" pattern="[A-Za-z0-9_-]{3,30}" class="Join-input" type="text" name="chat[permalink]" id="chat_permalink" /> 54 <button name="button" type="submit" id="join_button" class="Join-button">Join</button> 55 <p class="Join-hint">Entering a channel name is <strong>optional</strong>, but makes it easier to remember</p> 56 </div> 57</form> </div> 58</header> 59 60 61<section id="sponsor" class="sponsor"> 62 <div class="wrapper"> 63 <h2>Sponsors</h2> 64 65 <p style="padding: 10px;"> 66 <!-- <a href="https://conveyancing.com.au" rel="sponsored" target="_blank"> 67 <img src="/images/sponsor/conveyancing.png" alt="Conveyancing" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 68 </a> --> 69 <a href="https://switchvpn.net" rel="sponsored" target="_blank"> 70 <img src="/images/sponsor/switch-vpn.png" alt="SwitchVPN" style="width: 260px; margin: 10px 20px; vertical-align: middle;"> 71 </a> 72 <!-- <a href="https://tt.edu.au" rel="sponsored" target="_blank"> 73 <img src="/images/sponsor/tradie-training.png" alt="Tradie Training" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 74 </a> --> 75 <!-- <a href="https://writersperhour.com/buy-essay" rel="sponsored" target="_blank"> 76 <img src="/images/sponsor/writersperhour.png" alt="Writers Per Hour" style="width: 200px; margin: 10px 20px; vertical-align: middle;"> 77 </a> --> 78 <!-- <a href="https://culturebolt.com" rel="sponsored" target="_blank"> 79 <img src="/images/sponsor/cultrbolt-art-lab.png" alt="Culturebot Art Lab" style="width: 240px; margin: 10px 20px; vertical-align: middle;"> 80 </a> --> 81 <a href="https://gamblizard.com" rel="sponsored" target="_blank"> 82 <img src="/images/sponsor/gamblizard.png" alt="Gamblizard" style="width: 182px; margin: 10px 20px; vertical-align: middle;"> 83 </a> 84 <!-- <a href="https://aussiecasinohex.com" rel="sponsored" target="_blank"> 85 <img src="/images/sponsor/hex.png" alt="AussieCasinoHEX" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 86 </a> --> 87 <!-- <a href="https://www.simplygram.com" rel="sponsored" target="_blank"> 88 <img src="/images/sponsor/simplygram.png" alt="Check SimplyGram service" style="width: 146px; margin: 10px 20px; vertical-align: middle;"> 89 </a> --> 90 <!-- <a href="https://www.leoboost.com" rel="sponsored" target="_blank"> 91 <img src="/images/sponsor/leoboost.png" alt="leoboost" style="width: 146px; margin: 10px 20px; vertical-align: middle;"> 92 </a> --> 93 <!-- <a href="https://speedypaper.com" rel="sponsored" target="_blank"> 94 <img src="/images/sponsor/speedypaper.png" alt="Speedy Paper" style="width: 146px; margin: 10px 20px; vertical-align: middle;"> 95 </a> --> 96 <!-- <a href="https://polskiekasynohex.org/" rel="sponsored" target="_blank"> 97 <img src="/images/sponsor/kasynohex.png" alt="PolskieKasynoHEX.org" style="width: 150px; margin: 10px 20px; vertical-align: middle;"> 98 </a> --> 99 <!-- <a href="https://studyclerk.com" rel="sponsored" target="_blank"> 100 <img src="/images/sponsor/studyclerk.jpg" alt="studyclerk" style="width: 100px; margin: 10px 20px; vertical-align: middle;"> 101 </a> --> 102 <!-- <a href="https://instgrow.com/" rel="sponsored" target="_blank"> 103 <img src="/images/sponsor/instgrow.svg" alt="instgrow.com" style="width: 200px; margin: 10px 20px; vertical-align: middle;"> 104 </a> --> 105 106 <a href="https://reddogcasino.com/en/games/blackjack" rel="sponsored" target="_blank"> 107 <img src="/images/sponsor/red-dog-casino.png" alt="Red Dog Casino" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 108 </a> 109 110 <a href="https://casinoenlineahex.com" rel="sponsored" target="_blank"> 111 <img src="/images/sponsor/casinoenlineahex.png" alt="casinoenlineahex.com" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 112 </a> 113 114 <a href="https://betzillion.com/betting-sites/" rel="sponsored" target="_blank"> 115 <img src="/images/sponsor/betzillion.png" alt="betzillion.com" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 116 </a> 117 <a href="https://www.fast.bet/ca/" rel="sponsored" target="_blank"> 118 <img src="/images/sponsor/fastbet.svg" alt="Fast.bet Canada" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 119 </a> 120 <!-- <a href="https://4rabet.com/app" rel="sponsored" target="_blank"> 121 <img src="/images/sponsor/frabet.svg" alt="Cricket betting app" style="width: 180px; margin: 10px 20px; background-color: black; padding: 10px; vertical-align: middle;"> 122 </a> --> 123 <!-- <a href="https://gymgrit.net" rel="sponsored" target="_blank"> 124 <img src="/images/sponsor/gymgrit.png" alt="Gymgrit" style="width: 120px; margin: 10px 20px; padding: 10px; vertical-align: middle;"> 125 </a> --> 126 <a href="https://damanapp.download" rel="sponsored" target="_blank"> 127 <img src="/images/sponsor/daman_games.png" alt="Daman Games" style="width: 130px; margin: 10px 20px; vertical-align: middle;"> 128 </a> 129 <a href="https://www.socialwick.com" rel="sponsored" target="_blank"> 130 <img src="/images/sponsor/social_wick.png" alt="Social Wick" style="width: 180px; margin: 10px 20px; vertical-align: middle;"> 131 </a> 132 <br/> 133 <br/> 134 <a href="https://www.protechreviewer.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Pro Tech Reviewer</a> 135 <a href="https://pro-papers.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Pro-Papers</a> 136 <a href="https://www.realtimecommunicationsworld.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Real Time Communications World</a> 137 <a href="https://goread.io/buy-instagram-followers" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Goread.io</a> 138 <a href="https://ovrclock.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">OvrClock</a> 139 <!-- <a href="https://www.coupons4printing.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Coupons4Printing</a> --> 140 <a href="https://whatt.org" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Whatt.org</a> 141 <a href="https://aubinaryoptions.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">AuBinaryOptions</a> 142 <a href="https://windowsvps.host" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Cheap Windows VPS</a> 143 <a href="https://www.mejoress.com/en" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Mejoress</a> 144 <a href="https://catspurfection.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">CatsPurfection</a> 145 <a href="https://uppsats.eu" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Uppsats</a> 146 <!-- <a href="https://anbefaltcasino.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Anbefalt Casino</a> --> 147 <!-- <a href="https://homenteriors.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Homenteriors</a> --> 148 <a href="https://www.estepera.com/fr" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">estepera.com/fr/</a> 149 <!-- <a href="https://kitchnetic.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Kitchnetic</a> --> 150 <!-- <a href="https://weldingrage.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Weldingrage</a> --> 151 <!-- <a href="https://theymakedesign.com/best-web-design-companies-3ecc85b32071" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">TheyMakeDesign.com</a> --> 152 <!-- <a href="https://nonaams.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Fabrizio Goria</a> --> 153 <a href="https://getfirststep.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">GetFirstStep</a> 154 <!-- <a href="https://residence-greece.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Greece Golden Visa</a> --> 155 <a href="https://www.thunderclap.it/buy-instagram-followers/" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Thunderclap</a> 156 <!-- <a href="https://www.vpsserver.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">VPS</a> --> 157 <!-- <a href="https://techlexa.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Tech Lexa</a> --> 158 <a href="https://slotsempire.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Slots of Empire</a> 159 <!-- <a href="https://phenombuilts.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Phenom Builts</a> --> 160 <!-- <a href="https://followerus.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">followerus.com</a> --> 161 <!-- <a href="https://social-likes.com/buy-instagram-likes" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Social-Likes</a> --> 162 <a href="https://istar.tips" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">iStarTips</a> 163 <!-- <a href="https://aviatorgame.guru" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Aviator game</a> --> 164 <a href="https://tranio.com/spain/" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Property for sale in Spain</a> 165 <a href="https://anonypro.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">IG Anony</a> 166 <a href="https://leofame.com/buy-instagram-followers" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">LEOFAME - Buy Instagram Followers</a> 167 <a href="https://viralyft.com/buy-telegram-members" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Viralyft - Buy Telegram Members</a> 168 <a href="https://bountii.coupons" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Bountii</a> 169 <a href="https://earthweb.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">EarthWeb</a> 170 <a href="https://unaimytext.com" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">UnAIMyText</a> 171 <a href="https://www.socialmention.com/buy-x-followers" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Buy X Followers</a> 172 <a href="https://buy.fans" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Buy Instagram Followers</a> 173 <a href="https://fologrow.com/buy-tiktok-followers" rel="sponsored" target="_blank" style="padding: 0 6px; line-height: 34px;">Buy Tiktok Followers</a> 174 </p> 175 176 <p>tlk.io is on it's way to get fully sponsored by the community. By reaching our monthly goals we can provide you with an ad-free service. Your support means a lot to us, be the first one to join our awesome sponsors!</p> 177 <p style="margin-top: 2em;"><a class="button" href="https://www.patreon.com/tlkio">Become a Patron</a></p> 178 </div> 179</section> 180 181 182<section id="why" class="why"> 183 <div class="wrapper"> 184 185 <h2>Chat simply</h2> 186 187 <ol class="why-list"> 188 <li> 189 <svg viewBox="0 0 80 80"> 190 <g stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(1.
190000000, 1.000000)"> 191 <path fill="none" d="M59.6604004,46 L72.1485812,46 C75.3802306,46 78,43.428273 78,40.2438796 L78,5.75612045 C78,2.57710291 75.3824967,0 72.1532815,0 L5.84671847,0 C2.61766502,0 0,2.57172705 0,5.75612045 L0,40.2438796 C0,43.4228971 2.6205748,46 5.84602729,46 L37.828125,46"></path> 192 <text stroke="none" font-family="Open Sans" font-size="22" font-weight="normal"><tspan x="20" y="30">Join</tspan></text> 193 <path fill="none" d="M51,53.0735294 L57,54.5294118 L49,39 L41,54.5294118 L47,53.0735294 L47,63 L51,63 L51,53.0735294 Z" transform="translate(49.000000, 51.000000) rotate(-27.000000) translate(-49.000000, -51.000000)"></path> 194 </g> 195 </svg> 196 <h4>Quick start</h4> 197 Create new chat rooms in <strong>seconds</strong>. No invite or signup necessary. — Simple! 198 </li> 199 200 <li> 201 <svg viewBox="0 0 80 80"> 202 <g stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(9.000000, 1.000000)"> 203 <circle fill="none" cx="32" cy="32" r="32"></circle> 204 <circle strike="none" cx="16" cy="32" r="2"></circle> 205 <circle strike="none" cx="48" cy="32" r="2"></circle> 206 <path fill="none" d="M26,38 C26,38 28,41 32.5,41 C37,41 39,38 39,38"></path> 207 </g> 208 </svg> 209 <h4>Privacy is yours</h4> 210 You can use a <strong>nickname</strong> without login. Or use Twitter to get your name and avatar. — Simple! 211 </li> 212 213 <li> 214 <svg viewBox="0 0 80 80"> 215 <g fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(1.000000, 1.000000)"> 216 <rect x="0" y="0" width="78" height="38" rx="4"></rect> 217 <rect x="54" y="46" width="24" height="12" rx="1"></rect> 218 <path d="M12,13 L65.5,13"></path> 219 <path d="M12,26 L39,26"></path> 220 </g> 221 </svg> 222 <h4>Easy to share</h4> 223 Share the URL <strong>anywhere</strong> you like. No need in forcing people to install the right app for just a quick chat. — Simple! 224 </li> 225 226 <li> 227 <svg viewBox="0 0 80 80"> 228 <g fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(1.000000, 1.000000)"> 229 <path d="M69,12.7458496 L69,2.48831117 C69,1.11405486 68.1045566,0 67.0067699,0 L1.9932301,0 C0.892399512,0 0,1.11442478 0,2.49661453 L0,47.5033855 C0,48.8822276 0.89705919,50 2.00127137,50 L16.3647461,50"></path> 230 <rect x="23" y="35" width="16" height="30" rx="2"></rect> 231 <rect x="46" y="19" width="32" height="46" rx="4"></rect> 232 </g> 233 </svg> 234 <h4>On the go</h4> 235 Chat in a browser tab at your desk or take it with you on your tablet or phone. You can even <strong>embed</strong> a chat on your own site. — Simple! 236 </li> 237 </ol> 238 239 <div class="why-demo"> 240 <div class="why-chat"><iframe class="why-iframe" src="/demo.html"></iframe></div> 241 <p class="why-note">Note: The above example is just a demo and not a real chat. Here's a live example: <a href="/hey">tlk.io/hey</a>.</p> 242 </div> 243 244 </div> 245</section> 246 247 248<!-- <section class="shouts"> 249 <div class="wrapper"> 250 <h2>As seen on the internet</h2> 251 252 <ul class="shouts-list"> 253 <li class="shout"> 254 <div class="shout-bubble">Need a quick chat room to share ideas with your buds? <a href="http://tlk.io/">tlk.io</a> Make a room with a URL, seriously it's that easy.</div> 255 <div class="shout-source"><a target="_blank" href="https://twitter.com/anotheruiguy/status/297777189536022528"><img class="shout-avatar" src="/images/avatar/shout-1.jpg" alt="avatar"></a></div> 256 </li> 257 <li class="shout"> 258 <div class="shout-bubble">I thought Live chat was dead until I discovered <a href="http://tlk.io/">tlk.io</a> Simple tool to embed chat</div> 259 <div class="shout-source"><a target="_blank" href="https://twitter.com/Dreizle/status/263295131787096064"><img class="shout-avatar" src="/images/avatar/shout-2.jpg" alt="avatar"></a></div> 260 </li> 261 <li class="shout"> 262 <div class="shout-bubble">It was nice to work with <a href="http://twitter.com/tlkio">@tlkio</a> to announce <a href="http://twitter.com/depechemode">@depechemode</a>. Thanks for the dedication guys. #depechemode2013</div> 263 <div class="shout-source"><a target="_blank" href="https://twitter.com/kilo_keith/status/260828591175110656"><img class="shout-avatar" src="/images/avatar/shout-3.jpg" alt="avatar"></a></div> 264 </li> 265 </ul> 266 267 <p>..and <a href="https://twitter.com/tlkio/favorites" target="_blank">many more.</a></p> 268 </div> 269</section> --> 270 271 272<section id="embed" class="embed"> 273 <div class="wrapper"> 274 275 <h2>Embed</h2> 276 <h3>Add a tlk.io chat to your own site!</h3> 277 <img id="embed-img" class="embed-img" src="images/home/embed.jpg" alt="tlk.io screenshots"> 278 <button id="embed-button" class="button embed-button">Get embed code</button> 279 280 <div id="wizard" class="wizard"> 281 <div class="controls"> 282 <div class="block"> 283 <h3>1. Customize the chat window..</h3> 284 <ul class="control-list"> 285 <li> 286 <label>Channel name</label><input id="channel" type="text" minlength="3" maxlength="30" pattern="[A-Za-z0-9_-]+" value="hey" required t
286itle="Please use alphanumeric characters (a-z, 0-9), underscore (_) or dash (-) for your name." /> 287 <p>Will also be public at: <a id="channel-link" href="https://tlk.io/hey" target="_blank">tlk.io/hey</a></p> 288 </li> 289 <li> 290 <fieldset> 291 <label>Width</label><input id="width" type="number" pattern="[0-9]*" min="280" value="400" disabled /> 292 <input id="fullwidth" type="checkbox" value="" checked /><label for="fullwidth">100%</label> 293 </fieldset> 294 <fieldset> 295 <label>Height</label><input id="height" type="number" pattern="[0-9]*" min="360" value="400" /> 296 <input id="fullheight" type="checkbox" value="" /><label for="fullheight">100%</label> 297 </fieldset> 298 </li> 299 <li> 300 <fieldset> 301 <label>Pick a theme</label> 302 <select id="theme"> 303 <option value="theme--day" selected>Day</option> 304 <option value="theme--night">Night</option> 305 <option value="theme--pop">Pop</option> 306 <option value="theme--minimal">Minimal</option> 307 </select> 308 </fieldset> 309 <fieldset> 310 <label>Custom CSS *</label><input id="custom-css" type="url" value="" placeholder="URL to CSS file" /> 311 <p class="optional"><strong>* Optional</strong>: You can customize how the chat looks by adding your own CSS file. It will override the default. 312 </p> 313 </fieldset> 314 </li> 315 <li> 316 <fieldset> 317 <label>Custom Nicknames</label> 318 <p class="optional">If you already have a login for your users, you can use their names for this chat too. In the embed code, add a <code>data-nickname</code> attribute with the user's name. Like <code>data-nickname="somename"</code>.</p> 319 </fieldset> 320 </li> 321 </ul> 322 </div> 323 324 <div class="block"> 325 <h3>2. Copy the code below onto your site.</h3> 326 <textarea id="code" readonly></textarea> 327 <p>That's it. Done! <span class="demo-hint">You should see your chat like the demo below.</span></p> 328 329 <p class="terms"><strong>Terms:</strong> By adding tlk.io to your site you agree to the following terms: This chat service is provided under an "as is" condition. It might change or will be discontinued without prior notice. The creators of this service can't be held liable in any way.</p> 330 </div> 331 332 333 <div id="demo" class="demo"> 334 <iframe class="demo-iframe" src="/demo.html" style="width:100%; height:100%; border:none;"></iframe> 335 </div> 336 337 </div> 338 339 <div id="wordpress" class="embed-wordpress"> 340 <h3>Using a <strong>WordPress</strong> blog?</h3> 341 <p>There is an <strong>unofficial</strong> tlk.io <a href="http://wordpress.org/plugins/wp-tlkio/" target="_blank">WP plugin</a> that you can install.</p> 342 </div> 343 344 </div> 345 346 </div> 347</section> 348 349 350<section id="supporter" class="supporter"> 351 <div class="wrapper"> 352 <h2>Supporter</h2> 353 <ul class="u-columns"> 354 <li> 355 <h4>Keep tlk.io ad-free!</h4> 356 <p>Currently we don't serve any ads on tlk.io and we like to keep it that way. Hopefully you too!</p> 357 <p><a class="button" href="https://www.patreon.com/tlkio">Become a Patron</a></p> 358 </li> 359 <li> 360 <h4>Thanks to:</h4> 361 <p><a href="https://paraphrasetools.com" rel="sponsored" target="_blank">Paraphrase tools</a></p> 362 </li> 363 </ul> 364 </div> 365</section> 366 367 368<section id="info" class="info"> 369 <div class="wrapper"> 370 <ul class="u-columns"> 371 372 <li> 373 <h4>Tips & Tricks</h4> 374 <ol> 375 <li>If you type @ + username, like <strong>@matt</strong>, it will highlight the message to that user. Click the circle avatar to quickly add it to the input.</li> 376 <li>If you use a <strong>hash tag (#)</strong>, it automatically turns them into channel links, like <a href="https://tlk.io/hey" target="_blank">#hey</a>.</li> 377 <li>If you paste a link to an <strong>image</strong>, it will show the image inline. Also, pasted <strong>URL</strong>s will turn into links.</li> 378 <li>There is some (limited) <strong>Markdown</strong> support: <code>__bold__</code> <code>_italic_</code> <code>`code`</code> <code>~~strike~~</code> <code>* list</code> <code>> blockquote</code> <code>--- hr</code> <code>[alt](link)</code> <code></code></li> 379 <li>If you're using tlk.io as a <a href="http://fluidapp.com">Fluid</a> desktop app, to login with twitter you need to "whitelist" it first. Go to Preferences > Whitelist and add *twitter.com*, see <a href="https://tlk.io/images/fluid.png">screenshot</a>.</li> 380 </ol> 381 </li> 382 383 <li> 384 <h4>Donate</h4> 385 <p>If you prefer to make a one time donation instead of a <a href="https://www.patreon.com/tlkio">monthly pledge</a>, you can do so below. Many thanks! :)</p> 386 <p> 387 <form action="https://www.paypal.com/cgi-bin/webscr" method="post"> 388 <input type="hidden" name="cmd" value="_s-xclick"> 389 <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----"> 390 <input class="button" type="submit" name="submit" value="Donate"> 391 <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> 392 </form> 393 </p> 394 </li> 395 396 <li> 397 <h4>Credits</h4> 398 <p>We would like to thank <a href="http://nodejs.org/" target="_blank">node.js</a>, <a href="http://faye.jcoglan.com/" target="_blank">Faye</a>, <a href="http://rubyonrails.org/" target="_blank">Ruby on Rails</a>, <a href="http://www.redis.io/" target="_blank">Redis</a>, <a href="http://jquery.com/" target="_blank">jQuery</a>, <a href="https://github.com/fontello/fontelico.font" target="_blank">Fontelico (smiley)</a> and everyone else that made this chat possible.</p> 399 <p>Proudly hosted on <a href="https://www.linode.com/?r=a0768700b085bed32254ee873a3a09a0228a9283" target="_blank">Linode</a>.</p> 400 </li> 401 402 <li> 403 <h4>Support</h4> 404 <p>Got a <strong>question</strong> about tlk.io? A good place to find answers are the <a href="http://blog.tlk.io/tagged/faq">FAQ</a> posts. If your question isn't covered there, feel free to send us an email to <a href="/cdn-cgi/l/email-protection#1c75727a735c687077327573"><span class="__cf_email__" data-cfemail="9af3f4fcf5daeef6f1b4f3f5">[email protected]</span></a> or tweet to <a href="https://twitter.com/tlkio">@tlkio</a>.</p> 405 <p>For general feedback leave a message on our <a href="/feedback">tlk.io/feedback</a> channel. We also have a public <a href="https://trello.com/board/tlk-io/50758492b98937281ce58df0">trello board</a>, so you can comment/vote on upcoming stuff.</p> 406 </li> 407 408 <li> 409 <h4>Legal</h4> 410 <p>By using tlk.io you agree to the following terms: This chat service is provided under an "as is" condition. It might change or will be discontinued without prior notice. The creators of this service can't be held liable in any way.</p> 411 </li> 412 413 <li> 414 <h4>Made by</h4> 415 <p>Two hairy dudes:<br> 416 <a href="https://twitter.com/antstorm" target="_blank"><img class="avatar" src="/images/avatar/ant.jpg" alt="avatar"> antstorm</a> (code), 417 <img class="avatar" src="/images/avatar/sim.jpg" alt="avatar"> Simon (design). 418 </p> 419 </li> 420 </ul> 421 422 </div> 423</section> 424 425 426<div class="footer"> 427 © tlk.io 428 <span class="divider">|</span> 429 <a href="privacy">Privacy</a> 430 <span class="divider">|</span> 431 <a href="/cdn-cgi/l/email-protection#d8b1b6beb798acb4b3f6b1b7"><span class="__cf_email__" data-cfemail="c1a8afa7ae81b5adaaefa8ae">[email protected]</span></a> 432 <span class="divider">|</span> 433 <a href="https://twitter.com/tlkio">@tlkio</a> 434</div> 435 436 437 <!-- JS -->
vendor: 111 bytes, lines 437-438
437 438 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
438<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="23ddad04b2fd9ad8bebd6cd3-text/javascript"></script>
vendor: 1 bytes, line 438
438
439<script type="23ddad04b2fd9ad8bebd6cd3-text/javascript">!window.jQuery && document.write("
439<script src=\"/javascripts/jquery-1.12.4.js\"><\/script>")</script>
439 440 441
441<script src="/assets/welcome-46f3360f88c8c7575d1ede56abbee3847d82045a7ff5e8a76575975fcb809e3b.js" type="23ddad04b2fd9ad8bebd6cd3-text/javascript"></script>
vendor: 143 bytes, lines 441-442
441 442<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="23ddad04b2fd9ad8bebd6cd3-|49" defer></script>
442<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f2222d94bca14653a9f8bfc2bea0c0eb","r":1,"spa":2}' crossorigin="anonymous"></script>
442 443</body> 444</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.