Source of ssl.neutralnetwork.org.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

122 lines
5.1 KiB

<?php
require 'lib/functions.php';
secure_connection();
decorate_irc_client();
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./assets/css/main.css" />
<title>Neutral Network : Libre, Sécurisé et Neutre</title>
</head>
<body>
<div id="top">
<div class="container">
<div id="neutralnetwork">
<div id="name">NEUTRALNETWORK.ORG</div>
<div id="topic"><strong>Libre</strong>, <strong>sécurisé</strong> et <strong>neutre</strong></div>
</div>
<div id="nav">
<nav class="container">
<ul>
<li>
<a href="#home">Accueil</a>
</li>
<li>
<a href="#join">Nous rejoindre</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<section id="home" class="section">
<div class="container">
<p>
<span id="connect">
<a href="#chat" target="_blank" class="button">SE CONNECTER AU CHAT</a>
<a id="insert" href="#embed">Insérer le chat dans mon site</a>
</span>
Neutral Network est un <strong>réseau IRC</strong><br />
<strong>indépendant</strong>, <strong>libre</strong>, <strong>sécurisé</strong> qui croit<br />
en la <strong>neutralité du net</strong> qui veut prouver<br />
que le Minitel est révolu.
</p>
</div>
</section>
<section id="join" class="section">
<div class="container">
<h1>Nous rejoindre en 3 étapes !</h1>
<article class="step">
<div class="number">1</div>
<div class="help">
<strong>Le client IRC</strong><br />
Vous pouvez utiliser le
<a href="#chat" target="_blank"><strong>client IRC que nous mettons à disposition</strong></a>.<br />
Cependant, vous pouvez en télécharger librement.
</div>
</article>
<article class="step">
<div class="number">2</div>
<div class="help">
<strong>La configuration</strong><br />
Le serveur principal du réseau est <strong>irc.neutralnetwork.org</strong>. Le port par défaut<br />
est <strong>6667</strong> mais nous vous invitons à <strong>sécuriser vos échanges</strong> en chiffrant les messages<br />
via <strong>SSL et le port 6668</strong>.
</div>
</article>
<article class="step">
<div class="number">3</div>
<div class="help">
<strong>Et c'est tout</strong><br />
Pour vous aider à comprendre comment ça marche, faites un tour sur notre <a href="#faq"><strong>FAQ</strong></a><br />
et éclatez-vous ! Si vous désirez <a href="#embed"><strong>insérer le chat sur votre site, c'est tout à fait possible !</strong></a>
</div>
</article>
</div>
</section>
<section id="embed" class="section">
<div class="container">
<div>
<div class="help">
Le salon est l'espace dans lequel vous allez pour discuter avec vos amis.<br />
On parle aussi de <em>canal</em> ou de <em>channel</em>. Seuls les lettres et les chiffres sont autorisés.
<br />
<strong>Sur quel(s) salon(s) voulez-vous échanger ? (exemple : linux, manga, musique)</strong>
</div>
<input type="text" id="channel" placeholder="linux, manga, musique, ..." required />
</div>
<div id="html">
<label for="channel">Code à insérer :</label>
<input type="text" />
<div class="help">
Vous pouvez aussi partager <a target="_blank" id="link" href="">ce lien</a>.
</div>
</div>
</div>
</section>
<section id="chat" class="section">
<iframe src="https://ssl.neutralnetwork.org/irc/?channels=%23IRC" frameborder="0"></iframe>
</section>
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="./assets/js/jquery/jquery.smooth-scroll.js"></script>
<script type="text/javascript" src="./assets/js/main.js"></script>
</body>
</html>