CINXE.COM
freenode: The Original Internet Launch Pad
<html> <head> <title>freenode: The Original Internet Launch Pad</title> <meta charset="utf8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="icon" type="image/x-icon" href="favicon.png"> <style> body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif} body, html { height: 100%; line-height: 1.8; } .bgimg-1 { background-position: center; background-size: cover; background-image: url("bg.jpg"); min-height: 100%; } .w3-bar .w3-button { padding: 16px; } </style></head> <body> <div class="w3-top"> <div class="w3-bar w3-black w3-card" id="Navbar"> <a href="https://webchat.freenode.net/?chan=#freenode" class="w3-bar-item w3-button w3-wide"><img src="freenode.svg" height="40vh"></a> <div class="w3-right w3-hide-small"> <button onclick="document.getElementById('community').style.display='block' "class="w3-button w3-bar-item w3-button"><i class="fa fa-coffee fa-1"></i> Featured</a></button> <a href="https://webchat.freenode.net/?chan=#help"><button class="w3-button"><i class="fa fa-question fa-1x"></i> Help</button> </div> <a href="javascript:void(0)" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium w3-hide-small" onclick="open()"> <i class="fa fa-bars"></i> </a> </div> </div> <nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large" style="display:none" id="Sidebar"> <a href="javascript:void(0)" onclick="close()" class="w3-bar-item w3-button w3-large w3-padding-16">Close</a> <a href="" onclick="close()" class="w3-bar-item w3-button"><a href="https://webchat.freenode.net/?chan=#chat">Talk</a> <a href="" onclick="close()" class="w3-bar-item w3-button"><a href="https://webchat.freenode.net/?chan=#help">Network Help</a> </nav> <header class="bgimg-1 w3-display-container w3-grayscale-min" id="home"> <div class="w3-display-left w3-text-white" style="padding:48px"> <span class="w3-jumbo w3-hide-small">Internet Relay Chat.</span><br> <span class="w3-xxlarge w3-hide-large w3-hide-medium">RFC 1459</span><br> <span class="w3-large">The original launch pad of the internet.</span> <p><a href="https://webchat.freenode.net" class="w3-button w3-white w3-padding-large w3-large w3-margin-top w3-opacity w3-hover-opacity-off">Connect</a></p> </div> </header> <div id="community" class="w3-modal"> <div class="w3-modal-content"> <div class="w3-container"> <span onclick="document.getElementById('community').style.display='none'" class="w3-button w3-display-topright"><i class="fa fa-window-close"></i></span> <p><a href="https://webchat.freenode.net/?chan=#freenode">#freenode</a></p> <p><a href="https://webchat.freenode.net/?chan=#bitcoin">#bitcoin</a></p> <p><a href="https://webchat.freenode.net/?chan=#linux">#linux</a></p> <p><a href="https://webchat.freenode.net/?chan=#python">#python</a></p> <p><a href="https://webchat.freenode.net/?chan=#nerds">#nerds</a></p> </div> </div> </div> <script> var Sidebar = document.getElementById("Sidebar"); function open() { if (Sidebar.style.display === 'block') { Sidebar.style.display = 'none'; } else { Sidebar.style.display = 'block'; } } function close() { Sidebar.style.display = "none"; } </script> </body> </html>