Comparer les révisions

salixor · salixor · 3188cdf6 · 3188cdf6 · 230095d6 · 3188cdf6
--- a/.gitmodules
+++ b/.gitmodules
+[submodule "cv"]
+	path = cv
+	url = git@git.iiens.net:salixor/cv.git
--- a/cours-ensiie.html
+++ b/cours-ensiie.html
@@ -49,6 +49,7 @@
        <a href="./hardware.txt" target="_blank">Hardware</a>
        <a href="./RIB.txt" target="_blank">RIB</a>
        <a href="cours-ensiie.html">TDs/TPs</a>
+        <a href="./cv/french.html" target="_blank">CV</a>
    </section>
    <section class="cours">

--- a/cv @ 230095d6
+++ b/cv @ 230095d6
+Subproject commit 230095d6cfde7bdaef933739155152b867adc6f1
--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset=utf-8 />
    <title>Kévin Cocchi • Salixor</title>
@@ -7,7 +8,8 @@
    <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://git.iiens.net/uploads/-/system/user/avatar/257/avatar.png?width=512" type="image/x-icon" />
+    <link rel="icon" href="https://git.iiens.net/uploads/-/system/user/avatar/257/avatar.png?width=512"
+        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">
@@ -22,52 +24,61 @@
 <body>
