Skip to content
Extraits de code Groupes Projets
Vérifiée Valider 19570226 rédigé par salixor's avatar salixor
Parcourir les fichiers

Déplacer les TDs/TPs sur une page à part entière

parent d7988c46
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Afficher les modifications d'espaces
En ligne Côte à côte
cours-ensiie.html 0 → 100644
+ 159
− 0
Voir le fichier @ 19570226
<!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>
index.html
+ 5
− 79
Voir le fichier @ 19570226
......@@ -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>
......
styles.css
+ 12
− 6
Voir le fichier @ 19570226
......@@ -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; }
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment