PageSourceSearch

https://tlk.io/

html tlk.io collected 2026-10-03 19:36:24 UTC 31,572 bytes, 444 lines download raw bytes

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="&#x2713;" 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. &mdash; 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. &mdash; 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. &mdash; 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. &mdash; 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 &amp; 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>![alt](image.jpg)</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 &gt; 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&#160;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  &copy; 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&#160;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.