index: set index as a php file and keep example as an html file
This commit is contained in:
Kazhnuz
parent
98b1c5e598
commit
33cb9dd620
2 changed files with 352 additions and 0 deletions
176
example.html
Normal file
176
example.html
Normal file
|
|
@ -0,0 +1,176 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Bienvenue sur Chlore</title>
|
||||||
|
|
||||||
|
<!-- meta -->
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<!-- mon icon -->
|
||||||
|
<link rel="shortcut icon" href="img/favicon.png">
|
||||||
|
|
||||||
|
<!-- framework utilisés -->
|
||||||
|
<link href="css/bootstrap.css" rel="stylesheet">
|
||||||
|
<link href="css/fork-awesome.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#" id="" ><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
|
||||||
|
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav mr-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">À propos</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="container">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<article class="article-content">
|
||||||
|
<h1 class="page-title" id="Welcome"><i class="fa fa-star"></i> Bienvenue sur Chlore !</h1>
|
||||||
|
|
||||||
|
<p > Bonjour et bienvenue sur <a href="https://chlore.net">Chlore.net</a>, le coin de web de <a href="https://kazhnuz.space">Kazhnuz</a>. Ce serveur est en quelque sorte mon "jardin", que je cultive et où je pose mes projets, les services et sites que j'héberge pour moi et mes amis.</p>
|
||||||
|
|
||||||
|
<p>Le but de ce serveur n'est pas d'être quelque chose "d'officiel", et encore moins une "entreprise", mais un petit bout d'internet "libre" un peu sympa, où nous pouvons nous amuser à plusieurs.</p>
|
||||||
|
|
||||||
|
<p>En esperant que vous trouverez de quoi passer un bon moment sur chlore :)</p>
|
||||||
|
|
||||||
|
<div class="card card-title" id="Welcome"><h1><i class="fa fa-question"></i> Pourquoi Chlore ?</h1></div>
|
||||||
|
|
||||||
|
<p>Le nom Chlore a deux origines qui se complètent.</p>
|
||||||
|
|
||||||
|
<p>Tout d'abord, j'ai choisi un atome du tableau périodique par tradition familiale : mon père nommait comme ça ses ordinateurs, et j'ai décidé de suivre (mon ordinateur fix se nomme ainsi Oganesson, mon portable Azote et mon netbook Hélium).</p>
|
||||||
|
|
||||||
|
<p>En plus de cela, j'ai choisi l'atome de Chlore parce que cela me faisait penser aux odeurs de piscine… et j'ai un rapport particulier au piscines, dans le sens où j'adore ça même si je ne sais pas bien nager. Les piscines sont pour moi un lieu particulier, où je peux m'amuser même si je ne sais pas nager et que je n'apprécie pas spécialement mon corps. Et j'aimerais bien que Chlore ait un peu cet aspect là : qu'on puisse s'y amuser, être safe, sans avoir besoin de tout connaître.</p>
|
||||||
|
|
||||||
|
<div class="card card-title" id="Welcome"><h1><i class="fa fa-star"></i> Services et sites disponibles</h1></div>
|
||||||
|
|
||||||
|
<p> Chlore.net est un serveurs qui héberge différents services, site et projets. Le but est d'être à la fois dans une optique de décentralisation d'internet, permettant d'avoir un petit service fourni par un petit serveur, et de diffuser des projets qui pourront soit amuser, soit servir à d'autre :)
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-green mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">Serveur git</h4>
|
||||||
|
<p class="card-text">Un serveur git, permettant d'héberger les différents projets de chlore et des membres.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="https://git.chlore.net" class="btn btn-green">Accéder</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://gitea.io/en-us/">gitea</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-green mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">Syndication RSS</h4>
|
||||||
|
<p class="card-text">Une instance de Freshrss, disponible à tout les membres et keupins.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="#" class="btn btn-grey disabled">Coming Soon</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://freshrss.org/">freshRSS</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-red mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">Quarante-douze</h4>
|
||||||
|
<p class="card-text">Un blog qui parle d'informatique, de culture libre et d'internet.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="https://quarante-douze.net" class="btn btn-red">Accéder</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://wordpress.org/">Wordpress</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-violet mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">kazhnuz.space</h4>
|
||||||
|
<p class="card-text">Le blog artistique personnel de Kazhnuz.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="https://kazhnuz.space" class="btn btn-violet">Accéder</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://www.pluxml.org/">pluXML</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="SecondNavbar">
|
||||||
|
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
||||||
|
<li class="nav-item inactive">
|
||||||
|
CC BY-SA 2018-2019 <strong>chlore.net</strong>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul class="navbar-nav my-2 my-lg-0">
|
||||||
|
<li class="nav-item active">
|
||||||
|
<a class="nav-link" href="https://twitter.com/Kazhnuz"><i class="fa fa-fw fa-twitter"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
||||||
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
176
index.php
Normal file
176
index.php
Normal file
|
|
@ -0,0 +1,176 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Bienvenue sur Chlore</title>
|
||||||
|
|
||||||
|
<!-- meta -->
|
||||||
|
<meta name="description" content="">
|
||||||
|
<meta name="author" content="">
|
||||||
|
|
||||||
|
<!-- mon icon -->
|
||||||
|
<link rel="shortcut icon" href="img/favicon.png">
|
||||||
|
|
||||||
|
<!-- framework utilisés -->
|
||||||
|
<link href="css/bootstrap.css" rel="stylesheet">
|
||||||
|
<link href="css/fork-awesome.css" rel="stylesheet">
|
||||||
|
|
||||||
|
<link href="style.css" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand" href="#" id="" ><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
|
||||||
|
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav mr-auto">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">À propos</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="container">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<article class="article-content">
|
||||||
|
<h1 class="page-title" id="Welcome"><i class="fa fa-star"></i> Bienvenue sur Chlore !</h1>
|
||||||
|
|
||||||
|
<p > Bonjour et bienvenue sur <a href="https://chlore.net">Chlore.net</a>, le coin de web de <a href="https://kazhnuz.space">Kazhnuz</a>. Ce serveur est en quelque sorte mon "jardin", que je cultive et où je pose mes projets, les services et sites que j'héberge pour moi et mes amis.</p>
|
||||||
|
|
||||||
|
<p>Le but de ce serveur n'est pas d'être quelque chose "d'officiel", et encore moins une "entreprise", mais un petit bout d'internet "libre" un peu sympa, où nous pouvons nous amuser à plusieurs.</p>
|
||||||
|
|
||||||
|
<p>En esperant que vous trouverez de quoi passer un bon moment sur chlore :)</p>
|
||||||
|
|
||||||
|
<div class="card card-title" id="Welcome"><h1><i class="fa fa-question"></i> Pourquoi Chlore ?</h1></div>
|
||||||
|
|
||||||
|
<p>Le nom Chlore a deux origines qui se complètent.</p>
|
||||||
|
|
||||||
|
<p>Tout d'abord, j'ai choisi un atome du tableau périodique par tradition familiale : mon père nommait comme ça ses ordinateurs, et j'ai décidé de suivre (mon ordinateur fix se nomme ainsi Oganesson, mon portable Azote et mon netbook Hélium).</p>
|
||||||
|
|
||||||
|
<p>En plus de cela, j'ai choisi l'atome de Chlore parce que cela me faisait penser aux odeurs de piscine… et j'ai un rapport particulier au piscines, dans le sens où j'adore ça même si je ne sais pas bien nager. Les piscines sont pour moi un lieu particulier, où je peux m'amuser même si je ne sais pas nager et que je n'apprécie pas spécialement mon corps. Et j'aimerais bien que Chlore ait un peu cet aspect là : qu'on puisse s'y amuser, être safe, sans avoir besoin de tout connaître.</p>
|
||||||
|
|
||||||
|
<div class="card card-title" id="Welcome"><h1><i class="fa fa-star"></i> Services et sites disponibles</h1></div>
|
||||||
|
|
||||||
|
<p> Chlore.net est un serveurs qui héberge différents services, site et projets. Le but est d'être à la fois dans une optique de décentralisation d'internet, permettant d'avoir un petit service fourni par un petit serveur, et de diffuser des projets qui pourront soit amuser, soit servir à d'autre :)
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-green mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">Serveur git</h4>
|
||||||
|
<p class="card-text">Un serveur git, permettant d'héberger les différents projets de chlore et des membres.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="https://git.chlore.net" class="btn btn-green">Accéder</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://gitea.io/en-us/">gitea</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-green mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">Syndication RSS</h4>
|
||||||
|
<p class="card-text">Une instance de Freshrss, disponible à tout les membres et keupins.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="#" class="btn btn-grey disabled">Coming Soon</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://freshrss.org/">freshRSS</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-red mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">Quarante-douze</h4>
|
||||||
|
<p class="card-text">Un blog qui parle d'informatique, de culture libre et d'internet.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="https://quarante-douze.net" class="btn btn-red">Accéder</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://wordpress.org/">Wordpress</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card card-violet mb-4 box-shadow">
|
||||||
|
<div class="card-body">
|
||||||
|
<h4 class="align-center">kazhnuz.space</h4>
|
||||||
|
<p class="card-text">Le blog artistique personnel de Kazhnuz.</p>
|
||||||
|
<div class="align-center">
|
||||||
|
<div class="btn-group">
|
||||||
|
<a type="button" href="https://kazhnuz.space" class="btn btn-violet">Accéder</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p class="powered-text">powered by <a href="https://www.pluxml.org/">pluXML</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||||
|
<div class="container">
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="collapse navbar-collapse" id="SecondNavbar">
|
||||||
|
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
|
||||||
|
<li class="nav-item inactive">
|
||||||
|
CC BY-SA 2018-2019 <strong>chlore.net</strong>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<ul class="navbar-nav my-2 my-lg-0">
|
||||||
|
<li class="nav-item active">
|
||||||
|
<a class="nav-link" href="https://twitter.com/Kazhnuz"><i class="fa fa-fw fa-twitter"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
||||||
|
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||||
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue