├── LICENSE ├── README.md ├── Sources ├── Ajax Exemple Pratique-HTML-CSS-JS │ ├── ajax.js │ ├── index.html │ ├── response.html │ ├── response.json │ ├── response.txt │ └── response.xml ├── Calculatrice-HTML-CSS-JS │ ├── calc.js │ ├── calculatrice.html │ ├── design.css │ └── favicon.png ├── Challenge-1-CSS-Layout │ ├── 654368591 │ │ └── style.css │ ├── 654512450 │ │ └── style.css │ ├── 655536364 │ │ └── style.css │ ├── 656437395 │ │ └── design.css │ ├── 678746486 │ │ └── style.css │ ├── 690363095 │ │ └── style.css │ ├── 691617876 │ │ └── style.css │ ├── 695560196 │ │ └── style.css │ ├── 696728362 │ │ └── style.css │ └── Zekeng Ndadji Milliam Maxime │ │ ├── index.html │ │ └── style.css ├── Dschang University Radio-HTML-CSS-JS │ ├── css │ │ └── style.css │ ├── images │ │ ├── Thumbs.db │ │ ├── achille.jpg │ │ ├── back.jpg │ │ ├── comment.png │ │ ├── favicon.ico │ │ ├── logo.gif │ │ ├── postheadericon.png │ │ ├── recteur.jpg │ │ └── remise.gif │ ├── index.html │ └── js │ │ └── javascript.js ├── Gest-Parc-Auto-Complet │ ├── add-auto-page.php │ ├── auto-list.php │ ├── css │ │ ├── bootstrap-combined.min.css │ │ ├── bootstrap.min.css │ │ ├── font-awesome.min.css │ │ ├── footer.css │ │ ├── header.css │ │ └── style.css │ ├── db_script │ │ └── MLR1.SQL │ ├── fonts │ │ ├── fontawesome-webfont(1).eot │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 │ ├── footer.php │ ├── functions.php │ ├── header.php │ ├── images │ │ ├── user_image.png │ │ └── user_image2.jpg │ ├── index.php │ ├── js │ │ ├── bootstrap.min.js │ │ └── jquery.min.js │ └── login.php ├── IFrame-HTML-CSS │ └── iframe.html ├── Responsive │ ├── CSS-Grid-Demo │ │ ├── css │ │ │ ├── css-grid.css │ │ │ └── style.css │ │ └── index.html │ └── CSS-Grid-Lib │ │ └── css-grid.css ├── Snake-HTML-CSS-JS │ ├── js │ │ ├── audio │ │ │ ├── 1.mp3 │ │ │ ├── 1.mp4 │ │ │ ├── 2.mp3 │ │ │ ├── 2.ogg │ │ │ ├── 3.mp3 │ │ │ └── 3.ogg │ │ ├── css │ │ │ └── miu.snake.css │ │ ├── miu.domlib.min.js │ │ └── miu.snake.js │ ├── snake.html │ └── snake_1.html └── Tableaux-Imbriques-HTML-CSS │ └── Tableaux-Imbriques.html └── courses ├── Fiche de TD-TP-Programmation WEB.pdf └── Introduction sur AJAX.pdf /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Zekeng Ndadji Milliam Maxime 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # cours-prog-web-dynamique 2 | In this repository, you will find a part of the artifacts that I usually use to teach dynamic Web programming. 3 | -------------------------------------------------------------------------------- /Sources/Ajax Exemple Pratique-HTML-CSS-JS/ajax.js: -------------------------------------------------------------------------------- 1 | function ajax(){ 2 | if(window.XMLHttpRequest){ 3 | var xhr = new XMLHttpRequest(); 4 | xhr.open("get", "response.txt", true); 5 | xhr.onreadystatechange = function(){ 6 | if(xhr.readyState == 4 && xhr.status == 200){ 7 | document.querySelector("#response").innerHTML = xhr.responseText; 8 | } 9 | } 10 | xhr.send(null); 11 | }else{ 12 | if(window.ActiveXObject){ 13 | var xhr = new ActiveXObject("Microsoft.XMLHTTP"); 14 | // Reprendre les lignes 4 à 10 15 | }else{ 16 | alert("Votre navigateur ne peut pas envoyer des requêtes HTTP via XHR"); 17 | } 18 | } 19 | return false; 20 | } -------------------------------------------------------------------------------- /Sources/Ajax Exemple Pratique-HTML-CSS-JS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Mise en oeuvre de AJAX 6 | 7 | 13 | 14 | 15 | Charger Response 16 |
17 | 18 |
19 | 20 | -------------------------------------------------------------------------------- /Sources/Ajax Exemple Pratique-HTML-CSS-JS/response.html: -------------------------------------------------------------------------------- 1 | 9 |
10 | Hello World from response.html 11 |
-------------------------------------------------------------------------------- /Sources/Ajax Exemple Pratique-HTML-CSS-JS/response.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | id: 1, 4 | exp: "Philippe", 5 | contenu: "Bla bla bla" 6 | }, 7 | { 8 | id: 2, 9 | exp: "Laurent", 10 | contenu: "Blo blo blo" 11 | } 12 | ] -------------------------------------------------------------------------------- /Sources/Ajax Exemple Pratique-HTML-CSS-JS/response.txt: -------------------------------------------------------------------------------- 1 | Hello World! -------------------------------------------------------------------------------- /Sources/Ajax Exemple Pratique-HTML-CSS-JS/response.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 1 5 | Philippe 6 | Bla bla bla 7 | 8 | 9 | 2 10 | Laurent 11 | Blo blo blo 12 | 13 | -------------------------------------------------------------------------------- /Sources/Calculatrice-HTML-CSS-JS/calc.js: -------------------------------------------------------------------------------- 1 | var result = 0; 2 | var screen = null; 3 | var memScreen = null; 4 | var calcID = ""; 5 | var binOp = null; 6 | var clsscr = false; 7 | var eval = false; 8 | var memory = null; 9 | 10 | function digitEntered(event, digit){ 11 | if(!digit) 12 | digit = this.getAttribute("value"); 13 | if((screen.innerHTML.length == 1 && screen.innerHTML === "0") || clsscr){ 14 | screen.innerHTML = digit; 15 | eval = true; 16 | }else{ 17 | if((screen.innerHTML).length < 20){ 18 | screen.innerHTML = screen.innerHTML+""+digit; 19 | eval = true; 20 | } 21 | } 22 | clsscr = false; 23 | return false; 24 | } 25 | 26 | function unaryOperatorTrigered(event, op){ 27 | var val = parseFloat(screen.innerHTML.replace(",", ".")); 28 | if(screen.innerHTML === "Error"){ 29 | val = 0; 30 | } 31 | if(!op) 32 | op = this.getAttribute("value"); 33 | if(op === "+/-"){ 34 | val = -val; 35 | screen.innerHTML = (val+"").replace(".", ","); 36 | } 37 | if(op === "." || op === ","){ 38 | if(screen.innerHTML.indexOf(",") == -1 && (screen.innerHTML).length < 20) 39 | screen.innerHTML = screen.innerHTML+","; 40 | } 41 | if((op === "<---" || op === "Delete") && val !== 0){ 42 | if(val > -10 && val < 10) 43 | screen.innerHTML = "0"; 44 | else 45 | screen.innerHTML = screen.innerHTML.substring(0, screen.innerHTML.length - 1); 46 | } 47 | if(op === "C" || op === "c"){ 48 | screen.innerHTML = "0"; 49 | } 50 | if(op === "CA" || op === "Escape" || op === "z" || op === "Z"){ 51 | screen.innerHTML = "0"; 52 | result = 0; 53 | binOp = null; 54 | eval = false; 55 | clsscr = false; 56 | } 57 | if(op === "M" || op === "m"){ 58 | if(screen.innerHTML !== "Error"){ 59 | memory = screen.innerHTML; 60 | memScreen.innerHTML = "M"; 61 | } 62 | } 63 | if(op === "RM" || op === "R" || op === "r"){ 64 | if(memory != null){ 65 | screen.innerHTML = memory; 66 | eval = true; 67 | } 68 | } 69 | if(op === "CM" || op === "E" || op === "e"){ 70 | memory = null; 71 | memScreen.innerHTML = ""; 72 | } 73 | if(op === "=" || op === "Enter"){ 74 | if(eval){ 75 | var val = parseFloat(screen.innerHTML.replace(",", ".")); 76 | if(binOp === "+"){ 77 | val += result; 78 | } 79 | if(binOp === "-"){ 80 | val = result - val; 81 | } 82 | if(binOp === "*"){ 83 | val *= result; 84 | } 85 | if(binOp === "/"){ 86 | if(val == 0){ 87 | val = "Error"; 88 | eval = false; 89 | binOp = null; 90 | clsscr = true; 91 | } 92 | else 93 | val = result / val; 94 | } 95 | result = val; 96 | eval = false; 97 | } 98 | screen.innerHTML = (result+"").replace(".", ","); 99 | if(result === "Error") 100 | result = 0; 101 | binOp = null; 102 | clsscr = true; 103 | } 104 | return false; 105 | } 106 | 107 | function binaryOperatorTrigered(event, op){ 108 | var val = parseFloat(screen.innerHTML.replace(",", ".")); 109 | if(screen.innerHTML === "Error"){ 110 | val = 0; 111 | } 112 | if(!op) 113 | op = this.getAttribute("value"); 114 | if(eval){ 115 | if(binOp === "+"){ 116 | val += result; 117 | } 118 | if(binOp === "-"){ 119 | val = result - val; 120 | } 121 | if(binOp === "*"){ 122 | val *= result; 123 | } 124 | if(binOp === "/"){ 125 | if(val == 0){ 126 | val = "Error"; 127 | eval = false; 128 | binOp = null; 129 | clsscr = true; 130 | } 131 | else 132 | val = result / val; 133 | } 134 | } 135 | result = val; 136 | screen.innerHTML = (result+"").replace(".", ","); 137 | if(result === "Error") 138 | result = 0; 139 | binOp = op; 140 | clsscr = true; 141 | eval = false; 142 | } 143 | 144 | function init(calcId){ 145 | var init = false; 146 | if(document.getElementById(calcId)){ 147 | calcID = calcId; 148 | screen = document.querySelector("#"+calcId+" .screen"); 149 | memScreen = document.querySelector("#"+calcId+" .mem_screen"); 150 | var digits = document.querySelectorAll("#"+calcId+" .digit"); 151 | for(i = 0; i < digits.length; i++) 152 | digits[i].onclick = digitEntered; 153 | var unaOps = document.querySelectorAll("#"+calcId+" .una_op"); 154 | for(i = 0; i < unaOps.length; i++) 155 | unaOps[i].onclick = unaryOperatorTrigered; 156 | var binOps = document.querySelectorAll("#"+calcId+" .bin_op"); 157 | for(i = 0; i < binOps.length; i++) 158 | binOps[i].onclick = binaryOperatorTrigered; 159 | init = true; 160 | document.onkeyup = keyboardListener; 161 | } 162 | if(!init) 163 | alert("Could not init the MIU Calculator "+calcId); 164 | } 165 | 166 | function keyboardListener(event){ 167 | var code = event.keyCode; 168 | var numb = parseInt(event.key, 10); 169 | if(!isNaN(numb)){ 170 | digitEntered(event, numb); 171 | return; 172 | } 173 | if(event.key == '+' || event.key == '/' || event.key == '-' || event.key == '*'){ 174 | binaryOperatorTrigered(event, event.key); 175 | return; 176 | } 177 | if(event.key == 'M' || event.key == 'm' || event.key == 'R' || event.key == 'r' || 178 | event.key == 'C' || event.key == 'c' || event.key == 'E' || event.key == 'e' || 179 | event.key == '.' || event.key == ',' || event.key == 'Z' || event.key == 'z' || 180 | event.key == '=' || event.key == 'Enter' || event.key == 'Delete' || event.key == 'Escape'){ 181 | unaryOperatorTrigered(event, event.key); 182 | return; 183 | } 184 | } -------------------------------------------------------------------------------- /Sources/Calculatrice-HTML-CSS-JS/calculatrice.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Une calculatrice HTML, CSS et JavaScript 5 | 6 | 7 | 8 | 9 |
10 |
11 | MIU Boss Calculator © MIUniverse 2020 12 |
13 |
14 |
15 | 16 | 0 17 |
18 |
19 |
20 |
21 |
22 | <--- 23 | C 24 | CA 25 |
26 |
27 |
28 | M 29 | RM 30 | CM 31 |
32 |
33 |
34 |
35 |
36 | 7 37 | 8 38 | 9 39 |
40 |
41 |
42 | 4 43 | 5 44 | 6 45 |
46 |
47 |
48 | 1 49 | 2 50 | 3 51 |
52 |
53 |
54 | 0 55 | . 56 | +/- 57 |
58 |
59 |
60 |
61 |
62 |
63 | + 64 | - 65 | / 66 | * 67 | = 68 |
69 |
70 |
71 |
72 |
73 | 74 | 77 | 78 | -------------------------------------------------------------------------------- /Sources/Calculatrice-HTML-CSS-JS/design.css: -------------------------------------------------------------------------------- 1 | html{background: black;} 2 | body{width: 800px; min-height: 500px; background: black; margin: auto;} 3 | .calco{margin: auto; padding: 10px; background: white; width: 250px; margin-top: 50px; border-radius: 5px;} 4 | .first_panel{background: rgb(250, 250, 250); border: 1px solid gray; padding: 5px; border-radius: 5px;} 5 | .mem_screen, .screen{display: block; height: 20px; width: 100%; text-align: right;} 6 | .screen{font-family: "Cambria", "Georgia"; font-size: 1.1em; margin-top: 5px;} 7 | .mem_screen{font-weight: bold;} 8 | .second_panel{width: 180px; float: left; margin: 10px 10px auto auto;} 9 | .number_panel{margin-top: 3px; padding-top: 3px; border-top: 2px solid rgb(238, 238, 238);} 10 | .clear{clear: both;} 11 | .third_panel{float: left; margin: 10px auto auto auto; width: 60px;} 12 | a{text-decoration: none;} 13 | .cmd_button{height: 30px;} 14 | .cmd_button_dh{height: 80px;} 15 | .cmd_button, .cmd_button_dh{display: block; width: 50px; float: left; margin: 2px 4px 2px 4px; text-align: center; border: 1px solid black; color: white; background: black; border-radius: 15px; font-size: 1.1em; padding-top: 5px; box-shadow: 0px 0px 1px 1px rgba(50, 50, 50, 0.5);} 16 | .cmd_button:hover, .cmd_button_dh:hover{background: rgb(250, 250, 250); color: black;} 17 | .calco_label{position: absolute; color: white; background: black; margin-left: -185px; margin-top: 155px; transform: rotate(-90deg); font-size: 1.2em;} 18 | 19 | -------------------------------------------------------------------------------- /Sources/Calculatrice-HTML-CSS-JS/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Calculatrice-HTML-CSS-JS/favicon.png -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/654368591/style.css: -------------------------------------------------------------------------------- 1 | #mypage-container{ 2 | ; 3 | } 4 | 5 | body{ 6 | width: 72%; 7 | height: 100%; 8 | border-color: #C5C5C5; 9 | border: solid; 10 | border-width: 10px; 11 | border-color: #C5C5C5; 12 | margin: auto; 13 | } 14 | 15 | header, footer{ 16 | background-color: blue; 17 | } 18 | 19 | .mypage-full-width{ 20 | height: 100%; 21 | width: 100%; 22 | border: groove; 23 | border-left: 0px; 24 | border-right: 0px 25 | } 26 | 27 | #mypage-content-wrapper{ 28 | border: solid; 29 | border-width: 10px; 30 | border-left: 0px; 31 | border-right: 0px; 32 | border-color: yellow; 33 | } 34 | #mypage-in-column-content-wrapper{ 35 | height: 400px; 36 | max-width: 99.3%; 37 | background-color: #ffa0ff; 38 | border :solid; 39 | border-color: #ffa0ff; 40 | } 41 | 42 | .mypage-large-content{ 43 | background-color: red; 44 | } 45 | 46 | #mypage-central-in-column-content{ 47 | height: 390px; 48 | align-content: center; 49 | background-color: green; 50 | width-left:200px; 51 | width-right: 200px; 52 | width: 50%; 53 | float: left; 54 | overflow: hidden; 55 | white-space: normal; 56 | 57 | 58 | } 59 | .mypage-float-left{ 60 | 61 | } 62 | 63 | .mypage-column-content-aside{ 64 | background-color: #ff70ff; 65 | 66 | } 67 | 68 | #mypage-right-in-column-content{ 69 | text-align: left; 70 | width: 25%; 71 | height: 300px; 72 | float: left; 73 | } 74 | 75 | #mypage-left-in-column-content{ 76 | text-align: left; 77 | width: 25%; 78 | height: 300px; 79 | float: left; 80 | } 81 | 82 | 83 | -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/654512450/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding:0; 4 | font-style: italic; 5 | font-size: 14px; 6 | } 7 | body{ 8 | height: 100%; 9 | width: 80%; 10 | margin-top: 1%; 11 | margin-bottom: 10%; 12 | margin-left: 20%; 13 | margin-right:20%; 14 | overflow: hidden; 15 | } 16 | #mypage-container{ 17 | 18 | border: 10px solid #ccc6c6; 19 | width: 80%; 20 | height: 100%; 21 | } 22 | header.mypage-full-width{ 23 | 24 | height: 10vh; 25 | background-color: blue; 26 | text-decoration: : italic; 27 | border-bottom: yellow 5px solid; 28 | 29 | } 30 | #mypage-content-wrapper{ 31 | height: 60%; 32 | 33 | border-bottom:yellow 5px solid; 34 | } 35 | footer{ 36 | bottom: 0; 37 | background-color: blue; 38 | height: 8vh; 39 | } 40 | #mypage-bottom-large-content,#mypage-top-large-content{ 41 | background-color: red; 42 | height: 10vh; 43 | } 44 | #mypage-top-large-content{ 45 | border-bottom: 5px solid #f5b5c0; 46 | } 47 | #mypage-in-column-content-wrapper{ 48 | background-color: #ff00e06e; 49 | height: 100%;margin-bottom: 0; 50 | border-bottom: #ff00e01c 5px solid; 51 | } 52 | #mypage-left-in-column-content{ 53 | margin-bottom: 5%; 54 | background-color: #f705f0; 55 | display: block; 56 | width: 25%; 57 | height: 20vh; 58 | position:relative; 59 | float: left; 60 | } 61 | #mypage-right-in-column-content{ 62 | margin-top: -40vh; 63 | background-color: #f705f0; 64 | display: block; 65 | width: 25%; 66 | height: 20vh; 67 | position: relative; 68 | float: right; 69 | } 70 | #mypage-central-in-column-content{ 71 | width: 50%; 72 | margin-top: 0; 73 | margin-left: 25%; 74 | margin-right: 25%; 75 | position: relative; 76 | height: 40vh; 77 | background-color:green; 78 | } -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/655536364/style.css: -------------------------------------------------------------------------------- 1 | #mypage-container{ 2 | background-color: yellow; 3 | width:100%; 4 | height: 100%; 5 | } 6 | header.mypage-full-width h2 { 7 | padding-top: -23px; 8 | font-family: 'Ruthie', italic; 9 | } 10 | 11 | header.mypage-full-width { 12 | 13 | clear: ; 14 | margin-top:%; 15 | padding: 5px; 16 | background-color: blue; 17 | border: 2px; 18 | width:99%; 19 | height: 22%: 20 | 21 | 22 | } 23 | footer.mypage-full-width{ 24 | 25 | clear: left; 26 | margin-top:; 27 | padding: 5px; 28 | background-color: blue; 29 | 30 | border: 2px; 31 | width:99%; 32 | 33 | margin-top:1%; 34 | 35 | } 36 | #mypage-top-large-content{ 37 | 38 | clear: left; 39 | margin-top:; 40 | padding: 20px; 41 | background-color: red; 42 | 43 | border: 2px; 44 | 45 | } 46 | .mypage-full-width{ 47 | margin-top: %; 48 | 49 | } 50 | section.mypage-large-content h2 { 51 | 52 | 53 | 54 | } 55 | 56 | 57 | #mypage-bottom-large-content{ 58 | 59 | clear: left; 60 | margin-top:; 61 | padding: 20px; 62 | background-color: red; 63 | 64 | border: 2px; 65 | } 66 | #mypage-in-column-content-wrapper{ 67 | height: 40%; 68 | background-color: pink; 69 | margin-top: %; 70 | } 71 | 72 | aside.mypage-column-content-aside{ 73 | 74 | background-color: teal; 75 | height: 60%; 76 | width: 30%; 77 | } 78 | #mypage-right-in-column-content { 79 | 80 | 81 | float:right; 82 | margin-top:; 83 | margin-top: -17.2%; 84 | 85 | 86 | } 87 | #mypage-central-in-column-content{ 88 | background-color: green; 89 | width: 40%; 90 | margin-left: 30%; 91 | height: 85%; 92 | margin-top: -13.7%; 93 | 94 | } 95 | .mypage-float-right{ 96 | float: top; 97 | } -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/656437395/design.css: -------------------------------------------------------------------------------- 1 | body{ 2 | margin: 0; 3 | padding: 0; 4 | max-width: 80%; 5 | width: 80%; 6 | border: 10px solid #c9c9db; 7 | margin-left: auto; 8 | margin-right: auto; 9 | } 10 | header{ 11 | width: 100%; 12 | height: 80px; 13 | background: #0000ff; 14 | border-bottom: 10px solid yellow; 15 | } 16 | .div1, .div2 { 17 | height: 100px; 18 | width: 100%; 19 | background: red; 20 | } 21 | 22 | .clear{ 23 | clear: left; 24 | } 25 | 26 | .left{ 27 | float: left; 28 | width: 200px; 29 | height: 200px; 30 | background: #aa7676; 31 | } 32 | .left .left_block1{ 33 | border-top: 10px solid #aa7676; 34 | width: 200px; 35 | height: 15opx; 36 | float: left; 37 | background: #e925df; 38 | } 39 | .right{ 40 | float: right; 41 | width: 200px; 42 | height: 200px; 43 | background: #aa7676; 44 | } 45 | 46 | section{ 47 | box-sizing: border-box; 48 | background: #008000; 49 | height: 200px; 50 | border-top: 10px solid #aa7676; 51 | border-bottom: 10px solid #aa7676; 52 | } 53 | .right .right_block1{ 54 | border-top: 10px solid #aa7676; 55 | width: 200px; 56 | height: 15opx; 57 | float: right; 58 | background: #e925df; 59 | } 60 | 61 | footer{ 62 | width: 100%; 63 | height: 80px; 64 | background: blue; 65 | border-top: 10px solid yellow; 66 | } 67 | .div1{ 68 | 69 | } 70 | .div2{ 71 | 72 | } -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/678746486/style.css: -------------------------------------------------------------------------------- 1 | .partie_centrale{ 2 | height: 100%; 3 | width: 80%; 4 | background-color:grey; 5 | margin-left: 12%; 6 | border: 1px solid black; 7 | padding-top:0.5%; 8 | padding-bottom: 0.5%; 9 | margin-bottom:-5%; 10 | } 11 | header{ 12 | height: 20%; 13 | width: 99%; 14 | background-color: blue; 15 | margin-left: 0.5%; 16 | font-size: 350%; 17 | } 18 | section{ 19 | height: 90%; 20 | width: 99%; 21 | padding-top: 0.5%; 22 | background-color: yellow; 23 | margin-left: 0.5%; 24 | } 25 | #article1{ 26 | height: 20%; 27 | width: 100%; 28 | background-color: red; 29 | padding-top: 1%; 30 | font-size: 220%; 31 | } 32 | #partie_rose_clair{ 33 | height: 100%; 34 | width: 100%; 35 | background-color:rgb(255,128,255); 36 | font-size: 500%; 37 | } 38 | #article2{ 39 | height: 50%; 40 | width: 100%; 41 | background-color: rgb(255,0,255); 42 | font-size: 100%; 43 | } 44 | aside{ 45 | height: 90%; 46 | width: 35%; 47 | background-color: green; 48 | margin-left: 25%; 49 | margin-bottom:5%; 50 | font-size: 100%; 51 | } 52 | #aside_rouge{ 53 | height: 25%; 54 | width: 100%; 55 | background-color: red; 56 | margin-left:0%; 57 | font-size: 400%; 58 | margin-top:-4.5%; 59 | } 60 | footer{ 61 | height: 25%; 62 | width: 99%; 63 | margin-left: 0.5%; 64 | background-color: blue; 65 | font-size: 300%; 66 | } 67 | @media screen and (max-width: 1024px){ 68 | .partie_centrale{ 69 | font-size: 30px; 70 | } 71 | aside{ 72 | height: 98%; 73 | } 74 | } 75 | @media screen and (max-width: 800px){ 76 | aside{ 77 | height: 98%; 78 | } 79 | } -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/690363095/style.css: -------------------------------------------------------------------------------- 1 | #mypage-container{ 2 | border: 10px solid rgb(129, 128, 128); 3 | font-size: 14px; 4 | text-align: left; 5 | width: 1000px; 6 | margin: auto; 7 | font-family:Times, serif; 8 | border-top: 1px solid rgb(129, 128, 128); 9 | font-style: italic; 10 | } 11 | header{ 12 | border-top: 12px solid rgb(129, 128, 128); 13 | height: 150px; 14 | background-color: blue; 15 | } 16 | #mypage-top-large-content{ 17 | background-color: red; 18 | height: 150px; 19 | border-top: 12px solid yellow; 20 | } 21 | #mypage-in-column-content-wrapper{ 22 | background-color: rgb(235, 127, 220); 23 | height: 300px; 24 | display: inline-flex; 25 | } 26 | aside{ 27 | background-color: hsla(308, 98%, 51%, 0.89); 28 | height: 190px; 29 | margin-top: 10px; 30 | } 31 | #mypage-central-in-column-content{ 32 | background-color: green; 33 | width: 529px; 34 | height: 280px; 35 | margin-top: 12px; 36 | } 37 | #mypage-bottom-large-content{ 38 | background-color: red; 39 | height: 150px; 40 | border-top: 12px solid rgb(235, 127, 220); 41 | } 42 | footer{ 43 | background-color: blue; 44 | border-top: 12px solid yellow; 45 | height: 150px; 46 | } -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/691617876/style.css: -------------------------------------------------------------------------------- 1 | #mypage-container 2 | { 3 | margin : auto; 4 | width : 65%; 5 | height : 1000px; 6 | background-color : #ccc; 7 | font-style: italic; 8 | font-family: Time-new-roman; 9 | font-size-adjust: +0.55; 10 | padding: 2% 11 | } 12 | .mypage-full-width 13 | { 14 | background-color : #00c; 15 | height : 12%; 16 | } 17 | #mypage-content-wrapper 18 | { 19 | background-color: yellow; 20 | height : 71%; 21 | padding-top:2% ; 22 | } 23 | .mypage-large-content 24 | { 25 | background-color: red; 26 | height: 18%; 27 | padding: 0.6%; 28 | } 29 | #mypage-in-column-content-wrapper 30 | { 31 | background-color: #faf; 32 | height: 59%; 33 | } 34 | .mypage-column-content-aside 35 | { 36 | background-color: #f4d; 37 | width: 26%; 38 | height: 65%; 39 | } 40 | #mypage-central-in-column-content 41 | { 42 | background-color: green; 43 | width: 48%; 44 | height: 93%; 45 | } 46 | .mypage-float-left 47 | { 48 | float: left; 49 | margin-top: 2% 50 | } -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/695560196/style.css: -------------------------------------------------------------------------------- 1 | { 2 | border-left: 8px solid rgb(206,206,206); 3 | border-right: 8px solid rgb(206,206,206); 4 | margin-top: 1px; 5 | font-style:italic; 6 | } 7 | header 8 | { 9 | background-color: blue; 10 | height: 70px; 11 | margin-top: 1%; 12 | border-top: 8px solid rgb(206,206,206); 13 | margin-top: -20px; 14 | } 15 | section 16 | { 17 | background-color: rgb(255,136,255); 18 | } 19 | #mypage-content-wrapper 20 | { 21 | border-top: 8px solid yellow; 22 | } 23 | aside 24 | { 25 | display: inline-block; 26 | vertical-align: top; 27 | background-color: rgb(238,38,213); 28 | height: 200px; 29 | } 30 | #mypage-left-in-column-content 31 | { 32 | margin-top: 1%; 33 | width: 20%; 34 | } 35 | #mypage-right-in-column-content 36 | { 37 | margin-left: 78%; 38 | margin-top: -290px; 39 | width: 22%; 40 | } 41 | .mypage-large-content 42 | { 43 | background-color: red; 44 | height: 75px; 45 | margin-top: -20px; 46 | } 47 | #mypage-central-in-column-content 48 | { 49 | background-color: green; 50 | display: inline-block; 51 | vertical-align: top; 52 | height: 290px; 53 | width: 58%; 54 | margin-top: 1%; 55 | margin-left: -3.5px; 56 | } 57 | #mypage-bottom-large-content 58 | { 59 | margin-top: -30px; 60 | } 61 | footer 62 | { 63 | background-color: blue; 64 | border-top: 8px solid yellow; 65 | border-bottom: 8px solid rgb(206,206,206); 66 | height: 70px; 67 | margin-top: -20px; 68 | } 69 | -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/696728362/style.css: -------------------------------------------------------------------------------- 1 | #mypage-container{ 2 | border: 5px solid gray; 3 | background-color: yellow; 4 | padding:0; 5 | margin-left: 200px; 6 | width:1000px; 7 | font-style: italic; 8 | 9 | } 10 | header{ 11 | margin-top:-20px; 12 | } 13 | header.mypage-full-width{ 14 | background-color: blue; 15 | height: 70px; 16 | } 17 | #mypage-top-large-content{ 18 | margin-top:-10px; 19 | } 20 | .mypage-large-content{ 21 | background-color: red; 22 | height: 80px; 23 | margin-bottom: -10px; 24 | } 25 | section{ 26 | background-color:#ea7cc2; 27 | } 28 | aside{ 29 | display: block; 30 | background-color:#f72fae; 31 | width: 250px; 32 | 33 | } 34 | #mypage-central-in-column-content{ 35 | background-color: green; 36 | width: 500px; 37 | height: 300px; 38 | margin-top: -220px; 39 | margin-left: 250px; 40 | 41 | } 42 | #mypage-left-in-column-content{ 43 | height: 200px; 44 | } 45 | #mypage-right-in-column-content{ 46 | margin-left: 750px; 47 | height: 200px; 48 | margin-top: -320px; 49 | 50 | } 51 | #mypage-bottom-large-content{ 52 | margin-top:105px; 53 | } 54 | footer.mypage-full-width{ 55 | background-color: blue; 56 | height: 70px; 57 | } -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/Zekeng Ndadji Milliam Maxime/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | My Web Page 8 | 9 | 10 | 11 |
12 |
13 |

