public-courses / 2018-infospichi-public

Download as
Browse Code »

Commit 54301092a3ce31f043f2aa687e8e0a59804a8134

Authored by Rémi Emonet
1 parent e2f3c0467d
Exists in master

First content

Showing 4 changed files with 832 additions and 0 deletions

index.html View file @ 5430109
  1 +<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
  2 + <head>
  3 + <title>Informatiques − 2018 − L2 SPI/CHI</title>
  4 + <meta name="year" content="2018"/>
  5 + <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
  6 + <script type="text/javascript" src="extensions/tools.js"></script>
  7 + <style type="text/css">
  8 + html, body {margin:0; padding:0;}
  9 + html {text-align: center; background: white; font-family: Arial;}
  10 + h1,h2,h3,a {margin: 6px 0;}
  11 + h1,h2,h3 {clear: both;}
  12 + body {width: 800px;}
  13 + h1,h2 {box-sizing: border-box; width:800px; padding: 20px 0;}
  14 + body {display: inline-block;}
  15 + h1 {color: gray; margin-bottom: 2em;}
  16 + h2 {color: white; background: black; margin:0; margin-top: 120px;}
  17 + body>div {text-align: left;}
  18 + body>div>* {text-align: center; vertical-align: middle;}
  19 +
  20 +
  21 + .tile {margin-top: 5px; min-height: 2.3em;align-items: center;}
  22 + .tile>a {flex: 1 1 auto; }
  23 + .tile>a {margin: 2px; }
  24 + .tile>.side {display: flex; flex-direction: column;}
  25 + .tile>.side>a {margin: 3px 0 0;}
  26 + .tile>p {flex-grow: 1; margin: 0 2px 0 0;}
  27 + a[href$=".pdf"] { box-shadow: black 2px 2px 2px; }
  28 + a[href$=".zip"] { box-shadow: darkred 2px 2px 2px; }
  29 + a, .tile {background: rgb(225, 73, 56); color: white; text-decoration: none; font-weight: bold;}
  30 +
  31 + .tile {display:inline-flex; box-sizing: border-box; width: 194px; padding: 15px; margin-bottom: 7px;}
  32 + a.tile {display: inline-block;}
  33 + .tile {margin-left: 4px; }
  34 + .tile:nth-child(4n+1) {margin-left:0;}
  35 + .tile.proj {min-height: 65px;}
  36 + .tile:hover {background: rgb(255, 127, 0);}
  37 + .outlined {outline: 1px solid black;}
  38 + .vil {
  39 + outline: 2px solid black;
  40 + }
  41 +
  42 + .sep { border-left: 5px solid darkred; }
  43 + </style>
  44 + </head>
  45 +
  46 + <body class="">
  47 + <h1><span class="var-title"></span></h1>
  48 + <h2>Cours</h2>
  49 + <div>
  50 +
  51 + <a class="tile" href="http://learn.heeere.com/python/">Cours : structure, détails, <b>install.</b>, …</a>
  52 + <a class="outlined tile" href="more-aide-transparents.html">Utiliser les transparents ?</a>
  53 + <div data-lesson="01">Intro.</div>
  54 + <div data-lesson="02">Rappels</div>
  55 + <!--
  56 + <div data-lesson="03" data-hascode="y">Biblio, Fonct., Algo</div>
  57 + <div data-lesson="04" data-hascode="y">π, intro Numpy</div>
  58 + <div data-lesson="05" data-hascode="y">Numpy, indices, tranches</div>
  59 + <div data-lesson="06" data-hascode="y">Numpy, tranches, axes</div>
  60 + <div data-lesson="07" data-hascode="y">Matplotlib</div>
  61 + <div data-lesson="08" data-hascode="y">Matplotlib, broadcasting</div>
  62 + -->
  63 + </div>
  64 + <h2>Autre</h2>
  65 + <div>
  66 + <a class="tile" href="http://www.universite-lyon.fr/plagiat">info plagiat</a>
  67 + <!--
  68 + <a href="raw/exam-infospichi-2017.pdf">Exam 2017</a>
  69 + -->
  70 + </div>
  71 + <h2>TPs et Outils</h2>
  72 + <div>
  73 + <a class="tile" href="outils-python/index.html">Outils divers</a>
  74 +
  75 + <!--
  76 +
  77 + <a class="tile sep" href="tp1.pdf">TP 1 <br/> « rappels »</a>
  78 + <a class="tile" href="raw/correction-tp1.zip">Correction<br/>TP 1</a>
  79 +
  80 + <a class="tile sep" href="tpsoutien1.pdf">TP 1+ « param, fonctions »</a>
  81 +
  82 + <a class="tile sep" href="tp2.pdf">TP 2 <br/> vers les tableaux</a>
  83 + <a class="tile" href="raw/correction-tp2.zip">Correction<br/>TP 2</a>
  84 +
  85 + <a class="tile sep" href="tp3.pdf">TP 3 <br/> assertions, numpy</a>
  86 + <a class="tile" href="raw/fichiers-tp3.zip">TP 3<br/>fichiers</a>
  87 + <a class="tile" href="raw/correction-tp3.zip">Correction<br/>TP 3</a>
  88 +
  89 + <a class="tile sep" href="tp4.pdf">TP 4 <br/> numpy, aggrégations</a>
  90 + <a class="tile" href="raw/fichiers-tp4.zip">TP 4<br/>fichiers</a>
  91 + <a class="tile" href="raw/correction-tp4.zip">Correction<br/>TP 4</a>
  92 +
  93 + <a class="tile sep" href="tp5.pdf">TP 5 <br/> numpy, plot</a>
  94 + <a class="tile" href="raw/fichiers-tp5.zip">TP 5<br/>fichiers</a>
  95 + <a class="tile" href="raw/correction-tp5.zip">Correction<br/>TP 5</a>
  96 +
  97 + <a class="tile sep" href="tp6.pdf">TP 6 <br/> numpy, encore</a>
  98 + <a class="tile" href="raw/fichiers-tp6.zip">TP 6<br/>fichiers</a>
  99 + <a class="tile" href="raw/correction-tp6.zip">Correction<br/>TP 6</a>
  100 +
  101 + <a class="tile sep" href="tp7.pdf">TP 7 <br/> plot, neige</a>
  102 + <a class="tile" href="raw/generation_donnees.py">TP 7<br/>fichier</a>
  103 + <a class="tile" href="raw/correction-tp7.zip">Correction<br/>TP 7</a>
  104 +
  105 + <a class="tile sep" href="tp8.pdf">TP 8 <br/> post-regis</a>
  106 + <a class="tile" href="raw/generateur_donnees.py">TP 8<br/>fichier</a>
  107 +
  108 + -->
  109 + </div>
  110 + <h2>TDs</h2>
  111 + <div>
  112 + <a class="tile" href="td1.pdf" >Feuille de TD 1</a>
  113 + <!--
  114 + <a class="tile" href="raw/cours-10-02.zip">Code TD 1</a>
  115 + <a class="tile" href="td2.pdf" >Feuille de TD 2</a>
  116 + <a class="tile" href="raw/cours-10-16.zip">Code TD 2.1</a>
  117 + <a class="tile" href="raw/cours-10-23.zip">Code TD 2.2</a>
  118 + <a class="tile" href="td3.pdf" >Feuille de TD 3</a>
  119 + <a class="tile" href="raw/cours-11-13.zip">Code TD 3.1</a>
  120 + <a class="tile" href="raw/cours-11-20.zip">Code TD 3.2</a>
  121 + -->
  122 + </div>
  123 +
  124 +
  125 + <script>
  126 + forEachInSelector("div[data-lesson]", function(e, i) {
  127 + var l = e.getAttribute("data-lesson");
  128 + var cont = document.createElement("div");
  129 + var parent = e.parentElement;
  130 + parent.replaceChild(cont, e);
  131 + cont.classList.add("tile");
  132 + var txt = document.createElement("p");
  133 + txt.textContent = e.textContent;
  134 + cont.appendChild(txt);
  135 + var side = document.createElement("div");
  136 + side.classList.add('side');
  137 + cont.appendChild(side);
  138 +
  139 + var html = document.createElement("a");
  140 + html.textContent = "[html]";
  141 + html.setAttribute("href", "cours-"+l+".html");
  142 + side.appendChild(html)
  143 + var pdf = document.createElement("a");
  144 + pdf.textContent = "[pdf]";
  145 + pdf.setAttribute("href", "export-cours-"+l+".pdf");
  146 + side.appendChild(pdf);
  147 + if (e.getAttribute("data-hascode")) {
  148 + var code = document.createElement("a");
  149 + code.textContent = "[src]";
  150 + code.setAttribute("href", "raw/cours-"+l+".zip");
  151 + side.appendChild(code);
  152 + }
  153 + });
  154 + forEachInSelector("a", function(e, i) {
  155 + e.setAttribute("target", "_blank");
  156 + });
  157 + </script>
  158 +
  159 +<!-- clicky -->
  160 +<script type="text/javascript">
  161 +var clicky_site_ids = clicky_site_ids || [];
  162 +clicky_site_ids.push(100779706);
  163 +(function() {
  164 + var s = document.createElement('script');
  165 + s.type = 'text/javascript';
  166 + s.async = true;
  167 + s.src = '//static.getclicky.com/js';
  168 + ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
  169 +})();
  170 +</script>
  171 +<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100779706ns.gif" /></p></noscript>
  172 +
  173 +
  174 +<!-- Histats.com START (aync)-->
  175 +<script type="text/javascript">var _Hasync= _Hasync|| [];
  176 +_Hasync.push(['Histats.start', '1,2767123,4,0,0,0,00010000']);
  177 +_Hasync.push(['Histats.fasi', '1']);
  178 +_Hasync.push(['Histats.track_hits', '']);
  179 +(function() {
  180 +var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
  181 +hs.src = ('//s10.histats.com/js15_as.js');
  182 +(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
  183 +})();</script>
  184 +<noscript><a href="//www.histats.com" target="_blank"><img src="//sstatic1.histats.com/0.gif?2767123&101" alt="javascript hit counter" border="0"></a></noscript>
  185 +<!-- Histats.com END -->
  186 + </body>
  187 +</html>
media/style.css View file @ 5430109
  1 +/* Quizz */
  2 +div.deck-container .slide.q code {
  3 + background: rgba(255, 255, 255, 0.5);
  4 + color: #444; }
  5 +div.deck-container .slide.q p {
  6 + padding: 0 50px;
  7 + font-size: 25px;
  8 + font-style: italic; }
  9 +div.deck-container .slide.q h2 {
  10 + display: none; }
  11 +div.deck-container .slide.q ul {
  12 + list-style: none; }
  13 +div.deck-container .slide.q ul li > span {
  14 + display: none; }
  15 +div.deck-container .slide.q ul li ul {
  16 + font-weight: bold; }
  17 +div.deck-container .slide.q ol > li {
  18 + padding: 5px;
  19 + margin-top: 10px;
  20 + margin-right: 10px; }
  21 +div.deck-container .slide.q ol {
  22 + list-style-type: upper-alpha; }
  23 +div.deck-container .slide.q ol > li:nth-of-type(1) {
  24 + background: #ff8c8c; }
  25 +div.deck-container .slide.q ol > li:nth-of-type(2) {
  26 + background: yellow; }
  27 +div.deck-container .slide.q ol > li:nth-of-type(3) {
  28 + background: #aaaaff; }
  29 +div.deck-container .slide.q ol > li:nth-of-type(4) {
  30 + background: #64ff64; }
  31 +div.deck-container .slide.q ol > li {
  32 + color: black; }
  33 +div.deck-container .slide.q ol > li tt {
  34 + border: 0;
  35 + color: black; }
  36 +div.deck-container .slide.q div.c {
  37 + margin: 10px; }
  38 +
  39 +body.show-comments .deck-container .slide.q .OK {
  40 + outline: 3px solid black; }
  41 +
  42 +.scrollatbottom {
  43 + display: flex;
  44 + flex-direction: column;
  45 + height: 550px; }
  46 + .scrollatbottom dt {
  47 + margin: 1em 0; }
  48 + .scrollatbottom > *:last-child {
  49 + overflow: scroll;
  50 + flex-grow: 1;
  51 + font-size: 15px; }
  52 +
  53 +/* This theme is generated by deck.js-theme-builder. */
  54 +/* https://github.com/twitwi/deck.js-theme-builder */
  55 +/* This is a generated theme with parameters ('light', 'red', '', '-dense', '-tiny') */
  56 +/* Resets and base styles from HTML5 Boilerplate */
  57 +div, span, object, iframe,
  58 +h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  59 +abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
  60 +small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
  61 +fieldset, form, label, legend,
  62 +table, caption, tbody, tfoot, thead, tr, th, td,
  63 +article, aside, canvas, details, figcaption, figure,
  64 +footer, header, hgroup, menu, nav, section, summary,
  65 +time, mark, audio, video {
  66 + margin: 0;
  67 + padding: 0;
  68 + border: 0;
  69 + font-size: 100%;
  70 + font: inherit;
  71 + vertical-align: baseline; }
  72 +
  73 +article, aside, details, figcaption, figure,
  74 +footer, header, hgroup, menu, nav, section {
  75 + display: block; }
  76 +
  77 +blockquote, q {
  78 + quotes: none; }
  79 + blockquote:before, blockquote:after, q:before, q:after {
  80 + content: "";
  81 + content: none; }
  82 +
  83 +ins {
  84 + background-color: #ff9;
  85 + color: #000;
  86 + text-decoration: none; }
  87 +
  88 +mark {
  89 + background-color: #ff9;
  90 + color: #000;
  91 + font-style: italic;
  92 + font-weight: bold; }
  93 +
  94 +del {
  95 + text-decoration: line-through; }
  96 +
  97 +abbr[title], dfn[title] {
  98 + border-bottom: 1px dotted;
  99 + cursor: help; }
  100 +
  101 +table {
  102 + border-collapse: collapse;
  103 + border-spacing: 0; }
  104 +
  105 +hr {
  106 + display: block;
  107 + height: 1px;
  108 + border: 0;
  109 + border-top: 1px solid #ccc;
  110 + margin: 1em 0;
  111 + padding: 0; }
  112 +
  113 +input, select {
  114 + vertical-align: middle; }
  115 +
  116 +select, input, textarea, button {
  117 + font: 99% sans-serif; }
  118 +
  119 +pre, code, kbd, samp {
  120 + font-family: monospace, sans-serif; }
  121 +
  122 +a {
  123 + -webkit-tap-highlight-color: transparent; }
  124 + a:hover, a:active {
  125 + outline: none; }
  126 +
  127 +ul, ol {
  128 + margin-left: 2em;
  129 + vertical-align: top; }
  130 +
  131 +ol {
  132 + list-style-type: decimal; }
  133 +
  134 +nav ul, nav li {
  135 + margin: 0;
  136 + list-style: none;
  137 + list-style-image: none; }
  138 +
  139 +small {
  140 + font-size: 85%; }
  141 +
  142 +strong, th {
  143 + font-weight: bold; }
  144 +
  145 +td {
  146 + vertical-align: top; }
  147 +
  148 +sub, sup {
  149 + font-size: 75%;
  150 + line-height: 0;
  151 + position: relative; }
  152 +
  153 +sup {
  154 + top: -0.5em; }
  155 +
  156 +sub {
  157 + bottom: -0.25em; }
  158 +
  159 +textarea {
  160 + overflow: auto; }
  161 +
  162 +input[type="radio"] {
  163 + vertical-align: text-bottom; }
  164 +
  165 +input[type="checkbox"] {
  166 + vertical-align: bottom; }
  167 +
  168 +label,
  169 +input[type="button"],
  170 +input[type="submit"],
  171 +input[type="image"],
  172 +button {
  173 + cursor: pointer; }
  174 +
  175 +button, input, select, textarea {
  176 + margin: 0; }
  177 +
  178 +input:invalid, textarea:invalid {
  179 + border-radius: 1px;
  180 + -moz-box-shadow: 0px 0px 5px red;
  181 + -webkit-box-shadow: 0px 0px 5px red;
  182 + box-shadow: 0px 0px 5px red; }
  183 + input:invalid .no-boxshadow, textarea:invalid .no-boxshadow {
  184 + background-color: #f0dddd; }
  185 +
  186 +button {
  187 + width: auto;
  188 + overflow: visible; }
  189 +
  190 +select, input, textarea {
  191 + color: #444; }
  192 +
  193 +a {
  194 + color: #607890; }
  195 + a:hover, a:focus {
  196 + color: #036; }
  197 + a:link {
  198 + -webkit-tap-highlight-color: #fff; }
  199 +
  200 +/* End HTML5 Boilerplate adaptations */
  201 +h1 {
  202 + font-size: 4.5em; }
  203 +
  204 +h1, .vcenter {
  205 + font-weight: bold;
  206 + text-align: center;
  207 + padding-top: 1em;
  208 + max-height: 100%; }
  209 + .csstransforms h1, .csstransforms .vcenter {
  210 + padding: 0 48px;
  211 + position: absolute;
  212 + left: 0;
  213 + right: 0;
  214 + top: 50%;
  215 + -webkit-transform: translate(0, -50%);
  216 + -moz-transform: translate(0, -50%);
  217 + -ms-transform: translate(0, -50%);
  218 + -o-transform: translate(0, -50%);
  219 + transform: translate(0, -50%); }
  220 +
  221 +.vcenter h1 {
  222 + position: relative;
  223 + top: auto;
  224 + padding: 0;
  225 + -webkit-transform: none;
  226 + -moz-transform: none;
  227 + -ms-transform: none;
  228 + -o-transform: none;
  229 + transform: none; }
  230 +
  231 +h2 {
  232 + font-size: 2.25em;
  233 + font-weight: bold;
  234 + padding-top: .5em;
  235 + margin: 0 0 .66666em 0;
  236 + border-bottom: 3px solid #888; }
  237 +
  238 +h3 {
  239 + font-size: 1.4375em;
  240 + font-weight: bold;
  241 + margin-bottom: .30435em; }
  242 +
  243 +h4 {
  244 + font-size: 1.25em;
  245 + font-weight: bold;
  246 + margin-bottom: .25em; }
  247 +
  248 +h5 {
  249 + font-size: 1.125em;
  250 + font-weight: bold;
  251 + margin-bottom: .2222em; }
  252 +
  253 +h6 {
  254 + font-size: 1em;
  255 + font-weight: bold; }
  256 +
  257 +img, iframe, video {
  258 + display: block;
  259 + max-width: 100%; }
  260 +
  261 +video, iframe, img {
  262 + display: block;
  263 + margin: 0 auto; }
  264 +
  265 +p, blockquote, iframe, img, ul, ol, pre, video {
  266 + margin-bottom: 1em; }
  267 +
  268 +pre {
  269 + white-space: pre;
  270 + white-space: pre-wrap;
  271 + word-wrap: break-word;
  272 + padding: 1em;
  273 + border: 1px solid #888; }
  274 +
  275 +em {
  276 + font-style: italic; }
  277 +
  278 +li {
  279 + padding: .25em 0;
  280 + vertical-align: middle; }
  281 + li > ol, li > ul {
  282 + margin-bottom: inherit; }
  283 +
  284 +.deck-container {
  285 + font-size: 16px;
  286 + line-height: 1.25;
  287 + color: #444; }
  288 +
  289 +.slide {
  290 + -moz-box-sizing: border-box;
  291 + box-sizing: border-box;
  292 + width: 100%; }
  293 +
  294 +/* colors */
  295 +/* extras, all together for now */
  296 +@font-face {
  297 + font-family: 'Exo 2';
  298 + font-style: normal;
  299 + font-weight: 400;
  300 + src: local("Exo 2"), local("Exo2-Regular"), url(local-fonts/8C2PVL2WIMUnPF90ukjrZQ.woff) format("woff"), url(http://fonts.gstatic.com/s/exo2/v3/8C2PVL2WIMUnPF90ukjrZQ.woff) format("woff"); }
  301 +@font-face {
  302 + font-family: 'Exo 2';
  303 + font-style: normal;
  304 + font-weight: 700;
  305 + src: local("Exo 2 Bold"), local("Exo2-Bold"), url(local-fonts/RZBBdEhQV3g9mUXUAU9PpvesZW2xOQ-xsNqO47m55DA.woff) format("woff"), url(http://fonts.gstatic.com/s/exo2/v3/RZBBdEhQV3g9mUXUAU9PpvesZW2xOQ-xsNqO47m55DA.woff) format("woff"); }
  306 +@font-face {
  307 + font-family: 'Exo 2';
  308 + font-style: italic;
  309 + font-weight: 400;
  310 + src: local("Exo 2 Italic"), local("Exo2-Italic"), url(local-fonts/G075hziEYGpfdK2KgVmqBQ.woff) format("woff"), url(http://fonts.gstatic.com/s/exo2/v3/G075hziEYGpfdK2KgVmqBQ.woff) format("woff"); }
  311 +@font-face {
  312 + font-family: 'Exo 2';
  313 + font-style: italic;
  314 + font-weight: 700;
  315 + src: local("Exo 2 Bold Italic"), local("Exo2-BoldItalic"), url(local-fonts/Rpc1bsIIcqFfucX8mi4y5hsxEYwM7FgeyaSgU71cLG0.woff) format("woff"), url(http://fonts.gstatic.com/s/exo2/v3/Rpc1bsIIcqFfucX8mi4y5hsxEYwM7FgeyaSgU71cLG0.woff) format("woff"); }
  316 +.timekeeper {
  317 + font-family: monospace; }
  318 +
  319 +.deck-container {
  320 + font-family: 'Exo 2', 'Arial', 'Sans'; }
  321 +
  322 +/* sizes */
  323 +.deck-container {
  324 + font-size: 23px; }
  325 +
  326 +h1 {
  327 + font-size: 1.75em; }
  328 +
  329 +h2 {
  330 + margin: 0;
  331 + padding: 0 10px;
  332 + font-size: 1.5em; }
  333 +
  334 +.deck-container > .slide > ul > li ul, .deck-container > .slide > ul > li ol, .deck-container > .slide > ol > li ul, .deck-container > .slide > ol > li ol {
  335 + line-height: 0.85em;
  336 + margin-bottom: 0px; }
  337 + .deck-container > .slide > ul > li ul > li ul, .deck-container > .slide > ul > li ul > li ol, .deck-container > .slide > ul > li ol > li ul, .deck-container > .slide > ul > li ol > li ol, .deck-container > .slide > ol > li ul > li ul, .deck-container > .slide > ol > li ul > li ol, .deck-container > .slide > ol > li ol > li ul, .deck-container > .slide > ol > li ol > li ol {
  338 + margin-bottom: 0px; }
  339 + .deck-container > .slide > ul > li ul > li ul > li, .deck-container > .slide > ul > li ul > li ol > li, .deck-container > .slide > ul > li ol > li ul > li, .deck-container > .slide > ul > li ol > li ol > li, .deck-container > .slide > ol > li ul > li ul > li, .deck-container > .slide > ol > li ul > li ol > li, .deck-container > .slide > ol > li ol > li ul > li, .deck-container > .slide > ol > li ol > li ol > li {
  340 + margin: 0.2em;
  341 + font-size: 0.8em;
  342 + margin-bottom: 0px; }
  343 + .deck-container > .slide > ul > li ul > li, .deck-container > .slide > ul > li ol > li, .deck-container > .slide > ol > li ul > li, .deck-container > .slide > ol > li ol > li {
  344 + margin: 0.2em;
  345 + font-size: 0.85em;
  346 + margin-bottom: 0px; }
  347 +.deck-container > .slide > ul li, .deck-container > .slide > ol li {
  348 + margin: 0;
  349 + padding: 0;
  350 + margin-top: 0.5em;
  351 + padding-left: 0em; }
  352 +.deck-container > .slide > ul {
  353 + list-style: disc outside none; }
  354 + .deck-container > .slide > ul > li ul {
  355 + list-style: square outside none; }
  356 +
  357 +.deck-container {
  358 + background: white;
  359 + color: #110000; }
  360 +
  361 +h1 {
  362 + color: #444; }
  363 +
  364 +h2 {
  365 + color: #dd0000;
  366 + border-bottom-color: #ddd; }
  367 +
  368 +h3 {
  369 + color: #888; }
  370 +
  371 +pre {
  372 + border-color: #ccc; }
  373 +
  374 +code {
  375 + color: #888; }
  376 +
  377 +.deck-container > .slide > ul > li > ul, .deck-container > .slide > ul > li > ol, .deck-container > .slide > ol > li > ul, .deck-container > .slide > ol > li > ol {
  378 + color: #660000; }
  379 + .deck-container > .slide > ul > li > ul > li > ul, .deck-container > .slide > ul > li > ul > li > ol, .deck-container > .slide > ul > li > ol > li > ul, .deck-container > .slide > ul > li > ol > li > ol, .deck-container > .slide > ol > li > ul > li > ul, .deck-container > .slide > ol > li > ul > li > ol, .deck-container > .slide > ol > li > ol > li > ul, .deck-container > .slide > ol > li > ol > li > ol {
  380 + color: #444444; }
  381 +
  382 +a, a:hover, a:focus, a:active, a:visited {
  383 + color: #00c; }
  384 +
  385 +blockquote {
  386 + font-size: 2em;
  387 + font-style: italic;
  388 + padding: 1em 2em;
  389 + color: #000;
  390 + border-left: 5px solid #ccc; }
  391 + blockquote p {
  392 + margin: 0; }
  393 + blockquote cite {
  394 + font-size: .5em;
  395 + font-style: normal;
  396 + font-weight: bold;
  397 + color: #888; }
  398 +
  399 +a, a:hover, a:focus, a:active, a:visited {
  400 + text-decoration: none; }
  401 +a:hover, a:focus {
  402 + text-decoration: underline; }
  403 +
  404 +.deck-prev-link, .deck-next-link {
  405 + background: #ccc;
  406 + font-family: serif; }
  407 + .deck-prev-link, .deck-prev-link:hover, .deck-prev-link:focus, .deck-prev-link:active, .deck-prev-link:visited, .deck-next-link, .deck-next-link:hover, .deck-next-link:focus, .deck-next-link:active, .deck-next-link:visited {
  408 + color: #fff; }
  409 + .deck-prev-link:hover, .deck-prev-link:focus, .deck-next-link:hover, .deck-next-link:focus {
  410 + background: #c00;
  411 + text-decoration: none; }
  412 +
  413 +.deck-menu > .slide {
  414 + /* matching toplevel slides... ideally, we would expect them to have an additional class */
  415 + background: #eee; }
  416 +.deck-menu > .deck-current, .deck-menu > .deck-child-current {
  417 + outline-offset: 20px;
  418 + outline: 10px solid #f88; }
  419 +.no-touch .deck-menu .slide:hover {
  420 + outline-offset: 20px;
  421 + outline: 10px solid red;
  422 + background: #ddf; }
  423 +
  424 +div.deck-container {
  425 + /* make titles better readable (green is not that good on a projector)
  426 + h2 {
  427 + text-shadow:
  428 + -2px 0 0.5px #000,
  429 + 2px 0 0.5px #000,
  430 + 0 -2px 0.5px #000,
  431 + 0 2px 0.5px #000;
  432 + }
  433 + */
  434 + /* locals */ }
  435 + div.deck-container.first-slide {
  436 + background: black !important; }
  437 + div.deck-container.first-slide > .slide {
  438 + background: white; }
  439 + div.deck-container .title-slide {
  440 + /*h2 { z-index: 100; }*/
  441 + border: 6px solid black; }
  442 + div.deck-container .title-slide ul {
  443 + opacity: 0.9;
  444 + font-size: 50%;
  445 + text-align: center;
  446 + list-style: none !important; }
  447 + div.deck-container .title-slide h1 {
  448 + margin-top: -150px; }
  449 + div.deck-container .title-slide ul {
  450 + margin-top: 370px; }
  451 + div.deck-container .overview h2 {
  452 + background: #EEE; }
  453 + div.deck-container .citation {
  454 + color: darkgrey; }
  455 + div.deck-container.with-ujm a.ujm {
  456 + margin-left: 1em;
  457 + position: absolute;
  458 + background: url(ujm-01.svg) bottom left no-repeat;
  459 + background-size: contain; }
  460 + div.deck-container a.ccby {
  461 + position: absolute;
  462 + background: url(by.svg) bottom right no-repeat;
  463 + background-size: contain; }
  464 + div.deck-container.no-status a.ccby {
  465 + display: none; }
  466 + div.deck-container *:not(pre) > code {
  467 + border: 1px solid lightgrey;
  468 + padding: 0px 5px; }
  469 + div.deck-container .dense {
  470 + line-height: 1.15em;
  471 + font-size: 75%; }
  472 + div.deck-container .denser {
  473 + line-height: 1.1em;
  474 + font-size: 55%; }
  475 + div.deck-container pre {
  476 + padding: 0;
  477 + margin: 0 1em;
  478 + width: auto;
  479 + border: 1px solid lightgrey; }
  480 + div.deck-container pre code {
  481 + background: none;
  482 + padding: 0.5em 0.25em;
  483 + line-height: 1.1em;
  484 + font-size: 18px; }
  485 + div.deck-container pre.biggest code {
  486 + font-size: 24px; }
  487 + div.deck-container pre.bigger code {
  488 + font-size: 22px; }
  489 + div.deck-container pre.big code {
  490 + font-size: 20px; }
  491 + div.deck-container pre.dense code {
  492 + font-size: 16px; }
  493 + div.deck-container pre.denser code {
  494 + font-size: 14px; }
  495 + div.deck-container pre:not(.nolinenumbers) code {
  496 + counter-reset: code-lines; }
  497 + div.deck-container pre:not(.nolinenumbers) code > span {
  498 + counter-increment: code-lines; }
  499 + div.deck-container pre:not(.nolinenumbers) code > span::before {
  500 + content: counter(code-lines);
  501 + color: lightgrey;
  502 + min-width: 2ch;
  503 + padding-right: 1em;
  504 + display: inline-block;
  505 + text-align: right; }
  506 + div.deck-container pre:not(.nolinenumbers) code > span:empty::before {
  507 + color: #EEE; }
  508 + div.deck-container .stdout {
  509 + color: #444; }
  510 + div.deck-container h2 {
  511 + text-align: center; }
  512 + div.deck-container ul + pre {
  513 + margin-top: -.75em; }
  514 + div.deck-container ul + div.denser {
  515 + margin-top: -1em; }
  516 + div.deck-container .inred {
  517 + color: red; }
  518 + div.deck-container .marginup {
  519 + margin-top: 0.5em; }
  520 + div.deck-container > .slide.key {
  521 + border: 20px solid #8B0000;
  522 + border-radius: 30px;
  523 + box-sizing: border-box; }
  524 + div.deck-container > .slide.bash {
  525 + background: url(bash.svg) bottom left no-repeat;
  526 + background-size: 100px; }
  527 + div.deck-container > .slide.bashtr, div.deck-container pre.language-bash {
  528 + background: url(bash.svg) top right no-repeat;
  529 + background-size: 60px; }
  530 + div.deck-container > .slide.py {
  531 + background: url(python.svg) top right no-repeat;
  532 + background-size: 100px; }
  533 + div.deck-container > .slide.pytr, div.deck-container pre.language-python {
  534 + background: url(python.svg) top right no-repeat;
  535 + background-size: 60px; }
  536 + div.deck-container .bashli {
  537 + background: url(bash.svg) center left no-repeat;
  538 + background-size: 3em;
  539 + padding-left: 3.5em !important; }
  540 + div.deck-container .pyli {
  541 + background: url(python.svg) center left no-repeat;
  542 + background-size: 3em;
  543 + padding-left: 3.5em !important; }
  544 +
  545 +/* candidate for style chunks */
  546 +.deck-container {
  547 + /* fix color */ }
  548 + .deck-container.black-bg {
  549 + background: black !important; }
  550 + .deck-container .darkened h2 {
  551 + color: #CCC; }
  552 +
  553 +/*# sourceMappingURL=style.css.map */
more-aide-transparents.html View file @ 5430109
  1 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 +<html xmlns="http://www.w3.org/1999/xhtml">
  3 +<head>
  4 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5 + <meta http-equiv="Content-Style-Type" content="text/css" />
  6 + <meta name="generator" content="pandoc" />
  7 + <title></title>
  8 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/picnicss/6.2.3/picnic.min.css" type="text/css" />
  9 +
  10 +<style type="text/css">
  11 + body {font: arial;}
  12 + body {margin: 15px;}
  13 + body.constrained {margin: auto; max-width: 1000px;}
  14 + h1 {background: #fdb863; border: 1px solid black; text-align: center; padding: 5px; font-size: 1.15em;}
  15 + h2 {color: #e66101; font-size: 1.05em; margin-left: 0.5em;}
  16 + h3 {color: #5e3c99;font-size: 0.95em; margin-left: 1em;}
  17 + h3, p {margin-left: 1em;}
  18 + .en {float:left; clear:left; width: 45%; margin-left: 2%;}
  19 + .fr {float:right; clear:right; width: 45%; margin-right: 2%;}
  20 + .clear {clear:both;}
  21 + pre {margin-left: 30px; border: 1px solid #333; padding: 10px; background: #EEF;}
  22 + pre>code {background: none !important; border: none !important;}
  23 + em {color: darkgreen;}
  24 + code:not(.sourceCode) {background: #EEE; margin: -2px; padding: 2px; border: 1px solid #DDD}
  25 + .lineNumbers {width: 40px;}
  26 +
  27 + .WARN {background: red;}
  28 + .WARN code {background: black; color: white;}
  29 + blockquote {border: 1px solid grey; border-left: 3px solid black; padding: 0;}
  30 + blockquote p {padding: 0;}
  31 +</style>
  32 +<script>
  33 + window.onload = function() {
  34 + if (window.location.hash != "") {
  35 + window.document.body.classList.remove("constrained");
  36 + setTimeout(function() {history.go(0)}, 2000);
  37 + }
  38 + }
  39 +</script>
  40 +
  41 +</head>
  42 +<body class="constrained">
  43 +<h1 id="les-transparents-ne-saffichent-pas">Les transparents ne s'affichent pas ?</h1>
  44 +<p>Si vous avez un navigateur trop ancien (Internet Explorer 8) les transparents ne s'afficheront pas correctement.</p>
  45 +<p>Il est alors recommandé d'installer &quot;firefox&quot; :</p>
  46 +<ul>
  47 +<li>le télécharger sur la <a href="https://www.mozilla.org/en-US/firefox/all/">page de téléchargement</a> qui contient toutes les langues et système d'exploitation,</li>
  48 +<li>lancer l'installation une fois le téléchargement terminé.</li>
  49 +</ul>
  50 +<h1 id="comment-naviguer-dans-les-transparents">Comment naviguer dans les transparents ?</h1>
  51 +<p>Utilisez simplement les flèches :</p>
  52 +<ul>
  53 +<li>droite/gauche pour avancer/reculer pas à pas</li>
  54 +<li>'a'/'z' pour faire défiler les transparents</li>
  55 +</ul>
  56 +<p>Si les flèches ne font rien, clickez sur le slide puis réessayer les flèches.</p>
  57 +<!-- clicky -->
  58 +<script type="text/javascript">
  59 +var clicky_site_ids = clicky_site_ids || [];
  60 +clicky_site_ids.push(100779706);
  61 +(function() {
  62 + var s = document.createElement('script');
  63 + s.type = 'text/javascript';
  64 + s.async = true;
  65 + s.src = '//static.getclicky.com/js';
  66 + ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
  67 +})();
  68 +</script>
  69 +<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100779706ns.gif" /></p></noscript>
  70 +
  71 +
  72 +<!-- Histats.com START (aync)-->
  73 +<script type="text/javascript">var _Hasync= _Hasync|| [];
  74 +_Hasync.push(['Histats.start', '1,2767123,4,0,0,0,00010000']);
  75 +_Hasync.push(['Histats.fasi', '1']);
  76 +_Hasync.push(['Histats.track_hits', '']);
  77 +(function() {
  78 +var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
  79 +hs.src = ('//s10.histats.com/js15_as.js');
  80 +(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
  81 +})();</script>
  82 +<noscript><a href="//www.histats.com" target="_blank"><img src="//sstatic1.histats.com/0.gif?2767123&101" alt="javascript hit counter" border="0"></a></noscript>
  83 +<!-- Histats.com END -->
  84 +</body>
  85 +</html>
outils-python/index.html View file @ 5430109
  1 +<style>body{text-align:center}a{display: inline-block; padding: 0.33em; border: 1px solid black; background: #EEE;}</style>
  2 +<p><a href="ex-simple-if-for.py">ex-simple-if-for.py</a></p>
  3 +<p><a href="ex-test-in.py">ex-test-in.py</a></p>
  4 +<p><a href="inter.py">inter.py</a></p>
  5 +<p><a href="pytohtml.py">pytohtml.py</a></p>
  6 +<p><a href="pytoroad.py">pytoroad.py</a></p>
  7 +<p><a href="qtido.py">qtido.py</a></p>