Docs/site/serveur/introduction/index.html

998 lines
32 KiB
HTML
Raw Normal View History

2021-08-25 08:56:05 +02:00
<!doctype html>
<html lang="fr" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="https://adriencharbonneau.fr/images/AC_favicon.png">
2021-09-03 08:53:03 +02:00
<meta name="generator" content="mkdocs-1.2.2, mkdocs-material-7.2.6">
2021-08-25 08:56:05 +02:00
<title>Introduction - Serveur - Documentation - Adrien CHARBONNEAU</title>
2021-09-03 08:53:03 +02:00
<link rel="stylesheet" href="../../assets/stylesheets/main.802231af.min.css">
2021-08-25 08:56:05 +02:00
<link rel="stylesheet" href="../../assets/stylesheets/palette.3f5d1f46.min.css">
<meta name="theme-color" content="#4cae4f">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700%7CRoboto+Mono&display=fallback">
<style>:root{--md-text-font-family:"Roboto";--md-code-font-family:"Roboto Mono"}</style>
</head>
<body dir="ltr" data-md-color-scheme="" data-md-color-primary="green" data-md-color-accent="">
<script>function __prefix(e){return new URL("../..",location).pathname+"."+e}function __get(e,t=localStorage){return JSON.parse(t.getItem(__prefix(e)))}</script>
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
2021-08-25 14:44:19 +02:00
<a href="#serveur-informatique" class="md-skip">
2021-08-25 08:56:05 +02:00
Aller au contenu
</a>
</div>
<div data-md-component="announce">
</div>
<header class="md-header" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="En-tête">
<a href="https://adriencharbonneau.fr" title="Documentation - Adrien CHARBONNEAU" class="md-header__button md-logo" aria-label="Documentation - Adrien CHARBONNEAU" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54z"/></svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Documentation - Adrien CHARBONNEAU
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Introduction - Serveur
</span>
</div>
</div>
</div>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Rechercher" placeholder="Rechercher" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<button type="reset" class="md-search__icon md-icon" aria-label="Effacer" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>
</button>
</nav>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initialisation de la recherche
</div>
<ol class="md-search-result__list"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://git.adriencharbonneau.fr/Adrien/Docs" title="Aller au dépôt" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
</div>
<div class="md-source__repository">
Adrien/Docs
</div>
</a>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<nav class="md-tabs" aria-label="Onglets" data-md-component="tabs">
<div class="md-tabs__inner md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href="../.." class="md-tabs__link">
Introduction
</a>
</li>
<li class="md-tabs__item">
<a href="./" class="md-tabs__link md-tabs__link--active">
Serveur
</a>
</li>
<li class="md-tabs__item">
<a href="../../securite/introduction/" class="md-tabs__link">
Sécurité
</a>
</li>
<li class="md-tabs__item">
<a href="../../configuration/introduction/" class="md-tabs__link">
Configuration
</a>
</li>
<li class="md-tabs__item">
<a href="../../site-internet/introduction/" class="md-tabs__link">
Site internet
</a>
</li>
<li class="md-tabs__item">
<a href="../../application-web/introduction/" class="md-tabs__link">
Application web
</a>
</li>
</ul>
</div>
</nav>
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="https://adriencharbonneau.fr" title="Documentation - Adrien CHARBONNEAU" class="md-nav__button md-logo" aria-label="Documentation - Adrien CHARBONNEAU" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54z"/></svg>
</a>
Documentation - Adrien CHARBONNEAU
</label>
<div class="md-nav__source">
<a href="https://git.adriencharbonneau.fr/Adrien/Docs" title="Aller au dépôt" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
</div>
<div class="md-source__repository">
Adrien/Docs
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
Introduction
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_2" type="checkbox" id="__nav_2" checked>
<label class="md-nav__link" for="__nav_2">
Serveur
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Serveur" data-md-level="1">
<label class="md-nav__title" for="__nav_2">
<span class="md-nav__icon md-icon"></span>
Serveur
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" data-md-toggle="toc" type="checkbox" id="__toc">
2021-08-25 14:44:19 +02:00
<label class="md-nav__link md-nav__link--active" for="__toc">
Introduction - Serveur
<span class="md-nav__icon md-icon"></span>
</label>
2021-08-25 08:56:05 +02:00
<a href="./" class="md-nav__link md-nav__link--active">
Introduction - Serveur
</a>
2021-08-25 14:44:19 +02:00
<nav class="md-nav md-nav--secondary" aria-label="Table des matières">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table des matières
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#introduction" class="md-nav__link">
Introduction
</a>
</li>
<li class="md-nav__item">
<a href="#quelle-necessite" class="md-nav__link">
Quelle necessité ?
</a>
<nav class="md-nav" aria-label="Quelle necessité ?">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#lobjectif-principal" class="md-nav__link">
L'objectif principal
</a>
</li>
<li class="md-nav__item">
<a href="#le-materiel" class="md-nav__link">
Le matériel
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
2021-08-25 08:56:05 +02:00
</li>
<li class="md-nav__item">
<a href="../vps/" class="md-nav__link">
VPS
</a>
</li>
<li class="md-nav__item">
<a href="../personnel/" class="md-nav__link">
Personnel
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_3" type="checkbox" id="__nav_3" >
<label class="md-nav__link" for="__nav_3">
Sécurité
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Sécurité" data-md-level="1">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Sécurité
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../securite/introduction/" class="md-nav__link">
Introduction - Sécurité
</a>
</li>
<li class="md-nav__item">
<a href="../../securite/logwatch/" class="md-nav__link">
Logwatch
</a>
</li>
<li class="md-nav__item">
<a href="../../securite/fail2ban/" class="md-nav__link">
Fail2Ban
</a>
</li>
<li class="md-nav__item">
<a href="../../securite/ufw/" class="md-nav__link">
UFW
</a>
</li>
<li class="md-nav__item">
<a href="../../securite/crowdsec/" class="md-nav__link">
Crowdsec
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_4" type="checkbox" id="__nav_4" >
<label class="md-nav__link" for="__nav_4">
Configuration
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Configuration" data-md-level="1">
<label class="md-nav__title" for="__nav_4">
<span class="md-nav__icon md-icon"></span>
Configuration
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../configuration/introduction/" class="md-nav__link">
Introduction - Configuration
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_5" type="checkbox" id="__nav_5" >
<label class="md-nav__link" for="__nav_5">
Site internet
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Site internet" data-md-level="1">
<label class="md-nav__title" for="__nav_5">
<span class="md-nav__icon md-icon"></span>
Site internet
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../site-internet/introduction/" class="md-nav__link">
Introduction - Site internet
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--nested">
<input class="md-nav__toggle md-toggle" data-md-toggle="__nav_6" type="checkbox" id="__nav_6" >
<label class="md-nav__link" for="__nav_6">
Application web
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" aria-label="Application web" data-md-level="1">
<label class="md-nav__title" for="__nav_6">
<span class="md-nav__icon md-icon"></span>
Application web
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../application-web/introduction/" class="md-nav__link">
Introduction - Application web
</a>
</li>
<li class="md-nav__item">
<a href="../../application-web/gitea/" class="md-nav__link">
Gitea
</a>
</li>
<li class="md-nav__item">
<a href="../../application-web/flarum/" class="md-nav__link">
Flarum
</a>
</li>
<li class="md-nav__item">
<a href="../../application-web/nextcloud/" class="md-nav__link">
Nextcloud
</a>
</li>
<li class="md-nav__item">
<a href="../../application-web/mat-mkdocs/" class="md-nav__link">
Material for Mkdocs
</a>
</li>
<li class="md-nav__item">
<a href="../../application-web/matomo/" class="md-nav__link">
Matomo
</a>
</li>
<li class="md-nav__item">
<a href="../../application-web/writefreely/" class="md-nav__link">
WriteFreely
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="Table des matières">
2021-08-25 14:44:19 +02:00
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table des matières
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#introduction" class="md-nav__link">
Introduction
</a>
</li>
<li class="md-nav__item">
<a href="#quelle-necessite" class="md-nav__link">
Quelle necessité ?
</a>
<nav class="md-nav" aria-label="Quelle necessité ?">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#lobjectif-principal" class="md-nav__link">
L'objectif principal
</a>
</li>
<li class="md-nav__item">
<a href="#le-materiel" class="md-nav__link">
Le matériel
</a>
</li>
</ul>
</nav>
</li>
</ul>
2021-08-25 08:56:05 +02:00
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
2021-08-25 14:44:19 +02:00
<h1 id="serveur-informatique">Serveur informatique</h1>
<h2 id="introduction">Introduction</h2>
<p>L'étape essentielle avant d'avoir à configurer et sécuriser un serveur est bien de "posséder" un serveur !
Bien entendu cela semble logique, mais c'est tout un monde qui s'ouvre à qui se penche sur la question.</p>
<p>Première étape : <strong>Qu'est ce qu'un serveur informatique ?</strong></p>
<div class="admonition quote">
<p class="admonition-title">Définition</p>
<p><em>Un serveur informatique est un dispositif informatique qui offre des services à un ou plusieurs clients.</em><br />
Wikipédia - 2021</p>
</div>
<p>Pour faire simple (les puristes me pardonneront je l'espère, ils auront compris que la vulgarisation sur ce site est assez vulgaire justement) : il s'agit d'<strong>un ordinateur constamment fonctionnel et accessible sur internet</strong>.
Et c'est bien pratique, puisqu'un ordinateur on peut y faire tourner des applications, lui faire réaliser des calculs, stocker des fichiers etc...</p>
<p>L'avantage avec un serveur étant sa haute disponibilité et son accessibilité : on peut y accéder <strong>tout le temps et partout</strong>, on est pas obligé d'être derrière un écran pour lancer des longs calculs et surtout on peut y héberger un site web, des bases de données etc...</p>
<div class="admonition info">
<p class="admonition-title">Info</p>
<p>Il est important de noter que je n'ai pas testé tous les serveurs existants ! Je ne parlerai que de deux gros "types" de serveur assez généralistes : les <strong>VPS</strong> et les <strong>serveurs personnels</strong> (Raspberry Pi, vieux ordinateurs etc...) ce qui permettra déjà d'avoir une bonne vision du principe.<br />
Je parlerai donc en mon expérience et les avantages/inconvénients tirés de cette expérience.</p>
</div>
<h2 id="quelle-necessite">Quelle necessité ?</h2>
<p>Et oui la fameuse question, souvent fâcheuse si vous êtes comme moi et que vous n'en savez rien. Vous êtes juste curieux et n'avez pas envie de mettre toutes vos économies dans des tests.</p>
<p>Il va donc falloir, avant de se mettre à penser "matériel/technique" penser au but de ce serveur : </p>
<h3 id="lobjectif-principal"><strong>L'objectif principal</strong></h3>
<ul>
<li>Stockage de fichier ?</li>
<li>Hébergement de site internet ?</li>
<li>Lancement de gros processus de calcul ?</li>
</ul>
<p>Chacun de ces objectifs (qui peuvent être mutualisés bien entendu) demande des ressources particulières :</p>
<ul>
<li>Stockage de fichier = <strong>disque dur conséquent</strong></li>
<li>Hébergement de site internet = <strong>débit internet adapté</strong></li>
<li>Lancement de gros processus de calcul = <strong>processeur important</strong></li>
</ul>
<p>Une fois que cette partie est définie (plus ou moins), on peut donc s'attaquer à la partie matériel et technique du serveur.<br />
Pour un petit curieux comme moi l'intérêt était de pouvoir obtenir un service à très faible coût mais permettant de réaliser pas mal d'opération. Mon but premier étant d'héberger mon <a href="https://adriencharbonneau.fr">site internet</a>. Mais aussi d'héberger différents autres sites et applications intéressantes (forum/dépôt git/documentation/service cloud etc...).<br />
Deux solutions s'offraient à moi :</p>
<h3 id="le-materiel"><strong>Le matériel</strong></h3>
<ul>
<li>Créer moi-même un petit serveur permettant de réaliser mon objectif (Raspberry Pi / vieil ordinateur)</li>
<li>Utiliser un serveur mis à disposition en ligne (VPS)</li>
</ul>
<p>Chacun ayant des avantages par rapport à l'autre le choix est difficile de prime abord, mais en réalité, le rapport qualité prix d'un VPS est largement acceptable face à l'achat d'un Raspberry Pi (ou d'un ordinateur qu'il soit vieux ou récent). En effet le Raspberry Pi dépend de la connexion internet de votre fournisseur, du temps passé dessus à la configurer correctement etc... </p>
<p>Bref comme vous l'avez compris j'ai pris la solution <strong>VPS</strong> (mais je possède aussi un Raspberry Pi en serveur, ce qui me permettra de parler des deux).</p>
2021-08-25 08:56:05 +02:00
<hr>
<div class="md-source-date">
<small>
2021-08-30 10:39:32 +02:00
Dernière mise à jour: <span class="git-revision-date-localized-plugin git-revision-date-localized-plugin-datetime">August 25, 2021 14:44:19</span>
2021-08-25 08:56:05 +02:00
</small>
</div>
</article>
</div>
</div>
<a href="#" class="md-top md-icon" data-md-component="top" data-md-state="hidden">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg>
Retour en haut de la page
</a>
</main>
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Pied de page">
<a href="../.." class="md-footer__link md-footer__link--prev" aria-label="Précédent: Introduction" rel="prev">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12z"/></svg>
</div>
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
Précédent
</span>
Introduction
</div>
</div>
</a>
<a href="../vps/" class="md-footer__link md-footer__link--next" aria-label="Suivant: VPS" rel="next">
<div class="md-footer__title">
<div class="md-ellipsis">
<span class="md-footer__direction">
Suivant
</span>
VPS
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4z"/></svg>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-footer-copyright">
<div class="md-footer-copyright__highlight">
Copyright &copy; 2020 - 2021 Adrien CHARBONNEAU
</div>
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
</div>
<div class="md-footer-social">
<a href="https://adriencharbonneau.fr" target="_blank" rel="noopener" title="Site internet" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"/></svg>
</a>
<a href="https://www.linkedin.com/in/adrien-charbonneau/" target="_blank" rel="noopener" title="Linkedin" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
</a>
<a href="https://www.researchgate.net/profile/Adrien-Charbonneau" target="_blank" rel="noopener" title="ResearchGate" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 32v448h448V32H0zm262.2 334.4c-6.6 3-33.2 6-50-14.2-9.2-10.6-25.3-33.3-42.2-63.6-8.9 0-14.7 0-21.4-.6v46.4c0 23.5 6 21.2 25.8 23.9v8.1c-6.9-.3-23.1-.8-35.6-.8-13.1 0-26.1.6-33.6.8v-8.1c15.5-2.9 22-1.3 22-23.9V225c0-22.6-6.4-21-22-23.9V193c25.8 1 53.1-.6 70.9-.6 31.7 0 55.9 14.4 55.9 45.6 0 21.1-16.7 42.2-39.2 47.5 13.6 24.2 30 45.6 42.2 58.9 7.2 7.8 17.2 14.7 27.2 14.7v7.3zm22.9-135c-23.3 0-32.2-15.7-32.2-32.2V167c0-12.2 8.8-30.4 34-30.4s30.4 17.9 30.4 17.9l-10.7 7.2s-5.5-12.5-19.7-12.5c-7.9 0-19.7 7.3-19.7 19.7v26.8c0 13.4 6.6 23.3 17.9 23.3 14.1 0 21.5-10.9 21.5-26.8h-17.9v-10.7h30.4c0 20.5 4.7 49.9-34 49.9zm-116.5 44.7c-9.4 0-13.6-.3-20-.8v-69.7c6.4-.6 15-.6 22.5-.6 23.3 0 37.2 12.2 37.2 34.5 0 21.9-15 36.6-39.7 36.6z"/></svg>
</a>
<a href="https://git.adriencharbonneau.fr/Adrien/Docs" target="_blank" rel="noopener" title="Dépôt GIT" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M216.29 158.39H137C97 147.9 6.51 150.63 6.51 233.18c0 30.09 15 51.23 35 61-25.1 23-37 33.85-37 49.21 0 11 4.47 21.14 17.89 26.81C8.13 383.61 0 393.35 0 411.65c0 32.11 28.05 50.82 101.63 50.82 70.75 0 111.79-26.42 111.79-73.18 0-58.66-45.16-56.5-151.63-63l13.43-21.55c27.27 7.58 118.7 10 118.7-67.89 0-18.7-7.73-31.71-15-41.07l37.41-2.84zm-63.42 241.9c0 32.06-104.89 32.1-104.89 2.43 0-8.14 5.27-15 10.57-21.54 77.71 5.3 94.32 3.37 94.32 19.11zm-50.81-134.58c-52.8 0-50.46-71.16 1.2-71.16 49.54 0 50.82 71.16-1.2 71.16zm133.3 100.51v-32.1c26.75-3.66 27.24-2 27.24-11V203.61c0-8.5-2.05-7.38-27.24-16.26l4.47-32.92H324v168.71c0 6.51.4 7.32 6.51 8.14l20.73 2.84v32.1zm52.45-244.31c-23.17 0-36.59-13.43-36.59-36.61s13.42-35.77 36.59-35.77c23.58 0 37 12.62 37 35.77s-13.42 36.61-37 36.61zM512 350.46c-17.49 8.53-43.1 16.26-66.28 16.26-48.38 0-66.67-19.5-66.67-65.46V194.75c0-5.42 1.05-4.06-31.71-4.06V154.5c35.78-4.07 50-22 54.47-66.27h38.63c0 65.83-1.34 61.81 3.26 61.81H501v40.65h-60.56v97.15c0 6.92-4.92 51.41 60.57 26.84z"/></svg>
</a>
<a href="mailto:adrien.charbonneau@free.fr" target="_blank" rel="noopener" title="Adresse courriel" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z"/></svg>
</a>
<a href="https://git.adriencharbonneau.fr/Adrien/CV/raw/branch/master/CV_Adrien_CHARBONNEAU.pdf" target="_blank" rel="noopener" title="Curriculum Vitae" class="md-footer-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M314.9 194.4v101.4h-28.3v120.5h-77.1V295.9h-28.3V194.4c0-4.4 1.6-8.2 4.6-11.3 3.1-3.1 6.9-4.7 11.3-4.7H299c4.1 0 7.8 1.6 11.1 4.7 3.1 3.2 4.8 6.9 4.8 11.3zm-101.5-63.7c0-23.3 11.5-35 34.5-35s34.5 11.7 34.5 35c0 23-11.5 34.5-34.5 34.5s-34.5-11.5-34.5-34.5zM247.6 8C389.4 8 496 118.1 496 256c0 147.1-118.5 248-248.4 248C113.6 504 0 394.5 0 256 0 123.1 104.7 8 247.6 8zm.8 44.7C130.2 52.7 44.7 150.6 44.7 256c0 109.8 91.2 202.8 203.7 202.8 103.2 0 202.8-81.1 202.8-202.8.1-113.8-90.2-203.3-202.8-203.3z"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"base": "../..", "features": ["navigation.tabs", "navigation.top"], "translations": {"clipboard.copy": "Copier dans le presse-papier", "clipboard.copied": "Copi\u00e9 dans le presse-papier", "search.config.lang": "fr", "search.config.pipeline": "trimmer, stopWordFilter", "search.config.separator": "[\\s\\-]+", "search.placeholder": "Rechercher", "search.result.placeholder": "Taper pour d\u00e9marrer la recherche", "search.result.none": "Aucun document trouv\u00e9", "search.result.one": "1 document trouv\u00e9", "search.result.other": "# documents trouv\u00e9s", "search.result.more.one": "1 de plus sur cette page", "search.result.more.other": "# de plus sur cette page", "search.result.term.missing": "Non trouv\u00e9", "select.version.title": "S\u00e9lectionner la version"}, "search": "../../assets/javascripts/workers/search.409db549.min.js", "version": null}</script>
2021-09-03 08:53:03 +02:00
<script src="../../assets/javascripts/bundle.756773cc.min.js"></script>
2021-08-25 08:56:05 +02:00
</body>
</html>