This is the header

14 |
15 |
16 |
17 |

This is a part for large contents as caroussels, adverts, etc.

18 |
19 |
20 | 23 |
24 |

This is the main content of the page

25 |
26 | 29 |
30 |
31 |
32 |

This is a part for large contents as adverts, caroussels, etc.

33 |
34 |
35 | 38 |
39 | 40 | -------------------------------------------------------------------------------- /Sources/Challenge-1-CSS-Layout/Zekeng Ndadji Milliam Maxime/style.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin-top: 0px; 3 | margin-bottom: 0px; 4 | } 5 | 6 | h2 { 7 | font-style: italic; 8 | margin: 0px; 9 | } 10 | 11 | #mypage-container { 12 | width: 80%; 13 | margin: 0px auto 0px auto; 14 | border: 1px solid lightgray; 15 | background-color: lightgray; 16 | padding: 10px; 17 | } 18 | 19 | .mypage-full-width { 20 | width: 100%; 21 | } 22 | 23 | header, footer { 24 | background-color: blue; 25 | min-height: 100px; 26 | } 27 | 28 | #mypage-content-wrapper { 29 | padding: 10px 0px 10px 0px; 30 | background-color: yellow; 31 | } 32 | 33 | .mypage-large-content { 34 | padding: 10px; 35 | min-height: 100px; 36 | background-color: red; 37 | width: calc(100% - 20px); 38 | } 39 | 40 | .mypage-float-left { 41 | float: left; 42 | } 43 | 44 | .mypage-clear-float { 45 | clear: both; 46 | } 47 | 48 | .mypage-nowidth-noheight { 49 | width: 0px; 50 | height: 0px; 51 | } 52 | 53 | #mypage-in-column-content-wrapper { 54 | padding: 10px 0px 10px 0px; 55 | background-color: violet; 56 | } 57 | 58 | .mypage-column-content-aside { 59 | width: 25%; 60 | background-color: magenta; 61 | min-height: 200px; 62 | border-width: 0px; 63 | } 64 | 65 | #mypage-central-in-column-content { 66 | width: 50%; 67 | min-height: 300px; 68 | background-color: green; 69 | border-width: 0px; 70 | } -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/css/style.css: -------------------------------------------------------------------------------- 1 | html{ 2 | background: url("../images/back.jpg") repeat-x fixed; 3 | background-color: rgb(250, 250, 250); 4 | } 5 | body{ 6 | width: 1015px; 7 | margin: 0px auto 0px auto; 8 | padding: 5px; 9 | min-height: 500px; 10 | } 11 | #header{ 12 | width: 1004px; 13 | padding: 5px; 14 | background: rgb(250, 250, 250); 15 | box-shadow: 0px 1px 2px 1px rgba(20, 20, 20, 0.3); 16 | } 17 | #banner{ 18 | height: 120px; 19 | width: 994px; 20 | padding: 5px; 21 | background: white; 22 | } 23 | #menubar{ 24 | height: 40px; 25 | width: 994px; 26 | padding: 5px; 27 | background: rgb(0, 111, 152); 28 | border-radius: 5px; 29 | } 30 | #content{ 31 | clear: both; 32 | width: 1004px; 33 | background: rgb(250, 250, 250); 34 | box-shadow: 0px 1px 2px 1px rgba(20, 20, 20, 0.3); 35 | margin-top: 10px; 36 | padding: 5px; 37 | } 38 | #left_content{ 39 | width: 250px; 40 | padding: 5px; 41 | float: left; 42 | margin-right: 5px; 43 | } 44 | #main_content{ 45 | width: 717px; 46 | padding: 8px; 47 | margin: 5px 0px 5px 2px; 48 | background: rgb(255, 255, 255); 49 | border: 1px solid rgb(0, 111, 152); 50 | box-shadow: 0px 1px 2px 1px rgba(20, 20, 20, 0.3); 51 | float: left; 52 | } 53 | .clear{ 54 | clear: both; 55 | } 56 | #footer{ 57 | background: rgb(0, 111, 152); 58 | color: white; 59 | box-shadow: 0px 1px 2px 1px rgba(20, 20, 20, 0.3); 60 | width: 1004px; 61 | padding: 5px; 62 | margin-top: 10px; 63 | } 64 | .left_child, .other{ 65 | width: auto; 66 | padding: 5px; 67 | background: rgb(255, 255, 255); 68 | margin: 0px auto 15px auto; 69 | border-radius: 0px 0px 5px 5px; 70 | border: 1px solid rgb(0, 111, 152); 71 | box-shadow: 0px 1px 2px 1px rgba(20, 20, 20, 0.3); 72 | } 73 | .left_child > h4{ 74 | width: 218px; 75 | background: url("../images/comment.png") no-repeat 2px 50%; 76 | background-color: rgb(0, 111, 152); 77 | color: white; 78 | text-transform: uppercase; 79 | padding: 5px 5px 5px 25px; 80 | margin-top: -5px; 81 | margin-left: -5px; 82 | } 83 | .other h4{ 84 | width: 198px; 85 | background: url("../images/comment.png") no-repeat 2px 50%; 86 | background-color: rgb(0, 111, 152); 87 | color: white; 88 | text-transform: uppercase; 89 | padding: 5px 5px 5px 25px; 90 | margin-top: -5px; 91 | margin-left: -5px; 92 | } 93 | .other{ 94 | width: 218px; 95 | float: left; 96 | margin-right: 5px; 97 | } 98 | .menu{ 99 | list-style-type: none; 100 | position: absolute; 101 | margin: 0px 0px 0px 0px; 102 | margin-left: -40px; 103 | } 104 | .menu > li{ 105 | float: left; 106 | padding: 0px 3px 0px 3px; 107 | } 108 | .menu > li > a{ 109 | display: block; 110 | width: auto; 111 | height: 30px; 112 | text-transform: uppercase; 113 | padding-top: 10px; 114 | padding-right: 10px; 115 | padding-left: 10px; 116 | background: white; 117 | color: rgb(255, 98, 130); 118 | font-weight: bold; 119 | } 120 | .menu > li.active > a{ 121 | background: rgb(255, 98, 130); 122 | color: white; 123 | } 124 | .menu > li > a:hover{ 125 | border-radius: 0px; 126 | background: rgb(255, 98, 130); 127 | color: white; 128 | } 129 | .menu > li:hover > .submenu{ 130 | visibility: visible; 131 | } 132 | .submenu{ 133 | background: rgb(0, 111, 152); 134 | list-style-type: none; 135 | position: absolute; 136 | margin: 1px 0px 0px 0px; 137 | border-top: 4px solid rgb(0, 111, 152); 138 | border-bottom: 4px solid rgb(255, 98, 130); 139 | min-width: 120px; 140 | visibility: hidden; 141 | box-shadow: 0px 12px 2px 3px rgba(20, 20, 20, 0.1); 142 | } 143 | .submenu > li:nth-child(1){ 144 | border-top: 5px solid rgb(250, 250, 250); 145 | } 146 | .submenu > li{ 147 | display: block; 148 | margin-left: -40px; 149 | padding: 3px 10px 3px 10px; 150 | } 151 | .submenu > li:hover, .submenu > li.active{ 152 | background: rgb(255, 98, 130); 153 | } 154 | .submenu > li:hover > a, .submenu > li.active > a{ 155 | color: white; 156 | } 157 | .submenu > li > a{ 158 | font-size: 1.15em; 159 | font-weight: bold; 160 | color: white; 161 | } 162 | a{ 163 | text-decoration: none; 164 | color: rgb(255, 98, 130); 165 | } 166 | h1{ 167 | background: url("../images/postheadericon.png") no-repeat 2px 70%; 168 | padding-left: 30px; 169 | color: rgb(60, 60, 60); 170 | } 171 | h1:first-letter, .content p:first-letter{ 172 | font-family: "Cambria", serif; 173 | font-size: 1.3em; 174 | color: rgb(255, 98, 130); 175 | } 176 | input[type="text"], input[type="email"], label{ 177 | width: 100%; 178 | height: 25px; 179 | font-size: 1.10em; 180 | } 181 | input[type="submit"]{ 182 | height: 25px; 183 | color: white; 184 | background-color: rgb(0, 111, 152); 185 | border: 1px solid rgb(0, 111, 152); 186 | cursor: pointer; 187 | } 188 | #overlay{ 189 | position: fixed; 190 | top: 0; 191 | left: 0; 192 | width: 100%; 193 | height: 100%; 194 | background-color: rgba(0, 111, 152, 0.4); 195 | } 196 | #overContent{ 197 | width: 60%; 198 | height: 570px; 199 | margin: 25px 20% 50px 20%; 200 | background: white; 201 | border-radius: 10px; 202 | padding: 10px; 203 | } 204 | #overContent a.close{ 205 | display: block; 206 | position: absolute; 207 | font-size: 1.2em; 208 | } 209 | .table{ 210 | width: 90%; 211 | margin: auto; 212 | border-collapse: collapse; 213 | border: 1px solid rgb(0, 111, 152); 214 | } 215 | .table td, .table tr{ 216 | border-collapse: collapse; 217 | border: 1px solid rgb(0, 111, 152); 218 | height: 28px; 219 | font-size: 1.10em; 220 | text-align: left; 221 | } 222 | .table th{ 223 | border-collapse: collapse; 224 | border-bottom: 1px solid white; 225 | border-left: 1px solid white; 226 | height: 28px; 227 | font-size: 1.10em; 228 | color: white; 229 | background: rgb(0, 111, 152); 230 | text-align: center; 231 | } 232 | .table tr th:nth-child(1){ 233 | border-left: 1px solid rgb(0, 111, 152); 234 | } 235 | .content p img{ 236 | float: left; 237 | margin: 5px; 238 | border: 1px solid rgb(0, 111, 152); 239 | box-shadow: 0px 1px 2px 1px rgba(20, 20, 20, 0.3); 240 | } -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/Thumbs.db: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/Thumbs.db -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/achille.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/achille.jpg -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/back.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/back.jpg -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/comment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/comment.png -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/favicon.ico -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/logo.gif -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/postheadericon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/postheadericon.png -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/recteur.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/recteur.jpg -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/images/remise.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Dschang University Radio-HTML-CSS-JS/images/remise.gif -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Site officiel de la Dschang University Radio 5 | 6 | 7 | 8 | 9 | 10 |
11 | 58 |
59 |
60 |
61 |

Incrivez-vous à notre newsletter

62 |
63 |

64 |

65 |
66 |

67 |
68 |

69 | 70 |
71 | En savoir plus sur la newsletter
72 | Créer un compte 73 |
74 |

75 |
76 |
77 |
78 |

Les Hommes de la semaine

79 |
80 |

81 |

    82 |
  • Pr Anaclet Fometeh
  • 83 |
  • M Mathurin Soh
  • 84 |
  • Mvah Fabrice
  • 85 |
  • Dongmo Alex
  • 86 |
  • Pr Anaclet Fometeh
  • 87 |
  • M Mathurin Soh
  • 88 |
89 |

90 |
91 |
92 |
93 |
94 |
95 |

L'université de Dschang déterminée à achéver le chantier LMD

96 |
97 |

98 | Cette méthode « brutale » conduit à calculer un nombre de chemin «exponentiel» par 99 | Le recteur 100 | résolution) acceptable pour ce problème. 101 | Pour les problèmes qui sont aussi «difficile», on cherche des méthodes 102 | approchées, appelées heuristiques. Mais on ne connaît pas d'algorithme exact qui ait une complexité (temps de 103 | résolution) acceptable pour ce problème. 104 | Pour les problèmes qui sont aussi «difficile», on cherche des méthodes 105 | approchées, appelées heuristiques. Mais on ne connaît pas d'algorithme exact qui ait une complexité (temps de 106 | résolution) acceptable pour ce problème. 107 | Pour les problèmes qui sont aussi «difficile», on cherche des méthodes 108 | approchées, appelées heuristiques. Cette méthode « brutale » conduit à calculer un nombre de chemin «exponentiel» 109 | par rapport au nombre de villes. Pour les problèmes qui sont aussi «difficile», on cherche des méthodes 110 | approchées, appelées heuristiques. Cette méthode « brutale » conduit à calculer un nombre de chemin «exponentiel» 111 | par rapport au nombre de villes. Cette méthode « brutale » conduit à calculer 112 |

113 |
114 |
115 |
116 | publicité 117 |
118 |
119 |
120 |
121 | 129 |
130 | 131 | -------------------------------------------------------------------------------- /Sources/Dschang University Radio-HTML-CSS-JS/js/javascript.js: -------------------------------------------------------------------------------- 1 | function valider(){ 2 | var text = "

Voici les données que vous avez entré

"+ 3 | ""+ 4 | "
Votre nomVotre Email
"+document.newsletter.nom.value+""+document.newsletter.email.value+"
"; 5 | if(document.getElementById("overlay") == null){ 6 | var overlay = document.createElement("div"); 7 | overlay.id = "overlay"; 8 | overlay.innerHTML = "
Fermer"+text+"
"; 9 | document.newsletter.appendChild(overlay); 10 | overlay.onclick = function(){close(); return false;}; 11 | document.getElementById("closer").onclick = function(){close(); return false;}; 12 | }else{ 13 | var overlay = document.getElementById("overlay"); 14 | overlay.innerHTML = "
Fermer"+text+"
"; 15 | overlay.style.display = "block"; 16 | document.getElementById("closer").onclick = function(){close(); return false;}; 17 | } 18 | return false; 19 | } 20 | 21 | function close(){ 22 | document.getElementById("overlay").style.display = "none"; 23 | return false; 24 | } -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/add-auto-page.php: -------------------------------------------------------------------------------- 1 | 27 | 28 |
29 | 32 | 35 | 38 | 41 | 44 | 47 |
" method="post"> 48 |
49 |
50 | un automobile 51 |
52 |
53 | 54 | 55 |
56 | "> 57 |

Saisir le nom de l'automobile à enregistrer

58 |
59 |
60 | 61 |
62 | 63 | 64 |
65 | "> 66 |

Saisir la marque de la voiture

67 |
68 |
69 | 70 |
71 | 72 | 73 |
74 | "> 75 |

Veuillez saisir le prix de l'automobile

76 |
77 |
78 | 79 |
80 | 81 |
82 | 83 |
84 |
85 |
86 |
87 |
88 | 89 | -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/auto-list.php: -------------------------------------------------------------------------------- 1 | 18 |
19 | 22 | 25 | 28 |

LISTE D'AUTOMOBILES

29 |

Le tableau contient la liste des automobiles et leur caracteristiques enregistrees dans la base de donnees

30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 55 | 56 |
IDENTIFIANT DE L'AUTO NOM DE L'AUTO MARQUE DE L'AUTOPRIX DE L'AUTOACTIONS SUR L'AUTO
Modifier Supprimer
57 |
58 | 59 | -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @font-face { 7 | font-family: 'FontAwesome'; 8 | src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); 9 | src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 10 | font-weight: normal; 11 | font-style: normal 12 | } 13 | 14 | .fa { 15 | display: inline-block; 16 | font: normal normal normal 14px/1 FontAwesome; 17 | font-size: inherit; 18 | text-rendering: auto; 19 | -webkit-font-smoothing: antialiased; 20 | -moz-osx-font-smoothing: grayscale 21 | } 22 | 23 | .fa-lg { 24 | font-size: 1.33333333em; 25 | line-height: .75em; 26 | vertical-align: -15% 27 | } 28 | 29 | .fa-2x { 30 | font-size: 2em 31 | } 32 | 33 | .fa-3x { 34 | font-size: 3em 35 | } 36 | 37 | .fa-4x { 38 | font-size: 4em 39 | } 40 | 41 | .fa-5x { 42 | font-size: 5em 43 | } 44 | 45 | .fa-fw { 46 | width: 1.28571429em; 47 | text-align: center 48 | } 49 | 50 | .fa-ul { 51 | padding-left: 0; 52 | margin-left: 2.14285714em; 53 | list-style-type: none 54 | } 55 | 56 | .fa-ul>li { 57 | position: relative 58 | } 59 | 60 | .fa-li { 61 | position: absolute; 62 | left: -2.14285714em; 63 | width: 2.14285714em; 64 | top: .14285714em; 65 | text-align: center 66 | } 67 | 68 | .fa-li.fa-lg { 69 | left: -1.85714286em 70 | } 71 | 72 | .fa-border { 73 | padding: .2em .25em .15em; 74 | border: solid .08em #eee; 75 | border-radius: .1em 76 | } 77 | 78 | .fa-pull-left { 79 | float: left 80 | } 81 | 82 | .fa-pull-right { 83 | float: right 84 | } 85 | 86 | .fa.fa-pull-left { 87 | margin-right: .3em 88 | } 89 | 90 | .fa.fa-pull-right { 91 | margin-left: .3em 92 | } 93 | 94 | .pull-right { 95 | float: right 96 | } 97 | 98 | .pull-left { 99 | float: left 100 | } 101 | 102 | .fa.pull-left { 103 | margin-right: .3em 104 | } 105 | 106 | .fa.pull-right { 107 | margin-left: .3em 108 | } 109 | 110 | .fa-spin { 111 | -webkit-animation: fa-spin 2s infinite linear; 112 | animation: fa-spin 2s infinite linear 113 | } 114 | 115 | .fa-pulse { 116 | -webkit-animation: fa-spin 1s infinite steps(8); 117 | animation: fa-spin 1s infinite steps(8) 118 | } 119 | 120 | @-webkit-keyframes fa-spin { 121 | 0% { 122 | -webkit-transform: rotate(0deg); 123 | transform: rotate(0deg) 124 | } 125 | 100% { 126 | -webkit-transform: rotate(359deg); 127 | transform: rotate(359deg) 128 | } 129 | } 130 | 131 | @keyframes fa-spin { 132 | 0% { 133 | -webkit-transform: rotate(0deg); 134 | transform: rotate(0deg) 135 | } 136 | 100% { 137 | -webkit-transform: rotate(359deg); 138 | transform: rotate(359deg) 139 | } 140 | } 141 | 142 | .fa-rotate-90 { 143 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; 144 | -webkit-transform: rotate(90deg); 145 | -ms-transform: rotate(90deg); 146 | transform: rotate(90deg) 147 | } 148 | 149 | .fa-rotate-180 { 150 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; 151 | -webkit-transform: rotate(180deg); 152 | -ms-transform: rotate(180deg); 153 | transform: rotate(180deg) 154 | } 155 | 156 | .fa-rotate-270 { 157 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; 158 | -webkit-transform: rotate(270deg); 159 | -ms-transform: rotate(270deg); 160 | transform: rotate(270deg) 161 | } 162 | 163 | .fa-flip-horizontal { 164 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; 165 | -webkit-transform: scale(-1, 1); 166 | -ms-transform: scale(-1, 1); 167 | transform: scale(-1, 1) 168 | } 169 | 170 | .fa-flip-vertical { 171 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; 172 | -webkit-transform: scale(1, -1); 173 | -ms-transform: scale(1, -1); 174 | transform: scale(1, -1) 175 | } 176 | 177 | :root .fa-rotate-90, 178 | :root .fa-rotate-180, 179 | :root .fa-rotate-270, 180 | :root .fa-flip-horizontal, 181 | :root .fa-flip-vertical { 182 | filter: none 183 | } 184 | 185 | .fa-stack { 186 | position: relative; 187 | display: inline-block; 188 | width: 2em; 189 | height: 2em; 190 | line-height: 2em; 191 | vertical-align: middle 192 | } 193 | 194 | .fa-stack-1x, 195 | .fa-stack-2x { 196 | position: absolute; 197 | left: 0; 198 | width: 100%; 199 | text-align: center 200 | } 201 | 202 | .fa-stack-1x { 203 | line-height: inherit 204 | } 205 | 206 | .fa-stack-2x { 207 | font-size: 2em 208 | } 209 | 210 | .fa-inverse { 211 | color: #fff 212 | } 213 | 214 | .fa-glass:before { 215 | content: "\f000" 216 | } 217 | 218 | .fa-music:before { 219 | content: "\f001" 220 | } 221 | 222 | .fa-search:before { 223 | content: "\f002" 224 | } 225 | 226 | .fa-envelope-o:before { 227 | content: "\f003" 228 | } 229 | 230 | .fa-heart:before { 231 | content: "\f004" 232 | } 233 | 234 | .fa-star:before { 235 | content: "\f005" 236 | } 237 | 238 | .fa-star-o:before { 239 | content: "\f006" 240 | } 241 | 242 | .fa-user:before { 243 | content: "\f007" 244 | } 245 | 246 | .fa-film:before { 247 | content: "\f008" 248 | } 249 | 250 | .fa-th-large:before { 251 | content: "\f009" 252 | } 253 | 254 | .fa-th:before { 255 | content: "\f00a" 256 | } 257 | 258 | .fa-th-list:before { 259 | content: "\f00b" 260 | } 261 | 262 | .fa-check:before { 263 | content: "\f00c" 264 | } 265 | 266 | .fa-remove:before, 267 | .fa-close:before, 268 | .fa-times:before { 269 | content: "\f00d" 270 | } 271 | 272 | .fa-search-plus:before { 273 | content: "\f00e" 274 | } 275 | 276 | .fa-search-minus:before { 277 | content: "\f010" 278 | } 279 | 280 | .fa-power-off:before { 281 | content: "\f011" 282 | } 283 | 284 | .fa-signal:before { 285 | content: "\f012" 286 | } 287 | 288 | .fa-gear:before, 289 | .fa-cog:before { 290 | content: "\f013" 291 | } 292 | 293 | .fa-trash-o:before { 294 | content: "\f014" 295 | } 296 | 297 | .fa-home:before { 298 | content: "\f015" 299 | } 300 | 301 | .fa-file-o:before { 302 | content: "\f016" 303 | } 304 | 305 | .fa-clock-o:before { 306 | content: "\f017" 307 | } 308 | 309 | .fa-road:before { 310 | content: "\f018" 311 | } 312 | 313 | .fa-download:before { 314 | content: "\f019" 315 | } 316 | 317 | .fa-arrow-circle-o-down:before { 318 | content: "\f01a" 319 | } 320 | 321 | .fa-arrow-circle-o-up:before { 322 | content: "\f01b" 323 | } 324 | 325 | .fa-inbox:before { 326 | content: "\f01c" 327 | } 328 | 329 | .fa-play-circle-o:before { 330 | content: "\f01d" 331 | } 332 | 333 | .fa-rotate-right:before, 334 | .fa-repeat:before { 335 | content: "\f01e" 336 | } 337 | 338 | .fa-refresh:before { 339 | content: "\f021" 340 | } 341 | 342 | .fa-list-alt:before { 343 | content: "\f022" 344 | } 345 | 346 | .fa-lock:before { 347 | content: "\f023" 348 | } 349 | 350 | .fa-flag:before { 351 | content: "\f024" 352 | } 353 | 354 | .fa-headphones:before { 355 | content: "\f025" 356 | } 357 | 358 | .fa-volume-off:before { 359 | content: "\f026" 360 | } 361 | 362 | .fa-volume-down:before { 363 | content: "\f027" 364 | } 365 | 366 | .fa-volume-up:before { 367 | content: "\f028" 368 | } 369 | 370 | .fa-qrcode:before { 371 | content: "\f029" 372 | } 373 | 374 | .fa-barcode:before { 375 | content: "\f02a" 376 | } 377 | 378 | .fa-tag:before { 379 | content: "\f02b" 380 | } 381 | 382 | .fa-tags:before { 383 | content: "\f02c" 384 | } 385 | 386 | .fa-book:before { 387 | content: "\f02d" 388 | } 389 | 390 | .fa-bookmark:before { 391 | content: "\f02e" 392 | } 393 | 394 | .fa-print:before { 395 | content: "\f02f" 396 | } 397 | 398 | .fa-camera:before { 399 | content: "\f030" 400 | } 401 | 402 | .fa-font:before { 403 | content: "\f031" 404 | } 405 | 406 | .fa-bold:before { 407 | content: "\f032" 408 | } 409 | 410 | .fa-italic:before { 411 | content: "\f033" 412 | } 413 | 414 | .fa-text-height:before { 415 | content: "\f034" 416 | } 417 | 418 | .fa-text-width:before { 419 | content: "\f035" 420 | } 421 | 422 | .fa-align-left:before { 423 | content: "\f036" 424 | } 425 | 426 | .fa-align-center:before { 427 | content: "\f037" 428 | } 429 | 430 | .fa-align-right:before { 431 | content: "\f038" 432 | } 433 | 434 | .fa-align-justify:before { 435 | content: "\f039" 436 | } 437 | 438 | .fa-list:before { 439 | content: "\f03a" 440 | } 441 | 442 | .fa-dedent:before, 443 | .fa-outdent:before { 444 | content: "\f03b" 445 | } 446 | 447 | .fa-indent:before { 448 | content: "\f03c" 449 | } 450 | 451 | .fa-video-camera:before { 452 | content: "\f03d" 453 | } 454 | 455 | .fa-photo:before, 456 | .fa-image:before, 457 | .fa-picture-o:before { 458 | content: "\f03e" 459 | } 460 | 461 | .fa-pencil:before { 462 | content: "\f040" 463 | } 464 | 465 | .fa-map-marker:before { 466 | content: "\f041" 467 | } 468 | 469 | .fa-adjust:before { 470 | content: "\f042" 471 | } 472 | 473 | .fa-tint:before { 474 | content: "\f043" 475 | } 476 | 477 | .fa-edit:before, 478 | .fa-pencil-square-o:before { 479 | content: "\f044" 480 | } 481 | 482 | .fa-share-square-o:before { 483 | content: "\f045" 484 | } 485 | 486 | .fa-check-square-o:before { 487 | content: "\f046" 488 | } 489 | 490 | .fa-arrows:before { 491 | content: "\f047" 492 | } 493 | 494 | .fa-step-backward:before { 495 | content: "\f048" 496 | } 497 | 498 | .fa-fast-backward:before { 499 | content: "\f049" 500 | } 501 | 502 | .fa-backward:before { 503 | content: "\f04a" 504 | } 505 | 506 | .fa-play:before { 507 | content: "\f04b" 508 | } 509 | 510 | .fa-pause:before { 511 | content: "\f04c" 512 | } 513 | 514 | .fa-stop:before { 515 | content: "\f04d" 516 | } 517 | 518 | .fa-forward:before { 519 | content: "\f04e" 520 | } 521 | 522 | .fa-fast-forward:before { 523 | content: "\f050" 524 | } 525 | 526 | .fa-step-forward:before { 527 | content: "\f051" 528 | } 529 | 530 | .fa-eject:before { 531 | content: "\f052" 532 | } 533 | 534 | .fa-chevron-left:before { 535 | content: "\f053" 536 | } 537 | 538 | .fa-chevron-right:before { 539 | content: "\f054" 540 | } 541 | 542 | .fa-plus-circle:before { 543 | content: "\f055" 544 | } 545 | 546 | .fa-minus-circle:before { 547 | content: "\f056" 548 | } 549 | 550 | .fa-times-circle:before { 551 | content: "\f057" 552 | } 553 | 554 | .fa-check-circle:before { 555 | content: "\f058" 556 | } 557 | 558 | .fa-question-circle:before { 559 | content: "\f059" 560 | } 561 | 562 | .fa-info-circle:before { 563 | content: "\f05a" 564 | } 565 | 566 | .fa-crosshairs:before { 567 | content: "\f05b" 568 | } 569 | 570 | .fa-times-circle-o:before { 571 | content: "\f05c" 572 | } 573 | 574 | .fa-check-circle-o:before { 575 | content: "\f05d" 576 | } 577 | 578 | .fa-ban:before { 579 | content: "\f05e" 580 | } 581 | 582 | .fa-arrow-left:before { 583 | content: "\f060" 584 | } 585 | 586 | .fa-arrow-right:before { 587 | content: "\f061" 588 | } 589 | 590 | .fa-arrow-up:before { 591 | content: "\f062" 592 | } 593 | 594 | .fa-arrow-down:before { 595 | content: "\f063" 596 | } 597 | 598 | .fa-mail-forward:before, 599 | .fa-share:before { 600 | content: "\f064" 601 | } 602 | 603 | .fa-expand:before { 604 | content: "\f065" 605 | } 606 | 607 | .fa-compress:before { 608 | content: "\f066" 609 | } 610 | 611 | .fa-plus:before { 612 | content: "\f067" 613 | } 614 | 615 | .fa-minus:before { 616 | content: "\f068" 617 | } 618 | 619 | .fa-asterisk:before { 620 | content: "\f069" 621 | } 622 | 623 | .fa-exclamation-circle:before { 624 | content: "\f06a" 625 | } 626 | 627 | .fa-gift:before { 628 | content: "\f06b" 629 | } 630 | 631 | .fa-leaf:before { 632 | content: "\f06c" 633 | } 634 | 635 | .fa-fire:before { 636 | content: "\f06d" 637 | } 638 | 639 | .fa-eye:before { 640 | content: "\f06e" 641 | } 642 | 643 | .fa-eye-slash:before { 644 | content: "\f070" 645 | } 646 | 647 | .fa-warning:before, 648 | .fa-exclamation-triangle:before { 649 | content: "\f071" 650 | } 651 | 652 | .fa-plane:before { 653 | content: "\f072" 654 | } 655 | 656 | .fa-calendar:before { 657 | content: "\f073" 658 | } 659 | 660 | .fa-random:before { 661 | content: "\f074" 662 | } 663 | 664 | .fa-comment:before { 665 | content: "\f075" 666 | } 667 | 668 | .fa-magnet:before { 669 | content: "\f076" 670 | } 671 | 672 | .fa-chevron-up:before { 673 | content: "\f077" 674 | } 675 | 676 | .fa-chevron-down:before { 677 | content: "\f078" 678 | } 679 | 680 | .fa-retweet:before { 681 | content: "\f079" 682 | } 683 | 684 | .fa-shopping-cart:before { 685 | content: "\f07a" 686 | } 687 | 688 | .fa-folder:before { 689 | content: "\f07b" 690 | } 691 | 692 | .fa-folder-open:before { 693 | content: "\f07c" 694 | } 695 | 696 | .fa-arrows-v:before { 697 | content: "\f07d" 698 | } 699 | 700 | .fa-arrows-h:before { 701 | content: "\f07e" 702 | } 703 | 704 | .fa-bar-chart-o:before, 705 | .fa-bar-chart:before { 706 | content: "\f080" 707 | } 708 | 709 | .fa-twitter-square:before { 710 | content: "\f081" 711 | } 712 | 713 | .fa-facebook-square:before { 714 | content: "\f082" 715 | } 716 | 717 | .fa-camera-retro:before { 718 | content: "\f083" 719 | } 720 | 721 | .fa-key:before { 722 | content: "\f084" 723 | } 724 | 725 | .fa-gears:before, 726 | .fa-cogs:before { 727 | content: "\f085" 728 | } 729 | 730 | .fa-comments:before { 731 | content: "\f086" 732 | } 733 | 734 | .fa-thumbs-o-up:before { 735 | content: "\f087" 736 | } 737 | 738 | .fa-thumbs-o-down:before { 739 | content: "\f088" 740 | } 741 | 742 | .fa-star-half:before { 743 | content: "\f089" 744 | } 745 | 746 | .fa-heart-o:before { 747 | content: "\f08a" 748 | } 749 | 750 | .fa-sign-out:before { 751 | content: "\f08b" 752 | } 753 | 754 | .fa-linkedin-square:before { 755 | content: "\f08c" 756 | } 757 | 758 | .fa-thumb-tack:before { 759 | content: "\f08d" 760 | } 761 | 762 | .fa-external-link:before { 763 | content: "\f08e" 764 | } 765 | 766 | .fa-sign-in:before { 767 | content: "\f090" 768 | } 769 | 770 | .fa-trophy:before { 771 | content: "\f091" 772 | } 773 | 774 | .fa-github-square:before { 775 | content: "\f092" 776 | } 777 | 778 | .fa-upload:before { 779 | content: "\f093" 780 | } 781 | 782 | .fa-lemon-o:before { 783 | content: "\f094" 784 | } 785 | 786 | .fa-phone:before { 787 | content: "\f095" 788 | } 789 | 790 | .fa-square-o:before { 791 | content: "\f096" 792 | } 793 | 794 | .fa-bookmark-o:before { 795 | content: "\f097" 796 | } 797 | 798 | .fa-phone-square:before { 799 | content: "\f098" 800 | } 801 | 802 | .fa-twitter:before { 803 | content: "\f099" 804 | } 805 | 806 | .fa-facebook-f:before, 807 | .fa-facebook:before { 808 | content: "\f09a" 809 | } 810 | 811 | .fa-github:before { 812 | content: "\f09b" 813 | } 814 | 815 | .fa-unlock:before { 816 | content: "\f09c" 817 | } 818 | 819 | .fa-credit-card:before { 820 | content: "\f09d" 821 | } 822 | 823 | .fa-feed:before, 824 | .fa-rss:before { 825 | content: "\f09e" 826 | } 827 | 828 | .fa-hdd-o:before { 829 | content: "\f0a0" 830 | } 831 | 832 | .fa-bullhorn:before { 833 | content: "\f0a1" 834 | } 835 | 836 | .fa-bell:before { 837 | content: "\f0f3" 838 | } 839 | 840 | .fa-certificate:before { 841 | content: "\f0a3" 842 | } 843 | 844 | .fa-hand-o-right:before { 845 | content: "\f0a4" 846 | } 847 | 848 | .fa-hand-o-left:before { 849 | content: "\f0a5" 850 | } 851 | 852 | .fa-hand-o-up:before { 853 | content: "\f0a6" 854 | } 855 | 856 | .fa-hand-o-down:before { 857 | content: "\f0a7" 858 | } 859 | 860 | .fa-arrow-circle-left:before { 861 | content: "\f0a8" 862 | } 863 | 864 | .fa-arrow-circle-right:before { 865 | content: "\f0a9" 866 | } 867 | 868 | .fa-arrow-circle-up:before { 869 | content: "\f0aa" 870 | } 871 | 872 | .fa-arrow-circle-down:before { 873 | content: "\f0ab" 874 | } 875 | 876 | .fa-globe:before { 877 | content: "\f0ac" 878 | } 879 | 880 | .fa-wrench:before { 881 | content: "\f0ad" 882 | } 883 | 884 | .fa-tasks:before { 885 | content: "\f0ae" 886 | } 887 | 888 | .fa-filter:before { 889 | content: "\f0b0" 890 | } 891 | 892 | .fa-briefcase:before { 893 | content: "\f0b1" 894 | } 895 | 896 | .fa-arrows-alt:before { 897 | content: "\f0b2" 898 | } 899 | 900 | .fa-group:before, 901 | .fa-users:before { 902 | content: "\f0c0" 903 | } 904 | 905 | .fa-chain:before, 906 | .fa-link:before { 907 | content: "\f0c1" 908 | } 909 | 910 | .fa-cloud:before { 911 | content: "\f0c2" 912 | } 913 | 914 | .fa-flask:before { 915 | content: "\f0c3" 916 | } 917 | 918 | .fa-cut:before, 919 | .fa-scissors:before { 920 | content: "\f0c4" 921 | } 922 | 923 | .fa-copy:before, 924 | .fa-files-o:before { 925 | content: "\f0c5" 926 | } 927 | 928 | .fa-paperclip:before { 929 | content: "\f0c6" 930 | } 931 | 932 | .fa-save:before, 933 | .fa-floppy-o:before { 934 | content: "\f0c7" 935 | } 936 | 937 | .fa-square:before { 938 | content: "\f0c8" 939 | } 940 | 941 | .fa-navicon:before, 942 | .fa-reorder:before, 943 | .fa-bars:before { 944 | content: "\f0c9" 945 | } 946 | 947 | .fa-list-ul:before { 948 | content: "\f0ca" 949 | } 950 | 951 | .fa-list-ol:before { 952 | content: "\f0cb" 953 | } 954 | 955 | .fa-strikethrough:before { 956 | content: "\f0cc" 957 | } 958 | 959 | .fa-underline:before { 960 | content: "\f0cd" 961 | } 962 | 963 | .fa-table:before { 964 | content: "\f0ce" 965 | } 966 | 967 | .fa-magic:before { 968 | content: "\f0d0" 969 | } 970 | 971 | .fa-truck:before { 972 | content: "\f0d1" 973 | } 974 | 975 | .fa-pinterest:before { 976 | content: "\f0d2" 977 | } 978 | 979 | .fa-pinterest-square:before { 980 | content: "\f0d3" 981 | } 982 | 983 | .fa-google-plus-square:before { 984 | content: "\f0d4" 985 | } 986 | 987 | .fa-google-plus:before { 988 | content: "\f0d5" 989 | } 990 | 991 | .fa-money:before { 992 | content: "\f0d6" 993 | } 994 | 995 | .fa-caret-down:before { 996 | content: "\f0d7" 997 | } 998 | 999 | .fa-caret-up:before { 1000 | content: "\f0d8" 1001 | } 1002 | 1003 | .fa-caret-left:before { 1004 | content: "\f0d9" 1005 | } 1006 | 1007 | .fa-caret-right:before { 1008 | content: "\f0da" 1009 | } 1010 | 1011 | .fa-columns:before { 1012 | content: "\f0db" 1013 | } 1014 | 1015 | .fa-unsorted:before, 1016 | .fa-sort:before { 1017 | content: "\f0dc" 1018 | } 1019 | 1020 | .fa-sort-down:before, 1021 | .fa-sort-desc:before { 1022 | content: "\f0dd" 1023 | } 1024 | 1025 | .fa-sort-up:before, 1026 | .fa-sort-asc:before { 1027 | content: "\f0de" 1028 | } 1029 | 1030 | .fa-envelope:before { 1031 | content: "\f0e0" 1032 | } 1033 | 1034 | .fa-linkedin:before { 1035 | content: "\f0e1" 1036 | } 1037 | 1038 | .fa-rotate-left:before, 1039 | .fa-undo:before { 1040 | content: "\f0e2" 1041 | } 1042 | 1043 | .fa-legal:before, 1044 | .fa-gavel:before { 1045 | content: "\f0e3" 1046 | } 1047 | 1048 | .fa-dashboard:before, 1049 | .fa-tachometer:before { 1050 | content: "\f0e4" 1051 | } 1052 | 1053 | .fa-comment-o:before { 1054 | content: "\f0e5" 1055 | } 1056 | 1057 | .fa-comments-o:before { 1058 | content: "\f0e6" 1059 | } 1060 | 1061 | .fa-flash:before, 1062 | .fa-bolt:before { 1063 | content: "\f0e7" 1064 | } 1065 | 1066 | .fa-sitemap:before { 1067 | content: "\f0e8" 1068 | } 1069 | 1070 | .fa-umbrella:before { 1071 | content: "\f0e9" 1072 | } 1073 | 1074 | .fa-paste:before, 1075 | .fa-clipboard:before { 1076 | content: "\f0ea" 1077 | } 1078 | 1079 | .fa-lightbulb-o:before { 1080 | content: "\f0eb" 1081 | } 1082 | 1083 | .fa-exchange:before { 1084 | content: "\f0ec" 1085 | } 1086 | 1087 | .fa-cloud-download:before { 1088 | content: "\f0ed" 1089 | } 1090 | 1091 | .fa-cloud-upload:before { 1092 | content: "\f0ee" 1093 | } 1094 | 1095 | .fa-user-md:before { 1096 | content: "\f0f0" 1097 | } 1098 | 1099 | .fa-stethoscope:before { 1100 | content: "\f0f1" 1101 | } 1102 | 1103 | .fa-suitcase:before { 1104 | content: "\f0f2" 1105 | } 1106 | 1107 | .fa-bell-o:before { 1108 | content: "\f0a2" 1109 | } 1110 | 1111 | .fa-coffee:before { 1112 | content: "\f0f4" 1113 | } 1114 | 1115 | .fa-cutlery:before { 1116 | content: "\f0f5" 1117 | } 1118 | 1119 | .fa-file-text-o:before { 1120 | content: "\f0f6" 1121 | } 1122 | 1123 | .fa-building-o:before { 1124 | content: "\f0f7" 1125 | } 1126 | 1127 | .fa-hospital-o:before { 1128 | content: "\f0f8" 1129 | } 1130 | 1131 | .fa-ambulance:before { 1132 | content: "\f0f9" 1133 | } 1134 | 1135 | .fa-medkit:before { 1136 | content: "\f0fa" 1137 | } 1138 | 1139 | .fa-fighter-jet:before { 1140 | content: "\f0fb" 1141 | } 1142 | 1143 | .fa-beer:before { 1144 | content: "\f0fc" 1145 | } 1146 | 1147 | .fa-h-square:before { 1148 | content: "\f0fd" 1149 | } 1150 | 1151 | .fa-plus-square:before { 1152 | content: "\f0fe" 1153 | } 1154 | 1155 | .fa-angle-double-left:before { 1156 | content: "\f100" 1157 | } 1158 | 1159 | .fa-angle-double-right:before { 1160 | content: "\f101" 1161 | } 1162 | 1163 | .fa-angle-double-up:before { 1164 | content: "\f102" 1165 | } 1166 | 1167 | .fa-angle-double-down:before { 1168 | content: "\f103" 1169 | } 1170 | 1171 | .fa-angle-left:before { 1172 | content: "\f104" 1173 | } 1174 | 1175 | .fa-angle-right:before { 1176 | content: "\f105" 1177 | } 1178 | 1179 | .fa-angle-up:before { 1180 | content: "\f106" 1181 | } 1182 | 1183 | .fa-angle-down:before { 1184 | content: "\f107" 1185 | } 1186 | 1187 | .fa-desktop:before { 1188 | content: "\f108" 1189 | } 1190 | 1191 | .fa-laptop:before { 1192 | content: "\f109" 1193 | } 1194 | 1195 | .fa-tablet:before { 1196 | content: "\f10a" 1197 | } 1198 | 1199 | .fa-mobile-phone:before, 1200 | .fa-mobile:before { 1201 | content: "\f10b" 1202 | } 1203 | 1204 | .fa-circle-o:before { 1205 | content: "\f10c" 1206 | } 1207 | 1208 | .fa-quote-left:before { 1209 | content: "\f10d" 1210 | } 1211 | 1212 | .fa-quote-right:before { 1213 | content: "\f10e" 1214 | } 1215 | 1216 | .fa-spinner:before { 1217 | content: "\f110" 1218 | } 1219 | 1220 | .fa-circle:before { 1221 | content: "\f111" 1222 | } 1223 | 1224 | .fa-mail-reply:before, 1225 | .fa-reply:before { 1226 | content: "\f112" 1227 | } 1228 | 1229 | .fa-github-alt:before { 1230 | content: "\f113" 1231 | } 1232 | 1233 | .fa-folder-o:before { 1234 | content: "\f114" 1235 | } 1236 | 1237 | .fa-folder-open-o:before { 1238 | content: "\f115" 1239 | } 1240 | 1241 | .fa-smile-o:before { 1242 | content: "\f118" 1243 | } 1244 | 1245 | .fa-frown-o:before { 1246 | content: "\f119" 1247 | } 1248 | 1249 | .fa-meh-o:before { 1250 | content: "\f11a" 1251 | } 1252 | 1253 | .fa-gamepad:before { 1254 | content: "\f11b" 1255 | } 1256 | 1257 | .fa-keyboard-o:before { 1258 | content: "\f11c" 1259 | } 1260 | 1261 | .fa-flag-o:before { 1262 | content: "\f11d" 1263 | } 1264 | 1265 | .fa-flag-checkered:before { 1266 | content: "\f11e" 1267 | } 1268 | 1269 | .fa-terminal:before { 1270 | content: "\f120" 1271 | } 1272 | 1273 | .fa-code:before { 1274 | content: "\f121" 1275 | } 1276 | 1277 | .fa-mail-reply-all:before, 1278 | .fa-reply-all:before { 1279 | content: "\f122" 1280 | } 1281 | 1282 | .fa-star-half-empty:before, 1283 | .fa-star-half-full:before, 1284 | .fa-star-half-o:before { 1285 | content: "\f123" 1286 | } 1287 | 1288 | .fa-location-arrow:before { 1289 | content: "\f124" 1290 | } 1291 | 1292 | .fa-crop:before { 1293 | content: "\f125" 1294 | } 1295 | 1296 | .fa-code-fork:before { 1297 | content: "\f126" 1298 | } 1299 | 1300 | .fa-unlink:before, 1301 | .fa-chain-broken:before { 1302 | content: "\f127" 1303 | } 1304 | 1305 | .fa-question:before { 1306 | content: "\f128" 1307 | } 1308 | 1309 | .fa-info:before { 1310 | content: "\f129" 1311 | } 1312 | 1313 | .fa-exclamation:before { 1314 | content: "\f12a" 1315 | } 1316 | 1317 | .fa-superscript:before { 1318 | content: "\f12b" 1319 | } 1320 | 1321 | .fa-subscript:before { 1322 | content: "\f12c" 1323 | } 1324 | 1325 | .fa-eraser:before { 1326 | content: "\f12d" 1327 | } 1328 | 1329 | .fa-puzzle-piece:before { 1330 | content: "\f12e" 1331 | } 1332 | 1333 | .fa-microphone:before { 1334 | content: "\f130" 1335 | } 1336 | 1337 | .fa-microphone-slash:before { 1338 | content: "\f131" 1339 | } 1340 | 1341 | .fa-shield:before { 1342 | content: "\f132" 1343 | } 1344 | 1345 | .fa-calendar-o:before { 1346 | content: "\f133" 1347 | } 1348 | 1349 | .fa-fire-extinguisher:before { 1350 | content: "\f134" 1351 | } 1352 | 1353 | .fa-rocket:before { 1354 | content: "\f135" 1355 | } 1356 | 1357 | .fa-maxcdn:before { 1358 | content: "\f136" 1359 | } 1360 | 1361 | .fa-chevron-circle-left:before { 1362 | content: "\f137" 1363 | } 1364 | 1365 | .fa-chevron-circle-right:before { 1366 | content: "\f138" 1367 | } 1368 | 1369 | .fa-chevron-circle-up:before { 1370 | content: "\f139" 1371 | } 1372 | 1373 | .fa-chevron-circle-down:before { 1374 | content: "\f13a" 1375 | } 1376 | 1377 | .fa-html5:before { 1378 | content: "\f13b" 1379 | } 1380 | 1381 | .fa-css3:before { 1382 | content: "\f13c" 1383 | } 1384 | 1385 | .fa-anchor:before { 1386 | content: "\f13d" 1387 | } 1388 | 1389 | .fa-unlock-alt:before { 1390 | content: "\f13e" 1391 | } 1392 | 1393 | .fa-bullseye:before { 1394 | content: "\f140" 1395 | } 1396 | 1397 | .fa-ellipsis-h:before { 1398 | content: "\f141" 1399 | } 1400 | 1401 | .fa-ellipsis-v:before { 1402 | content: "\f142" 1403 | } 1404 | 1405 | .fa-rss-square:before { 1406 | content: "\f143" 1407 | } 1408 | 1409 | .fa-play-circle:before { 1410 | content: "\f144" 1411 | } 1412 | 1413 | .fa-ticket:before { 1414 | content: "\f145" 1415 | } 1416 | 1417 | .fa-minus-square:before { 1418 | content: "\f146" 1419 | } 1420 | 1421 | .fa-minus-square-o:before { 1422 | content: "\f147" 1423 | } 1424 | 1425 | .fa-level-up:before { 1426 | content: "\f148" 1427 | } 1428 | 1429 | .fa-level-down:before { 1430 | content: "\f149" 1431 | } 1432 | 1433 | .fa-check-square:before { 1434 | content: "\f14a" 1435 | } 1436 | 1437 | .fa-pencil-square:before { 1438 | content: "\f14b" 1439 | } 1440 | 1441 | .fa-external-link-square:before { 1442 | content: "\f14c" 1443 | } 1444 | 1445 | .fa-share-square:before { 1446 | content: "\f14d" 1447 | } 1448 | 1449 | .fa-compass:before { 1450 | content: "\f14e" 1451 | } 1452 | 1453 | .fa-toggle-down:before, 1454 | .fa-caret-square-o-down:before { 1455 | content: "\f150" 1456 | } 1457 | 1458 | .fa-toggle-up:before, 1459 | .fa-caret-square-o-up:before { 1460 | content: "\f151" 1461 | } 1462 | 1463 | .fa-toggle-right:before, 1464 | .fa-caret-square-o-right:before { 1465 | content: "\f152" 1466 | } 1467 | 1468 | .fa-euro:before, 1469 | .fa-eur:before { 1470 | content: "\f153" 1471 | } 1472 | 1473 | .fa-gbp:before { 1474 | content: "\f154" 1475 | } 1476 | 1477 | .fa-dollar:before, 1478 | .fa-usd:before { 1479 | content: "\f155" 1480 | } 1481 | 1482 | .fa-rupee:before, 1483 | .fa-inr:before { 1484 | content: "\f156" 1485 | } 1486 | 1487 | .fa-cny:before, 1488 | .fa-rmb:before, 1489 | .fa-yen:before, 1490 | .fa-jpy:before { 1491 | content: "\f157" 1492 | } 1493 | 1494 | .fa-ruble:before, 1495 | .fa-rouble:before, 1496 | .fa-rub:before { 1497 | content: "\f158" 1498 | } 1499 | 1500 | .fa-won:before, 1501 | .fa-krw:before { 1502 | content: "\f159" 1503 | } 1504 | 1505 | .fa-bitcoin:before, 1506 | .fa-btc:before { 1507 | content: "\f15a" 1508 | } 1509 | 1510 | .fa-file:before { 1511 | content: "\f15b" 1512 | } 1513 | 1514 | .fa-file-text:before { 1515 | content: "\f15c" 1516 | } 1517 | 1518 | .fa-sort-alpha-asc:before { 1519 | content: "\f15d" 1520 | } 1521 | 1522 | .fa-sort-alpha-desc:before { 1523 | content: "\f15e" 1524 | } 1525 | 1526 | .fa-sort-amount-asc:before { 1527 | content: "\f160" 1528 | } 1529 | 1530 | .fa-sort-amount-desc:before { 1531 | content: "\f161" 1532 | } 1533 | 1534 | .fa-sort-numeric-asc:before { 1535 | content: "\f162" 1536 | } 1537 | 1538 | .fa-sort-numeric-desc:before { 1539 | content: "\f163" 1540 | } 1541 | 1542 | .fa-thumbs-up:before { 1543 | content: "\f164" 1544 | } 1545 | 1546 | .fa-thumbs-down:before { 1547 | content: "\f165" 1548 | } 1549 | 1550 | .fa-youtube-square:before { 1551 | content: "\f166" 1552 | } 1553 | 1554 | .fa-youtube:before { 1555 | content: "\f167" 1556 | } 1557 | 1558 | .fa-xing:before { 1559 | content: "\f168" 1560 | } 1561 | 1562 | .fa-xing-square:before { 1563 | content: "\f169" 1564 | } 1565 | 1566 | .fa-youtube-play:before { 1567 | content: "\f16a" 1568 | } 1569 | 1570 | .fa-dropbox:before { 1571 | content: "\f16b" 1572 | } 1573 | 1574 | .fa-stack-overflow:before { 1575 | content: "\f16c" 1576 | } 1577 | 1578 | .fa-instagram:before { 1579 | content: "\f16d" 1580 | } 1581 | 1582 | .fa-flickr:before { 1583 | content: "\f16e" 1584 | } 1585 | 1586 | .fa-adn:before { 1587 | content: "\f170" 1588 | } 1589 | 1590 | .fa-bitbucket:before { 1591 | content: "\f171" 1592 | } 1593 | 1594 | .fa-bitbucket-square:before { 1595 | content: "\f172" 1596 | } 1597 | 1598 | .fa-tumblr:before { 1599 | content: "\f173" 1600 | } 1601 | 1602 | .fa-tumblr-square:before { 1603 | content: "\f174" 1604 | } 1605 | 1606 | .fa-long-arrow-down:before { 1607 | content: "\f175" 1608 | } 1609 | 1610 | .fa-long-arrow-up:before { 1611 | content: "\f176" 1612 | } 1613 | 1614 | .fa-long-arrow-left:before { 1615 | content: "\f177" 1616 | } 1617 | 1618 | .fa-long-arrow-right:before { 1619 | content: "\f178" 1620 | } 1621 | 1622 | .fa-apple:before { 1623 | content: "\f179" 1624 | } 1625 | 1626 | .fa-windows:before { 1627 | content: "\f17a" 1628 | } 1629 | 1630 | .fa-android:before { 1631 | content: "\f17b" 1632 | } 1633 | 1634 | .fa-linux:before { 1635 | content: "\f17c" 1636 | } 1637 | 1638 | .fa-dribbble:before { 1639 | content: "\f17d" 1640 | } 1641 | 1642 | .fa-skype:before { 1643 | content: "\f17e" 1644 | } 1645 | 1646 | .fa-foursquare:before { 1647 | content: "\f180" 1648 | } 1649 | 1650 | .fa-trello:before { 1651 | content: "\f181" 1652 | } 1653 | 1654 | .fa-female:before { 1655 | content: "\f182" 1656 | } 1657 | 1658 | .fa-male:before { 1659 | content: "\f183" 1660 | } 1661 | 1662 | .fa-gittip:before, 1663 | .fa-gratipay:before { 1664 | content: "\f184" 1665 | } 1666 | 1667 | .fa-sun-o:before { 1668 | content: "\f185" 1669 | } 1670 | 1671 | .fa-moon-o:before { 1672 | content: "\f186" 1673 | } 1674 | 1675 | .fa-archive:before { 1676 | content: "\f187" 1677 | } 1678 | 1679 | .fa-bug:before { 1680 | content: "\f188" 1681 | } 1682 | 1683 | .fa-vk:before { 1684 | content: "\f189" 1685 | } 1686 | 1687 | .fa-weibo:before { 1688 | content: "\f18a" 1689 | } 1690 | 1691 | .fa-renren:before { 1692 | content: "\f18b" 1693 | } 1694 | 1695 | .fa-pagelines:before { 1696 | content: "\f18c" 1697 | } 1698 | 1699 | .fa-stack-exchange:before { 1700 | content: "\f18d" 1701 | } 1702 | 1703 | .fa-arrow-circle-o-right:before { 1704 | content: "\f18e" 1705 | } 1706 | 1707 | .fa-arrow-circle-o-left:before { 1708 | content: "\f190" 1709 | } 1710 | 1711 | .fa-toggle-left:before, 1712 | .fa-caret-square-o-left:before { 1713 | content: "\f191" 1714 | } 1715 | 1716 | .fa-dot-circle-o:before { 1717 | content: "\f192" 1718 | } 1719 | 1720 | .fa-wheelchair:before { 1721 | content: "\f193" 1722 | } 1723 | 1724 | .fa-vimeo-square:before { 1725 | content: "\f194" 1726 | } 1727 | 1728 | .fa-turkish-lira:before, 1729 | .fa-try:before { 1730 | content: "\f195" 1731 | } 1732 | 1733 | .fa-plus-square-o:before { 1734 | content: "\f196" 1735 | } 1736 | 1737 | .fa-space-shuttle:before { 1738 | content: "\f197" 1739 | } 1740 | 1741 | .fa-slack:before { 1742 | content: "\f198" 1743 | } 1744 | 1745 | .fa-envelope-square:before { 1746 | content: "\f199" 1747 | } 1748 | 1749 | .fa-wordpress:before { 1750 | content: "\f19a" 1751 | } 1752 | 1753 | .fa-openid:before { 1754 | content: "\f19b" 1755 | } 1756 | 1757 | .fa-institution:before, 1758 | .fa-bank:before, 1759 | .fa-university:before { 1760 | content: "\f19c" 1761 | } 1762 | 1763 | .fa-mortar-board:before, 1764 | .fa-graduation-cap:before { 1765 | content: "\f19d" 1766 | } 1767 | 1768 | .fa-yahoo:before { 1769 | content: "\f19e" 1770 | } 1771 | 1772 | .fa-google:before { 1773 | content: "\f1a0" 1774 | } 1775 | 1776 | .fa-reddit:before { 1777 | content: "\f1a1" 1778 | } 1779 | 1780 | .fa-reddit-square:before { 1781 | content: "\f1a2" 1782 | } 1783 | 1784 | .fa-stumbleupon-circle:before { 1785 | content: "\f1a3" 1786 | } 1787 | 1788 | .fa-stumbleupon:before { 1789 | content: "\f1a4" 1790 | } 1791 | 1792 | .fa-delicious:before { 1793 | content: "\f1a5" 1794 | } 1795 | 1796 | .fa-digg:before { 1797 | content: "\f1a6" 1798 | } 1799 | 1800 | .fa-pied-piper-pp:before { 1801 | content: "\f1a7" 1802 | } 1803 | 1804 | .fa-pied-piper-alt:before { 1805 | content: "\f1a8" 1806 | } 1807 | 1808 | .fa-drupal:before { 1809 | content: "\f1a9" 1810 | } 1811 | 1812 | .fa-joomla:before { 1813 | content: "\f1aa" 1814 | } 1815 | 1816 | .fa-language:before { 1817 | content: "\f1ab" 1818 | } 1819 | 1820 | .fa-fax:before { 1821 | content: "\f1ac" 1822 | } 1823 | 1824 | .fa-building:before { 1825 | content: "\f1ad" 1826 | } 1827 | 1828 | .fa-child:before { 1829 | content: "\f1ae" 1830 | } 1831 | 1832 | .fa-paw:before { 1833 | content: "\f1b0" 1834 | } 1835 | 1836 | .fa-spoon:before { 1837 | content: "\f1b1" 1838 | } 1839 | 1840 | .fa-cube:before { 1841 | content: "\f1b2" 1842 | } 1843 | 1844 | .fa-cubes:before { 1845 | content: "\f1b3" 1846 | } 1847 | 1848 | .fa-behance:before { 1849 | content: "\f1b4" 1850 | } 1851 | 1852 | .fa-behance-square:before { 1853 | content: "\f1b5" 1854 | } 1855 | 1856 | .fa-steam:before { 1857 | content: "\f1b6" 1858 | } 1859 | 1860 | .fa-steam-square:before { 1861 | content: "\f1b7" 1862 | } 1863 | 1864 | .fa-recycle:before { 1865 | content: "\f1b8" 1866 | } 1867 | 1868 | .fa-automobile:before, 1869 | .fa-car:before { 1870 | content: "\f1b9" 1871 | } 1872 | 1873 | .fa-cab:before, 1874 | .fa-taxi:before { 1875 | content: "\f1ba" 1876 | } 1877 | 1878 | .fa-tree:before { 1879 | content: "\f1bb" 1880 | } 1881 | 1882 | .fa-spotify:before { 1883 | content: "\f1bc" 1884 | } 1885 | 1886 | .fa-deviantart:before { 1887 | content: "\f1bd" 1888 | } 1889 | 1890 | .fa-soundcloud:before { 1891 | content: "\f1be" 1892 | } 1893 | 1894 | .fa-database:before { 1895 | content: "\f1c0" 1896 | } 1897 | 1898 | .fa-file-pdf-o:before { 1899 | content: "\f1c1" 1900 | } 1901 | 1902 | .fa-file-word-o:before { 1903 | content: "\f1c2" 1904 | } 1905 | 1906 | .fa-file-excel-o:before { 1907 | content: "\f1c3" 1908 | } 1909 | 1910 | .fa-file-powerpoint-o:before { 1911 | content: "\f1c4" 1912 | } 1913 | 1914 | .fa-file-photo-o:before, 1915 | .fa-file-picture-o:before, 1916 | .fa-file-image-o:before { 1917 | content: "\f1c5" 1918 | } 1919 | 1920 | .fa-file-zip-o:before, 1921 | .fa-file-archive-o:before { 1922 | content: "\f1c6" 1923 | } 1924 | 1925 | .fa-file-sound-o:before, 1926 | .fa-file-audio-o:before { 1927 | content: "\f1c7" 1928 | } 1929 | 1930 | .fa-file-movie-o:before, 1931 | .fa-file-video-o:before { 1932 | content: "\f1c8" 1933 | } 1934 | 1935 | .fa-file-code-o:before { 1936 | content: "\f1c9" 1937 | } 1938 | 1939 | .fa-vine:before { 1940 | content: "\f1ca" 1941 | } 1942 | 1943 | .fa-codepen:before { 1944 | content: "\f1cb" 1945 | } 1946 | 1947 | .fa-jsfiddle:before { 1948 | content: "\f1cc" 1949 | } 1950 | 1951 | .fa-life-bouy:before, 1952 | .fa-life-buoy:before, 1953 | .fa-life-saver:before, 1954 | .fa-support:before, 1955 | .fa-life-ring:before { 1956 | content: "\f1cd" 1957 | } 1958 | 1959 | .fa-circle-o-notch:before { 1960 | content: "\f1ce" 1961 | } 1962 | 1963 | .fa-ra:before, 1964 | .fa-resistance:before, 1965 | .fa-rebel:before { 1966 | content: "\f1d0" 1967 | } 1968 | 1969 | .fa-ge:before, 1970 | .fa-empire:before { 1971 | content: "\f1d1" 1972 | } 1973 | 1974 | .fa-git-square:before { 1975 | content: "\f1d2" 1976 | } 1977 | 1978 | .fa-git:before { 1979 | content: "\f1d3" 1980 | } 1981 | 1982 | .fa-y-combinator-square:before, 1983 | .fa-yc-square:before, 1984 | .fa-hacker-news:before { 1985 | content: "\f1d4" 1986 | } 1987 | 1988 | .fa-tencent-weibo:before { 1989 | content: "\f1d5" 1990 | } 1991 | 1992 | .fa-qq:before { 1993 | content: "\f1d6" 1994 | } 1995 | 1996 | .fa-wechat:before, 1997 | .fa-weixin:before { 1998 | content: "\f1d7" 1999 | } 2000 | 2001 | .fa-send:before, 2002 | .fa-paper-plane:before { 2003 | content: "\f1d8" 2004 | } 2005 | 2006 | .fa-send-o:before, 2007 | .fa-paper-plane-o:before { 2008 | content: "\f1d9" 2009 | } 2010 | 2011 | .fa-history:before { 2012 | content: "\f1da" 2013 | } 2014 | 2015 | .fa-circle-thin:before { 2016 | content: "\f1db" 2017 | } 2018 | 2019 | .fa-header:before { 2020 | content: "\f1dc" 2021 | } 2022 | 2023 | .fa-paragraph:before { 2024 | content: "\f1dd" 2025 | } 2026 | 2027 | .fa-sliders:before { 2028 | content: "\f1de" 2029 | } 2030 | 2031 | .fa-share-alt:before { 2032 | content: "\f1e0" 2033 | } 2034 | 2035 | .fa-share-alt-square:before { 2036 | content: "\f1e1" 2037 | } 2038 | 2039 | .fa-bomb:before { 2040 | content: "\f1e2" 2041 | } 2042 | 2043 | .fa-soccer-ball-o:before, 2044 | .fa-futbol-o:before { 2045 | content: "\f1e3" 2046 | } 2047 | 2048 | .fa-tty:before { 2049 | content: "\f1e4" 2050 | } 2051 | 2052 | .fa-binoculars:before { 2053 | content: "\f1e5" 2054 | } 2055 | 2056 | .fa-plug:before { 2057 | content: "\f1e6" 2058 | } 2059 | 2060 | .fa-slideshare:before { 2061 | content: "\f1e7" 2062 | } 2063 | 2064 | .fa-twitch:before { 2065 | content: "\f1e8" 2066 | } 2067 | 2068 | .fa-yelp:before { 2069 | content: "\f1e9" 2070 | } 2071 | 2072 | .fa-newspaper-o:before { 2073 | content: "\f1ea" 2074 | } 2075 | 2076 | .fa-wifi:before { 2077 | content: "\f1eb" 2078 | } 2079 | 2080 | .fa-calculator:before { 2081 | content: "\f1ec" 2082 | } 2083 | 2084 | .fa-paypal:before { 2085 | content: "\f1ed" 2086 | } 2087 | 2088 | .fa-google-wallet:before { 2089 | content: "\f1ee" 2090 | } 2091 | 2092 | .fa-cc-visa:before { 2093 | content: "\f1f0" 2094 | } 2095 | 2096 | .fa-cc-mastercard:before { 2097 | content: "\f1f1" 2098 | } 2099 | 2100 | .fa-cc-discover:before { 2101 | content: "\f1f2" 2102 | } 2103 | 2104 | .fa-cc-amex:before { 2105 | content: "\f1f3" 2106 | } 2107 | 2108 | .fa-cc-paypal:before { 2109 | content: "\f1f4" 2110 | } 2111 | 2112 | .fa-cc-stripe:before { 2113 | content: "\f1f5" 2114 | } 2115 | 2116 | .fa-bell-slash:before { 2117 | content: "\f1f6" 2118 | } 2119 | 2120 | .fa-bell-slash-o:before { 2121 | content: "\f1f7" 2122 | } 2123 | 2124 | .fa-trash:before { 2125 | content: "\f1f8" 2126 | } 2127 | 2128 | .fa-copyright:before { 2129 | content: "\f1f9" 2130 | } 2131 | 2132 | .fa-at:before { 2133 | content: "\f1fa" 2134 | } 2135 | 2136 | .fa-eyedropper:before { 2137 | content: "\f1fb" 2138 | } 2139 | 2140 | .fa-paint-brush:before { 2141 | content: "\f1fc" 2142 | } 2143 | 2144 | .fa-birthday-cake:before { 2145 | content: "\f1fd" 2146 | } 2147 | 2148 | .fa-area-chart:before { 2149 | content: "\f1fe" 2150 | } 2151 | 2152 | .fa-pie-chart:before { 2153 | content: "\f200" 2154 | } 2155 | 2156 | .fa-line-chart:before { 2157 | content: "\f201" 2158 | } 2159 | 2160 | .fa-lastfm:before { 2161 | content: "\f202" 2162 | } 2163 | 2164 | .fa-lastfm-square:before { 2165 | content: "\f203" 2166 | } 2167 | 2168 | .fa-toggle-off:before { 2169 | content: "\f204" 2170 | } 2171 | 2172 | .fa-toggle-on:before { 2173 | content: "\f205" 2174 | } 2175 | 2176 | .fa-bicycle:before { 2177 | content: "\f206" 2178 | } 2179 | 2180 | .fa-bus:before { 2181 | content: "\f207" 2182 | } 2183 | 2184 | .fa-ioxhost:before { 2185 | content: "\f208" 2186 | } 2187 | 2188 | .fa-angellist:before { 2189 | content: "\f209" 2190 | } 2191 | 2192 | .fa-cc:before { 2193 | content: "\f20a" 2194 | } 2195 | 2196 | .fa-shekel:before, 2197 | .fa-sheqel:before, 2198 | .fa-ils:before { 2199 | content: "\f20b" 2200 | } 2201 | 2202 | .fa-meanpath:before { 2203 | content: "\f20c" 2204 | } 2205 | 2206 | .fa-buysellads:before { 2207 | content: "\f20d" 2208 | } 2209 | 2210 | .fa-connectdevelop:before { 2211 | content: "\f20e" 2212 | } 2213 | 2214 | .fa-dashcube:before { 2215 | content: "\f210" 2216 | } 2217 | 2218 | .fa-forumbee:before { 2219 | content: "\f211" 2220 | } 2221 | 2222 | .fa-leanpub:before { 2223 | content: "\f212" 2224 | } 2225 | 2226 | .fa-sellsy:before { 2227 | content: "\f213" 2228 | } 2229 | 2230 | .fa-shirtsinbulk:before { 2231 | content: "\f214" 2232 | } 2233 | 2234 | .fa-simplybuilt:before { 2235 | content: "\f215" 2236 | } 2237 | 2238 | .fa-skyatlas:before { 2239 | content: "\f216" 2240 | } 2241 | 2242 | .fa-cart-plus:before { 2243 | content: "\f217" 2244 | } 2245 | 2246 | .fa-cart-arrow-down:before { 2247 | content: "\f218" 2248 | } 2249 | 2250 | .fa-diamond:before { 2251 | content: "\f219" 2252 | } 2253 | 2254 | .fa-ship:before { 2255 | content: "\f21a" 2256 | } 2257 | 2258 | .fa-user-secret:before { 2259 | content: "\f21b" 2260 | } 2261 | 2262 | .fa-motorcycle:before { 2263 | content: "\f21c" 2264 | } 2265 | 2266 | .fa-street-view:before { 2267 | content: "\f21d" 2268 | } 2269 | 2270 | .fa-heartbeat:before { 2271 | content: "\f21e" 2272 | } 2273 | 2274 | .fa-venus:before { 2275 | content: "\f221" 2276 | } 2277 | 2278 | .fa-mars:before { 2279 | content: "\f222" 2280 | } 2281 | 2282 | .fa-mercury:before { 2283 | content: "\f223" 2284 | } 2285 | 2286 | .fa-intersex:before, 2287 | .fa-transgender:before { 2288 | content: "\f224" 2289 | } 2290 | 2291 | .fa-transgender-alt:before { 2292 | content: "\f225" 2293 | } 2294 | 2295 | .fa-venus-double:before { 2296 | content: "\f226" 2297 | } 2298 | 2299 | .fa-mars-double:before { 2300 | content: "\f227" 2301 | } 2302 | 2303 | .fa-venus-mars:before { 2304 | content: "\f228" 2305 | } 2306 | 2307 | .fa-mars-stroke:before { 2308 | content: "\f229" 2309 | } 2310 | 2311 | .fa-mars-stroke-v:before { 2312 | content: "\f22a" 2313 | } 2314 | 2315 | .fa-mars-stroke-h:before { 2316 | content: "\f22b" 2317 | } 2318 | 2319 | .fa-neuter:before { 2320 | content: "\f22c" 2321 | } 2322 | 2323 | .fa-genderless:before { 2324 | content: "\f22d" 2325 | } 2326 | 2327 | .fa-facebook-official:before { 2328 | content: "\f230" 2329 | } 2330 | 2331 | .fa-pinterest-p:before { 2332 | content: "\f231" 2333 | } 2334 | 2335 | .fa-whatsapp:before { 2336 | content: "\f232" 2337 | } 2338 | 2339 | .fa-server:before { 2340 | content: "\f233" 2341 | } 2342 | 2343 | .fa-user-plus:before { 2344 | content: "\f234" 2345 | } 2346 | 2347 | .fa-user-times:before { 2348 | content: "\f235" 2349 | } 2350 | 2351 | .fa-hotel:before, 2352 | .fa-bed:before { 2353 | content: "\f236" 2354 | } 2355 | 2356 | .fa-viacoin:before { 2357 | content: "\f237" 2358 | } 2359 | 2360 | .fa-train:before { 2361 | content: "\f238" 2362 | } 2363 | 2364 | .fa-subway:before { 2365 | content: "\f239" 2366 | } 2367 | 2368 | .fa-medium:before { 2369 | content: "\f23a" 2370 | } 2371 | 2372 | .fa-yc:before, 2373 | .fa-y-combinator:before { 2374 | content: "\f23b" 2375 | } 2376 | 2377 | .fa-optin-monster:before { 2378 | content: "\f23c" 2379 | } 2380 | 2381 | .fa-opencart:before { 2382 | content: "\f23d" 2383 | } 2384 | 2385 | .fa-expeditedssl:before { 2386 | content: "\f23e" 2387 | } 2388 | 2389 | .fa-battery-4:before, 2390 | .fa-battery:before, 2391 | .fa-battery-full:before { 2392 | content: "\f240" 2393 | } 2394 | 2395 | .fa-battery-3:before, 2396 | .fa-battery-three-quarters:before { 2397 | content: "\f241" 2398 | } 2399 | 2400 | .fa-battery-2:before, 2401 | .fa-battery-half:before { 2402 | content: "\f242" 2403 | } 2404 | 2405 | .fa-battery-1:before, 2406 | .fa-battery-quarter:before { 2407 | content: "\f243" 2408 | } 2409 | 2410 | .fa-battery-0:before, 2411 | .fa-battery-empty:before { 2412 | content: "\f244" 2413 | } 2414 | 2415 | .fa-mouse-pointer:before { 2416 | content: "\f245" 2417 | } 2418 | 2419 | .fa-i-cursor:before { 2420 | content: "\f246" 2421 | } 2422 | 2423 | .fa-object-group:before { 2424 | content: "\f247" 2425 | } 2426 | 2427 | .fa-object-ungroup:before { 2428 | content: "\f248" 2429 | } 2430 | 2431 | .fa-sticky-note:before { 2432 | content: "\f249" 2433 | } 2434 | 2435 | .fa-sticky-note-o:before { 2436 | content: "\f24a" 2437 | } 2438 | 2439 | .fa-cc-jcb:before { 2440 | content: "\f24b" 2441 | } 2442 | 2443 | .fa-cc-diners-club:before { 2444 | content: "\f24c" 2445 | } 2446 | 2447 | .fa-clone:before { 2448 | content: "\f24d" 2449 | } 2450 | 2451 | .fa-balance-scale:before { 2452 | content: "\f24e" 2453 | } 2454 | 2455 | .fa-hourglass-o:before { 2456 | content: "\f250" 2457 | } 2458 | 2459 | .fa-hourglass-1:before, 2460 | .fa-hourglass-start:before { 2461 | content: "\f251" 2462 | } 2463 | 2464 | .fa-hourglass-2:before, 2465 | .fa-hourglass-half:before { 2466 | content: "\f252" 2467 | } 2468 | 2469 | .fa-hourglass-3:before, 2470 | .fa-hourglass-end:before { 2471 | content: "\f253" 2472 | } 2473 | 2474 | .fa-hourglass:before { 2475 | content: "\f254" 2476 | } 2477 | 2478 | .fa-hand-grab-o:before, 2479 | .fa-hand-rock-o:before { 2480 | content: "\f255" 2481 | } 2482 | 2483 | .fa-hand-stop-o:before, 2484 | .fa-hand-paper-o:before { 2485 | content: "\f256" 2486 | } 2487 | 2488 | .fa-hand-scissors-o:before { 2489 | content: "\f257" 2490 | } 2491 | 2492 | .fa-hand-lizard-o:before { 2493 | content: "\f258" 2494 | } 2495 | 2496 | .fa-hand-spock-o:before { 2497 | content: "\f259" 2498 | } 2499 | 2500 | .fa-hand-pointer-o:before { 2501 | content: "\f25a" 2502 | } 2503 | 2504 | .fa-hand-peace-o:before { 2505 | content: "\f25b" 2506 | } 2507 | 2508 | .fa-trademark:before { 2509 | content: "\f25c" 2510 | } 2511 | 2512 | .fa-registered:before { 2513 | content: "\f25d" 2514 | } 2515 | 2516 | .fa-creative-commons:before { 2517 | content: "\f25e" 2518 | } 2519 | 2520 | .fa-gg:before { 2521 | content: "\f260" 2522 | } 2523 | 2524 | .fa-gg-circle:before { 2525 | content: "\f261" 2526 | } 2527 | 2528 | .fa-tripadvisor:before { 2529 | content: "\f262" 2530 | } 2531 | 2532 | .fa-odnoklassniki:before { 2533 | content: "\f263" 2534 | } 2535 | 2536 | .fa-odnoklassniki-square:before { 2537 | content: "\f264" 2538 | } 2539 | 2540 | .fa-get-pocket:before { 2541 | content: "\f265" 2542 | } 2543 | 2544 | .fa-wikipedia-w:before { 2545 | content: "\f266" 2546 | } 2547 | 2548 | .fa-safari:before { 2549 | content: "\f267" 2550 | } 2551 | 2552 | .fa-chrome:before { 2553 | content: "\f268" 2554 | } 2555 | 2556 | .fa-firefox:before { 2557 | content: "\f269" 2558 | } 2559 | 2560 | .fa-opera:before { 2561 | content: "\f26a" 2562 | } 2563 | 2564 | .fa-internet-explorer:before { 2565 | content: "\f26b" 2566 | } 2567 | 2568 | .fa-tv:before, 2569 | .fa-television:before { 2570 | content: "\f26c" 2571 | } 2572 | 2573 | .fa-contao:before { 2574 | content: "\f26d" 2575 | } 2576 | 2577 | .fa-500px:before { 2578 | content: "\f26e" 2579 | } 2580 | 2581 | .fa-amazon:before { 2582 | content: "\f270" 2583 | } 2584 | 2585 | .fa-calendar-plus-o:before { 2586 | content: "\f271" 2587 | } 2588 | 2589 | .fa-calendar-minus-o:before { 2590 | content: "\f272" 2591 | } 2592 | 2593 | .fa-calendar-times-o:before { 2594 | content: "\f273" 2595 | } 2596 | 2597 | .fa-calendar-check-o:before { 2598 | content: "\f274" 2599 | } 2600 | 2601 | .fa-industry:before { 2602 | content: "\f275" 2603 | } 2604 | 2605 | .fa-map-pin:before { 2606 | content: "\f276" 2607 | } 2608 | 2609 | .fa-map-signs:before { 2610 | content: "\f277" 2611 | } 2612 | 2613 | .fa-map-o:before { 2614 | content: "\f278" 2615 | } 2616 | 2617 | .fa-map:before { 2618 | content: "\f279" 2619 | } 2620 | 2621 | .fa-commenting:before { 2622 | content: "\f27a" 2623 | } 2624 | 2625 | .fa-commenting-o:before { 2626 | content: "\f27b" 2627 | } 2628 | 2629 | .fa-houzz:before { 2630 | content: "\f27c" 2631 | } 2632 | 2633 | .fa-vimeo:before { 2634 | content: "\f27d" 2635 | } 2636 | 2637 | .fa-black-tie:before { 2638 | content: "\f27e" 2639 | } 2640 | 2641 | .fa-fonticons:before { 2642 | content: "\f280" 2643 | } 2644 | 2645 | .fa-reddit-alien:before { 2646 | content: "\f281" 2647 | } 2648 | 2649 | .fa-edge:before { 2650 | content: "\f282" 2651 | } 2652 | 2653 | .fa-credit-card-alt:before { 2654 | content: "\f283" 2655 | } 2656 | 2657 | .fa-codiepie:before { 2658 | content: "\f284" 2659 | } 2660 | 2661 | .fa-modx:before { 2662 | content: "\f285" 2663 | } 2664 | 2665 | .fa-fort-awesome:before { 2666 | content: "\f286" 2667 | } 2668 | 2669 | .fa-usb:before { 2670 | content: "\f287" 2671 | } 2672 | 2673 | .fa-product-hunt:before { 2674 | content: "\f288" 2675 | } 2676 | 2677 | .fa-mixcloud:before { 2678 | content: "\f289" 2679 | } 2680 | 2681 | .fa-scribd:before { 2682 | content: "\f28a" 2683 | } 2684 | 2685 | .fa-pause-circle:before { 2686 | content: "\f28b" 2687 | } 2688 | 2689 | .fa-pause-circle-o:before { 2690 | content: "\f28c" 2691 | } 2692 | 2693 | .fa-stop-circle:before { 2694 | content: "\f28d" 2695 | } 2696 | 2697 | .fa-stop-circle-o:before { 2698 | content: "\f28e" 2699 | } 2700 | 2701 | .fa-shopping-bag:before { 2702 | content: "\f290" 2703 | } 2704 | 2705 | .fa-shopping-basket:before { 2706 | content: "\f291" 2707 | } 2708 | 2709 | .fa-hashtag:before { 2710 | content: "\f292" 2711 | } 2712 | 2713 | .fa-bluetooth:before { 2714 | content: "\f293" 2715 | } 2716 | 2717 | .fa-bluetooth-b:before { 2718 | content: "\f294" 2719 | } 2720 | 2721 | .fa-percent:before { 2722 | content: "\f295" 2723 | } 2724 | 2725 | .fa-gitlab:before { 2726 | content: "\f296" 2727 | } 2728 | 2729 | .fa-wpbeginner:before { 2730 | content: "\f297" 2731 | } 2732 | 2733 | .fa-wpforms:before { 2734 | content: "\f298" 2735 | } 2736 | 2737 | .fa-envira:before { 2738 | content: "\f299" 2739 | } 2740 | 2741 | .fa-universal-access:before { 2742 | content: "\f29a" 2743 | } 2744 | 2745 | .fa-wheelchair-alt:before { 2746 | content: "\f29b" 2747 | } 2748 | 2749 | .fa-question-circle-o:before { 2750 | content: "\f29c" 2751 | } 2752 | 2753 | .fa-blind:before { 2754 | content: "\f29d" 2755 | } 2756 | 2757 | .fa-audio-description:before { 2758 | content: "\f29e" 2759 | } 2760 | 2761 | .fa-volume-control-phone:before { 2762 | content: "\f2a0" 2763 | } 2764 | 2765 | .fa-braille:before { 2766 | content: "\f2a1" 2767 | } 2768 | 2769 | .fa-assistive-listening-systems:before { 2770 | content: "\f2a2" 2771 | } 2772 | 2773 | .fa-asl-interpreting:before, 2774 | .fa-american-sign-language-interpreting:before { 2775 | content: "\f2a3" 2776 | } 2777 | 2778 | .fa-deafness:before, 2779 | .fa-hard-of-hearing:before, 2780 | .fa-deaf:before { 2781 | content: "\f2a4" 2782 | } 2783 | 2784 | .fa-glide:before { 2785 | content: "\f2a5" 2786 | } 2787 | 2788 | .fa-glide-g:before { 2789 | content: "\f2a6" 2790 | } 2791 | 2792 | .fa-signing:before, 2793 | .fa-sign-language:before { 2794 | content: "\f2a7" 2795 | } 2796 | 2797 | .fa-low-vision:before { 2798 | content: "\f2a8" 2799 | } 2800 | 2801 | .fa-viadeo:before { 2802 | content: "\f2a9" 2803 | } 2804 | 2805 | .fa-viadeo-square:before { 2806 | content: "\f2aa" 2807 | } 2808 | 2809 | .fa-snapchat:before { 2810 | content: "\f2ab" 2811 | } 2812 | 2813 | .fa-snapchat-ghost:before { 2814 | content: "\f2ac" 2815 | } 2816 | 2817 | .fa-snapchat-square:before { 2818 | content: "\f2ad" 2819 | } 2820 | 2821 | .fa-pied-piper:before { 2822 | content: "\f2ae" 2823 | } 2824 | 2825 | .fa-first-order:before { 2826 | content: "\f2b0" 2827 | } 2828 | 2829 | .fa-yoast:before { 2830 | content: "\f2b1" 2831 | } 2832 | 2833 | .fa-themeisle:before { 2834 | content: "\f2b2" 2835 | } 2836 | 2837 | .fa-google-plus-circle:before, 2838 | .fa-google-plus-official:before { 2839 | content: "\f2b3" 2840 | } 2841 | 2842 | .fa-fa:before, 2843 | .fa-font-awesome:before { 2844 | content: "\f2b4" 2845 | } 2846 | 2847 | .fa-handshake-o:before { 2848 | content: "\f2b5" 2849 | } 2850 | 2851 | .fa-envelope-open:before { 2852 | content: "\f2b6" 2853 | } 2854 | 2855 | .fa-envelope-open-o:before { 2856 | content: "\f2b7" 2857 | } 2858 | 2859 | .fa-linode:before { 2860 | content: "\f2b8" 2861 | } 2862 | 2863 | .fa-address-book:before { 2864 | content: "\f2b9" 2865 | } 2866 | 2867 | .fa-address-book-o:before { 2868 | content: "\f2ba" 2869 | } 2870 | 2871 | .fa-vcard:before, 2872 | .fa-address-card:before { 2873 | content: "\f2bb" 2874 | } 2875 | 2876 | .fa-vcard-o:before, 2877 | .fa-address-card-o:before { 2878 | content: "\f2bc" 2879 | } 2880 | 2881 | .fa-user-circle:before { 2882 | content: "\f2bd" 2883 | } 2884 | 2885 | .fa-user-circle-o:before { 2886 | content: "\f2be" 2887 | } 2888 | 2889 | .fa-user-o:before { 2890 | content: "\f2c0" 2891 | } 2892 | 2893 | .fa-id-badge:before { 2894 | content: "\f2c1" 2895 | } 2896 | 2897 | .fa-drivers-license:before, 2898 | .fa-id-card:before { 2899 | content: "\f2c2" 2900 | } 2901 | 2902 | .fa-drivers-license-o:before, 2903 | .fa-id-card-o:before { 2904 | content: "\f2c3" 2905 | } 2906 | 2907 | .fa-quora:before { 2908 | content: "\f2c4" 2909 | } 2910 | 2911 | .fa-free-code-camp:before { 2912 | content: "\f2c5" 2913 | } 2914 | 2915 | .fa-telegram:before { 2916 | content: "\f2c6" 2917 | } 2918 | 2919 | .fa-thermometer-4:before, 2920 | .fa-thermometer:before, 2921 | .fa-thermometer-full:before { 2922 | content: "\f2c7" 2923 | } 2924 | 2925 | .fa-thermometer-3:before, 2926 | .fa-thermometer-three-quarters:before { 2927 | content: "\f2c8" 2928 | } 2929 | 2930 | .fa-thermometer-2:before, 2931 | .fa-thermometer-half:before { 2932 | content: "\f2c9" 2933 | } 2934 | 2935 | .fa-thermometer-1:before, 2936 | .fa-thermometer-quarter:before { 2937 | content: "\f2ca" 2938 | } 2939 | 2940 | .fa-thermometer-0:before, 2941 | .fa-thermometer-empty:before { 2942 | content: "\f2cb" 2943 | } 2944 | 2945 | .fa-shower:before { 2946 | content: "\f2cc" 2947 | } 2948 | 2949 | .fa-bathtub:before, 2950 | .fa-s15:before, 2951 | .fa-bath:before { 2952 | content: "\f2cd" 2953 | } 2954 | 2955 | .fa-podcast:before { 2956 | content: "\f2ce" 2957 | } 2958 | 2959 | .fa-window-maximize:before { 2960 | content: "\f2d0" 2961 | } 2962 | 2963 | .fa-window-minimize:before { 2964 | content: "\f2d1" 2965 | } 2966 | 2967 | .fa-window-restore:before { 2968 | content: "\f2d2" 2969 | } 2970 | 2971 | .fa-times-rectangle:before, 2972 | .fa-window-close:before { 2973 | content: "\f2d3" 2974 | } 2975 | 2976 | .fa-times-rectangle-o:before, 2977 | .fa-window-close-o:before { 2978 | content: "\f2d4" 2979 | } 2980 | 2981 | .fa-bandcamp:before { 2982 | content: "\f2d5" 2983 | } 2984 | 2985 | .fa-grav:before { 2986 | content: "\f2d6" 2987 | } 2988 | 2989 | .fa-etsy:before { 2990 | content: "\f2d7" 2991 | } 2992 | 2993 | .fa-imdb:before { 2994 | content: "\f2d8" 2995 | } 2996 | 2997 | .fa-ravelry:before { 2998 | content: "\f2d9" 2999 | } 3000 | 3001 | .fa-eercast:before { 3002 | content: "\f2da" 3003 | } 3004 | 3005 | .fa-microchip:before { 3006 | content: "\f2db" 3007 | } 3008 | 3009 | .fa-snowflake-o:before { 3010 | content: "\f2dc" 3011 | } 3012 | 3013 | .fa-superpowers:before { 3014 | content: "\f2dd" 3015 | } 3016 | 3017 | .fa-wpexplorer:before { 3018 | content: "\f2de" 3019 | } 3020 | 3021 | .fa-meetup:before { 3022 | content: "\f2e0" 3023 | } 3024 | 3025 | .sr-only { 3026 | position: absolute; 3027 | width: 1px; 3028 | height: 1px; 3029 | padding: 0; 3030 | margin: -1px; 3031 | overflow: hidden; 3032 | clip: rect(0, 0, 0, 0); 3033 | border: 0 3034 | } 3035 | 3036 | .sr-only-focusable:active, 3037 | .sr-only-focusable:focus { 3038 | position: static; 3039 | width: auto; 3040 | height: auto; 3041 | margin: 0; 3042 | overflow: visible; 3043 | clip: auto 3044 | } -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/css/footer.css: -------------------------------------------------------------------------------- 1 | .full { 2 | width: 100%; 3 | } 4 | .gap { 5 | height: 30px; 6 | width: 100%; 7 | clear: both; 8 | display: block; 9 | } 10 | .footer { 11 | background: #555; 12 | height: auto; 13 | padding-bottom: 30px; 14 | position: relative; 15 | width: 100%; 16 | border-bottom: 1px solid #CCCCCC; 17 | border-top: 1px solid #DDDDDD; 18 | margin-top: 5%; 19 | } 20 | .footer p { 21 | margin: 0; 22 | } 23 | .footer img { 24 | max-width: 100%; 25 | } 26 | .footer h3 { 27 | color: white; 28 | font-size: 18px; 29 | font-weight: 600; 30 | line-height: 27px; 31 | padding: 40px 0 0px; 32 | text-transform: uppercase; 33 | margin-bottom: 15px; 34 | } 35 | 36 | .footer h4 { 37 | color: white; 38 | font-size: 2em; 39 | font-weight: 600; 40 | line-height: 38px; 41 | padding: 40px 0 10px; 42 | font-family: cursive; 43 | font-weight: lighter 44 | } 45 | 46 | .footer ul { 47 | font-size: 13px; 48 | list-style-type: none; 49 | margin-left: 0; 50 | padding-left: 0; 51 | margin-top: 0px; 52 | color: #7F8C8D; 53 | padding: 0 0 8px 0; 54 | } 55 | 56 | .email{ 57 | border-bottom: 3px solid #fff; 58 | } 59 | .footer ul li a { 60 | padding: 0 0 12px 0; 61 | display: block; 62 | } 63 | .footer a { 64 | color: white; 65 | font-weight: lighter; 66 | } 67 | 68 | .footer p { 69 | color: white; 70 | font-weight: lighter; 71 | } 72 | 73 | .footer a:hover { 74 | text-decoration:none; 75 | font-weight: bold; 76 | } 77 | .supportLi h4 { 78 | font-size: 20px; 79 | font-weight: lighter; 80 | line-height: normal; 81 | margin-bottom: 0 !important; 82 | padding-bottom: 0; 83 | } 84 | 85 | .bg-gray { 86 | background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%); 87 | box-shadow: 0 1px 0 #B4B3B3; 88 | } 89 | 90 | .footer a { 91 | color: #78828D 92 | } 93 | 94 | .footer-bottom { 95 | margin-top: 2em; 96 | border-top: 1px solid #DDDDDD; 97 | padding-top: 20px; 98 | padding-bottom: 10px; 99 | } 100 | .footer-bottom p.pull-left { 101 | padding-top: 6px; 102 | font-size: 0.75em 103 | } 104 | 105 | footer a{ 106 | color: #5fbae9 !important; 107 | } 108 | 109 | -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/css/header.css: -------------------------------------------------------------------------------- 1 | /* Style the navigation bar */ 2 | 3 | .navbar { 4 | width: 100%; 5 | background-color: #555; 6 | overflow: auto; 7 | } 8 | 9 | 10 | /* Navbar links */ 11 | 12 | .navbar a { 13 | float: left; 14 | text-align: center; 15 | padding: 12px; 16 | color: white; 17 | text-decoration: none; 18 | font-size: 17px; 19 | } 20 | 21 | 22 | /* Navbar links on mouse-over */ 23 | 24 | .navbar a:hover { 25 | background-color: #000; 26 | } 27 | 28 | 29 | /* Current/active navbar link */ 30 | 31 | .active { 32 | background-color: #5fbae9; 33 | } 34 | 35 | 36 | /* Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */ 37 | 38 | @media screen and (max-width: 500px) { 39 | .navbar a { 40 | float: none; 41 | display: block; 42 | } 43 | } 44 | 45 | #menu { 46 | margin-bottom: 5%; 47 | } 48 | 49 | .operation-button { 50 | background-color: #5fbae9; 51 | border: 1px solid #5fbae9; 52 | color: #343a40; 53 | } -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/css/style.css: -------------------------------------------------------------------------------- 1 | /* BASIC */ 2 | 3 | html { 4 | background-color: #56baed; 5 | } 6 | 7 | body { 8 | font-family: "Poppins", sans-serif; 9 | height: 100vh; 10 | } 11 | 12 | a { 13 | color: #92badd; 14 | display: inline-block; 15 | text-decoration: none; 16 | font-weight: 400; 17 | } 18 | 19 | h2 { 20 | text-align: center; 21 | font-size: 16px; 22 | font-weight: 600; 23 | text-transform: uppercase; 24 | display: inline-block; 25 | margin: 40px 8px 10px 8px; 26 | color: #cccccc; 27 | } 28 | 29 | 30 | /* STRUCTURE */ 31 | 32 | .wrapper { 33 | display: flex; 34 | align-items: center; 35 | flex-direction: column; 36 | justify-content: center; 37 | width: 100%; 38 | min-height: 100%; 39 | padding: 20px; 40 | background-color: #5fbae9; 41 | } 42 | 43 | #formContent { 44 | -webkit-border-radius: 10px 10px 10px 10px; 45 | border-radius: 10px 10px 10px 10px; 46 | background: #fff; 47 | padding: 30px; 48 | width: 90%; 49 | max-width: 450px; 50 | position: relative; 51 | padding: 0px; 52 | -webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3); 53 | box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3); 54 | text-align: center; 55 | } 56 | 57 | #formFooter { 58 | background-color: #f6f6f6; 59 | border-top: 1px solid #dce8f1; 60 | padding: 25px; 61 | text-align: center; 62 | -webkit-border-radius: 0 0 10px 10px; 63 | border-radius: 0 0 10px 10px; 64 | } 65 | 66 | 67 | /* TABS */ 68 | 69 | h2.inactive { 70 | color: #cccccc; 71 | } 72 | 73 | h2.active { 74 | color: #0d0d0d; 75 | border-bottom: 2px solid #5fbae9; 76 | } 77 | 78 | 79 | /* FORM TYPOGRAPHY*/ 80 | 81 | input[type=button], 82 | input[type=submit], 83 | input[type=reset] { 84 | background-color: #56baed; 85 | border: none; 86 | color: white; 87 | padding: 15px 80px; 88 | text-align: center; 89 | text-decoration: none; 90 | display: inline-block; 91 | text-transform: uppercase; 92 | font-size: 13px; 93 | -webkit-box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4); 94 | box-shadow: 0 10px 30px 0 rgba(95, 186, 233, 0.4); 95 | -webkit-border-radius: 5px 5px 5px 5px; 96 | border-radius: 5px 5px 5px 5px; 97 | margin: 5px 20px 40px 20px; 98 | -webkit-transition: all 0.3s ease-in-out; 99 | -moz-transition: all 0.3s ease-in-out; 100 | -ms-transition: all 0.3s ease-in-out; 101 | -o-transition: all 0.3s ease-in-out; 102 | transition: all 0.3s ease-in-out; 103 | } 104 | 105 | input[type=button]:hover, 106 | input[type=submit]:hover, 107 | input[type=reset]:hover { 108 | background-color: #39ace7; 109 | cursor: pointer; 110 | } 111 | 112 | input[type=button]:active, 113 | input[type=submit]:active, 114 | input[type=reset]:active { 115 | -moz-transform: scale(0.95); 116 | -webkit-transform: scale(0.95); 117 | -o-transform: scale(0.95); 118 | -ms-transform: scale(0.95); 119 | transform: scale(0.95); 120 | } 121 | 122 | input[type=text], 123 | input[type=password] { 124 | background-color: #f6f6f6; 125 | border: none; 126 | color: #0d0d0d; 127 | padding: 15px 32px; 128 | text-align: center; 129 | text-decoration: none; 130 | display: inline-block; 131 | font-size: 16px; 132 | margin: 5px; 133 | width: 85%; 134 | border: 2px solid #f6f6f6; 135 | -webkit-transition: all 0.5s ease-in-out; 136 | -moz-transition: all 0.5s ease-in-out; 137 | -ms-transition: all 0.5s ease-in-out; 138 | -o-transition: all 0.5s ease-in-out; 139 | transition: all 0.5s ease-in-out; 140 | -webkit-border-radius: 5px 5px 5px 5px; 141 | border-radius: 5px 5px 5px 5px; 142 | } 143 | 144 | input[type=text]:focus, 145 | input[type=password]:focus { 146 | background-color: #fff; 147 | border-bottom: 2px solid #5fbae9; 148 | } 149 | 150 | input[type=text]:placeholder, 151 | input[type=password]:placeholder { 152 | color: #cccccc; 153 | } 154 | 155 | 156 | /* ANIMATIONS */ 157 | 158 | 159 | /* Simple CSS3 Fade-in-down Animation */ 160 | 161 | .fadeInDown { 162 | -webkit-animation-name: fadeInDown; 163 | animation-name: fadeInDown; 164 | -webkit-animation-duration: 1s; 165 | animation-duration: 1s; 166 | -webkit-animation-fill-mode: both; 167 | animation-fill-mode: both; 168 | } 169 | 170 | @-webkit-keyframes fadeInDown { 171 | 0% { 172 | opacity: 0; 173 | -webkit-transform: translate3d(0, -100%, 0); 174 | transform: translate3d(0, -100%, 0); 175 | } 176 | 100% { 177 | opacity: 1; 178 | -webkit-transform: none; 179 | transform: none; 180 | } 181 | } 182 | 183 | @keyframes fadeInDown { 184 | 0% { 185 | opacity: 0; 186 | -webkit-transform: translate3d(0, -100%, 0); 187 | transform: translate3d(0, -100%, 0); 188 | } 189 | 100% { 190 | opacity: 1; 191 | -webkit-transform: none; 192 | transform: none; 193 | } 194 | } 195 | 196 | 197 | /* Simple CSS3 Fade-in Animation */ 198 | 199 | @-webkit-keyframes fadeIn { 200 | from { 201 | opacity: 0; 202 | } 203 | to { 204 | opacity: 1; 205 | } 206 | } 207 | 208 | @-moz-keyframes fadeIn { 209 | from { 210 | opacity: 0; 211 | } 212 | to { 213 | opacity: 1; 214 | } 215 | } 216 | 217 | @keyframes fadeIn { 218 | from { 219 | opacity: 0; 220 | } 221 | to { 222 | opacity: 1; 223 | } 224 | } 225 | 226 | .fadeIn { 227 | opacity: 0; 228 | -webkit-animation: fadeIn ease-in 1; 229 | -moz-animation: fadeIn ease-in 1; 230 | animation: fadeIn ease-in 1; 231 | -webkit-animation-fill-mode: forwards; 232 | -moz-animation-fill-mode: forwards; 233 | animation-fill-mode: forwards; 234 | -webkit-animation-duration: 1s; 235 | -moz-animation-duration: 1s; 236 | animation-duration: 1s; 237 | } 238 | 239 | .fadeIn.first { 240 | -webkit-animation-delay: 0.4s; 241 | -moz-animation-delay: 0.4s; 242 | animation-delay: 0.4s; 243 | } 244 | 245 | .fadeIn.second { 246 | -webkit-animation-delay: 0.6s; 247 | -moz-animation-delay: 0.6s; 248 | animation-delay: 0.6s; 249 | } 250 | 251 | .fadeIn.third { 252 | -webkit-animation-delay: 0.8s; 253 | -moz-animation-delay: 0.8s; 254 | animation-delay: 0.8s; 255 | } 256 | 257 | .fadeIn.fourth { 258 | -webkit-animation-delay: 1s; 259 | -moz-animation-delay: 1s; 260 | animation-delay: 1s; 261 | } 262 | 263 | 264 | /* Simple CSS3 Fade-in Animation */ 265 | 266 | .underlineHover:after { 267 | display: block; 268 | left: 0; 269 | bottom: -10px; 270 | width: 0; 271 | height: 2px; 272 | background-color: #56baed; 273 | content: ""; 274 | transition: width 0.2s; 275 | } 276 | 277 | .underlineHover:hover { 278 | color: #0d0d0d; 279 | } 280 | 281 | .underlineHover:hover:after { 282 | width: 100%; 283 | } 284 | 285 | 286 | /* OTHERS */ 287 | 288 | *:focus { 289 | outline: none; 290 | } 291 | 292 | #icon { 293 | height: 40%; 294 | width: 50%; 295 | margin-bottom: 3%; 296 | margin-top: 3%; 297 | } 298 | 299 | #submit-button { 300 | background-color: #5fbae9; 301 | margin-top: 7%; 302 | } -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/db_script/MLR1.SQL: -------------------------------------------------------------------------------- 1 | DROP DATABASE IF EXISTS automobile_db; 2 | 3 | CREATE DATABASE IF NOT EXISTS automobile_db; 4 | USE automobile_db; 5 | # ----------------------------------------------------------------------------- 6 | # TABLE : USER 7 | # ----------------------------------------------------------------------------- 8 | 9 | CREATE TABLE IF NOT EXISTS USER 10 | ( 11 | USER_LOGIN VARCHAR(128) NOT NULL , 12 | USER_PASSWORD VARCHAR(128) NOT NULL 13 | , PRIMARY KEY (USER_LOGIN) 14 | ) 15 | comment = ""; 16 | 17 | # ----------------------------------------------------------------------------- 18 | # TABLE : AUTOMOBILE 19 | # ----------------------------------------------------------------------------- 20 | 21 | CREATE TABLE IF NOT EXISTS AUTOMOBILE 22 | ( 23 | AUTO_ID INTEGER(2) NOT NULL AUTO_INCREMENT , 24 | AUTO_NAME VARCHAR(128) NOT NULL , 25 | AUTO_MARK VARCHAR(128) NOT NULL , 26 | AUTO_PRICE BIGINT(4) NOT NULL 27 | , PRIMARY KEY (AUTO_ID) 28 | ) 29 | comment = ""; 30 | 31 | 32 | # ----------------------------------------------------------------------------- 33 | # CREATION DES REFERENCES DE TABLE 34 | # ----------------------------------------------------------------------------- 35 | 36 | -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont(1).eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont(1).eot -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Gest-Parc-Auto-Complet/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/footer.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/functions.php: -------------------------------------------------------------------------------- 1 | query("SELECT * FROM USER WHERE USER_LOGIN='$username' AND USER_PASSWORD='$password'"); 6 | if($query->num_rows > 0) { 7 | $_SESSION['username'] = $username; 8 | return true; 9 | } 10 | return false; 11 | } 12 | 13 | //fonction de connexion a mysqli et a la base de donnees 14 | function startConnection() 15 | { 16 | // parametres de connexion 17 | $hostname = "localhost"; // nom de votre serveur 18 | $username = "root"; // nom d'utilisateur (root par défaut) !!! ATTENTION, en utilisant root, vos visiteurs ont tous les droits sur la base 19 | $password = "projet"; // mot de passe (aucun par défaut mais il est conseillé d'en mettre un) 20 | $database = "automobile_db"; // nom de votre base de données 21 | 22 | //connexion au serveur et a la base de donnees 23 | $hostConnect = new mysqli($hostname, $username, $password, $database); 24 | if ($hostConnect->connect_errno) 25 | { 26 | die("Failed to connect to MySQL: " . $hostConnect->connect_error); 27 | } 28 | 29 | return $hostConnect; 30 | } 31 | 32 | //fonction de deconnexion de mysqli 33 | function stopConnection($con) 34 | { 35 | $con->close(); 36 | } 37 | 38 | 39 | //fonction de verification de connexion 40 | function isLogged() 41 | { 42 | return isset($_SESSION['username']); 43 | } 44 | 45 | 46 | //fonction de suppression d'un automobile 47 | function deleteAuto($autoId) 48 | { 49 | //appel de la fonction de connexion 50 | $connect = startConnection(); 51 | $query = $connect->query("DELETE FROM AUTOMOBILE WHERE AUTO_ID =$autoId") or die("Erreur lors de la suppression de l'automobile"); 52 | stopConnection($connect); 53 | return true; 54 | } 55 | 56 | 57 | //fonction d'affichage des automobiles 58 | function getAllAuto() 59 | { 60 | $connect = startConnection(); 61 | //recherche de l'automobile dans la base de donnees 62 | $query = $connect->query("SELECT * FROM AUTOMOBILE"); 63 | if($query->num_rows > 0) //verifiation que l'automobile existe 64 | { 65 | stopConnection($connect); 66 | return $query->fetch_all(MYSQLI_ASSOC); 67 | } 68 | stopConnection($connect); 69 | return array(); 70 | } 71 | 72 | //recherche 73 | function getAuto($autoId){ 74 | $connect = startConnection(); 75 | //recherche de l'automobile dans la base de donnees 76 | $query = $connect->query("SELECT * FROM AUTOMOBILE WHERE AUTO_ID=$autoId"); 77 | if($query->num_rows > 0) //verifiation que l'automobile existe 78 | { 79 | stopConnection($connect); 80 | return $query->fetch_assoc(); 81 | } 82 | stopConnection($connect); 83 | return null; 84 | } 85 | 86 | //fonction d'ajout d'un automobile 87 | function addAuto($autoName, $autoMarque, $autoPrice) 88 | { 89 | //appel de la fonction de connexion 90 | $connect = startConnection(); 91 | 92 | //enregistrement de l'automobile dans la base de donnees 93 | $query = $connect->query("INSERT INTO AUTOMOBILE (AUTO_NAME, AUTO_MARK, AUTO_PRICE) VALUES('$autoName', '$autoMarque', $autoPrice)") or die("Erreur lors de l'ajout de l'automobile"); 94 | stopConnection($connect); 95 | return true; 96 | } 97 | 98 | //fonction de modification d'un automobile 99 | function updateAuto($autoName, $autoMarque, $autoPrice, $autoId) 100 | { 101 | //appel de la fonction de connexion 102 | $connect = startConnection(); 103 | 104 | //enregistrement de l'automobile dans la base de donnees 105 | $query = $connect->query("UPDATE AUTOMOBILE SET AUTO_NAME='$autoName', AUTO_MARK='$autoMarque', AUTO_PRICE=$autoPrice WHERE AUTO_ID=$autoId") or die("Erreur lors de la mise à jour de l'automobile"); 106 | stopConnection($connect); 107 | return true; 108 | } 109 | 110 | ?> -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/header.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/images/user_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Gest-Parc-Auto-Complet/images/user_image.png -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/images/user_image2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Gest-Parc-Auto-Complet/images/user_image2.jpg -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/index.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v4.0.0 (https://getbootstrap.com) 3 | * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e(t.bootstrap={},t.jQuery,t.Popper)}(this,function(t,e,n){"use strict";function i(t,e){for(var n=0;n0?i:null}catch(t){return null}},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(n){t(n).trigger(e.end)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var s in n)if(Object.prototype.hasOwnProperty.call(n,s)){var r=n[s],o=e[s],a=o&&i.isElement(o)?"element":(l=o,{}.toString.call(l).match(/\s([a-zA-Z]+)/)[1].toLowerCase());if(!new RegExp(r).test(a))throw new Error(t.toUpperCase()+': Option "'+s+'" provided type "'+a+'" but expected type "'+r+'".')}var l}};return e=("undefined"==typeof window||!window.QUnit)&&{end:"transitionend"},t.fn.emulateTransitionEnd=n,i.supportsTransitionEnd()&&(t.event.special[i.TRANSITION_END]={bindType:e.end,delegateType:e.end,handle:function(e){if(t(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}}),i}(e),L=(a="alert",h="."+(l="bs.alert"),c=(o=e).fn[a],u={CLOSE:"close"+h,CLOSED:"closed"+h,CLICK_DATA_API:"click"+h+".data-api"},f="alert",d="fade",_="show",g=function(){function t(t){this._element=t}var e=t.prototype;return e.close=function(t){t=t||this._element;var e=this._getRootElement(t);this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},e.dispose=function(){o.removeData(this._element,l),this._element=null},e._getRootElement=function(t){var e=P.getSelectorFromElement(t),n=!1;return e&&(n=o(e)[0]),n||(n=o(t).closest("."+f)[0]),n},e._triggerCloseEvent=function(t){var e=o.Event(u.CLOSE);return o(t).trigger(e),e},e._removeElement=function(t){var e=this;o(t).removeClass(_),P.supportsTransitionEnd()&&o(t).hasClass(d)?o(t).one(P.TRANSITION_END,function(n){return e._destroyElement(t,n)}).emulateTransitionEnd(150):this._destroyElement(t)},e._destroyElement=function(t){o(t).detach().trigger(u.CLOSED).remove()},t._jQueryInterface=function(e){return this.each(function(){var n=o(this),i=n.data(l);i||(i=new t(this),n.data(l,i)),"close"===e&&i[e](this)})},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),o(document).on(u.CLICK_DATA_API,'[data-dismiss="alert"]',g._handleDismiss(new g)),o.fn[a]=g._jQueryInterface,o.fn[a].Constructor=g,o.fn[a].noConflict=function(){return o.fn[a]=c,g._jQueryInterface},g),R=(m="button",E="."+(v="bs.button"),T=".data-api",y=(p=e).fn[m],C="active",I="btn",A="focus",b='[data-toggle^="button"]',D='[data-toggle="buttons"]',S="input",w=".active",N=".btn",O={CLICK_DATA_API:"click"+E+T,FOCUS_BLUR_DATA_API:"focus"+E+T+" blur"+E+T},k=function(){function t(t){this._element=t}var e=t.prototype;return e.toggle=function(){var t=!0,e=!0,n=p(this._element).closest(D)[0];if(n){var i=p(this._element).find(S)[0];if(i){if("radio"===i.type)if(i.checked&&p(this._element).hasClass(C))t=!1;else{var s=p(n).find(w)[0];s&&p(s).removeClass(C)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!p(this._element).hasClass(C),p(i).trigger("change")}i.focus(),e=!1}}e&&this._element.setAttribute("aria-pressed",!p(this._element).hasClass(C)),t&&p(this._element).toggleClass(C)},e.dispose=function(){p.removeData(this._element,v),this._element=null},t._jQueryInterface=function(e){return this.each(function(){var n=p(this).data(v);n||(n=new t(this),p(this).data(v,n)),"toggle"===e&&n[e]()})},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),p(document).on(O.CLICK_DATA_API,b,function(t){t.preventDefault();var e=t.target;p(e).hasClass(I)||(e=p(e).closest(N)),k._jQueryInterface.call(p(e),"toggle")}).on(O.FOCUS_BLUR_DATA_API,b,function(t){var e=p(t.target).closest(N)[0];p(e).toggleClass(A,/^focus(in)?$/.test(t.type))}),p.fn[m]=k._jQueryInterface,p.fn[m].Constructor=k,p.fn[m].noConflict=function(){return p.fn[m]=y,k._jQueryInterface},k),j=function(t){var e="carousel",n="bs.carousel",i="."+n,o=t.fn[e],a={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0},l={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean"},h="next",c="prev",u="left",f="right",d={SLIDE:"slide"+i,SLID:"slid"+i,KEYDOWN:"keydown"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i,TOUCHEND:"touchend"+i,LOAD_DATA_API:"load"+i+".data-api",CLICK_DATA_API:"click"+i+".data-api"},_="carousel",g="active",p="slide",m="carousel-item-right",v="carousel-item-left",E="carousel-item-next",T="carousel-item-prev",y={ACTIVE:".active",ACTIVE_ITEM:".active.carousel-item",ITEM:".carousel-item",NEXT_PREV:".carousel-item-next, .carousel-item-prev",INDICATORS:".carousel-indicators",DATA_SLIDE:"[data-slide], [data-slide-to]",DATA_RIDE:'[data-ride="carousel"]'},C=function(){function o(e,n){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this._config=this._getConfig(n),this._element=t(e)[0],this._indicatorsElement=t(this._element).find(y.INDICATORS)[0],this._addEventListeners()}var C=o.prototype;return C.next=function(){this._isSliding||this._slide(h)},C.nextWhenVisible=function(){!document.hidden&&t(this._element).is(":visible")&&"hidden"!==t(this._element).css("visibility")&&this.next()},C.prev=function(){this._isSliding||this._slide(c)},C.pause=function(e){e||(this._isPaused=!0),t(this._element).find(y.NEXT_PREV)[0]&&P.supportsTransitionEnd()&&(P.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},C.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},C.to=function(e){var n=this;this._activeElement=t(this._element).find(y.ACTIVE_ITEM)[0];var i=this._getItemIndex(this._activeElement);if(!(e>this._items.length-1||e<0))if(this._isSliding)t(this._element).one(d.SLID,function(){return n.to(e)});else{if(i===e)return this.pause(),void this.cycle();var s=e>i?h:c;this._slide(s,this._items[e])}},C.dispose=function(){t(this._element).off(i),t.removeData(this._element,n),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},C._getConfig=function(t){return t=r({},a,t),P.typeCheckConfig(e,t,l),t},C._addEventListeners=function(){var e=this;this._config.keyboard&&t(this._element).on(d.KEYDOWN,function(t){return e._keydown(t)}),"hover"===this._config.pause&&(t(this._element).on(d.MOUSEENTER,function(t){return e.pause(t)}).on(d.MOUSELEAVE,function(t){return e.cycle(t)}),"ontouchstart"in document.documentElement&&t(this._element).on(d.TOUCHEND,function(){e.pause(),e.touchTimeout&&clearTimeout(e.touchTimeout),e.touchTimeout=setTimeout(function(t){return e.cycle(t)},500+e._config.interval)}))},C._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},C._getItemIndex=function(e){return this._items=t.makeArray(t(e).parent().find(y.ITEM)),this._items.indexOf(e)},C._getItemByDirection=function(t,e){var n=t===h,i=t===c,s=this._getItemIndex(e),r=this._items.length-1;if((i&&0===s||n&&s===r)&&!this._config.wrap)return e;var o=(s+(t===c?-1:1))%this._items.length;return-1===o?this._items[this._items.length-1]:this._items[o]},C._triggerSlideEvent=function(e,n){var i=this._getItemIndex(e),s=this._getItemIndex(t(this._element).find(y.ACTIVE_ITEM)[0]),r=t.Event(d.SLIDE,{relatedTarget:e,direction:n,from:s,to:i});return t(this._element).trigger(r),r},C._setActiveIndicatorElement=function(e){if(this._indicatorsElement){t(this._indicatorsElement).find(y.ACTIVE).removeClass(g);var n=this._indicatorsElement.children[this._getItemIndex(e)];n&&t(n).addClass(g)}},C._slide=function(e,n){var i,s,r,o=this,a=t(this._element).find(y.ACTIVE_ITEM)[0],l=this._getItemIndex(a),c=n||a&&this._getItemByDirection(e,a),_=this._getItemIndex(c),C=Boolean(this._interval);if(e===h?(i=v,s=E,r=u):(i=m,s=T,r=f),c&&t(c).hasClass(g))this._isSliding=!1;else if(!this._triggerSlideEvent(c,r).isDefaultPrevented()&&a&&c){this._isSliding=!0,C&&this.pause(),this._setActiveIndicatorElement(c);var I=t.Event(d.SLID,{relatedTarget:c,direction:r,from:l,to:_});P.supportsTransitionEnd()&&t(this._element).hasClass(p)?(t(c).addClass(s),P.reflow(c),t(a).addClass(i),t(c).addClass(i),t(a).one(P.TRANSITION_END,function(){t(c).removeClass(i+" "+s).addClass(g),t(a).removeClass(g+" "+s+" "+i),o._isSliding=!1,setTimeout(function(){return t(o._element).trigger(I)},0)}).emulateTransitionEnd(600)):(t(a).removeClass(g),t(c).addClass(g),this._isSliding=!1,t(this._element).trigger(I)),C&&this.cycle()}},o._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),s=r({},a,t(this).data());"object"==typeof e&&(s=r({},s,e));var l="string"==typeof e?e:s.slide;if(i||(i=new o(this,s),t(this).data(n,i)),"number"==typeof e)i.to(e);else if("string"==typeof l){if("undefined"==typeof i[l])throw new TypeError('No method named "'+l+'"');i[l]()}else s.interval&&(i.pause(),i.cycle())})},o._dataApiClickHandler=function(e){var i=P.getSelectorFromElement(this);if(i){var s=t(i)[0];if(s&&t(s).hasClass(_)){var a=r({},t(s).data(),t(this).data()),l=this.getAttribute("data-slide-to");l&&(a.interval=!1),o._jQueryInterface.call(t(s),a),l&&t(s).data(n).to(l),e.preventDefault()}}},s(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(document).on(d.CLICK_DATA_API,y.DATA_SLIDE,C._dataApiClickHandler),t(window).on(d.LOAD_DATA_API,function(){t(y.DATA_RIDE).each(function(){var e=t(this);C._jQueryInterface.call(e,e.data())})}),t.fn[e]=C._jQueryInterface,t.fn[e].Constructor=C,t.fn[e].noConflict=function(){return t.fn[e]=o,C._jQueryInterface},C}(e),H=function(t){var e="collapse",n="bs.collapse",i="."+n,o=t.fn[e],a={toggle:!0,parent:""},l={toggle:"boolean",parent:"(string|element)"},h={SHOW:"show"+i,SHOWN:"shown"+i,HIDE:"hide"+i,HIDDEN:"hidden"+i,CLICK_DATA_API:"click"+i+".data-api"},c="show",u="collapse",f="collapsing",d="collapsed",_="width",g="height",p={ACTIVES:".show, .collapsing",DATA_TOGGLE:'[data-toggle="collapse"]'},m=function(){function i(e,n){this._isTransitioning=!1,this._element=e,this._config=this._getConfig(n),this._triggerArray=t.makeArray(t('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'));for(var i=t(p.DATA_TOGGLE),s=0;s0&&(this._selector=o,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var o=i.prototype;return o.toggle=function(){t(this._element).hasClass(c)?this.hide():this.show()},o.show=function(){var e,s,r=this;if(!this._isTransitioning&&!t(this._element).hasClass(c)&&(this._parent&&0===(e=t.makeArray(t(this._parent).find(p.ACTIVES).filter('[data-parent="'+this._config.parent+'"]'))).length&&(e=null),!(e&&(s=t(e).not(this._selector).data(n))&&s._isTransitioning))){var o=t.Event(h.SHOW);if(t(this._element).trigger(o),!o.isDefaultPrevented()){e&&(i._jQueryInterface.call(t(e).not(this._selector),"hide"),s||t(e).data(n,null));var a=this._getDimension();t(this._element).removeClass(u).addClass(f),this._element.style[a]=0,this._triggerArray.length>0&&t(this._triggerArray).removeClass(d).attr("aria-expanded",!0),this.setTransitioning(!0);var l=function(){t(r._element).removeClass(f).addClass(u).addClass(c),r._element.style[a]="",r.setTransitioning(!1),t(r._element).trigger(h.SHOWN)};if(P.supportsTransitionEnd()){var _="scroll"+(a[0].toUpperCase()+a.slice(1));t(this._element).one(P.TRANSITION_END,l).emulateTransitionEnd(600),this._element.style[a]=this._element[_]+"px"}else l()}}},o.hide=function(){var e=this;if(!this._isTransitioning&&t(this._element).hasClass(c)){var n=t.Event(h.HIDE);if(t(this._element).trigger(n),!n.isDefaultPrevented()){var i=this._getDimension();if(this._element.style[i]=this._element.getBoundingClientRect()[i]+"px",P.reflow(this._element),t(this._element).addClass(f).removeClass(u).removeClass(c),this._triggerArray.length>0)for(var s=0;s0&&t(n).toggleClass(d,!i).attr("aria-expanded",i)}},i._getTargetFromElement=function(e){var n=P.getSelectorFromElement(e);return n?t(n)[0]:null},i._jQueryInterface=function(e){return this.each(function(){var s=t(this),o=s.data(n),l=r({},a,s.data(),"object"==typeof e&&e);if(!o&&l.toggle&&/show|hide/.test(e)&&(l.toggle=!1),o||(o=new i(this,l),s.data(n,o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),i}();return t(document).on(h.CLICK_DATA_API,p.DATA_TOGGLE,function(e){"A"===e.currentTarget.tagName&&e.preventDefault();var i=t(this),s=P.getSelectorFromElement(this);t(s).each(function(){var e=t(this),s=e.data(n)?"toggle":i.data();m._jQueryInterface.call(e,s)})}),t.fn[e]=m._jQueryInterface,t.fn[e].Constructor=m,t.fn[e].noConflict=function(){return t.fn[e]=o,m._jQueryInterface},m}(e),W=function(t){var e="dropdown",i="bs.dropdown",o="."+i,a=".data-api",l=t.fn[e],h=new RegExp("38|40|27"),c={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,CLICK:"click"+o,CLICK_DATA_API:"click"+o+a,KEYDOWN_DATA_API:"keydown"+o+a,KEYUP_DATA_API:"keyup"+o+a},u="disabled",f="show",d="dropup",_="dropright",g="dropleft",p="dropdown-menu-right",m="dropdown-menu-left",v="position-static",E='[data-toggle="dropdown"]',T=".dropdown form",y=".dropdown-menu",C=".navbar-nav",I=".dropdown-menu .dropdown-item:not(.disabled)",A="top-start",b="top-end",D="bottom-start",S="bottom-end",w="right-start",N="left-start",O={offset:0,flip:!0,boundary:"scrollParent"},k={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)"},L=function(){function a(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var l=a.prototype;return l.toggle=function(){if(!this._element.disabled&&!t(this._element).hasClass(u)){var e=a._getParentFromElement(this._element),i=t(this._menu).hasClass(f);if(a._clearMenus(),!i){var s={relatedTarget:this._element},r=t.Event(c.SHOW,s);if(t(e).trigger(r),!r.isDefaultPrevented()){if(!this._inNavbar){if("undefined"==typeof n)throw new TypeError("Bootstrap dropdown require Popper.js (https://popper.js.org)");var o=this._element;t(e).hasClass(d)&&(t(this._menu).hasClass(m)||t(this._menu).hasClass(p))&&(o=e),"scrollParent"!==this._config.boundary&&t(e).addClass(v),this._popper=new n(o,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===t(e).closest(C).length&&t("body").children().on("mouseover",null,t.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),t(this._menu).toggleClass(f),t(e).toggleClass(f).trigger(t.Event(c.SHOWN,s))}}}},l.dispose=function(){t.removeData(this._element,i),t(this._element).off(o),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)},l.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},l._addEventListeners=function(){var e=this;t(this._element).on(c.CLICK,function(t){t.preventDefault(),t.stopPropagation(),e.toggle()})},l._getConfig=function(n){return n=r({},this.constructor.Default,t(this._element).data(),n),P.typeCheckConfig(e,n,this.constructor.DefaultType),n},l._getMenuElement=function(){if(!this._menu){var e=a._getParentFromElement(this._element);this._menu=t(e).find(y)[0]}return this._menu},l._getPlacement=function(){var e=t(this._element).parent(),n=D;return e.hasClass(d)?(n=A,t(this._menu).hasClass(p)&&(n=b)):e.hasClass(_)?n=w:e.hasClass(g)?n=N:t(this._menu).hasClass(p)&&(n=S),n},l._detectNavbar=function(){return t(this._element).closest(".navbar").length>0},l._getPopperConfig=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=r({},e.offsets,t._config.offset(e.offsets)||{}),e}:e.offset=this._config.offset,{placement:this._getPlacement(),modifiers:{offset:e,flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}}},a._jQueryInterface=function(e){return this.each(function(){var n=t(this).data(i);if(n||(n=new a(this,"object"==typeof e?e:null),t(this).data(i,n)),"string"==typeof e){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},a._clearMenus=function(e){if(!e||3!==e.which&&("keyup"!==e.type||9===e.which))for(var n=t.makeArray(t(E)),s=0;s0&&r--,40===e.which&&rdocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},p._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},p._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right
',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},f="show",d="out",_={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,INSERTED:"inserted"+o,CLICK:"click"+o,FOCUSIN:"focusin"+o,FOCUSOUT:"focusout"+o,MOUSEENTER:"mouseenter"+o,MOUSELEAVE:"mouseleave"+o},g="fade",p="show",m=".tooltip-inner",v=".arrow",E="hover",T="focus",y="click",C="manual",I=function(){function a(t,e){if("undefined"==typeof n)throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var I=a.prototype;return I.enable=function(){this._isEnabled=!0},I.disable=function(){this._isEnabled=!1},I.toggleEnabled=function(){this._isEnabled=!this._isEnabled},I.toggle=function(e){if(this._isEnabled)if(e){var n=this.constructor.DATA_KEY,i=t(e.currentTarget).data(n);i||(i=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(n,i)),i._activeTrigger.click=!i._activeTrigger.click,i._isWithActiveTrigger()?i._enter(null,i):i._leave(null,i)}else{if(t(this.getTipElement()).hasClass(p))return void this._leave(null,this);this._enter(null,this)}},I.dispose=function(){clearTimeout(this._timeout),t.removeData(this.element,this.constructor.DATA_KEY),t(this.element).off(this.constructor.EVENT_KEY),t(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&t(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,null!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},I.show=function(){var e=this;if("none"===t(this.element).css("display"))throw new Error("Please use show on visible elements");var i=t.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){t(this.element).trigger(i);var s=t.contains(this.element.ownerDocument.documentElement,this.element);if(i.isDefaultPrevented()||!s)return;var r=this.getTipElement(),o=P.getUID(this.constructor.NAME);r.setAttribute("id",o),this.element.setAttribute("aria-describedby",o),this.setContent(),this.config.animation&&t(r).addClass(g);var l="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,h=this._getAttachment(l);this.addAttachmentClass(h);var c=!1===this.config.container?document.body:t(this.config.container);t(r).data(this.constructor.DATA_KEY,this),t.contains(this.element.ownerDocument.documentElement,this.tip)||t(r).appendTo(c),t(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new n(this.element,r,{placement:h,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:v},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){e._handlePopperPlacementChange(t)}}),t(r).addClass(p),"ontouchstart"in document.documentElement&&t("body").children().on("mouseover",null,t.noop);var u=function(){e.config.animation&&e._fixTransition();var n=e._hoverState;e._hoverState=null,t(e.element).trigger(e.constructor.Event.SHOWN),n===d&&e._leave(null,e)};P.supportsTransitionEnd()&&t(this.tip).hasClass(g)?t(this.tip).one(P.TRANSITION_END,u).emulateTransitionEnd(a._TRANSITION_DURATION):u()}},I.hide=function(e){var n=this,i=this.getTipElement(),s=t.Event(this.constructor.Event.HIDE),r=function(){n._hoverState!==f&&i.parentNode&&i.parentNode.removeChild(i),n._cleanTipClass(),n.element.removeAttribute("aria-describedby"),t(n.element).trigger(n.constructor.Event.HIDDEN),null!==n._popper&&n._popper.destroy(),e&&e()};t(this.element).trigger(s),s.isDefaultPrevented()||(t(i).removeClass(p),"ontouchstart"in document.documentElement&&t("body").children().off("mouseover",null,t.noop),this._activeTrigger[y]=!1,this._activeTrigger[T]=!1,this._activeTrigger[E]=!1,P.supportsTransitionEnd()&&t(this.tip).hasClass(g)?t(i).one(P.TRANSITION_END,r).emulateTransitionEnd(150):r(),this._hoverState="")},I.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},I.isWithContent=function(){return Boolean(this.getTitle())},I.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-tooltip-"+e)},I.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},I.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(m),this.getTitle()),e.removeClass(g+" "+p)},I.setElementContent=function(e,n){var i=this.config.html;"object"==typeof n&&(n.nodeType||n.jquery)?i?t(n).parent().is(e)||e.empty().append(n):e.text(t(n).text()):e[i?"html":"text"](n)},I.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},I._getAttachment=function(t){return c[t.toUpperCase()]},I._setListeners=function(){var e=this;this.config.trigger.split(" ").forEach(function(n){if("click"===n)t(e.element).on(e.constructor.Event.CLICK,e.config.selector,function(t){return e.toggle(t)});else if(n!==C){var i=n===E?e.constructor.Event.MOUSEENTER:e.constructor.Event.FOCUSIN,s=n===E?e.constructor.Event.MOUSELEAVE:e.constructor.Event.FOCUSOUT;t(e.element).on(i,e.config.selector,function(t){return e._enter(t)}).on(s,e.config.selector,function(t){return e._leave(t)})}t(e.element).closest(".modal").on("hide.bs.modal",function(){return e.hide()})}),this.config.selector?this.config=r({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},I._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},I._enter=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusin"===e.type?T:E]=!0),t(n.getTipElement()).hasClass(p)||n._hoverState===f?n._hoverState=f:(clearTimeout(n._timeout),n._hoverState=f,n.config.delay&&n.config.delay.show?n._timeout=setTimeout(function(){n._hoverState===f&&n.show()},n.config.delay.show):n.show())},I._leave=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusout"===e.type?T:E]=!1),n._isWithActiveTrigger()||(clearTimeout(n._timeout),n._hoverState=d,n.config.delay&&n.config.delay.hide?n._timeout=setTimeout(function(){n._hoverState===d&&n.hide()},n.config.delay.hide):n.hide())},I._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},I._getConfig=function(n){return"number"==typeof(n=r({},this.constructor.Default,t(this.element).data(),n)).delay&&(n.delay={show:n.delay,hide:n.delay}),"number"==typeof n.title&&(n.title=n.title.toString()),"number"==typeof n.content&&(n.content=n.content.toString()),P.typeCheckConfig(e,n,this.constructor.DefaultType),n},I._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},I._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(l);null!==n&&n.length>0&&e.removeClass(n.join(""))},I._handlePopperPlacementChange=function(t){this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},I._fixTransition=function(){var e=this.getTipElement(),n=this.config.animation;null===e.getAttribute("x-placement")&&(t(e).removeClass(g),this.config.animation=!1,this.hide(),this.show(),this.config.animation=n)},a._jQueryInterface=function(e){return this.each(function(){var n=t(this).data(i),s="object"==typeof e&&e;if((n||!/dispose|hide/.test(e))&&(n||(n=new a(this,s),t(this).data(i,n)),"string"==typeof e)){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},s(a,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return u}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return i}},{key:"Event",get:function(){return _}},{key:"EVENT_KEY",get:function(){return o}},{key:"DefaultType",get:function(){return h}}]),a}();return t.fn[e]=I._jQueryInterface,t.fn[e].Constructor=I,t.fn[e].noConflict=function(){return t.fn[e]=a,I._jQueryInterface},I}(e),x=function(t){var e="popover",n="bs.popover",i="."+n,o=t.fn[e],a=new RegExp("(^|\\s)bs-popover\\S+","g"),l=r({},U.Default,{placement:"right",trigger:"click",content:"",template:''}),h=r({},U.DefaultType,{content:"(string|element|function)"}),c="fade",u="show",f=".popover-header",d=".popover-body",_={HIDE:"hide"+i,HIDDEN:"hidden"+i,SHOW:"show"+i,SHOWN:"shown"+i,INSERTED:"inserted"+i,CLICK:"click"+i,FOCUSIN:"focusin"+i,FOCUSOUT:"focusout"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i},g=function(r){var o,g;function p(){return r.apply(this,arguments)||this}g=r,(o=p).prototype=Object.create(g.prototype),o.prototype.constructor=o,o.__proto__=g;var m=p.prototype;return m.isWithContent=function(){return this.getTitle()||this._getContent()},m.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-popover-"+e)},m.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},m.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(f),this.getTitle());var n=this._getContent();"function"==typeof n&&(n=n.call(this.element)),this.setElementContent(e.find(d),n),e.removeClass(c+" "+u)},m._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},m._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(a);null!==n&&n.length>0&&e.removeClass(n.join(""))},p._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),s="object"==typeof e?e:null;if((i||!/destroy|hide/.test(e))&&(i||(i=new p(this,s),t(this).data(n,i)),"string"==typeof e)){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},s(p,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return l}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return n}},{key:"Event",get:function(){return _}},{key:"EVENT_KEY",get:function(){return i}},{key:"DefaultType",get:function(){return h}}]),p}(U);return t.fn[e]=g._jQueryInterface,t.fn[e].Constructor=g,t.fn[e].noConflict=function(){return t.fn[e]=o,g._jQueryInterface},g}(e),K=function(t){var e="scrollspy",n="bs.scrollspy",i="."+n,o=t.fn[e],a={offset:10,method:"auto",target:""},l={offset:"number",method:"string",target:"(string|element)"},h={ACTIVATE:"activate"+i,SCROLL:"scroll"+i,LOAD_DATA_API:"load"+i+".data-api"},c="dropdown-item",u="active",f={DATA_SPY:'[data-spy="scroll"]',ACTIVE:".active",NAV_LIST_GROUP:".nav, .list-group",NAV_LINKS:".nav-link",NAV_ITEMS:".nav-item",LIST_ITEMS:".list-group-item",DROPDOWN:".dropdown",DROPDOWN_ITEMS:".dropdown-item",DROPDOWN_TOGGLE:".dropdown-toggle"},d="offset",_="position",g=function(){function o(e,n){var i=this;this._element=e,this._scrollElement="BODY"===e.tagName?window:e,this._config=this._getConfig(n),this._selector=this._config.target+" "+f.NAV_LINKS+","+this._config.target+" "+f.LIST_ITEMS+","+this._config.target+" "+f.DROPDOWN_ITEMS,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,t(this._scrollElement).on(h.SCROLL,function(t){return i._process(t)}),this.refresh(),this._process()}var g=o.prototype;return g.refresh=function(){var e=this,n=this._scrollElement===this._scrollElement.window?d:_,i="auto"===this._config.method?n:this._config.method,s=i===_?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),t.makeArray(t(this._selector)).map(function(e){var n,r=P.getSelectorFromElement(e);if(r&&(n=t(r)[0]),n){var o=n.getBoundingClientRect();if(o.width||o.height)return[t(n)[i]().top+s,r]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(t){e._offsets.push(t[0]),e._targets.push(t[1])})},g.dispose=function(){t.removeData(this._element,n),t(this._scrollElement).off(i),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},g._getConfig=function(n){if("string"!=typeof(n=r({},a,n)).target){var i=t(n.target).attr("id");i||(i=P.getUID(e),t(n.target).attr("id",i)),n.target="#"+i}return P.typeCheckConfig(e,n,l),n},g._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},g._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},g._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},g._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t0)return this._activeTarget=null,void this._clear();for(var s=this._offsets.length;s--;){this._activeTarget!==this._targets[s]&&t>=this._offsets[s]&&("undefined"==typeof this._offsets[s+1]||t=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(e),t.Util=P,t.Alert=L,t.Button=R,t.Carousel=j,t.Collapse=H,t.Dropdown=W,t.Modal=M,t.Popover=x,t.Scrollspy=K,t.Tab=V,t.Tooltip=U,Object.defineProperty(t,"__esModule",{value:!0})}); 7 | //# sourceMappingURL=bootstrap.min.js.map -------------------------------------------------------------------------------- /Sources/Gest-Parc-Auto-Complet/login.php: -------------------------------------------------------------------------------- 1 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 |
28 | 29 | 32 | 35 | 38 | 39 | 40 |
41 | User Icon 42 |
43 | 44 | 45 |
46 | 47 | 48 | 49 |
50 |
51 |
52 | 53 | 54 | -------------------------------------------------------------------------------- /Sources/IFrame-HTML-CSS/iframe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | IFRAME Example 4 | 14 | 15 | 16 | 22 | 23 | -------------------------------------------------------------------------------- /Sources/Responsive/CSS-Grid-Demo/css/css-grid.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: auto; 3 | } 4 | ._1_row{ 5 | width: 100%; 6 | padding: 5px 2% 5px 2%; 7 | margin-left: -2%; 8 | } 9 | ._1_row::before, ._1_row::after{ 10 | content: ""; 11 | display: block; 12 | margin-top: 5px; 13 | } 14 | ._1_row::after{ 15 | clear: both; 16 | } 17 | ._1_col_1, ._1_col_2, ._1_col_3, ._1_col_4{ 18 | display: block; 19 | float: left; 20 | margin-left: 0.5%; 21 | margin-right: 0.5%; 22 | padding-left: 0.5%; 23 | padding-right: 0.5%; 24 | border-radius: 1px; 25 | padding-top: 5px; 26 | padding-bottom: 5px; 27 | margin-top: 2px; 28 | margin-bottom: 3px; 29 | } 30 | ._1_col_1{ 31 | width: 23%; 32 | } 33 | ._1_col_2{ 34 | width: 48%; 35 | } 36 | ._1_col_3{ 37 | width: 73%; 38 | } 39 | ._1_col_4{ 40 | width: 98%; 41 | } 42 | 43 | @media(min-width:800px) and (max-width:1000px){ 44 | #_1_container { 45 | width: 89%; 46 | } 47 | ._1_col_3, ._1_col_1 + ._1_col_1 + ._1_col_2, ._1_col_1 + ._1_col_2:nth-child(2), ._1_col_1 + ._1_col_2 + ._1_col_1, ._1_col_3 + ._1_col_1{ 48 | width: 98%; 49 | } 50 | ._1_col_1:nth-of-type(1), ._1_col_1 + ._1_col_1, ._1_col_2 + ._1_col_1 + ._1_col_1, ._1_col_2 + ._1_col_1:nth-last-of-type(2){ 51 | width: 48%; 52 | } 53 | } 54 | 55 | @media (min-width:500px) and (max-width:799px){ 56 | #_1_container { 57 | width: 89%; 58 | } 59 | ._1_col_3, ._1_col_2, ._1_col_1 + ._1_col_2 + ._1_col_1, ._1_col_3 + ._1_col_1{ 60 | width: 98%; 61 | } 62 | ._1_col_1:nth-of-type(1), ._1_col_1 + ._1_col_1, ._1_col_2 + ._1_col_1:nth-last-of-type(2){ 63 | width: 48%; 64 | } 65 | } 66 | 67 | @media(max-width:499px){ 68 | #_1_container { 69 | width: 89%; 70 | } 71 | ._1_col_1, ._1_col_2, ._1_col_3, ._1_col_4{ 72 | width: 98%; 73 | } 74 | } -------------------------------------------------------------------------------- /Sources/Responsive/CSS-Grid-Demo/css/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | background-color: rgb(240, 240, 240); 3 | } 4 | #_1_container { 5 | background-color: black; 6 | width: 75%; 7 | margin: auto; 8 | padding: 5px 15px 5px 15px; 9 | } 10 | ._1_col_1{ 11 | background-color: green; 12 | } 13 | ._1_col_2{ 14 | background-color: orange; 15 | } 16 | ._1_col_3{ 17 | background-color: red; 18 | } 19 | ._1_col_4{ 20 | background-color: white; 21 | } -------------------------------------------------------------------------------- /Sources/Responsive/CSS-Grid-Demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CSS-Grid in action 6 | 7 | 8 | 9 | 10 |
11 |
12 |
13 |
Col 1
14 |
Col 1
15 |
Col 1
16 |
Col 1
17 |
18 |
19 |
Col 2
20 |
Col 2
21 |
22 |
23 |
24 |
Col 2
25 |
Col 2
26 |
27 |
28 |
Col 2
29 |
Col 1
30 |
Col 1
31 |
32 |
33 |
Col 1
34 |
Col 2
35 |
Col 1
36 |
37 |
38 |
Col 1
39 |
Col 1
40 |
Col 2
41 |
42 |
43 |
Col 3
44 |
Col 1
45 |
46 |
47 |
Col 1
48 |
Col 3
49 |
50 |
51 |
52 |
Col 1 dans Col 3
53 |
Col 2 dans Col 3
54 |
Col 1 dans Col 3
55 |
56 |
Col 1
57 |
58 |
59 |
60 |
Col 1 dans Col 4
61 |
Col 1 dans Col 4
62 |
Col 1 dans Col 4
63 |
Col 1 dans Col 4
64 |
65 |
66 |
67 | 68 | -------------------------------------------------------------------------------- /Sources/Responsive/CSS-Grid-Lib/css-grid.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: auto; 3 | } 4 | ._1_row{ 5 | width: 100%; 6 | padding: 5px 2% 5px 2%; 7 | margin-left: -2%; 8 | } 9 | ._1_row::before, ._1_row::after{ 10 | content: ""; 11 | display: block; 12 | margin-top: 5px; 13 | } 14 | ._1_row::after{ 15 | clear: both; 16 | } 17 | ._1_col_1, ._1_col_2, ._1_col_3, ._1_col_4{ 18 | display: block; 19 | float: left; 20 | margin-left: 0.5%; 21 | margin-right: 0.5%; 22 | padding-left: 0.5%; 23 | padding-right: 0.5%; 24 | border-radius: 1px; 25 | padding-top: 5px; 26 | padding-bottom: 5px; 27 | margin-top: 2px; 28 | margin-bottom: 3px; 29 | } 30 | ._1_col_1{ 31 | width: 23%; 32 | } 33 | ._1_col_2{ 34 | width: 48%; 35 | } 36 | ._1_col_3{ 37 | width: 73%; 38 | } 39 | ._1_col_4{ 40 | width: 98%; 41 | } 42 | 43 | @media(min-width:800px) and (max-width:1000px){ 44 | #_1_container { 45 | width: 89%; 46 | } 47 | ._1_col_3, ._1_col_1 + ._1_col_1 + ._1_col_2, ._1_col_1 + ._1_col_2:nth-child(2), ._1_col_1 + ._1_col_2 + ._1_col_1, ._1_col_3 + ._1_col_1{ 48 | width: 98%; 49 | } 50 | ._1_col_1:nth-of-type(1), ._1_col_1 + ._1_col_1, ._1_col_2 + ._1_col_1 + ._1_col_1, ._1_col_2 + ._1_col_1:nth-last-of-type(2){ 51 | width: 48%; 52 | } 53 | } 54 | 55 | @media (min-width:500px) and (max-width:799px){ 56 | #_1_container { 57 | width: 89%; 58 | } 59 | ._1_col_3, ._1_col_2, ._1_col_1 + ._1_col_2 + ._1_col_1, ._1_col_3 + ._1_col_1{ 60 | width: 98%; 61 | } 62 | ._1_col_1:nth-of-type(1), ._1_col_1 + ._1_col_1, ._1_col_2 + ._1_col_1:nth-last-of-type(2){ 63 | width: 48%; 64 | } 65 | } 66 | 67 | @media(max-width:499px){ 68 | #_1_container { 69 | width: 89%; 70 | } 71 | ._1_col_1, ._1_col_2, ._1_col_3, ._1_col_4{ 72 | width: 98%; 73 | } 74 | } -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/audio/1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Snake-HTML-CSS-JS/js/audio/1.mp3 -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/audio/1.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Snake-HTML-CSS-JS/js/audio/1.mp4 -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/audio/2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Snake-HTML-CSS-JS/js/audio/2.mp3 -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/audio/2.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Snake-HTML-CSS-JS/js/audio/2.ogg -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/audio/3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Snake-HTML-CSS-JS/js/audio/3.mp3 -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/audio/3.ogg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/Sources/Snake-HTML-CSS-JS/js/audio/3.ogg -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/css/miu.snake.css: -------------------------------------------------------------------------------- 1 | .snake-game-zone { 2 | margin: auto; 3 | } 4 | #snake-game-information { 5 | margin: auto; 6 | padding-top: 5px; 7 | padding-bottom: 5px; 8 | border: 2px solid black; 9 | border-bottom: none; 10 | background: rgba(226, 242, 247, 0.9); 11 | } 12 | #snake-game-score { 13 | margin-left: 3px; 14 | color: rgb(11, 199, 111); 15 | font-family: monospace, Helvetica, sans-serif; 16 | } 17 | #snake-game-score-label { 18 | margin-left: 3px; 19 | color: red; 20 | font-family: monospace, Helvetica, sans-serif; 21 | font-weight: bold; 22 | } 23 | #snake-game-inner { 24 | margin: auto; 25 | border: 2px solid black; 26 | background: rgba(226, 242, 247, 0.9); 27 | } 28 | #snake-game-controls { 29 | margin: auto; 30 | width: 165px; 31 | } 32 | .snake-game-controller { 33 | font-family: monospace, Helvetica, sans-serif; 34 | margin: auto; 35 | } 36 | .snake-game-cell { 37 | float: left; 38 | } 39 | .snake-head { 40 | background-color: red; 41 | } 42 | .snake-body { 43 | background-color: black; 44 | } 45 | .snake-tchop { 46 | background-color: rgb(11, 199, 111); 47 | border-radius: 100%; 48 | box-shadow: 1px 1px 1px rgb(102, 100, 102, 0.8); 49 | } 50 | .snake-obstacle { 51 | background-color: rgb(102, 100, 102); 52 | } 53 | .snake-head-dir-right { 54 | border-radius: 0% 90% 90% 0%; 55 | } 56 | .snake-head-dir-bottom { 57 | border-radius: 0% 0% 90% 90%; 58 | } 59 | .snake-head-dir-left { 60 | border-radius: 90% 0% 0% 90%; 61 | } 62 | .snake-head-dir-top { 63 | border-radius: 90% 90% 0% 0%; 64 | } 65 | .snake-body-dir-right { 66 | border-radius: 100% 0% 0% 100%; 67 | } 68 | .snake-body-dir-bottom { 69 | border-radius: 100% 100% 0% 0%; 70 | } 71 | .snake-body-dir-left { 72 | border-radius: 0% 100% 100% 0%; 73 | } 74 | .snake-body-dir-top { 75 | border-radius: 0% 0% 100% 100%; 76 | } 77 | -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/js/miu.domlib.min.js: -------------------------------------------------------------------------------- 1 | function miuDomLibFn(){this.addClass=function(t,i){-1==t.className.split(" ").indexOf(i)&&(t.className+=" "+i)},this.hasClass=function(t,i){return!(!t||!t.className)&&-1!=t.className.split(" ").indexOf(i)},this.remClass=function(t,i){var e=t.className.split(" "),s=0,a="";for(s=0;s' + 69 | 'score:' + 70 | '0' + 71 | '' + 72 | '' + 73 | '
' + 74 | '
' + 75 | '' + 76 | '' + 77 | '
'; 78 | const music = ''; 79 | gameZone.innerHTML += music; 80 | 81 | var gameZoneInformation = document.querySelector('#snake-game-information'); 82 | var gameZoneInner = document.querySelector('#snake-game-inner'); 83 | var gameController = document.getElementsByClassName('snake-game-controller'); 84 | gameZone.style.width = (this.side * sideSize + miuDomLib.getStyleVal(gameZoneInner, 'border-left-width') + miuDomLib.getStyleVal(gameZoneInner, 'border-right-width')) + 'px'; 85 | gameZoneInformation.style.width = (this.side * sideSize) + 'px'; 86 | gameZoneInner.style.width = (this.side * sideSize) + 'px'; 87 | gameZoneInner.style.height = (this.side * sideSize) + 'px'; 88 | 89 | var i = 1, x = 1, y = 1; 90 | for (; i <= this.side * this.side; i++, x = ((i - 1) % this.side) + 1, y = Math.floor((i - 1) / this.side) + 1) { 91 | var gameCell = document.createElement('div'); 92 | gameCell.id = getGameCellId(x, y); 93 | miuDomLib.addClass(gameCell, 'snake-game-cell'); 94 | gameCell.style.width = sideSize + 'px'; 95 | gameCell.style.height = sideSize + 'px'; 96 | gameZoneInner.appendChild(gameCell); 97 | } 98 | 99 | // Initializing the game objects 100 | this.snake.push({ 101 | x: 1, 102 | y: 1, 103 | }); 104 | this.direction = 'right'; 105 | this.tchop = generateTchop(this.side, this.snake, this.obstacles); 106 | 107 | renderAll(this.side, this.snake, this.obstacles, this.tchop, this.direction); 108 | 109 | if (this.tchop === null) { 110 | weHaveAWinner(); 111 | } 112 | 113 | window.addEventListener('keydown', keyPressed.bind(this)); 114 | 115 | }; 116 | 117 | // This function start the game 118 | this.start = function() { 119 | if(this.gameInterval === null) { 120 | putOnTheMusic(this); 121 | } 122 | var button_start = document.getElementsByClassName('snake-game-controller')[0]; 123 | if(button_start.innerHTML.trim() === 'pause') { 124 | button_start.innerHTML = 'continue'; 125 | pause(this); 126 | return true; 127 | } else { 128 | if(button_start.innerHTML.trim() === 'continue' || button_start.innerHTML.trim() === 'play') { 129 | button_start.innerHTML = 'pause'; 130 | play(this); 131 | return true; 132 | } 133 | } 134 | }; 135 | 136 | // This function pauses the game 137 | var pause = function(game) { 138 | clearInterval(game.gameInterval); 139 | game.gameInterval = null; 140 | putPauseTheMusic(game); 141 | return true; 142 | }; 143 | 144 | // This function plays the game 145 | var play = function(game) { 146 | if (game.gameInterval !== null) { 147 | clearInterval(game.gameInterval); 148 | game.gameInterval = null; 149 | } 150 | game.gameInterval = setInterval(move.bind(game), game.gameSpeed); 151 | return true; 152 | }; 153 | 154 | // This function restarts the game 155 | this.restart = function(){ 156 | putOffTheMusic(this); 157 | var i = this.snake.length - 1; 158 | while(i > 0){ 159 | this.snake.pop(); 160 | i--; 161 | } 162 | const last_snake_head = document.querySelector('#' + getGameCellId(this.snake[0].x, this.snake[0].y)); 163 | this.snake[0].x = 1; 164 | this.snake[0].y = 1; 165 | this.direction = 'right'; 166 | const Final_Descision = 'score: ' + this.score; 167 | alert(Final_Descision); 168 | cleanCell(last_snake_head); 169 | this.score = 0; 170 | document.querySelector('#snake-game-score').innerHTML = this.score; 171 | document.getElementsByClassName('snake-game-controller')[0].innerHTML = 'play'; 172 | generateTchop(this.side, this.snake, this.obstacles); 173 | renderAll(this.side, this.snake, this.obstacles, this.tchop, this.direction, this.score); 174 | pause(this); 175 | return true; 176 | }; 177 | 178 | // Function to switch on the music of the game 179 | var putOnTheMusic = function() { 180 | var gameSong = document.querySelector('#snake-game-song'); 181 | gameSong.play(); 182 | }; 183 | 184 | // Function to switch off the music of the game 185 | var putOffTheMusic = function(game) { 186 | var gameSong = document.querySelector('#snake-game-song'); 187 | gameSong.pause(); 188 | gameSong.currentTime = 0; 189 | }; 190 | 191 | // Function to pause the music of the game 192 | var putPauseTheMusic = function() { 193 | var gameSong = document.querySelector('#snake-game-song'); 194 | gameSong.pause(); 195 | }; 196 | 197 | // Function to switch on the music after tchop 198 | var putOnTheMusicAfterTchop = function(score) { 199 | var gameZone = document.querySelector('#snake-game-zone'); 200 | var last_music = document.querySelector('#snake-game-tchop-song'); 201 | const music = document.createElement('audio'); 202 | music.src = _DIR_ + 'audio/2.mp3'; 203 | music.id = 'snake-game-tchop-song'; 204 | music.autoplay = true; 205 | if(last_music === null && score === 0) { 206 | gameZone.appendChild(music); 207 | } else 208 | last_music = music; 209 | }; 210 | 211 | // Function to listen to update after keyboard event 212 | var keyPressed = function(event) { 213 | var button_start = document.getElementsByClassName('snake-game-controller')[0]; 214 | var onPause = button_start.innerHTML.trim() === 'continue' || button_start.innerHTML.trim() === 'play'; 215 | switch (event.key) { 216 | case 'ArrowRight': { 217 | if (!onPause && this.direction !== 'left' && this.direction !== 'right') { 218 | this.direction = 'right'; 219 | } 220 | break; 221 | } 222 | case 'ArrowDown': { 223 | if (!onPause && this.direction !== 'top' && this.direction !== 'bottom') { 224 | this.direction = 'bottom'; 225 | } 226 | break; 227 | } 228 | case 'ArrowLeft': { 229 | if (!onPause && this.direction !== 'right' && this.direction !== 'left') { 230 | this.direction = 'left'; 231 | } 232 | break; 233 | } 234 | case 'ArrowUp': { 235 | if (!onPause && this.direction !== 'bottom' && this.direction !== 'top') { 236 | this.direction = 'top'; 237 | } 238 | break; 239 | } 240 | case 'p': { 241 | this.start(); 242 | break; 243 | } 244 | } 245 | }; 246 | 247 | var changeSpeed = function(game) { 248 | game.gameSpeed -= 10; 249 | }; 250 | 251 | // Function to generate the Id of a cell 252 | var getGameCellId = function(x, y) { 253 | return 'snake-game-cell-' + x + '-' + y; 254 | }; 255 | 256 | // Function to generate a random animal to be chased. the function returns null when the game is completed 257 | var generateTchop = function(_side, _snake, _obs) { 258 | const generated = []; 259 | while (true) { 260 | var _x = Math.floor(Math.random() * (_side - 1)) + 1; 261 | var _y = Math.floor(Math.random() * (_side - 1)) + 1; 262 | var used = false; 263 | for (const cell of generated) { 264 | if (_x === cell.x && _y === cell.y) { 265 | used = true; 266 | break; 267 | } 268 | } 269 | if (!used) { 270 | generated.push({ 271 | x: _x, 272 | y: _y 273 | }); 274 | for (const cell of _snake) { 275 | if (_x === cell.x && _y === cell.y) { 276 | used = true; 277 | break; 278 | } 279 | } 280 | } 281 | if (!used) { 282 | for (const cell of _obs) { 283 | if (_x === cell.x && _y === cell.y) { 284 | used = true; 285 | break; 286 | } 287 | } 288 | } 289 | if (!used) { 290 | return { 291 | x: _x, 292 | y: _y 293 | }; 294 | } else { 295 | if (generated.length === this.side * this.side) { 296 | return null; 297 | } 298 | } 299 | } 300 | }; 301 | 302 | // Function to announce the winner and stop the game 303 | var weHaveAWinner = function() { 304 | alert('You win!'); 305 | }; 306 | 307 | // Function to announce the lost 308 | var youLoose = function() { 309 | alert('You loose!'); 310 | }; 311 | 312 | // Function to update style of the whole game zone 313 | var renderAll = function(_side, _snake, _obs, _tchop, _dir,_score) { 314 | var i = 1, x = 1, y = 1; 315 | for (; i <= _side * _side; i++, x = ((i - 1) % _side) + 1, y = Math.floor((i - 1) / _side) + 1) { 316 | const cell = document.querySelector('#' + getGameCellId(x, y)); 317 | cleanCell(cell); 318 | } 319 | i = 0; 320 | for (const _cell of _snake) { 321 | const cell = document.querySelector('#' + getGameCellId(_cell.x, _cell.y)); 322 | if (i === 0) { 323 | miuDomLib.addClass(cell, 'snake-head'); 324 | miuDomLib.addClass(cell, 'snake-head-dir-' + _dir); 325 | } else { 326 | miuDomLib.addClass(cell, 'snake-body'); 327 | const nextCell = _snake[i]; 328 | miuDomLib.addClass(cell, 'snake-body-dir-' + nextDirection(cell, nextCell)); 329 | } 330 | i++; 331 | } 332 | for (const _cell of _obs) { 333 | const cell = document.querySelector('#' + getGameCellId(_cell.x, _cell.y)); 334 | miuDomLib.addClass(cell, 'snake-obstacle'); 335 | } 336 | const cell = document.querySelector('#' + getGameCellId(_tchop.x, _tchop.y)); 337 | miuDomLib.addClass(cell, 'snake-tchop'); 338 | this.score = _score; 339 | }; 340 | 341 | var nextDirection = function(cell, nextCell) { 342 | if (nextCell.x > cell.x) { 343 | return 'right'; 344 | } 345 | if (nextCell.x < cell.x) { 346 | return 'left'; 347 | } 348 | if (nextCell.y > cell.y) { 349 | return 'top'; 350 | } 351 | if (nextCell.y < cell.y) { 352 | return 'bottom'; 353 | } 354 | return 'unknow'; 355 | }; 356 | 357 | // Function to move the snake 358 | var move = function() { 359 | if (canMove(this)) { 360 | var i = 0; 361 | var newSnakeQueue = null; 362 | var nextCell = null; 363 | for (const _cell of this.snake) { 364 | const cell = document.querySelector('#' + getGameCellId(_cell.x, _cell.y)); 365 | if (i === 0) { 366 | const pos = getNextHeadPosition(_cell, this.direction); 367 | const newCell = document.querySelector('#' + getGameCellId(pos.x, pos.y)); 368 | newSnakeQueue = tchopAndYamohIfPossible(this, pos); 369 | cleanCell(cell); 370 | cleanCell(newCell); 371 | 372 | miuDomLib.addClass(newCell, 'snake-head'); 373 | miuDomLib.addClass(newCell, 'snake-head-dir-' + this.direction); 374 | nextCell = { 375 | x: _cell.x, 376 | y: _cell.y 377 | }; 378 | _cell.x = pos.x; 379 | _cell.y = pos.y; 380 | } else { 381 | const newCell = document.querySelector('#' + getGameCellId(nextCell.x, nextCell.y)); 382 | cleanCell(cell); 383 | cleanCell(newCell); 384 | miuDomLib.addClass(newCell, 'snake-body'); 385 | var newCoord = { 386 | x: nextCell.x, 387 | y: nextCell.y 388 | }; 389 | var tmp = { 390 | x: _cell.x, 391 | y: _cell.y 392 | }; 393 | _cell.x = nextCell.x; 394 | _cell.y = nextCell.y; 395 | nextCell = tmp; 396 | 397 | var next = this.snake[i - 1]; 398 | miuDomLib.addClass(newCell, 'snake-body-dir-' + nextDirection(newCoord, next)); 399 | } 400 | i++; 401 | } 402 | if (newSnakeQueue !== null) { 403 | this.snake.push(newSnakeQueue); 404 | var newCell = document.querySelector('#' + getGameCellId(newSnakeQueue.x, newSnakeQueue.y)); 405 | cleanCell(newCell); 406 | miuDomLib.addClass(newCell, 'snake-body'); 407 | var next = this.snake[this.snake.length - 2]; 408 | miuDomLib.addClass(newCell, 'snake-body-dir-' + nextDirection(newCell, next)); 409 | 410 | this.score += 5; 411 | document.querySelector('#snake-game-score').innerHTML = this.score; 412 | putOnTheMusicAfterTchop(this.score); 413 | this.tchop = generateTchop(this.side, this.snake, this.obstacles); 414 | if (this.tchop === null) { 415 | weHaveAWinner(); 416 | } else { 417 | newCell = document.querySelector('#' + getGameCellId(this.tchop.x, this.tchop.y)); 418 | cleanCell(newCell); 419 | miuDomLib.addClass(newCell, 'snake-tchop'); 420 | } 421 | } 422 | } else { 423 | putOffTheMusic(this); 424 | youLoose(); 425 | gameover(this); 426 | } 427 | }; 428 | 429 | // Function to "tchop" if possible 430 | var tchopAndYamohIfPossible = function(game, nextPos) { 431 | if (game.tchop.x === nextPos.x && game.tchop.y === nextPos.y) { 432 | return { 433 | x: game.snake[game.snake.length - 1].x, 434 | y: game.snake[game.snake.length - 1].y 435 | }; 436 | } 437 | return null; 438 | }; 439 | 440 | // Function to check if the move is possible 441 | var canMove = function(game) { 442 | const pos = getNextHeadPosition(game.snake[0], game.direction); 443 | if (pos.x >= 1 && pos.x <= game.side && pos.y >= 1 && pos.y <= game.side) { 444 | for (const _cell of game.snake) { 445 | if (_cell.x === pos.x && _cell.y === pos.y) { 446 | return false; 447 | } 448 | } 449 | for (const _cell of game.obstacles) { 450 | if (_cell.x === pos.x && _cell.y === pos.y) { 451 | return false; 452 | } 453 | } 454 | return true; 455 | } else { 456 | return false; 457 | } 458 | }; 459 | 460 | var getNextHeadPosition = function(_head, _dir) { 461 | switch (_dir) { 462 | case 'right': {return {x: _head.x + 1, y: _head.y};} 463 | case 'bottom': {return {x: _head.x, y: _head.y + 1};} 464 | case 'left': {return {x: _head.x - 1, y: _head.y};} 465 | case 'top': {return {x: _head.x, y: _head.y - 1};} 466 | } 467 | }; 468 | 469 | var cleanCell = function(cell) { 470 | miuDomLib.remClass(cell, 'snake-head'); 471 | miuDomLib.remClass(cell, 'snake-body'); 472 | miuDomLib.remClass(cell, 'snake-tchop'); 473 | miuDomLib.remClass(cell, 'snake-obstacle'); 474 | miuDomLib.remClass(cell, 'snake-head-dir-right'); 475 | miuDomLib.remClass(cell, 'snake-head-dir-bottom'); 476 | miuDomLib.remClass(cell, 'snake-head-dir-left'); 477 | miuDomLib.remClass(cell, 'snake-head-dir-top'); 478 | miuDomLib.remClass(cell, 'snake-body-dir-right'); 479 | miuDomLib.remClass(cell, 'snake-body-dir-bottom'); 480 | miuDomLib.remClass(cell, 'snake-body-dir-left'); 481 | miuDomLib.remClass(cell, 'snake-body-dir-top'); 482 | }; 483 | 484 | // This function end the game 485 | var gameover = function(game){ 486 | var i = game.snake.length - 1; 487 | while(i > 0){ 488 | game.snake.pop(); 489 | i--; 490 | } 491 | const last_snake_head = document.querySelector('#' + getGameCellId(game.snake[0].x, game.snake[0].y)); 492 | game.snake[0].x = 1; 493 | game.snake[0].y = 1; 494 | game.direction = 'right'; 495 | const Final_Descision = 'score: ' + game.score; 496 | alert(Final_Descision); 497 | document.getElementsByClassName('snake-game-controller')[0].innerHTML = 'play'; 498 | cleanCell(last_snake_head); 499 | game.score = 0; 500 | document.querySelector('#snake-game-score').innerHTML = game.score; 501 | generateTchop(game.side,game.snake,game.obstacles); 502 | renderAll(game.side, game.snake, game.obstacles, game.tchop, game.direction,game.score); 503 | pause(game); 504 | return true; 505 | } 506 | 507 | } 508 | 509 | var miuSnake = new miuSnakeProcessor; -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/snake.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Play MIUSnake 5 | 6 | 7 | 8 | 9 | 12 | 13 | -------------------------------------------------------------------------------- /Sources/Snake-HTML-CSS-JS/snake_1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Play MIUSnake 5 | 6 | 7 |
8 | 9 | 10 | 13 | 14 | -------------------------------------------------------------------------------- /Sources/Tableaux-Imbriques-HTML-CSS/Tableaux-Imbriques.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | Tableaux imbriqués 4 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 51 | 52 | 53 |
Imbriquons les tableaux
Du contenuEncore du contenuUn peu plus de contenu
-------> 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 |
Le second tableau contenu dans le premier
Contenu du second tableau
Du contenu 2Encore du contenu 2Un peu plus de contenu 2
Du contenu 3Encore du contenu 3Un peu plus de contenu 3
50 |
54 | 55 | -------------------------------------------------------------------------------- /courses/Fiche de TD-TP-Programmation WEB.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/courses/Fiche de TD-TP-Programmation WEB.pdf -------------------------------------------------------------------------------- /courses/Introduction sur AJAX.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/MegaMaxim10/cours-prog-web-dynamique/ca55249c74f99a0cfbb090b818bf6dfb46d16ebd/courses/Introduction sur AJAX.pdf --------------------------------------------------------------------------------