-<div class="container">
+    <div class="container">
-    <header>
+        <header>
-        <a href="index.html" class="header_content" title="Revenir à l'accueil">
+            <a href="index.html" class="header_content" title="Revenir à l'accueil">
-            <img src="https://git.iiens.net/uploads/-/system/user/avatar/257/avatar.png?width=512" class="avatar" draggable="false" />
+                <img src="https://git.iiens.net/uploads/-/system/user/avatar/257/avatar.png?width=512" class="avatar"
-            <div>
+                    draggable="false" />
-                <div class="nickname"><b>Salixor</b></div>
+                <div>
-                <div class="description">Au fond, je suis un peu un weeb.</div>
+                    <div class="nickname"><b>Salixor</b></div>
-            </div>
+                    <div class="description">Au fond, je suis un peu un weeb.</div>
-        </a>
+                </div>
+            </a>
-        <button type="button" class="theme_toggle" onclick="toggleLights(this)" title="Changer de thème">
+            <button type="button" class="theme_toggle" onclick="toggleLights(this)" title="Changer de thème">
-            <svg id="theme-toggle-light" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><text x="7" y="32">☀</text></svg>
+                <svg id="theme-toggle-light" width="40" height="40" viewBox="0 0 40 40" fill="currentColor"
-            <svg id="theme-toggle-dark" width="40" height="40" viewBox="0 0 40 40" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><text x="7" y="32">⚬</text></svg>
+                    xmlns="http://www.w3.org/2000/svg"><text x="7" y="32">☀</text></svg>
-        </button>
+                <svg id="theme-toggle-dark" width="40" height="40" viewBox="0 0 40 40" fill="currentColor"
-    </header>
+                    xmlns="http://www.w3.org/2000/svg"><text x="7" y="32">⚬</text></svg>
+            </button>
+        </header>
-    <section class="header_links">
+        <section class="header_links">
-        <a href="https://kurisu.iiens.net/?ksearch=&kpage=0&kfilters=eyJjcml0ZXJpYSI6W3siY29uZGl0aW9uIjoiPSIsImRhdGEiOiJLYXJhbWFrZXIiLCJvcmlnRGF0YSI6ImF1dGhvcl9uYW1lIiwidHlwZSI6InN0cmluZyIsInZhbHVlIjpbIlNhbGl4b3IiXX1dLCJsb2dpYyI6IkFORCJ9" target="_blank">Mes Karaokés</a>
+            <a href="https://kurisu.iiens.net/?ksearch=&kpage=0&kfilters=eyJjcml0ZXJpYSI6W3siY29uZGl0aW9uIjoiPSIsImRhdGEiOiJLYXJhbWFrZXIiLCJvcmlnRGF0YSI6ImF1dGhvcl9uYW1lIiwidHlwZSI6InN0cmluZyIsInZhbHVlIjpbIlNhbGl4b3IiXX1dLCJsb2dpYyI6IkFORCJ9"
-        <a href="http://manga.iiens.net/" target="_blank">Bakaclub</a>
+                target="_blank">Mes Karaokés</a>
-        <a href="https://anilist.co/user/salixor/" target="_blank">AniList</a>
+            <a href="http://manga.iiens.net/" target="_blank">Bakaclub</a>
-        <a href="https://steamcommunity.com/id/salixor/" target="_blank">Steam</a>
+            <a href="https://anilist.co/user/salixor/" target="_blank">AniList</a>
-        <a href="https://www.last.fm/user/salixor" target="_blank">last.fm</a>
+            <a href="https://steamcommunity.com/id/salixor/" target="_blank">Steam</a>
-        <a href="https://github.com/salixor" target="_blank">GitHub</a>
+            <a href="https://www.last.fm/user/salixor" target="_blank">last.fm</a>
-        <a href="https://gitlab.com/salixor" target="_blank">GitLab</a>
+            <a href="https://github.com/salixor" target="_blank">GitHub</a>
-        <a href="./hardware.txt" target="_blank">Hardware</a>
+            <a href="https://gitlab.com/salixor" target="_blank">GitLab</a>
-        <a href="./RIB.txt" target="_blank">RIB</a>
+            <a href="./hardware.txt" target="_blank">Hardware</a>
-    </section>
+            <a href="./RIB.txt" target="_blank">RIB</a>
+            <a href="./cv/french.html" target="_blank">CV</a>
+        </section>
-    <section class="content">
+        <section class="content">
-        <p>Bienvenue sur mon site perso, qui a assez peu bougé au fil des années.</p>
+            <p>Bienvenue sur mon site perso, qui a assez peu bougé au fil des années.</p>
-        <p>Il me sert un peu d'annuaire, et de mini archive par rapport à l'école (vous pouvez retrouver les TPs et TDs que j'avais conservés en <a href="cours-ensiie.html">cliquant ici</a>).</p>
+            <p>Il me sert un peu d'annuaire, et de mini archive par rapport à l'école (vous pouvez retrouver les TPs et
-        <p>Pour l'instant, il n'y a pas grand chose, et je pense que ça bougera très peu à l'avenir.</p>
+                TDs que j'avais conservés en <a href="cours-ensiie.html">cliquant ici</a>).</p>
-    </section>
+            <p>Pour l'instant, il n'y a pas grand chose, et je pense que ça bougera très peu à l'avenir.</p>
+        </section>
-    <section class="content">
+        <section class="content">
-        <p>Pour ceux qui ne me connaitraient pas, je suis un ancien de la promo 2019 (ça remonte !).</p>
+            <p>Pour ceux qui ne me connaitraient pas, je suis un ancien de la promo 2019 (ça remonte !).</p>
-        <p>Je suis un membre encore assez présent du Bakaclub, et j'essaie de participer à quelques activités IRL de temps en temps.</p>
+            <p>Je suis un membre encore assez présent du Bakaclub, et j'essaie de participer à quelques activités IRL de
-        <p>Sans surprise, je suis donc assez passionné par les animes, la musique japonaise, et j'apprends petit à petit la langue.</p>
+                temps en temps.</p>
-    </section>
+            <p>Sans surprise, je suis donc assez passionné par les animes, la musique japonaise, et j'apprends petit à
+                petit la langue.</p>
+        </section>
-    <section class="content">
+        <section class="content">
-        <p>Je me suis récemment lancé dans la photographie, et j'ai ouvert un site dédié : <a href="https://nemophila.me">nemophila.me</a></p>
+            <p>Je me suis récemment lancé dans la photographie, et j'ai ouvert un site dédié : <a
-        <p>Il m'arrive aussi de parler sur Twitter : <a href="">Twitter</a></p>
+                    href="https://nemophila.me">nemophila.me</a></p>
-        <p>Et sinon, l'ensemble des liens ci-dessus est une bonne référence.</p>
+            <p>Il m'arrive aussi de parler sur Twitter : <a href="">Twitter</a></p>
-    </section>
+            <p>Et sinon, l'ensemble des liens ci-dessus est une bonne référence.</p>
-</div>
+        </section>
+    </div>
 </body>

--- a/scripts.js
+++ b/scripts.js
@@ -6,7 +6,6 @@ $(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(){

--- a/styles.css
+++ b/styles.css
@@ -8,13 +8,42 @@
 }
 :root {
-    --accent-color: #444;
+    --accent-color: #444444;
+    --text-color: #333333;
+    --background-color: #ededed;
+    --border-color: #e4e4e4;
+    --light-border-color: #eeeeee;
+    --color1: #EF476F;
+    --color2: #F2951D;
+    --color3: #8E91D1;
+    --color4: #6D9C42;
+    --color5: #2A6EF7;
+    --color6: #D5D872;
 }
-.clear { clear: both; }
+@media (prefers-color-scheme: dark) {
+    :root {
+        --text-color: #ffffff;
+        --background-color: #222222;
+        --border-color: #555555;
+        --light-border-color: #444444;
+        --color1: #ef6989;
+        --color2: #f2a541;
+        --color3: #a4a6dd;
+        --color4: #8ab761;
+        --color5: #3f7bf4;
+        --color6: #e2e587;
+    }
+    a { color: #ccc; }
+    a:hover { color: #999; }
+    a:active { color: #bbb; }
+    ul.files-list li div { background: #EEEEEE; color: #222222; }
+}
 html, body {
-    background-color: #ededed;
+    background-color: var(--background-color);
    color: #333333;
    font-family: 'Nunito', sans-serif;
    display: flex;
@@ -26,12 +55,10 @@ body > * {
    flex-shrink: 0;
 }
-hr { border: 0; border-bottom: 1px dotted #DDDDDD; margin: 10px 0px; }
 div.container {
    margin: 0;
    box-shadow: 0 0 25px 0px rgba(0,0,0,0.15);
-    background-color: #ffffff;
+    background-color: var(--text-color);
    width: 100%;
    position: relative;
 }
@@ -139,7 +166,6 @@ 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; }
@@ -172,7 +198,7 @@ section.content {
    background-color: #eee;
 }
-section.content a { color: var(--accent-color); }
+section.content a { color: var(--text-color); }
 section.content a:hover { color: var(--accent-color); opacity: 0.5; }
 section.cours a {
@@ -224,7 +250,7 @@ html.dark button.theme_toggle:hover { color: orange; border-color: orange; }
 ul.files-list {
    position: relative;
    left: 170px;
-    border-left: solid 4px #e4e4e4;
+    border-left: solid 4px var(--border-color);
    padding: 0 0 0 25px;
    width: calc(100% - 170px);
 }
@@ -234,7 +260,7 @@ ul.files-list li {
    margin: 0 0 12px 0;
    font-weight: bold;
    padding: 0 0 12px 0;
-    border-bottom: 1px dashed #EEEEEE;
+    border-bottom: 1px dashed var(--light-border-color);
 }
 ul.files-list li:last-child { border-bottom: none; margin: 0; }
@@ -247,7 +273,7 @@ ul.files-list li::after {
    box-shadow: 0 0 0 6px;
    content: "•";
    vertical-align: middle;
-    color: #ffffff;
+    color: var(--text-color);
    border-radius: 3px;
    width: 15px;
    height: 15px;
@@ -256,12 +282,12 @@ ul.files-list li::after {
    text-align: center;
 }
-ul.files-list li.color1::after { background: #EF476F; }
+ul.files-list li.color1::after { background: var(--color1); }
-ul.files-list li.color2::after { background: #F2951D; }
+ul.files-list li.color2::after { background: var(--color2); }
-ul.files-list li.color3::after { background: #8E91D1; }
+ul.files-list li.color3::after { background: var(--color3); }
-ul.files-list li.color4::after { background: #6D9C42; }
+ul.files-list li.color4::after { background: var(--color4); }
-ul.files-list li.color5::after { background: #2A6EF7; }
+ul.files-list li.color5::after { background: var(--color5); }
-ul.files-list li.color6::after { background: #D5D872; }
+ul.files-list li.color6::after { background: var(--color6); }
 ul.files-list li div {
    position: absolute;
@@ -280,37 +306,3 @@ ul.files-list li div {
    color: #EEEEEE;
    padding: 0 10px;
 }
-/* Turn off the lights ... */
-html.dark, html.dark body {
-    background-color: #222222;
-    color: #ffffff;
-}
-html.dark a { color: #ccc; }
-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; }
-html.dark section.content { background: #444444; color: #FFFFFF !important; }
No results found