Skip to content
Extraits de code Groupes Projets

Comparer les révisions

Les modifications sont affichées comme si la révision source était fusionnée avec la révision cible. En savoir plus sur la comparaison des révisions.

Source

Sélectionner le projet cible
No results found

Cible

Sélectionner le projet cible
  • salixor/perso
1 résultat
Afficher les modifications
Validations sur la source (8)
Masquer les modifications d'espaces
En ligne Côte à côte
404page.html 0 → 100644
Voir le fichier @ d89fecbc
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>Oops, une erreur 404 ...</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300i" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="icon" href="/ressources/favicon.ico" 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="#333333">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
var iFrequency = 100;
var myInterval = 0;
startLoop();
function startLoop() {
if(myInterval > 0) clearInterval(myInterval);
myInterval = setInterval( "changeColor()", iFrequency );
}
function changeColor() {
$('meta[name=theme-color]').remove();
$('head').append('<meta name="theme-color" content="'+ getRandomColor() +'">');
}
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++ ) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
</script>
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
text-decoration: none;
}
::selection { background-color: rgba(0,0,0,0.5); }
html {
background: #ffffff url('ressources/404.png') no-repeat center bottom fixed;
background-size: cover;
font-size: calc(1.5vw + 1.5vh);
color: #333;
font-family: 'Roboto', cursive;
text-align: right;
position: relative;
height: 100%;
}
.message {
position: absolute;
bottom: calc(0.5vw + 0.5vh);
right: calc(0.5vw + 0.5vh);
margin-left: calc(0.5vw + 0.5vh);
margin-top: calc(0.5vw + 0.5vh);
background-color: rgba(255, 255, 255, 0.9);
padding: 25px;
padding: calc(1.5vw + 1.5vh);
}
a { color: #2f2b6f; }
a:hover { color: #4943ac; }
a:active { color: #1f1d4a; }
</style>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="message">
Malheuresement, vous êtes tombé sur la mauvaise page ...<br/><a href="/index.html">Retour à l'accueil</a>
</div>
</body>
</html>
cookies.js 0 → 100644
Voir le fichier @ d89fecbc
function setCookie(cname, cvalue, exdays) {
let d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
let expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname) {
let name = cname + "=";
let ca = document.cookie.split(';');
for (let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ')
c = c.substring(1);
if (c.indexOf(name) == 0)
return c.substring(name.length, c.length);
}
return "";
}
index.html 0 → 100644
Voir le fichier @ d89fecbc
<!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>
<div class="header_content">
<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>
<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>
</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>
lightsoff.js 0 → 100644
Voir le fichier @ d89fecbc
$(document).ready(function() {
let lightsoff = getCookie("lightsoff") === "on";
let switcher = document.getElementsByClassName("theme_toggle")[0];
switcher.style.display = "inline-block";
switcher.innerHTML = lightsoff ? switcher.dataset.light : switcher.dataset.dark;
if (lightsoff) toggleLights(switcher);
});
function toggleLights(switcher) {
let html_tag = document.getElementsByTagName("html")[0];
let is_dark = (html_tag.className === "");
html_tag.className = is_dark ? "dark" : "";
switcher.innerHTML = is_dark ? switcher.dataset.light : switcher.dataset.dark;
setCookie("lightsoff", is_dark ? "on" : "off", 365);
}
ressources/404.png 0 → 100644
Voir le fichier @ d89fecbc
ressources/404.png

2,05 Mo

ressources/bg_crop_kumiko.png 0 → 100644
Voir le fichier @ d89fecbc
ressources/bg_crop_kumiko.png

144 ko

ressources/header_bg_crop_kumiko.png 0 → 100644
Voir le fichier @ d89fecbc
ressources/header_bg_crop_kumiko.png

144 ko

scripts.js 0 → 100644
Voir le fichier @ d89fecbc
$(document).ready(function() {
var color = ["#F17105", "#D11149", "#6610F2", "#177CC5", "#92A500"]; // Couleurs
var col_rd = Math.floor(Math.random() * color.length);
$( document ).ready(function() {
// Changement aléatoire de la couleur
$("header").css("background-color", color[col_rd]);
$("section.container a").css("background-color", color[col_rd]);
// $("hr").css("border-color", color[col_rd]);
$("section.container a").hover(function(){
$(this).css("background-color", hexToRgbA(color[col_rd], 0.8));
}, function(){
$(this).css("background-color", hexToRgbA(color[col_rd], 1));
});
// Changement de la couleur pour Google Chrome Mobile
$('meta[name=theme-color]').remove();
$('head').append('<meta name="theme-color" content="'+ color[col_rd] +'">');
});
function hexToRgbA(hex, opacity = 0) {
var c;
if(/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)){
c= hex.substring(1).split('');
if(c.length== 3)
c= [c[0], c[0], c[1], c[1], c[2], c[2]];
c= '0x'+c.join('');
if(opacity > 0)
return 'rgba('+[(c>>16)&255, (c>>8)&255, c&255].join(', ')+','+opacity+')';
else
return 'rgb('+[(c>>16)&255, (c>>8)&255, c&255].join(', ')+')';
}
throw new Error('Bad Hex');
}
});
styles.css 0 → 100644
Voir le fichier @ d89fecbc
* {
box-sizing: border-box;
margin: 0;
padding: 0;
text-decoration: none;
outline: none;
list-style: none;
}
.clear { clear: both; }
html, body {
background-color: #ededed;
color: #333333;
font-family: 'Nunito', sans-serif;
display: flex;
flex-direction: column;
height: 100%;
}
body > * {
flex-shrink: 0;
}
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:active { color: #777; }
div.container {
margin: 0;
box-shadow: 0 0 25px 0px rgba(0,0,0,0.15);
background-color: #ffffff;
width: 100%;
flex-grow: 1;
}
@media only screen and (min-width: 400px) {
div.container {
margin: 60px 0 0;
}
}
@media only screen and (min-width: 530px) {
div.container {
margin: 100px auto 0;
}
}
@media only screen and (min-width: 1220px) {
div.container {
margin: 150px auto 0;
width: 1200px;
border-radius: 7px 7px 0 0;
}
}
.container .row { margin: 5px 10px; padding: 0 10px; }
.container .row:first-of-type { margin-top: 15px; }
.container .row:last-of-type { margin-bottom: 15px; }
div.container { margin: 0 !important; flex-grow: 1; }
section.container a, .container h3 {
background-color: #222;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: normal;
height: 40px;
line-height: 40px;
color: #FFFFFF;
position: relative;
vertical-align: middle;
width: auto;
}
section.container a { padding: 0 40px 0 12px; }
.container a:hover { color: #FFFFFF; }
.container h3 {
cursor: default;
font-size: 20px;
overflow: hidden;
padding: 0 12px;
margin: 0 5px 0 0;
}
section.container a::after {
background: rgba(0,0,0,0.15);
bottom: 0;
content: "➜";
font-size: 14px;
font-style: normal;
height: 100%;
margin: auto 0;
position: absolute;
right: 0;
text-align: center;
width: 30px;
display: block;
}
header {
background: #333333 url("ressources/bg_crop_kumiko.png") 95% bottom / contain no-repeat;
width: 100%;
height: 200px;
color: #FFFFFF;
box-shadow: inset 0 -10px 0 0 rgba(0,0,0,0.5);
}
header div.header_content {
margin: 60px 0 0 40px;
position: absolute;
}
header img.avatar {
border-radius: 100%;
box-shadow: 0 0 0 10px #FFFFFF;
height: 100px;
width: 100px;
float: left;
}
header div.nickname, header div.description { margin: 0 0 0 130px; }
header div.nickname { font-size: 42px; margin-top: 30px; font-weight: bold; }
header div.description { font-size: 14px; margin-top: -5px; }
@media only screen and (min-width: 1220px) {
hr { margin: 15px 0; }
div.container { margin: 75px auto 0 !important; }
.container .row { line-height: normal; margin: 10px; }
section.container a, .container h3 { font-size: 16px; height: 46px; line-height: 46px; }
.container h3 { font-size: 28px; padding: 0 15px; }
header { border-radius: 7px 7px 0 0; }
}
/* Sections */
section.header_links { width: 100%; display: block; background: #222; color: #FFFFFF; }
section.header_links a {
padding: 15px 20px;
display: inline-block;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
section.header_links a:hover { background: rgba(0,0,0,0.5); }
section.cours { padding: 15px; overflow: hidden; }
section.cours a {
background-color: #222;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: normal;
height: 34px;
line-height: 34px;
margin: 3px 0 0;
padding: 0 10px;
}
section.cours a, html.dark section.cours a { color: #FFFFFF; }
section.cours a:hover, html.dark section.cours a:hover { color: #FFFFFF; opacity: 0.7; }
section.cours a::after {
content: " ➜";
font-size: 14px;
}
/* Styles used for the header of the page */
div.floating_links {
float: right;
margin: 10px 15px 0 0;
}
button.theme_toggle {
display: block;
cursor: pointer;
outline: none;
border: none;
border-radius: 5px;
padding: 5px 8px;
line-height: 8px;
color: #ffffff;
font-size: 8px;
text-transform: uppercase;
width: 100%;
text-align: center;
}
button.theme_toggle { background-color: #333333; display: none; margin-bottom: 5px; }
button.theme_toggle:hover { background-color: #505050; }
@media only screen and (min-width: 600px) {
button.theme_toggle { line-height: 10px; font-size: 10px; }
}
/* Files list */
ul.files-list {
position: relative;
left: 170px;
border-left: solid 4px #e4e4e4;
padding: 0 0 0 25px;
width: calc(100% - 170px);
}
ul.files-list li {
position: relative;
margin: 0 0 12px 0;
font-weight: bold;
padding: 0 0 12px 0;
border-bottom: 1px dashed #EEEEEE;
}
ul.files-list li:last-child { border-bottom: none; margin: 0; }
ul.files-list li::after {
display: inline-block;
position: absolute;
top: 12px;
left: -35px;
box-shadow: 0 0 0 6px;
content: "•";
vertical-align: middle;
color: #ffffff;
border-radius: 3px;
width: 15px;
height: 15px;
line-height: 15px;
padding: 0 0 2px 0;
text-align: center;
}
ul.files-list li.color1::after { background: #EF476F; }
ul.files-list li.color2::after { background: #F2951D; }
ul.files-list li.color3::after { background: #8E91D1; }
ul.files-list li.color4::after { background: #6D9C42; }
ul.files-list li.color5::after { background: #2A6EF7; }
ul.files-list li.color6::after { background: #D5D872; }
ul.files-list li div {
position: absolute;
left: -200px;
width: 150px;
display: flex;
justify-content: center;
align-content: center;
height: 40px;
flex-direction:column;
font-size: 12px;
text-align: right;
text-transform: uppercase;
border-radius: 3px;
background-color: #222222;
color: #EEEEEE;
padding: 0 10px;
}
/* Turn off the lights ... */
html.dark, html.dark body {
background-color: #222222;
color: #ffffff;
}
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:hover { color: #999; }
html.dark a:active { color: #bbb; }
html.dark div.container { background-color: #333333; }
html.dark div.section { border-bottom-color: #444444; }
html.dark div.section h2 { color: #ee6770; }
html.dark hr { border-bottom-color: #444444; }
html.dark section.container a { color: #FFFFFF; }
html.dark ul.files-list { border-left-color: #555555; }
html.dark ul.files-list li { border-bottom-color: #444444; }
html.dark ul.files-list li::after { color: #333333; }
html.dark ul.files-list li div { background: #EEEEEE; color: #222222; }
html.dark ul.files-list li.color1::after { background: #ef6989; }
html.dark ul.files-list li.color2::after { background: #f2a541; }
html.dark ul.files-list li.color3::after { background: #a4a6dd; }
html.dark ul.files-list li.color4::after { background: #8ab761; }
html.dark ul.files-list li.color5::after { background: #3f7bf4; }
html.dark ul.files-list li.color6::after { background: #e2e587; }
html.dark section.header_links a { color: #FFFFFF !important; }