123 lines
5.1 KiB
PHP
123 lines
5.1 KiB
PHP
|
<?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>
|