It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://indiewebcamp.com/irc/feed.atom

  1. <!DOCTYPE html>
  2. <html class="h-feed">
  3. <head>
  4.  <meta charset="utf-8"/>
  5.  <title class="p-name">#indieweb 2025-07-05</title>
  6.  
  7.  <meta name="keywords" content="#indieweb"/>
  8.        <meta name="robots" content="noindex,follow"/>
  9.  
  10.  <script src="/assets/jquery-3.1.0.min.js"></script>
  11.  <script src="/assets/cookie.js"></script>
  12.  
  13.  <link rel="stylesheet" type="text/css" href="/materialize/css/materialize.min.css"/>
  14.  <script src="/materialize/js/materialize.min.js"></script>
  15.  <script src="/assets/moment.min.js"></script>
  16.  
  17.  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
  18.  
  19.  <link rel="stylesheet" type="text/css" href="/assets/styles.css"/>
  20.  
  21.  <meta name="viewport" content="width=device-width,initial-scale=1"/>
  22.  <meta name="generator" content="https://github.com/indieweb/chat.indieweb.org"/>
  23.  <link rel="pingback" href="https://webmention.io/indiewebcamp/xmlrpc"/>
  24.  <link href="https://webmention.io/indiewebcamp/webmention" rel="webmention"/>
  25.  <script src="/assets/pushstream.js"></script>
  26.  <script src="/assets/streaming.js"></script>
  27.  
  28.  <link rel="apple-touch-icon-precomposed" href="/assets/logo/indieweb.png">
  29.  
  30.  <script type="application/ld+json">
  31.  {
  32.    "@context": "http://schema.org",
  33.    "@type": "WebSite",
  34.    "url": "https://chat.indieweb.org/",
  35.    "potentialAction": {
  36.      "@type": "SearchAction",
  37.      "target": "https://indiechat.search.cweiske.de/?q={search_term_string}",
  38.      "query-input": "required name=search_term_string"
  39.    }
  40.  }
  41.  </script>
  42.  <link rel="search" title="search chat.indieweb.org" type="application/opensearchdescription+xml" href="/opensearchdescription.php"/>
  43. </head>
  44. <body>
  45. <ul class="side-nav fixed" id="slide-out">
  46.  <li><div class="userView">
  47.    <img src="/assets/user-bkg.jpg" class="background"/>
  48.    <a href="#"><img class="circle" src="/assets/logo/indieweb.png"/></a>
  49.    <a><span class="white-text name" style="font-size: 18pt;">#indieweb</span></a>
  50.    <a><span class="white-text email">2025-07-05</span></a>
  51.  </div></li>
  52.  
  53.  <li style="display: flex; flex-direction: row;">
  54.    <div style="flex: 1 1;">
  55.              <a href="./2025-07-04" rel="prev">Prev</a>
  56.          </div>
  57.    <div style="flex: 1 1;">
  58.              <a class="disabled">Next</a>
  59.          </div>
  60.  </li>
  61.  
  62.  <li class="divider"></li>
  63.  
  64.      <li class="channel current" data-channel="#indieweb">
  65.      <a href="https://chat.indieweb.org/indieweb/">#indieweb</a>
  66.    </li>
  67.      <li class="channel " data-channel="#indieweb-dev">
  68.      <a href="https://chat.indieweb.org/dev/">#dev</a>
  69.    </li>
  70.      <li class="channel " data-channel="#indieweb-wordpress">
  71.      <a href="https://chat.indieweb.org/wordpress/">#wordpress</a>
  72.    </li>
  73.      <li class="channel " data-channel="#indieweb-meta">
  74.      <a href="https://chat.indieweb.org/meta/">#meta</a>
  75.    </li>
  76.      <li class="channel " data-channel="#indieweb-stream">
  77.      <a href="https://chat.indieweb.org/stream/">#stream</a>
  78.    </li>
  79.      <li class="channel " data-channel="#microformats">
  80.      <a href="https://chat.indieweb.org/microformats/">#microformats</a>
  81.    </li>
  82.      <li class="channel " data-channel="#indieweb-known">
  83.      <a href="https://chat.indieweb.org/known/">#known</a>
  84.    </li>
  85.      <li class="channel " data-channel="#indieweb-events">
  86.      <a href="https://chat.indieweb.org/events/">#events</a>
  87.    </li>
  88.  
  89.  <li class="divider"></li>
  90.  
  91.  <li class="search">
  92.    <form action="https://indiechat.search.cweiske.de/" method="get">
  93.      <div style="position:relative">
  94.        <input type="text" name="q" id="search" placeholder="Search"/>
  95.        <button class="material-icons" type="submit">search</button>
  96.      </div>
  97.    </form>
  98.  </li>
  99.  <li>
  100.    <form action="/set-timezone.php" method="post" id="set-timezone-form">
  101.      <div class="input-field col s12">
  102.        <select class="browser-default" id="set-timezone" name="tz" onchange="document.getElementById('set-timezone-form').submit()">
  103.                      <option value="-5 GMT" >-5 GMT</option>
  104.                      <option value="Africa/Accra" >Africa/Accra</option>
  105.                      <option value="Africa/Tunis" >Africa/Tunis</option>
  106.                      <option value="America/Boise" >America/Boise</option>
  107.                      <option value="America/Chicago" >America/Chicago</option>
  108.                      <option value="America/Denver" >America/Denver</option>
  109.                      <option value="America/Detroit" >America/Detroit</option>
  110.                      <option value="America/Edmonton" >America/Edmonton</option>
  111.                      <option value="America/Halifax" >America/Halifax</option>
  112.                      <option value="America/Los_Angeles" >America/Los_Angeles</option>
  113.                      <option value="America/Los_angeles" >America/Los_angeles</option>
  114.                      <option value="America/Mexico_City" >America/Mexico_City</option>
  115.                      <option value="America/Monterrey" >America/Monterrey</option>
  116.                      <option value="America/Montreal" >America/Montreal</option>
  117.                      <option value="America/New_York" >America/New_York</option>
  118.                      <option value="America/Phoenix" >America/Phoenix</option>
  119.                      <option value="America/Santiago" >America/Santiago</option>
  120.                      <option value="America/Sao_Paulo" >America/Sao_Paulo</option>
  121.                      <option value="America/Toronto" >America/Toronto</option>
  122.                      <option value="America/Vancouver" >America/Vancouver</option>
  123.                      <option value="Asia/Bangkok" >Asia/Bangkok</option>
  124.                      <option value="Asia/Calcutta" >Asia/Calcutta</option>
  125.                      <option value="Asia/Kolkata" >Asia/Kolkata</option>
  126.                      <option value="Asia/Kuala_Lumpur" >Asia/Kuala_Lumpur</option>
  127.                      <option value="Asia/Kuching" >Asia/Kuching</option>
  128.                      <option value="Asia/Manila" >Asia/Manila</option>
  129.                      <option value="Asia/Seoul" >Asia/Seoul</option>
  130.                      <option value="Asia/Tehran" >Asia/Tehran</option>
  131.                      <option value="Asia/Tokyo" >Asia/Tokyo</option>
  132.                      <option value="Atlantic/Faroe" >Atlantic/Faroe</option>
  133.                      <option value="Atlantic/Reykjavik" >Atlantic/Reykjavik</option>
  134.                      <option value="Australia/Adelaide" >Australia/Adelaide</option>
  135.                      <option value="Australia/Brisbane" >Australia/Brisbane</option>
  136.                      <option value="Australia/Melbourne" >Australia/Melbourne</option>
  137.                      <option value="Australia/Perth" >Australia/Perth</option>
  138.                      <option value="Australia/Queensland" >Australia/Queensland</option>
  139.                      <option value="Australia/Sydney" >Australia/Sydney</option>
  140.                      <option value="CET" >CET</option>
  141.                      <option value="Canada/Eastern" >Canada/Eastern</option>
  142.                      <option value="Europe/Amsterdam" >Europe/Amsterdam</option>
  143.                      <option value="Europe/Athens" >Europe/Athens</option>
  144.                      <option value="Europe/Belfast" >Europe/Belfast</option>
  145.                      <option value="Europe/Belgrade" >Europe/Belgrade</option>
  146.                      <option value="Europe/Berlin" >Europe/Berlin</option>
  147.                      <option value="Europe/Brussels" >Europe/Brussels</option>
  148.                      <option value="Europe/Budapest" >Europe/Budapest</option>
  149.                      <option value="Europe/Copenhagen" >Europe/Copenhagen</option>
  150.                      <option value="Europe/Dublin" >Europe/Dublin</option>
  151.                      <option value="Europe/Helsinki" >Europe/Helsinki</option>
  152.                      <option value="Europe/Istanbul" >Europe/Istanbul</option>
  153.                      <option value="Europe/Lisbon" >Europe/Lisbon</option>
  154.                      <option value="Europe/London" >Europe/London</option>
  155.                      <option value="Europe/Luxembourg" >Europe/Luxembourg</option>
  156.                      <option value="Europe/Madrid" >Europe/Madrid</option>
  157.                      <option value="Europe/Moscow" >Europe/Moscow</option>
  158.                      <option value="Europe/Paris" >Europe/Paris</option>
  159.                      <option value="Europe/Prague" >Europe/Prague</option>
  160.                      <option value="Europe/Rome" >Europe/Rome</option>
  161.                      <option value="Europe/Stockholm" >Europe/Stockholm</option>
  162.                      <option value="Europe/Zurich" >Europe/Zurich</option>
  163.                      <option value="GMT" >GMT</option>
  164.                      <option value="Pacific/Auckland" >Pacific/Auckland</option>
  165.                      <option value="US/Central" >US/Central</option>
  166.                      <option value="US/Eastern" >US/Eastern</option>
  167.                      <option value="US/Pacific" >US/Pacific</option>
  168.                      <option value="UTC" selected="selected">UTC</option>
  169.                  </select>
  170.        <input type="hidden" name="location" value="/2025-07-05"/>
  171.      </div>
  172.    </form>
  173.  </li>
  174.  
  175. </ul>
  176.  
  177. <div class="navbar-fixed">
  178.  <nav>
  179.    <div class="nav-wrapper">
  180.      <a href="#" class="brand-logo">#indieweb</a>
  181.      <a href="#" data-activates="slide-out" class="button-collapse"><abbr title="menu">≡</abbr></a>
  182.  
  183.      <ul class="right">
  184.        <li>
  185.                      <a href="./2025-07-04" rel="prev"><abbr title="Previous">←</abbr></a>
  186.                  </li>
  187.        <li>
  188.                      <a class="disabled"><abbr title="Next">→</abbr></a>
  189.                  </li>
  190.      </ul>
  191.    </div>
  192.  </nav>
  193. </div>
  194.  
  195. <script>
  196. $(function(){
  197.  $(".button-collapse").sideNav();
  198.  $("li.channel").each(function(i,ch){
  199.    if(channel_unread($(ch).data('channel'))) {
  200.      $(ch).addClass('activity');
  201.    }
  202.  });
  203.  channel_read($("#active-channel").val());
  204. });
  205. </script>
  206. <main>
  207.  
  208. <h2 class="date"><span class="channel-name">#indieweb</span> 2025-07-05</h2>
  209.  
  210. <div class="logs">
  211.  <div id="log-lines">
  212.    <div class="daymark">2025-07-05 <span class="tz">UTC</span></div><div class="line join cluster">Malcom1, mald0r0r, Pixi, ulv, barnaby, troojg, [artlung], doesnm, voxpelli, tetsuo-cpp, plantroon, sknebel, coldfeet and jak2k joined the channel</div><div id="t1751709473810300" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751709473810300" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T09:57:53+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751709473810300" class="u-url time" title="2025-07-05T09:57:53+00:00">09:57</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">perryflynn</span></span></span> <span class="e-content p-name">The fediverse:creator tag is nice. has to be configured in mastodon at <a href="https://indieweb.org/settings/verification" target="_blank">/settings/verification</a> once and then on every toot made in mastodon it links to your mastodon account additionally to the blog post.</span></span></div></div>
  213.  
  214. <div class="line join cluster">chimo, mald0r0r, srazkvt, ttybitnik, sebbu, coldfeet, akesterson and bugliker0 joined the channel</div><div id="t1751730602236100" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751730602236100" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T15:50:02+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751730602236100" class="u-url time" title="2025-07-05T15:50:02+00:00">15:50</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar"><img src="https://chat.indieweb.org/img.php?url=http%3A%2F%2Floqi.me%2Flogo%2Floqisaur.png&amp;sig=3571041228810c0664972bd517c3e0cb2b50fe82c7359f310bed393df91a84e0" width="20" height="20" class="u-photo"/></div><span class=""><a href="http://loqi.me" class="author p-nickname p-name u-url" target="_blank">Loqi</a></span></span> <span class="e-content p-name">IndieWeb Create Day is starting soon! Join us! <a href="https://events.indieweb.org/3q2PTCbGioi9" target="_blank">https://events.indieweb.org/3q2PTCbGioi9</a></span></span></div></div>
  215.  
  216. <div class="line join cluster">mald0r0r, balintm and helpdeskaleer joined the channel</div><div id="t1751731179691500" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751731179691500" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T15:59:39+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751731179691500" class="u-url time" title="2025-07-05T15:59:39+00:00">15:59</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">helpdeskaleer</span></span></span> <span class="e-content p-name">Hello?</span></span></div></div>
  217.  
  218. <div id="t1751731188052600" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751731188052600" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T15:59:48+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751731188052600" class="u-url time" title="2025-07-05T15:59:48+00:00">15:59</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">helpdeskaleer</span></span></span> <span class="e-content p-name">Is anybody on the meeting?</span></span></div></div>
  219.  
  220. <div id="t1751731194849000" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751731194849000" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T15:59:54+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751731194849000" class="u-url time" title="2025-07-05T15:59:54+00:00">15:59</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">helpdeskaleer</span></span></span> <span class="e-content p-name">Oh it's not 12 pm yet.</span></span></div></div>
  221.  
  222. <div id="t1751731197267500" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751731197267500" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T15:59:57+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751731197267500" class="u-url time" title="2025-07-05T15:59:57+00:00">15:59</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">helpdeskaleer</span></span></span> <span class="e-content p-name">sorry</span></span></div></div>
  223.  
  224. <div id="t1751731219206900" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751731219206900" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T16:00:19+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751731219206900" class="u-url time" title="2025-07-05T16:00:19+00:00">16:00</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">helpdeskaleer</span></span></span> <span class="e-content p-name">ah 12pm EST rather</span></span></div></div>
  225.  
  226. <div id="t1751731382612700" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751731382612700" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T16:03:02+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751731382612700" class="u-url time" title="2025-07-05T16:03:02+00:00">16:03</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">perryflynn</span></span></span> <span class="e-content p-name">I'll join later. 8pm Berlin time probably.</span></span></div></div>
  227.  
  228. <div class="line join cluster">[social], ttybitnik, akesterson, troojg, mald0r0r and Suma joined the channel</div><div id="t1751738192100700" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751738192100700" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T17:56:32+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751738192100700" class="u-url time" title="2025-07-05T17:56:32+00:00">17:56</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">Suma</span></span></span> <span class="e-content p-name">Hi</span></span></div></div>
  229.  
  230. <div id="t1751738195579400" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751738195579400" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T17:56:35+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751738195579400" class="u-url time" title="2025-07-05T17:56:35+00:00">17:56</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">Suma</span></span></span> <span class="e-content p-name">Hi</span></span></div></div>
  231.  
  232. <div id="t1751738279267400" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751738279267400" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T17:57:59+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751738279267400" class="u-url time" title="2025-07-05T17:57:59+00:00">17:57</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar" style="opacity: .20;"><img src="https://chat.indieweb.org//assets/user.svg" width="20" height="20"/></div><span class=""><span class="p-nickname p-name">perryflynn</span></span></span> <span class="e-content p-name">hi Suma</span></span></div></div>
  233.  
  234. <div class="line join cluster">mald0r0r, barnaby and CrimeWave joined the channel</div><div id="t1751745519923700" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751745519923700" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T19:58:39+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751745519923700" class="u-url time" title="2025-07-05T19:58:39+00:00">19:58</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar"><img src="https://chat.indieweb.org/img.php?url=http%3A%2F%2Floqi.me%2Flogo%2Floqisaur.png&amp;sig=3571041228810c0664972bd517c3e0cb2b50fe82c7359f310bed393df91a84e0" width="20" height="20" class="u-photo"/></div><span class=""><a href="http://loqi.me" class="author p-nickname p-name u-url" target="_blank">Loqi</a></span></span> <span class="e-content p-name">[artlung] has 24 karma in this channel over the last year (99 in all channels)</span></span></div></div>
  235.  
  236. <div id="t1751745519859500" class="h-entry line msg-message "><div class="in"><a href="https://chat.indieweb.org/2025-07-05#t1751745519859500" class="hash">#</a> <time class="dt-published" datetime="2025-07-05T19:58:39+00:00"><a href="https://chat.indieweb.org/2025-07-05/1751745519859500" class="u-url time" title="2025-07-05T19:58:39+00:00">19:58</a></time> <span class="text"><span class="nick p-author h-card"><div class="avatar"><img src="https://chat.indieweb.org/img.php?url=https%3A%2F%2Fjamesg.blog%2Fassets%2Fcoffeeshop.jpg&amp;sig=ec5e94662fd24c2f04f7b135663ed46bc2dc544c028992fd4ea3bc7858987be2" width="20" height="20" class="u-photo"/></div><span class=""><a href="http://jamesg.blog" class="author p-nickname p-name u-url" target="_blank">capjamesg</a></span></span> <span class="e-content p-name">[artlung]++ for organising Create Day!</span></span></div></div>
  237.  
  238. <div class="line join cluster">mald0r0r, troojg, helpdeskaleer, rrix, balintm and barnaby joined the channel</div>  </div>
  239.  <span id="bottom"></span>
  240. </div>
  241.  
  242.  <input id="active-channel" type="hidden" value="#indieweb">
  243.  <input id="tz-offset" type="hidden" value="+00:00">
  244.  
  245. <div id="chat-footer">
  246.      <div id="join_prompt">
  247.  <button type="button" id="join_btn">Join the Chat</button>
  248.  (or join via <a href="https://indieweb.org/discuss#Join_Discussions">Discord, IRC<!--, Matrix official bridge disabled --></a>,
  249.  or <a href="https://chat.indieweb.org/slack">Slack</a>).
  250.  Any problems? Please file an
  251.  <a href="https://github.com/indieweb/chat.indieweb.org/issues">issue on GitHub</a>.
  252. </div>
  253.  
  254. <div id="signin" class="hidden">
  255.  enter nickname: <input type="text" id="nickname" autocomplete="off" />
  256. </div>
  257.  
  258. <div id="connection_status" class="hidden">
  259.  <input type="text" readonly="readonly" id="connection_status_field" />
  260. </div>
  261.  
  262. <div id="chat" class="hidden">
  263.  <input type="text" id="message" autocomplete="off" />
  264.  <span id="notify_control" class="hidden">
  265.    <button type="button" id="notify_btn">Enable Notifications</button>
  266.  </span>
  267. </div>
  268.  
  269.  
  270. <div id="irc_notice" class="hidden"><div class="pad">
  271.  <button type="button" class="close" id="close_notice_btn">×</button>
  272.  <span class="nick" id="irc_notice_nick"></span>
  273.  <span class="text" id="irc_notice_text"></span>
  274. </div></div>
  275.  
  276.  
  277. <style type="text/css">
  278. .hidden {
  279.  display: none;
  280. }
  281. #join_prompt button {
  282.  padding: 4px;
  283.  font-size: 15px;
  284.  background: #94dfef;
  285.  border: 1px #78cee1 solid;
  286.  border-radius: 4px;
  287. }
  288. #notify_control button {
  289.  font-size: 15px;
  290.  background: #ccc;
  291.  border: 1px #999 solid;
  292.  border-radius: 4px;
  293.  float:right;
  294. }
  295. #notify_control button.enabled {
  296.  border: 1px #78cee1 solid;
  297.  background: #94dfef;
  298. }
  299. #connection_status_field {
  300.  width: 300px;
  301. }
  302. #message {
  303.  font-size: 15px;
  304.  width: 400px;
  305. }
  306. #irc_notice {
  307.  position: absolute;
  308.  bottom: 60px;
  309.  left: 20px;
  310.  background: #f2dede;
  311.  border: 2px #ebccd1 solid;
  312.  color: #a94442;
  313.  border-radius: 4px;
  314. }
  315. #irc_notice .pad {
  316.  margin: 15px;
  317. }
  318. #irc_notice .nick {
  319.  font-weight: bold;
  320. }
  321. #irc_notice .close {
  322.  position: relative;
  323.  top: -6px;
  324.  right: -9px;
  325.  border: 0;
  326.  float: right;
  327.  cursor: pointer;
  328.  background: 0 0;
  329.  -webkit-appearance: none;
  330.  font-size: 21px;
  331.  font-weight: 700;
  332.  line-height: 1;
  333.  color: #000;
  334.  text-shadow: 0 1px 0 #fff;
  335.  opacity: 0.2;
  336.  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  337. }
  338. #irc_notice .close:hover {
  339.  opacity: 0.5;
  340. }
  341. </style>
  342.  
  343. <script>
  344. document.getElementById('close_notice_btn').addEventListener('click', function(){
  345.  document.getElementById('irc_notice').classList.add('hidden');
  346. });
  347.  
  348.  var join_btn = document.getElementById('join_btn');
  349.  var notify_btn = document.getElementById('notify_btn');
  350.  var message_box = document.getElementById('message');
  351.  var nick_field = document.getElementById('nickname');
  352.  var status_field = document.getElementById('connection_status_field');
  353.  var notify = false;
  354.  var nickname;
  355.  var nickname_regex = null;
  356.  var nickname_self_regex = null;
  357.  var connected = false;
  358.  var chat_session = false;
  359.  
  360.  join_btn.addEventListener('click', function(){
  361.    document.getElementById('join_prompt').classList.add('hidden');
  362.    document.getElementById('signin').classList.remove('hidden');
  363.    document.querySelector('.logs').classList.add('active-chat');
  364.    if(get_nick_from_cookie()) {
  365.      nick_field.value = get_nick_from_cookie();
  366.    }
  367.    nick_field.focus();
  368.    window.scrollTo(0,document.body.offsetHeight);
  369.  
  370.    var nick_key_listener = function(e) {
  371.      if(e.keyCode == 13) {
  372.        if(!connected) {
  373.          show_notice("connecting...","connecting to the chat room...");
  374.        }
  375.      }
  376.    };
  377.    nick_field.addEventListener("keypress", nick_key_listener);
  378.    
  379.  });
  380.  
  381.  notify_btn.addEventListener('click', function(){
  382.    if(notify){
  383.        notify = false;
  384.        notify_btn.classList.remove('enabled');
  385.        notify_btn.innerHTML = 'Enabled Notifications';
  386.    } else {
  387.        if (!("Notification" in window)) {
  388.            alert("Notifications not supported on this browser.");
  389.        } else if (Notification.permission === "granted") {
  390.            notify = true;
  391.            notify_btn.classList.add('enabled');
  392.            notify_btn.innerHTML = 'Disable Notifications';
  393.        } else if (Notification.permission !== 'denied') {
  394.            Notification.requestPermission(function (permission) {
  395.                if (permission === "granted") {
  396.                    notify = true;
  397.                    notify_btn.classList.add('enabled');
  398.                    notify_btn.innerHTML = 'Disable Notifications';
  399.                }
  400.            });
  401.        }
  402.    }
  403.  });
  404.  
  405.  nick_field.addEventListener('keypress', function(e){
  406.    if(e.keyCode == 13) {
  407.      set_nick(nick_field.value);
  408.      document.getElementById('message').focus();
  409.      join(nickname);
  410.      activate_chat_field();
  411.    }
  412.  });
  413.  
  414. function activate_chat_field() {
  415.  document.getElementById('signin').classList.add('hidden');
  416.  document.getElementById('chat').classList.remove('hidden');
  417.  document.querySelector('.logs').classList.add('active-chat');
  418.  var message_key_listener = function(e) {
  419.    if(e.keyCode == 13) {
  420.      console.log("Sending to IRC: "+message_box.value);
  421.      if(!connected) {
  422.        show_notice("connecting...","connecting to the chat room...");
  423.      }
  424.      send(message_box.value);
  425.    }
  426.  };
  427.  message_box.addEventListener("keypress", message_key_listener);
  428. }
  429.  
  430. function get_nick_from_cookie() {
  431.  return Cookies.get("nickname");
  432. }
  433.  
  434. function set_nick(nick) {
  435.  nickname = nick;
  436.  nickname_regex = new RegExp(nickname, "i");
  437.  nickname_self_regex = new RegExp('^# \\d\\d:\\d\\d \\[?'+nickname, "i");
  438.  Cookies.set("nickname", nickname);
  439. }
  440.  
  441. function get_session_from_cookie() {
  442.  return Cookies.get("gatewaysession");
  443. }
  444.  
  445. function set_session(session) {
  446.  chat_session = session;
  447.  Cookies.set("gatewaysession", session);
  448. }
  449.  
  450. function show_notice(nick, text) {
  451.  document.getElementById('irc_notice').classList.remove('hidden');
  452.  document.getElementById('irc_notice_nick').innerHTML = nick;
  453.  document.getElementById('irc_notice_text').innerHTML = text;
  454. }
  455. function hide_notice() {
  456.  document.getElementById('irc_notice').classList.add('hidden');
  457.  document.getElementById('irc_notice_nick').innerHTML = "";
  458.  document.getElementById('irc_notice_text').innerHTML = "";
  459. }
  460. function check_alert(data){
  461.  if(!connected) {
  462.    console.log("Not connected. Got text: ");
  463.    console.log(data);
  464.    if(data.nick == nickname) {
  465.      connected = true;
  466.      console.log("Connected");
  467.      hide_notice();
  468.    }
  469.  }
  470.  if(notify){
  471.    if(data.line.match(nickname_regex) && data.nick != nickname) {
  472.      if (!("Notification" in window)) {
  473.          console.log("Notifications not supported on this browser.");
  474.      } else if (Notification.permission === "granted") {
  475.          var notification = new Notification(text);
  476.      } else if (Notification.permission !== 'denied') {
  477.          Notification.requestPermission();
  478.      }
  479.    }
  480.  }
  481. }
  482. function send(text) {
  483.  xhr = new XMLHttpRequest();
  484.  
  485.  xhr.open('POST', encodeURI('/send.php?action=input'));
  486.  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  487.  xhr.onload = function() {
  488.    var response = JSON.parse(xhr.responseText);
  489.    if (xhr.status === 200 && response.username) {
  490.      console.log("sent");
  491.      message_box.value = '';
  492.    }
  493.    else {
  494.      alert('Request failed: ' + response.error);
  495.    }
  496.  };
  497.  xhr.send('user_name=' + encodeURIComponent(nickname)
  498.    + '&text=' + encodeURIComponent(text)
  499.    + '&session=' + encodeURIComponent(chat_session)
  500.    + '&channel=' + encodeURIComponent(document.getElementById('active-channel').value));
  501. }
  502. function join(nick) {
  503.  xhr = new XMLHttpRequest();
  504.  
  505.  xhr.open('POST', encodeURI('/send.php?action=join'));
  506.  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  507.  xhr.onload = function() {
  508.    console.log("Got status "+xhr.status);
  509.    var response = JSON.parse(xhr.responseText);
  510.    console.log(response);
  511.    if (response.status=="connecting") {
  512.      console.log("connecting...");
  513.      set_session(response.session);
  514.    } else if(response.status=="connected") {
  515.      connected = true;
  516.      console.log("connected");
  517.      set_session(response.session);
  518.      hide_notice();
  519.    } else {
  520.      alert('Request failed.  Returned status of ' + xhr.status);
  521.    }
  522.  };
  523.  xhr.send('user_name=' + encodeURIComponent(nickname) + '&channel=' + encodeURIComponent(document.getElementById('active-channel').value));
  524. }
  525.  
  526. // Check if there is an active session in the cookie
  527. if(chat_session=get_session_from_cookie()) {
  528.  xhr = new XMLHttpRequest();
  529.  
  530.  xhr.open('POST', encodeURI('/send.php?action=session'));
  531.  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  532.  xhr.onload = function() {
  533.    var response = JSON.parse(xhr.responseText);
  534.    if(response && response.username) {
  535.      set_nick(response.username);
  536.      connected = true;
  537.      hide_notice();
  538.      document.getElementById('join_prompt').classList.add('hidden');
  539.      document.getElementById('signin').classList.add('hidden');
  540.      document.getElementById('chat').classList.remove('hidden');
  541.      activate_chat_field();
  542.      window.scrollTo(0,document.body.offsetHeight);
  543.    } else {
  544.      set_session("");
  545.    }
  546.  }
  547.  xhr.send('session=' + encodeURIComponent(chat_session));
  548. }
  549.  
  550. </script>
  551.  
  552.  <div class="clear"></div>
  553. </div>
  554.  
  555. <script type="text/javascript">/*<![CDATA[*/
  556.  if(window.location.hash && window.location.hash != '#top' && window.location.hash != '#bottom') {
  557.    var n = document.getElementById(window.location.hash.replace('#',''));
  558.    n.classList.add('hilite');
  559.  }
  560.  window.addEventListener("hashchange", function(){
  561.    var n = document.getElementsByClassName('line');
  562.    Array.prototype.filter.call(n, function(el){ el.classList.remove('hilite') });
  563.    var n = document.getElementById(window.location.hash.replace('#',''));
  564.    n.classList.add('hilite');
  565.  }, false);
  566. /*]]>*/</script>
  567.  
  568. </main>
  569.  
  570. </body>
  571. </html>
  572.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda