diff --git a/cours-ensiie.html b/cours-ensiie.html
new file mode 100644
index 0000000000000000000000000000000000000000..c66d83f717e1515a45642fe708e560fadb831eae
--- /dev/null
+++ b/cours-ensiie.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset=utf-8 />
+ <title>Kévin Cocchi • Salixor</title>
+
+ <link rel="stylesheet" type="text/css" media="screen" href="styles.css" />
+ <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ <link rel="icon" href="https://avatars1.githubusercontent.com/u/12085737?s=400" type="image/x-icon" />
+
+ <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
+ <meta name="theme-color" content="#FA515D">
+
+ <meta property="og:type" content="website">
+ <meta property="og:site_name" content="Perso de Salixor">
+ <meta property="og:url" content="http://www.cocchi.iiens.net/">
+ <meta property="og:title" content='Kévin "Salixor" Cocchi'>
+ <meta property="og:description" content="Dépôts de corrections de TP et TD">
+ <meta property="og:image" content="https://avatars1.githubusercontent.com/u/12085737?s=400">
+</head>
+
+<body>
+
+<div class="container">
+ <header>
+ <a href="index.html" class="header_content" title="Revenir à l'accueil">
+ <img src="https://avatars1.githubusercontent.com/u/12085737?s=400" class="avatar" draggable="false" />
+ <div class="nickname"><b>Salixor</b></div>
+ <div class="description">Au fond, je suis un peu un weeb.</div>
+ </a>
+
+ <div class="floating_links">
+ <button type="button" class="theme_toggle" onclick="toggleLights(this)" data-dark="Thème sombre" data-light="Thème clair">{LIGHT SWITCHER}</button>
+ </div>
+ </header>
+
+ <section class="header_links">
+ <a href="https://kurisu.iiens.net/?ksearch=&kpage=0&kfilters=eyJjcml0ZXJpYSI6W3siY29uZGl0aW9uIjoiPSIsImRhdGEiOiJLYXJhbWFrZXIiLCJvcmlnRGF0YSI6ImF1dGhvcl9uYW1lIiwidHlwZSI6InN0cmluZyIsInZhbHVlIjpbIlNhbGl4b3IiXX1dLCJsb2dpYyI6IkFORCJ9" target="_blank">Mes Karaokés</a>
+ <a href="http://manga.iiens.net/" target="_blank">Bakaclub</a>
+ <a href="https://anilist.co/user/salixor/" target="_blank">AniList</a>
+ <a href="https://steamcommunity.com/id/salixor/" target="_blank">Steam</a>
+ <a href="https://www.last.fm/user/salixor" target="_blank">last.fm</a>
+ <a href="https://github.com/salixor" target="_blank">GitHub</a>
+ <a href="https://gitlab.com/salixor" target="_blank">GitLab</a>
+ <a href="./hardware.txt" target="_blank">Hardware</a>
+ <a href="./RIB.txt" target="_blank">RIB</a>
+ <a href="cours-ensiie.html">TDs/TPs</a>
+ </section>
+
+ <section class="cours">
+ <ul class="files-list">
+ <li class="color1">
+ <div>IPF3 Structures</div>
+ <a target="_blank" href="cours/IPFS3/Files-IPF.ml">Files</a>
+ <a target="_blank" href="cours/IPFS3/Ensembles-IPF.ml">Ensembles</a>
+ <a target="_blank" href="cours/IPFS3/ArbresBinaires-IPF.ml">Arbres binaires</a>
+ <a target="_blank" href="cours/IPFS3/Associations-IPF.ml">Associations</a>
+ <a target="_blank" href="cours/IPFS3/Graphes-IPF.ml">Graphes</a>
+ </li>
+ <li class="color1">
+ <div>IPF3 TD/TP</div>
+ <a target="_blank" href="cours/IPFS3/TD1-IPF.pdf">TD1</a>
+ <a target="_blank" href="cours/IPFS3/TD2-IPF.pdf">TD2</a>
+ <a target="_blank" href="cours/IPFS3/TP4-IPF.ml">TP4</a>
+ <a target="_blank" href="cours/IPFS3/TP5-IPF.ml">TP5</a>
+ </li>
+ <li class="color2">
+ <div>PAP</div>
+ <a target="_blank" href="cours/PAP/TP1-PAP.tgz">TP1</a>
+ <a target="_blank" href="cours/PAP/TP2-PAP.tgz">TP2</a>
+ </li>
+ <li class="color3">
+ <div>IPI TP</div>
+ <a target="_blank" href="cours/IPI/TP1-IPI.c">TP1</a>
+ <a target="_blank" href="cours/IPI/TP2-IPI.c">TP2</a>
+ <a target="_blank" href="cours/IPI/TP3-IPI.c">TP3</a>
+ <a target="_blank" href="cours/IPI/TP4-IPI.c">TP4</a>
+ <a target="_blank" href="cours/IPI/TP5-IPI.c">TP5</a>
+ <a target="_blank" href="cours/IPI/TP6-IPI.tgz">TP6</a>
+ <a target="_blank" href="cours/IPI/TP7-IPI.c">TP7</a>
+ <a target="_blank" href="cours/IPI/TP8-IPI.c">TP8</a>
+ <a target="_blank" href="cours/IPI/TP9-IPI.tgz">TP9</a>
+ </li>
+ <li class="color3">
+ <div>IPI TD</div>
+ <a target="_blank" href="cours/IPI/TD1-IPI.c">TD1</a>
+ <a target="_blank" href="cours/IPI/TD2-IPI.c">TD2</a>
+ <a target="_blank" href="cours/IPI/TD3-IPI.c">TD3</a>
+ </li>
+ <li class="color4">
+ <div>MAN</div>
+ <a target="_blank" href="cours/MAN/TP1-MAN.tgz">TP1</a>
+ <a target="_blank" href="cours/MAN/TP2-MAN.tgz">TP2</a>
+ </li>
+ <li class="color1">
+ <div>IPF2</div>
+ <a target="_blank" href="cours/IPFS2/TP1-IPF.ml">TP1</a>
+ <a target="_blank" href="cours/IPFS2/TP2-IPF.ml">TP2</a>
+ <a target="_blank" href="cours/IPFS2/TP3-IPF.ml">TP3</a>
+ <a target="_blank" href="cours/IPFS2/TP4-IPF.ml">TP4</a>
+ <a target="_blank" href="cours/IPFS2/TP5-IPF.ml">TP5</a>
+ <a target="_blank" href="cours/IPFS2/TP6-IPF.ml">TP6</a>
+ </li>
+ <li class="color5">
+ <div>IPW</div>
+ <a target="_blank" href="cours/IPW/TP-PHP.tgz">TP PHP</a>
+ <a target="_blank" href="cours/IPW/TP-Curseurs.tgz">TP Curseurs</a>
+ </li>
+ <li class="color5">
+ <div>IPW Résumé</div>
+ <a target="_blank" href="cours/IPW/Resume-HTML.pdf">HTML</a>
+ <a target="_blank" href="cours/IPW/Resume-PHP.pdf">PHP</a>
+ <a target="_blank" href="cours/IPW/Resume-XML.pdf">XML</a>
+ </li>
+ <li class="color5">
+ <div>IPW Correction</div>
+ <a target="_blank" href="cours/IPW/CorrectionTPWeb2015.pdf">TP 2015</a>
+ <a target="_blank" href="cours/IPW/CorrectionTPWeb2016.pdf">TP 2016</a>
+ </li>
+ <li class="color6">
+ <div>ILO</div>
+ <a target="_blank" href="cours/ILO/TD1-ILO.java">TD1</a>
+ <a target="_blank" href="cours/ILO/TP1-ILO.tgz">TP1</a>
+ <a target="_blank" href="cours/ILO/TP2-ILO.tgz">TP2</a>
+ </li>
+ </ul>
+ </section>
+</div>
+
+</body>
+
+<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+<script type="text/javascript" src="cookies.js"></script>
+<script type="text/javascript" src="lightsoff.js"></script>
+<script type="text/javascript">
+$(document).ready(function() {
+ let color = ["#F17105", "#D11149", "#6610F2", "#177CC5", "#92A500"];
+ let col_rd = color[Math.floor(Math.random() * color.length)];
+
+ // Changement aléatoire de la couleur
+ $("header").css("background-color", col_rd);
+ $("section.cours a").css("background-color", col_rd);
+
+ $("section.header_links a").hover(
+ function() { $(this).css("background-color", col_rd); },
+ function() { $(this).removeAttr("style"); }
+ );
+
+ // Changement de la couleur pour Google Chrome Mobile
+ $('meta[name=theme-color]').remove();
+ $('head').append('<meta name="theme-color" content="'+ col_rd +'">');
+});
+</script>
+<!--[if IE]>
+ <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+<![endif]-->
+
+</html>
diff --git a/index.html b/index.html
index 03167d33f66f7a1c009464a4e05af22dcb8fca35..862a9f79ee0c47a3847d2cca8de83226e54efb00 100644
--- a/index.html
+++ b/index.html
@@ -24,11 +24,11 @@
<div class="container">
<header>
- <div class="header_content">
+ <a href="index.html" class="header_content" title="Revenir à l'accueil">
<img src="https://avatars1.githubusercontent.com/u/12085737?s=400" class="avatar" draggable="false" />
<div class="nickname"><b>Salixor</b></div>
<div class="description">Au fond, je suis un peu un weeb.</div>
- </div>
+ </a>
<div class="floating_links">
<button type="button" class="theme_toggle" onclick="toggleLights(this)" data-dark="Thème sombre" data-light="Thème clair">{LIGHT SWITCHER}</button>
@@ -45,85 +45,11 @@
<a href="https://gitlab.com/salixor" target="_blank">GitLab</a>
<a href="./hardware.txt" target="_blank">Hardware</a>
<a href="./RIB.txt" target="_blank">RIB</a>
+ <a href="cours-ensiie.html">TDs/TPs</a>
</section>
- <section class="cours">
- <ul class="files-list">
- <li class="color1">
- <div>IPF3 Structures</div>
- <a target="_blank" href="cours/IPFS3/Files-IPF.ml">Files</a>
- <a target="_blank" href="cours/IPFS3/Ensembles-IPF.ml">Ensembles</a>
- <a target="_blank" href="cours/IPFS3/ArbresBinaires-IPF.ml">Arbres binaires</a>
- <a target="_blank" href="cours/IPFS3/Associations-IPF.ml">Associations</a>
- <a target="_blank" href="cours/IPFS3/Graphes-IPF.ml">Graphes</a>
- </li>
- <li class="color1">
- <div>IPF3 TD/TP</div>
- <a target="_blank" href="cours/IPFS3/TD1-IPF.pdf">TD1</a>
- <a target="_blank" href="cours/IPFS3/TD2-IPF.pdf">TD2</a>
- <a target="_blank" href="cours/IPFS3/TP4-IPF.ml">TP4</a>
- <a target="_blank" href="cours/IPFS3/TP5-IPF.ml">TP5</a>
- </li>
- <li class="color2">
- <div>PAP</div>
- <a target="_blank" href="cours/PAP/TP1-PAP.tgz">TP1</a>
- <a target="_blank" href="cours/PAP/TP2-PAP.tgz">TP2</a>
- </li>
- <li class="color3">
- <div>IPI TP</div>
- <a target="_blank" href="cours/IPI/TP1-IPI.c">TP1</a>
- <a target="_blank" href="cours/IPI/TP2-IPI.c">TP2</a>
- <a target="_blank" href="cours/IPI/TP3-IPI.c">TP3</a>
- <a target="_blank" href="cours/IPI/TP4-IPI.c">TP4</a>
- <a target="_blank" href="cours/IPI/TP5-IPI.c">TP5</a>
- <a target="_blank" href="cours/IPI/TP6-IPI.tgz">TP6</a>
- <a target="_blank" href="cours/IPI/TP7-IPI.c">TP7</a>
- <a target="_blank" href="cours/IPI/TP8-IPI.c">TP8</a>
- <a target="_blank" href="cours/IPI/TP9-IPI.tgz">TP9</a>
- </li>
- <li class="color3">
- <div>IPI TD</div>
- <a target="_blank" href="cours/IPI/TD1-IPI.c">TD1</a>
- <a target="_blank" href="cours/IPI/TD2-IPI.c">TD2</a>
- <a target="_blank" href="cours/IPI/TD3-IPI.c">TD3</a>
- </li>
- <li class="color4">
- <div>MAN</div>
- <a target="_blank" href="cours/MAN/TP1-MAN.tgz">TP1</a>
- <a target="_blank" href="cours/MAN/TP2-MAN.tgz">TP2</a>
- </li>
- <li class="color1">
- <div>IPF2</div>
- <a target="_blank" href="cours/IPFS2/TP1-IPF.ml">TP1</a>
- <a target="_blank" href="cours/IPFS2/TP2-IPF.ml">TP2</a>
- <a target="_blank" href="cours/IPFS2/TP3-IPF.ml">TP3</a>
- <a target="_blank" href="cours/IPFS2/TP4-IPF.ml">TP4</a>
- <a target="_blank" href="cours/IPFS2/TP5-IPF.ml">TP5</a>
- <a target="_blank" href="cours/IPFS2/TP6-IPF.ml">TP6</a>
- </li>
- <li class="color5">
- <div>IPW</div>
- <a target="_blank" href="cours/IPW/TP-PHP.tgz">TP PHP</a>
- <a target="_blank" href="cours/IPW/TP-Curseurs.tgz">TP Curseurs</a>
- </li>
- <li class="color5">
- <div>IPW Résumé</div>
- <a target="_blank" href="cours/IPW/Resume-HTML.pdf">HTML</a>
- <a target="_blank" href="cours/IPW/Resume-PHP.pdf">PHP</a>
- <a target="_blank" href="cours/IPW/Resume-XML.pdf">XML</a>
- </li>
- <li class="color5">
- <div>IPW Correction</div>
- <a target="_blank" href="cours/IPW/CorrectionTPWeb2015.pdf">TP 2015</a>
- <a target="_blank" href="cours/IPW/CorrectionTPWeb2016.pdf">TP 2016</a>
- </li>
- <li class="color6">
- <div>ILO</div>
- <a target="_blank" href="cours/ILO/TD1-ILO.java">TD1</a>
- <a target="_blank" href="cours/ILO/TP1-ILO.tgz">TP1</a>
- <a target="_blank" href="cours/ILO/TP2-ILO.tgz">TP2</a>
- </li>
- </ul>
+ <section>
+ C'est vide pour l'instant. Peut-être que je mettrai quelque chose ici prochainement !
</section>
</div>
diff --git a/styles.css b/styles.css
index 92f73decfb177856562be625e25cb4bb1c08eff0..166e0f2cf06ec71d714b6ed9bb50030c909042b0 100644
--- a/styles.css
+++ b/styles.css
@@ -24,10 +24,8 @@ body > * {
hr { border: 0; border-bottom: 1px dotted #DDDDDD; margin: 10px 0px; }
-a { color: #fff; transition: opacity 1s ease-out; }
-a:hover { background-color: rgba(51,51,51,0.8); }
-a { color: #666; text-decoration: none; }
-a:hover { color: #999; }
+a { color: #fff; transition: opacity 1s ease-out; text-decoration: none; }
+a:hover { background-color: rgba(51,51,51,0.8); color: #999; }
a:active { color: #777; }
div.container {
@@ -111,9 +109,17 @@ header {
box-shadow: inset 0 -10px 0 0 rgba(0,0,0,0.5);
}
-header div.header_content {
+header a.header_content {
margin: 60px 0 0 40px;
position: absolute;
+ display: block;
+ text-decoration: none;
+ color: #fff !important;
+}
+
+header a.header_content:hover {
+ background: none;
+ color: #eee !important;
}
header img.avatar {
@@ -272,7 +278,7 @@ html.dark, html.dark body {
html.dark button.theme_toggle { background-color: #FFFFFF; color: #333333; }
html.dark button.theme_toggle:hover { background-color: #DEDEDE; color: #333333; }
-html.dark a { color: #ccc; text-decoration: none; }
+html.dark a { color: #ccc; }
html.dark a:hover { color: #999; }
html.dark a:active { color: #bbb; }