├── 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 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 5 | 		<title>Mise en oeuvre de AJAX</title>
 6 | 		<script type="text/javascript" src="ajax.js"></script>
 7 | 		<style>
 8 | 			#response {
 9 | 				border: 2px solid gray;
10 | 				min-height: 500px;
11 | 			}
12 | 		</style>
13 | 	</head>
14 | 	<body>
15 | 		<a href="#" onclick="return ajax();">Charger Response</a>
16 | 		<div id="response">
17 | 
18 | 		</div>
19 | 	</body>
20 | </html>


--------------------------------------------------------------------------------
/Sources/Ajax Exemple Pratique-HTML-CSS-JS/response.html:
--------------------------------------------------------------------------------
 1 | <style>
 2 | 	#zone {
 3 | 		background-color: red;
 4 | 		height: 250px;
 5 | 		color: white;
 6 | 		font-weight: bold;
 7 | 	}
 8 | </style>
 9 | <div id="zone">
10 | 	Hello World from response.html
11 | </div>


--------------------------------------------------------------------------------
/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 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <response>
 3 | 	<message>
 4 | 		<id>1</id>
 5 | 		<exp>Philippe</exp>
 6 | 		<contenu>Bla bla bla</contenu>
 7 | 	</message>
 8 | 	<message>
 9 | 		<id>2</id>
10 | 		<exp>Laurent</exp>
11 | 		<contenu>Blo blo blo</contenu>
12 | 	</message>
13 | </response>


--------------------------------------------------------------------------------
/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 | <html>
 2 | 	<head>
 3 | 		<meta charset="utf-8" />
 4 | 		<title>Une calculatrice HTML, CSS et JavaScript</title>
 5 | 		<link rel="stylesheet" type="text/css" href="design.css" />
 6 | 		<link rel="icon" type="image/png" href="favicon.png" />
 7 | 	</head>
 8 | 	<body>
 9 | 		<div class="calco" id="f_calc">
10 | 			<div class="calco_label">
11 | 				<span>MIU Boss Calculator <i>&copy; MIUniverse 2020</i></span>
12 | 			</div>
13 | 			<div class="first_panel">
14 | 				<div class="screen_panel">
15 | 					<span class="mem_screen"></span>
16 | 					<span class="screen">0</span>
17 | 				</div>
18 | 			</div>
19 | 			<div class="second_panel">
20 | 				<div class="cmd_panel">
21 | 					<div class="calco_line">
22 | 						<a href="#" value="<---" class="cmd_button una_op"><---</a>
23 | 						<a href="#" value="C" class="cmd_button una_op">C</a>
24 | 						<a href="#" value="CA" class="cmd_button  una_op">CA</a>
25 | 						<div class="clear"></div>
26 | 					</div>
27 | 					<div class="calco_line">
28 | 						<a href="#" value="M" class="cmd_button una_op">M</a>
29 | 						<a href="#" value="RM" class="cmd_button una_op">RM</a>
30 | 						<a href="#" value="CM" class="cmd_button una_op">CM</a>
31 | 						<div class="clear"></div>
32 | 					</div>
33 | 				</div>
34 | 				<div class="number_panel">
35 | 					<div class="calco_line">
36 | 						<a href="#" value="7" class="cmd_button digit">7</a>
37 | 						<a href="#" value="8" class="cmd_button digit">8</a>
38 | 						<a href="#" value="9" class="cmd_button digit">9</a>
39 | 						<div class="clear"></div>
40 | 					</div>
41 | 					<div class="calco_line">
42 | 						<a href="#" value="4" class="cmd_button digit">4</a>
43 | 						<a href="#" value="5" class="cmd_button digit">5</a>
44 | 						<a href="#" value="6" class="cmd_button digit">6</a>
45 | 						<div class="clear"></div>
46 | 					</div>
47 | 					<div class="calco_line">
48 | 						<a href="#" value="1" class="cmd_button digit">1</a>
49 | 						<a href="#" value="2" class="cmd_button digit">2</a>
50 | 						<a href="#" value="3" class="cmd_button digit">3</a>
51 | 						<div class="clear"></div>
52 | 					</div>
53 | 					<div class="calco_line">
54 | 						<a href="#" value="0" class="cmd_button digit">0</a>
55 | 						<a href="#" value="." class="cmd_button una_op">.</a>
56 | 						<a href="#" value="+/-" class="cmd_button una_op">+/-</a>
57 | 						<div class="clear"></div>
58 | 					</div>
59 | 				</div>
60 | 			</div>
61 | 			<div class="third_panel">
62 | 				<div class="op_panel">
63 | 					<a href="#" value="+" class="cmd_button bin_op">+</a>
64 | 					<a href="#" value="-" class="cmd_button bin_op">-</a>
65 | 					<a href="#" value="/" class="cmd_button bin_op">/</a>
66 | 					<a href="#" value="*" class="cmd_button bin_op">*</a>
67 | 					<a href="#" value="=" class="cmd_button_dh una_op">=</a>
68 | 					<div class="clear"></div>
69 | 				</div>
70 | 			</div>
71 | 			<div class="clear"></div>
72 | 		</div>
73 | 		<script type="text/javascript" src="calc.js"></script>
74 | 		<script type="text/javascript">
75 | 			init("f_calc");
76 | 		</script>
77 | 	</body>
78 | </html>


--------------------------------------------------------------------------------
/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 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta charset="utf-8" />
 5 | 		<meta name="author" content="Z. Ndadji" />
 6 | 		<meta name="keywords" content="Z. Ndadji, CSS, Design" />
 7 | 		<title>My Web Page</title>
 8 | 		<link rel="stylesheet" type="text/css" href="style.css" />
 9 | 	</head>
10 | 	<body>
11 | 		<div id="mypage-container">
12 | 			<header class="mypage-full-width">
13 | 				<h2>This is the header</h2>
14 | 			</header>
15 | 			<section id="mypage-content-wrapper">
16 | 				<section id="mypage-top-large-content" class="mypage-large-content mypage-full-width">
17 | 					<h2>This is a part for large contents as caroussels, adverts, etc.</h2>
18 | 				</section>
19 | 				<section id="mypage-in-column-content-wrapper" class="mypage-full-width">
20 | 					<aside id="mypage-left-in-column-content" class="mypage-column-content-aside mypage-float-left">
21 | 						<h2>This is the left column content</h2>
22 | 					</aside>
23 | 					<section id="mypage-central-in-column-content" class="mypage-float-left">
24 | 						<h2>This is the main content of the page</h2>
25 | 					</section>
26 | 					<aside id="mypage-right-in-column-content" class="mypage-column-content-aside mypage-float-left">
27 | 						<h2>This is the right column content</h2>
28 | 					</aside>
29 | 					<div class="mypage-nowidth-noheight mypage-clear-float"></div>
30 | 				</section>
31 | 				<section id="mypage-bottom-large-content" class="mypage-large-content mypage-full-width">
32 | 					<h2>This is a part for large contents as adverts, caroussels, etc.</h2>
33 | 				</section>
34 | 			</section>
35 | 			<footer class="mypage-full-width">
36 | 				<h2>This is the footer</h2>
37 | 			</footer>
38 | 		</div>
39 | 	</body>
40 | </html>


--------------------------------------------------------------------------------
/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 | <html>
  2 | 	<head>
  3 | 		<meta charset="utf-8" />
  4 | 		<title>Site officiel de la Dschang University Radio</title>
  5 | 		<link rel="stylesheet" type="text/css" href="css/style.css" />
  6 | 		<link rel="icon" type="image/ico" href="images/favicon.ico" />
  7 | 		<script type="text/javascript" src="js/javascript.js"></script>
  8 | 	</head>
  9 | 	<body>
 10 | 		<div id="page">
 11 | 			<div id="header">
 12 | 				<div id="banner">
 13 | 					<a href="index.html">
 14 | 						<img src="images/logo.gif" class="logo" alt="logo" />
 15 | 					</a>
 16 | 				</div>
 17 | 				<div id="menubar">
 18 | 					<ul class="menu">
 19 | 						<li class="active"><a href="index.html">Accueil</a></li>
 20 | 						<li>
 21 | 							<a href="actualites.html">Actualités</a>
 22 | 							<ul class="submenu">
 23 | 								<li><a href="actu_locales.html">Infos locales</a></li>
 24 | 								<li><a href="actu_cameroun.html">Infos nationales</a></li>
 25 | 								<li><a href="actu_monde.html">Infos Internationales</a></li>
 26 | 							</ul>
 27 | 						</li>
 28 | 						<li><a href="communiques.html">Communiqués</a></li>
 29 | 						<li>
 30 | 							<a href="campus.html">Espace Campus</a>
 31 | 							<ul class="submenu">
 32 | 								<li><a href="faits_marquants.html">Faits marquants</a></li>
 33 | 								<li><a href="stars_univ.html">Stars universitaires</a></li>
 34 | 								<li><a href="communiques.html">Communiqués</a></li>
 35 | 							</ul>
 36 | 						</li>
 37 | 						<li>
 38 | 							<a href="radio_campus.html">Radio Campus</a>
 39 | 							<ul class="submenu">
 40 | 								<li><a href="programmes.html">Grille des programmes</a></li>
 41 | 								<li><a href="animateurs.html">Animateurs</a></li>
 42 | 								<li><a href="annonces.html">Annonces</a></li>
 43 | 								<li><a href="galerie.html">Galerie</a></li>
 44 | 							</ul>
 45 | 						</li>
 46 | 						<li>
 47 | 							<a href="archives.html">Archives</a>
 48 | 							<ul class="submenu">
 49 | 								<li><a href="videos.html">Vidéos</a></li>
 50 | 								<li><a href="emissions.html">Emissions</a></li>
 51 | 								<li><a href="galerie.html">Galerie</a></li>
 52 | 							</ul>
 53 | 						</li>
 54 | 						<li><a href="annonces.html">Espace annonces+</a></li>
 55 | 					</ul>
 56 | 				</div>
 57 | 			</div>
 58 | 			<div id="content">
 59 | 				<div id="left_content">
 60 | 					<div class="left_child">
 61 | 						<h4>Incrivez-vous à notre newsletter</h4>
 62 | 						<div class="content">
 63 | 							<p>
 64 | 								<form name="newsletter" onSubmit="return valider();">
 65 | 									<label>Votre nom:</label><br />
 66 | 									<input type="text" name="nom" placeholder="Jean Dupont" required /><br /><br />
 67 | 									<label>Votre email:</label><br />
 68 | 									<input type="email" name="email" placeholder="test@test.fr" required /><br /><br />
 69 | 									<input type="submit" value="S'inscrire à la news" />
 70 | 									<input type="reset" value="annuler"/><br/>
 71 | 									<a href="newsletter.html"><i>En savoir plus sur la newsletter</i></a><br />
 72 | 									<a href="newsletter.html"><i>Créer un compte</i></a>
 73 | 								</form>
 74 | 							</p>
 75 | 						</div>
 76 | 					</div>
 77 | 					<div class="left_child">
 78 | 						<h4>Les Hommes de la semaine</h4>
 79 | 						<div class="content">
 80 | 							<p>
 81 | 								<ul>
 82 | 									<li>Pr Anaclet Fometeh</li>
 83 | 									<li>M Mathurin Soh</li>
 84 | 									<li>Mvah Fabrice</li>
 85 | 									<li>Dongmo Alex</li>
 86 | 									<li>Pr Anaclet Fometeh</li>
 87 | 									<li>M Mathurin Soh</li>
 88 | 								</ul>
 89 | 							</p>
 90 | 						</div>
 91 | 					</div>
 92 | 				</div>
 93 | 				<div id="main_content">
 94 | 					<div class="main_block">
 95 | 						<h1>L'université de Dschang déterminée à achéver le chantier LMD</h1>
 96 | 						<div class="content">
 97 | 							<p>
 98 | 								Cette méthode « brutale » conduit à calculer un nombre de chemin «exponentiel» par 
 99 | 								<img src="images/recteur.jpg" alt="Le recteur" legend="Recteur de l'université de Dschang" width="180px"/>
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 | 							</p>
113 | 						</div>
114 | 					</div>
115 | 					<div class="main_block">
116 | 						<img src="images/remise.gif" alt="publicité" width="99%" />
117 | 					</div>
118 | 				</div>
119 | 				<div class="clear"></div>
120 | 			</div>
121 | 			<div id="footer">
122 | 				<div id="footer_utils">
123 | 					Liens utiles du pied de page
124 | 				</div>
125 | 				<div id="copyright">
126 | 					&copy; Copyright
127 | 				</div>
128 | 			</div>
129 | 		</div>
130 | 	</body>
131 | </html>


--------------------------------------------------------------------------------
/Sources/Dschang University Radio-HTML-CSS-JS/js/javascript.js:
--------------------------------------------------------------------------------
 1 | function valider(){
 2 | 	var text = "<h1>Voici les données que vous avez entré</h1>"+
 3 | 				"<table class=\"table\"><tr><th>Votre nom</th><th>Votre Email</th></tr>"+
 4 | 				"<tr><td>"+document.newsletter.nom.value+"</td><td>"+document.newsletter.email.value+"</td></tr></table>";
 5 | 	if(document.getElementById("overlay") == null){
 6 | 		var overlay = document.createElement("div");
 7 | 		overlay.id = "overlay";
 8 | 		overlay.innerHTML = "<div id=\"overContent\"><a href=\"#\" class=\"close\" id=\"closer\">Fermer</a>"+text+"</div>";
 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 = "<div id=\"overContent\"><a href=\"#\" class=\"close\" id=\"closer\">Fermer</a>"+text+"</div>";
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 | <?php
 2 |   session_start();
 3 |   require_once "functions.php";
 4 |   $state = 0;
 5 |   $auto = null;
 6 | 
 7 |   if (!isLogged()) {
 8 |     header("Location:login.php");
 9 |   } else {
10 |     require_once "header.php";
11 |     if (isset($_POST['auto_name'])) {
12 |       $result = false;
13 |       if (isset($_GET['auto_id']))
14 |         $result = updateAuto($_POST['auto_name'], $_POST['auto_mark'], $_POST['auto_price'], $_GET['auto_id']);
15 |       else
16 |         $result = addAuto($_POST['auto_name'], $_POST['auto_mark'], $_POST['auto_price']);
17 |       if ($result) {
18 |         $state = 1;
19 |       } else {
20 |         $state = 2;
21 |       }
22 |     }
23 |     if (isset($_GET['auto_id'])) {
24 |       $auto = getAuto($_GET['auto_id']);
25 |     }
26 | ?>
27 | <!------ Include the above in your HEAD tag ---------->
28 | <div class="container">
29 |   <?php
30 |     if ($state == 1) {
31 |   ?>
32 |     <div class="alert alert-success" role="alert">
33 |       L'automobile a été enregistré avec succès !
34 |     </div>
35 |   <?php
36 |     }
37 |   ?>
38 |   <?php
39 |     if ($state == 2) {
40 |   ?>
41 |     <div class="alert alert-danger" role="alert">
42 |       L'enregistrement de l'automobile a échoué !
43 |     </div>
44 |   <?php
45 |     }
46 |   ?>
47 |   <form class="form-horizontal" action="add-auto-page.php<?php echo $auto != null ? "?auto_id=" . $_GET['auto_id'] : "" ?>" method="post">
48 |     <fieldset>
49 |       <div id="legend">
50 |         <legend class=""><?php echo $auto == null ? "Ajouter" : "Modifier" ?> un automobile</legend>
51 |       </div>
52 |       <div class="control-group">
53 |         <!-- Username -->
54 |         <label class="control-label"  for="auto_name">Nom de l'automobile</label>
55 |         <div class="controls">
56 |           <input type="text" id="auto_name" name="auto_name" placeholder="" class="input-xlarge" value="<?php echo $auto != null ? $auto['AUTO_NAME'] : "" ?>">
57 |           <p class="help-block">Saisir le nom de l'automobile à enregistrer</p>
58 |         </div>
59 |       </div>
60 |   
61 |       <div class="control-group">
62 |         <!-- E-mail -->
63 |         <label class="control-label" for="auto_mark">Marque de l'automobile</label>
64 |         <div class="controls">
65 |           <input type="text" id="auto_mark" name="auto_mark" placeholder="" class="input-xlarge" value="<?php echo $auto != null ? $auto['AUTO_MARK'] : "" ?>">
66 |           <p class="help-block">Saisir la marque de la voiture</p>
67 |         </div>
68 |       </div>
69 |   
70 |       <div class="control-group">
71 |         <!-- Password-->
72 |         <label class="control-label" for="auto_price">Prix</label>
73 |         <div class="controls">
74 |           <input type="number" id="auto_price" name="auto_price" placeholder="" class="input-xlarge" value="<?php echo $auto != null ? $auto['AUTO_PRICE'] : "" ?>">
75 |           <p class="help-block">Veuillez saisir le prix de l'automobile</p>
76 |         </div>
77 |       </div>
78 |   
79 |       <div class="control-group">
80 |         <!-- Button -->
81 |         <div class="controls">
82 |           <button class="btn" id="submit-button"><?php echo $auto == null ? "Ajouter" : "Modifier" ?></button>
83 |         </div>
84 |       </div>
85 |     </fieldset>
86 |   </form>
87 | </div>
88 | 
89 | <?php
90 |     include "footer.php";
91 |   }
92 | ?>


--------------------------------------------------------------------------------
/Sources/Gest-Parc-Auto-Complet/auto-list.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   session_start();
 3 |   require_once "functions.php";
 4 |   $state = 0;
 5 | 
 6 |   if (!isLogged()) {
 7 |     header("Location:login.php");
 8 |   } else {
 9 |     require_once "header.php";
10 | 
11 |     if (isset($_GET['auto_id'])) {
12 |       if (deleteAuto($_GET['auto_id']))
13 |         $state = 1;
14 |     }
15 | 
16 |     $autos = getAllAuto();
17 | ?>
18 | <div class="container">
19 |   <?php
20 |     if ($state == 1) {
21 |   ?>
22 |     <div class="alert alert-success" role="alert">
23 |       L'automobile a été supprimé avec succès !
24 |     </div>
25 |   <?php
26 |     }
27 |   ?>
28 |   <h2>LISTE D'AUTOMOBILES</h2> 
29 |   <p>Le tableau contient la liste des automobiles et leur caracteristiques enregistrees dans la base de donnees</p>            
30 |   <table class="table table-dark table-hover table-striped">
31 |     <thead>
32 |       <tr>
33 |         <th> IDENTIFIANT DE L'AUTO </th>
34 |         <th>NOM DE L'AUTO</th>
35 |         <th> MARQUE DE L'AUTO</th>
36 | 		    <th>PRIX DE L'AUTO</th>
37 | 		    <th colspan=2>ACTIONS SUR L'AUTO</th>
38 |       </tr>
39 |     </thead>
40 |     <tbody>
41 |       <?php
42 |         foreach($autos as $auto) {
43 |       ?>
44 |         <tr>
45 |           <td><?php echo $auto['AUTO_ID']; ?></td>
46 |           <td><?php echo $auto['AUTO_NAME']; ?></td>
47 |           <td><?php echo $auto['AUTO_MARK']; ?></td>
48 |           <td><?php echo $auto['AUTO_PRICE']; ?></td>
49 |           <td><a class="btn success" href="add-auto-page.php?auto_id=<?php echo $auto['AUTO_ID']; ?>" class="operation-button"> Modifier</a></td>
50 |           <td><a class="btn danger" href="auto-list.php?auto_id=<?php echo $auto['AUTO_ID']; ?>" class="operation-button"> Supprimer</a></td>
51 |         </tr>
52 |       <?php
53 |         }
54 |       ?>
55 |     </tbody>
56 |   </table>
57 | </div>
58 | 
59 | <?php
60 |     include 'footer.php';
61 |   }
62 | ?>


--------------------------------------------------------------------------------
/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 | <footer>
 2 |     <link rel="stylesheet" href="./css/footer.css" />
 3 |     <div class="footer" id="footer">
 4 |         <div class="container">
 5 |             <div class="row">
 6 |                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
 7 |                     <h4> AutoPublish </h4>
 8 |                 </div>
 9 |                 <div class="col-lg-3 col-sm-2 col-xs-3">
10 |                     <h3> Contact </h3>
11 |                     <ul>
12 |                         <li><a class="email"href="#">  </a></li>
13 |                         <br/>
14 |                         <li> <p>  </p> </li>
15 |                         <li> <p>  </p> </li>
16 |                     </ul>
17 |                 </div>
18 |                 <div class="col-lg-3 col-sm-2 col-xs-3">
19 |                     
20 |                 </div>
21 |                
22 |             <!--/.row--> 
23 |         </div>
24 |         <!--/.container--> 
25 |     </div>
26 |     <!--/.footer-->
27 |                           
28 |     <div class="footer-bottom">
29 |         <div class="container">
30 |             <p class="pull-left copyright"> Copyright &copy; 2019. All right reserved. </p>
31 |         </div>
32 |     </div>
33 |     <!--/.footer-bottom--> 
34 | 
35 | </footer>


--------------------------------------------------------------------------------
/Sources/Gest-Parc-Auto-Complet/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 |     function logIn($username, $password) {
  4 |         $connect = startConnection();
  5 |         $query = $connect->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 | <head>
 2 |     <link href="css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
 3 |     <link rel="stylesheet" href="css/font-awesome.min.css">
 4 |     <script src="js/bootstrap.min.js"></script>
 5 |     <script src="js/jquery.min.js"></script>
 6 |     <link rel="stylesheet" href="css/header.css">
 7 | </head>
 8 | 
 9 | <div class="navbar" id="menu">
10 |   <a class="active" href="index.php"><i class="fa fa-fw fa-home"></i> Home</a>
11 |   <a href="add-auto-page.php"><i class="fa fa-fw fa-plus"></i> Ajouter Automobile</a>
12 |   <a href="auto-list.php"><i class="fa fa-fw fa-automobile"></i> Liste D'automobiles </a>
13 |   <a href="login.php?logout=true"><i class="fa fa-fw fa-user"></i> Logout</a>
14 | </div>


--------------------------------------------------------------------------------
/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 | <?php
 2 |   session_start();
 3 |   require_once "functions.php";
 4 | 
 5 |   if (!isLogged()) {
 6 |     header("Location:login.php");
 7 |   } else {
 8 |     header("Location:auto-list.php");
 9 |   }
10 | ?>


--------------------------------------------------------------------------------
/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;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function s(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}e=e&&e.hasOwnProperty("default")?e.default:e,n=n&&n.hasOwnProperty("default")?n.default:n;var o,a,l,h,c,u,f,d,_,g,p,m,v,E,T,y,C,I,A,b,D,S,w,N,O,k,P=function(t){var e=!1;function n(e){var n=this,s=!1;return t(this).one(i.TRANSITION_END,function(){s=!0}),setTimeout(function(){s||i.triggerTransitionEnd(n)},e),this}var i={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(1e6*Math.random())}while(document.getElementById(t));return t},getSelectorFromElement:function(e){var n,i=e.getAttribute("data-target");i&&"#"!==i||(i=e.getAttribute("href")||""),"#"===i.charAt(0)&&(n=i,i=n="function"==typeof t.escapeSelector?t.escapeSelector(n).substr(1):n.replace(/(:|\.|\[|\]|,|=|@)/g,"\\$1"));try{return t(document).find(i).length>0?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;s<i.length;s++){var r=i[s],o=P.getSelectorFromElement(r);null!==o&&t(o).filter(e).length>0&&(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;s<this._triggerArray.length;s++){var r=this._triggerArray[s],o=P.getSelectorFromElement(r);if(null!==o)t(o).hasClass(c)||t(r).addClass(d).attr("aria-expanded",!1)}this.setTransitioning(!0);var a=function(){e.setTransitioning(!1),t(e._element).removeClass(f).addClass(u).trigger(h.HIDDEN)};this._element.style[i]="",P.supportsTransitionEnd()?t(this._element).one(P.TRANSITION_END,a).emulateTransitionEnd(600):a()}}},o.setTransitioning=function(t){this._isTransitioning=t},o.dispose=function(){t.removeData(this._element,n),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},o._getConfig=function(t){return(t=r({},a,t)).toggle=Boolean(t.toggle),P.typeCheckConfig(e,t,l),t},o._getDimension=function(){return t(this._element).hasClass(_)?_:g},o._getParent=function(){var e=this,n=null;P.isElement(this._config.parent)?(n=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(n=this._config.parent[0])):n=t(this._config.parent)[0];var s='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]';return t(n).find(s).each(function(t,n){e._addAriaAndCollapsedClass(i._getTargetFromElement(n),[n])}),n},o._addAriaAndCollapsedClass=function(e,n){if(e){var i=t(e).hasClass(c);n.length>0&&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;s<n.length;s++){var r=a._getParentFromElement(n[s]),o=t(n[s]).data(i),l={relatedTarget:n[s]};if(o){var h=o._menu;if(t(r).hasClass(f)&&!(e&&("click"===e.type&&/input|textarea/i.test(e.target.tagName)||"keyup"===e.type&&9===e.which)&&t.contains(r,e.target))){var u=t.Event(c.HIDE,l);t(r).trigger(u),u.isDefaultPrevented()||("ontouchstart"in document.documentElement&&t("body").children().off("mouseover",null,t.noop),n[s].setAttribute("aria-expanded","false"),t(h).removeClass(f),t(r).removeClass(f).trigger(t.Event(c.HIDDEN,l)))}}}},a._getParentFromElement=function(e){var n,i=P.getSelectorFromElement(e);return i&&(n=t(i)[0]),n||e.parentNode},a._dataApiKeydownHandler=function(e){if((/input|textarea/i.test(e.target.tagName)?!(32===e.which||27!==e.which&&(40!==e.which&&38!==e.which||t(e.target).closest(y).length)):h.test(e.which))&&(e.preventDefault(),e.stopPropagation(),!this.disabled&&!t(this).hasClass(u))){var n=a._getParentFromElement(this),i=t(n).hasClass(f);if((i||27===e.which&&32===e.which)&&(!i||27!==e.which&&32!==e.which)){var s=t(n).find(I).get();if(0!==s.length){var r=s.indexOf(e.target);38===e.which&&r>0&&r--,40===e.which&&r<s.length-1&&r++,r<0&&(r=0),s[r].focus()}}else{if(27===e.which){var o=t(n).find(E)[0];t(o).trigger("focus")}t(this).trigger("click")}}},s(a,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return O}},{key:"DefaultType",get:function(){return k}}]),a}();return t(document).on(c.KEYDOWN_DATA_API,E,L._dataApiKeydownHandler).on(c.KEYDOWN_DATA_API,y,L._dataApiKeydownHandler).on(c.CLICK_DATA_API+" "+c.KEYUP_DATA_API,L._clearMenus).on(c.CLICK_DATA_API,E,function(e){e.preventDefault(),e.stopPropagation(),L._jQueryInterface.call(t(this),"toggle")}).on(c.CLICK_DATA_API,T,function(t){t.stopPropagation()}),t.fn[e]=L._jQueryInterface,t.fn[e].Constructor=L,t.fn[e].noConflict=function(){return t.fn[e]=l,L._jQueryInterface},L}(e),M=function(t){var e="modal",n="bs.modal",i="."+n,o=t.fn.modal,a={backdrop:!0,keyboard:!0,focus:!0,show:!0},l={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},h={HIDE:"hide"+i,HIDDEN:"hidden"+i,SHOW:"show"+i,SHOWN:"shown"+i,FOCUSIN:"focusin"+i,RESIZE:"resize"+i,CLICK_DISMISS:"click.dismiss"+i,KEYDOWN_DISMISS:"keydown.dismiss"+i,MOUSEUP_DISMISS:"mouseup.dismiss"+i,MOUSEDOWN_DISMISS:"mousedown.dismiss"+i,CLICK_DATA_API:"click"+i+".data-api"},c="modal-scrollbar-measure",u="modal-backdrop",f="modal-open",d="fade",_="show",g={DIALOG:".modal-dialog",DATA_TOGGLE:'[data-toggle="modal"]',DATA_DISMISS:'[data-dismiss="modal"]',FIXED_CONTENT:".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",STICKY_CONTENT:".sticky-top",NAVBAR_TOGGLER:".navbar-toggler"},p=function(){function o(e,n){this._config=this._getConfig(n),this._element=e,this._dialog=t(e).find(g.DIALOG)[0],this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._originalBodyPadding=0,this._scrollbarWidth=0}var p=o.prototype;return p.toggle=function(t){return this._isShown?this.hide():this.show(t)},p.show=function(e){var n=this;if(!this._isTransitioning&&!this._isShown){P.supportsTransitionEnd()&&t(this._element).hasClass(d)&&(this._isTransitioning=!0);var i=t.Event(h.SHOW,{relatedTarget:e});t(this._element).trigger(i),this._isShown||i.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),t(document.body).addClass(f),this._setEscapeEvent(),this._setResizeEvent(),t(this._element).on(h.CLICK_DISMISS,g.DATA_DISMISS,function(t){return n.hide(t)}),t(this._dialog).on(h.MOUSEDOWN_DISMISS,function(){t(n._element).one(h.MOUSEUP_DISMISS,function(e){t(e.target).is(n._element)&&(n._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return n._showElement(e)}))}},p.hide=function(e){var n=this;if(e&&e.preventDefault(),!this._isTransitioning&&this._isShown){var i=t.Event(h.HIDE);if(t(this._element).trigger(i),this._isShown&&!i.isDefaultPrevented()){this._isShown=!1;var s=P.supportsTransitionEnd()&&t(this._element).hasClass(d);s&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),t(document).off(h.FOCUSIN),t(this._element).removeClass(_),t(this._element).off(h.CLICK_DISMISS),t(this._dialog).off(h.MOUSEDOWN_DISMISS),s?t(this._element).one(P.TRANSITION_END,function(t){return n._hideModal(t)}).emulateTransitionEnd(300):this._hideModal()}}},p.dispose=function(){t.removeData(this._element,n),t(window,document,this._element,this._backdrop).off(i),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._scrollbarWidth=null},p.handleUpdate=function(){this._adjustDialog()},p._getConfig=function(t){return t=r({},a,t),P.typeCheckConfig(e,t,l),t},p._showElement=function(e){var n=this,i=P.supportsTransitionEnd()&&t(this._element).hasClass(d);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.scrollTop=0,i&&P.reflow(this._element),t(this._element).addClass(_),this._config.focus&&this._enforceFocus();var s=t.Event(h.SHOWN,{relatedTarget:e}),r=function(){n._config.focus&&n._element.focus(),n._isTransitioning=!1,t(n._element).trigger(s)};i?t(this._dialog).one(P.TRANSITION_END,r).emulateTransitionEnd(300):r()},p._enforceFocus=function(){var e=this;t(document).off(h.FOCUSIN).on(h.FOCUSIN,function(n){document!==n.target&&e._element!==n.target&&0===t(e._element).has(n.target).length&&e._element.focus()})},p._setEscapeEvent=function(){var e=this;this._isShown&&this._config.keyboard?t(this._element).on(h.KEYDOWN_DISMISS,function(t){27===t.which&&(t.preventDefault(),e.hide())}):this._isShown||t(this._element).off(h.KEYDOWN_DISMISS)},p._setResizeEvent=function(){var e=this;this._isShown?t(window).on(h.RESIZE,function(t){return e.handleUpdate(t)}):t(window).off(h.RESIZE)},p._hideModal=function(){var e=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._isTransitioning=!1,this._showBackdrop(function(){t(document.body).removeClass(f),e._resetAdjustments(),e._resetScrollbar(),t(e._element).trigger(h.HIDDEN)})},p._removeBackdrop=function(){this._backdrop&&(t(this._backdrop).remove(),this._backdrop=null)},p._showBackdrop=function(e){var n=this,i=t(this._element).hasClass(d)?d:"";if(this._isShown&&this._config.backdrop){var s=P.supportsTransitionEnd()&&i;if(this._backdrop=document.createElement("div"),this._backdrop.className=u,i&&t(this._backdrop).addClass(i),t(this._backdrop).appendTo(document.body),t(this._element).on(h.CLICK_DISMISS,function(t){n._ignoreBackdropClick?n._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===n._config.backdrop?n._element.focus():n.hide())}),s&&P.reflow(this._backdrop),t(this._backdrop).addClass(_),!e)return;if(!s)return void e();t(this._backdrop).one(P.TRANSITION_END,e).emulateTransitionEnd(150)}else if(!this._isShown&&this._backdrop){t(this._backdrop).removeClass(_);var r=function(){n._removeBackdrop(),e&&e()};P.supportsTransitionEnd()&&t(this._element).hasClass(d)?t(this._backdrop).one(P.TRANSITION_END,r).emulateTransitionEnd(150):r()}else e&&e()},p._adjustDialog=function(){var t=this._element.scrollHeight>document.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<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},p._setScrollbar=function(){var e=this;if(this._isBodyOverflowing){t(g.FIXED_CONTENT).each(function(n,i){var s=t(i)[0].style.paddingRight,r=t(i).css("padding-right");t(i).data("padding-right",s).css("padding-right",parseFloat(r)+e._scrollbarWidth+"px")}),t(g.STICKY_CONTENT).each(function(n,i){var s=t(i)[0].style.marginRight,r=t(i).css("margin-right");t(i).data("margin-right",s).css("margin-right",parseFloat(r)-e._scrollbarWidth+"px")}),t(g.NAVBAR_TOGGLER).each(function(n,i){var s=t(i)[0].style.marginRight,r=t(i).css("margin-right");t(i).data("margin-right",s).css("margin-right",parseFloat(r)+e._scrollbarWidth+"px")});var n=document.body.style.paddingRight,i=t("body").css("padding-right");t("body").data("padding-right",n).css("padding-right",parseFloat(i)+this._scrollbarWidth+"px")}},p._resetScrollbar=function(){t(g.FIXED_CONTENT).each(function(e,n){var i=t(n).data("padding-right");"undefined"!=typeof i&&t(n).css("padding-right",i).removeData("padding-right")}),t(g.STICKY_CONTENT+", "+g.NAVBAR_TOGGLER).each(function(e,n){var i=t(n).data("margin-right");"undefined"!=typeof i&&t(n).css("margin-right",i).removeData("margin-right")});var e=t("body").data("padding-right");"undefined"!=typeof e&&t("body").css("padding-right",e).removeData("padding-right")},p._getScrollbarWidth=function(){var t=document.createElement("div");t.className=c,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},o._jQueryInterface=function(e,i){return this.each(function(){var s=t(this).data(n),a=r({},o.Default,t(this).data(),"object"==typeof e&&e);if(s||(s=new o(this,a),t(this).data(n,s)),"string"==typeof e){if("undefined"==typeof s[e])throw new TypeError('No method named "'+e+'"');s[e](i)}else a.show&&s.show(i)})},s(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(document).on(h.CLICK_DATA_API,g.DATA_TOGGLE,function(e){var i,s=this,o=P.getSelectorFromElement(this);o&&(i=t(o)[0]);var a=t(i).data(n)?"toggle":r({},t(i).data(),t(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||e.preventDefault();var l=t(i).one(h.SHOW,function(e){e.isDefaultPrevented()||l.one(h.HIDDEN,function(){t(s).is(":visible")&&s.focus()})});p._jQueryInterface.call(t(i),a,this)}),t.fn.modal=p._jQueryInterface,t.fn.modal.Constructor=p,t.fn.modal.noConflict=function(){return t.fn.modal=o,p._jQueryInterface},p}(e),U=function(t){var e="tooltip",i="bs.tooltip",o="."+i,a=t.fn[e],l=new RegExp("(^|\\s)bs-tooltip\\S+","g"),h={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)"},c={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},u={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',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:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),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&&t<this._offsets[0]&&this._offsets[0]>0)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<this._offsets[s+1])&&this._activate(this._targets[s])}}},g._activate=function(e){this._activeTarget=e,this._clear();var n=this._selector.split(",");n=n.map(function(t){return t+'[data-target="'+e+'"],'+t+'[href="'+e+'"]'});var i=t(n.join(","));i.hasClass(c)?(i.closest(f.DROPDOWN).find(f.DROPDOWN_TOGGLE).addClass(u),i.addClass(u)):(i.addClass(u),i.parents(f.NAV_LIST_GROUP).prev(f.NAV_LINKS+", "+f.LIST_ITEMS).addClass(u),i.parents(f.NAV_LIST_GROUP).prev(f.NAV_ITEMS).children(f.NAV_LINKS).addClass(u)),t(this._scrollElement).trigger(h.ACTIVATE,{relatedTarget:e})},g._clear=function(){t(this._selector).filter(f.ACTIVE).removeClass(u)},o._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n);if(i||(i=new o(this,"object"==typeof e&&e),t(this).data(n,i)),"string"==typeof e){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},s(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(window).on(h.LOAD_DATA_API,function(){for(var e=t.makeArray(t(f.DATA_SPY)),n=e.length;n--;){var i=t(e[n]);g._jQueryInterface.call(i,i.data())}}),t.fn[e]=g._jQueryInterface,t.fn[e].Constructor=g,t.fn[e].noConflict=function(){return t.fn[e]=o,g._jQueryInterface},g}(e),V=function(t){var e="bs.tab",n="."+e,i=t.fn.tab,r={HIDE:"hide"+n,HIDDEN:"hidden"+n,SHOW:"show"+n,SHOWN:"shown"+n,CLICK_DATA_API:"click.bs.tab.data-api"},o="dropdown-menu",a="active",l="disabled",h="fade",c="show",u=".dropdown",f=".nav, .list-group",d=".active",_="> li > .active",g='[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',p=".dropdown-toggle",m="> .dropdown-menu .active",v=function(){function n(t){this._element=t}var i=n.prototype;return i.show=function(){var e=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&t(this._element).hasClass(a)||t(this._element).hasClass(l))){var n,i,s=t(this._element).closest(f)[0],o=P.getSelectorFromElement(this._element);if(s){var h="UL"===s.nodeName?_:d;i=(i=t.makeArray(t(s).find(h)))[i.length-1]}var c=t.Event(r.HIDE,{relatedTarget:this._element}),u=t.Event(r.SHOW,{relatedTarget:i});if(i&&t(i).trigger(c),t(this._element).trigger(u),!u.isDefaultPrevented()&&!c.isDefaultPrevented()){o&&(n=t(o)[0]),this._activate(this._element,s);var g=function(){var n=t.Event(r.HIDDEN,{relatedTarget:e._element}),s=t.Event(r.SHOWN,{relatedTarget:i});t(i).trigger(n),t(e._element).trigger(s)};n?this._activate(n,n.parentNode,g):g()}}},i.dispose=function(){t.removeData(this._element,e),this._element=null},i._activate=function(e,n,i){var s=this,r=("UL"===n.nodeName?t(n).find(_):t(n).children(d))[0],o=i&&P.supportsTransitionEnd()&&r&&t(r).hasClass(h),a=function(){return s._transitionComplete(e,r,i)};r&&o?t(r).one(P.TRANSITION_END,a).emulateTransitionEnd(150):a()},i._transitionComplete=function(e,n,i){if(n){t(n).removeClass(c+" "+a);var s=t(n.parentNode).find(m)[0];s&&t(s).removeClass(a),"tab"===n.getAttribute("role")&&n.setAttribute("aria-selected",!1)}if(t(e).addClass(a),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!0),P.reflow(e),t(e).addClass(c),e.parentNode&&t(e.parentNode).hasClass(o)){var r=t(e).closest(u)[0];r&&t(r).find(p).addClass(a),e.setAttribute("aria-expanded",!0)}i&&i()},n._jQueryInterface=function(i){return this.each(function(){var s=t(this),r=s.data(e);if(r||(r=new n(this),s.data(e,r)),"string"==typeof i){if("undefined"==typeof r[i])throw new TypeError('No method named "'+i+'"');r[i]()}})},s(n,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),n}();return t(document).on(r.CLICK_DATA_API,g,function(e){e.preventDefault(),v._jQueryInterface.call(t(this),"show")}),t.fn.tab=v._jQueryInterface,t.fn.tab.Constructor=v,t.fn.tab.noConflict=function(){return t.fn.tab=i,v._jQueryInterface},v}(e);!function(t){if("undefined"==typeof t)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1===e[0]&&9===e[1]&&e[2]<1||e[0]>=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 | <?php
 2 |     session_start();
 3 |     require_once "functions.php";
 4 |     $state = 0;
 5 |     
 6 |     if (isset($_GET['logout'])) {
 7 |         session_destroy();
 8 |     }
 9 |     if (isset($_POST['login'])) {
10 |         if (logIn($_POST['login'], $_POST['password'])) {
11 |             header("Location:auto-list.php");
12 |         } else {
13 |             $state = 1;
14 |         }
15 |     }
16 | ?>
17 | <!DOCTYPE html5>
18 | <html>
19 |     <head>
20 |         <link href="css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
21 |         <link href="css/style.css" rel="stylesheet">
22 |         <script src="js/bootstrap.min.js"></script>
23 |         <script src="js/jquery.min.js"></script>
24 |     </head>
25 |     <body>
26 |         <div class="wrapper fadeInDown">
27 |             <div id="formContent">
28 |                 <!-- Tabs Titles -->
29 |                 <?php
30 |                     if ($state == 1) {
31 |                 ?>
32 |                     <div class="alert alert-danger" role="alert">
33 |                         La tentative de connexion a échoué !
34 |                     </div>
35 |                 <?php
36 |                     }
37 |                 ?>
38 | 
39 |                 <!-- Icon -->
40 |                 <div class="fadeIn first">
41 |                     <img src="images/user_image2.jpg" id="icon" alt="User Icon" />
42 |                 </div>
43 | 
44 |                 <!-- Login Form -->
45 |                 <form action="login.php" method="post">
46 |                     <input type="text" id="login" class="fadeIn second" name="login" placeholder="login">
47 |                     <input type="password" id="password" class="fadeIn third" name="password" placeholder="password">
48 |                     <input type="submit" class="fadeIn fourth" value="Log In" id="submit-button">
49 |                 </form>
50 |             </div>
51 |         </div>
52 |     </body>
53 | </html>
54 | 


--------------------------------------------------------------------------------
/Sources/IFrame-HTML-CSS/iframe.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | 	<head>
 3 | 		<title>IFRAME Example</title>
 4 | 		<style>
 5 | 			iframe {
 6 | 				border: 1px solid black;
 7 | 				width: 100%;
 8 | 			}
 9 | 
10 | 			.output {
11 | 				background: #eee;
12 | 			}
13 | 		</style>
14 | 	</head>
15 | 	<body>
16 | 		<iframe id="inlineFrameExample"
17 | 			title="Inline Frame Example"
18 | 			width="300"
19 | 			height="200"
20 | 			src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
21 | 		</iframe>
22 | 	</body>
23 | </html>


--------------------------------------------------------------------------------
/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 | <!doctype html>
 2 | <html>
 3 | 	<head>
 4 | 		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 5 | 		<title>CSS-Grid in action</title>
 6 | 		<link rel="stylesheet" type="text/css" href="css/css-grid.css" />
 7 | 		<link rel="stylesheet" type="text/css" href="css/style.css" />
 8 | 	</head>
 9 | 	<body>
10 | 		<div id="_1_container">
11 | 			<div class="_1_row">
12 | 				<div class="_1_row">
13 | 					<div class="_1_col_1">Col 1</div>
14 | 					<div class="_1_col_1">Col 1</div>
15 | 					<div class="_1_col_1">Col 1</div>
16 | 					<div class="_1_col_1">Col 1</div>
17 | 				</div>
18 | 				<div class="_1_row">
19 | 					<div class="_1_col_2">Col 2</div>
20 | 					<div class="_1_col_2">Col 2</div>
21 | 				</div>
22 | 			</div>
23 | 			<div class="_1_row">
24 | 				<div class="_1_col_2">Col 2</div>
25 | 				<div class="_1_col_2">Col 2</div>
26 | 			</div>
27 | 			<div class="_1_row">
28 | 				<div class="_1_col_2">Col 2</div>
29 | 				<div class="_1_col_1">Col 1</div>
30 | 				<div class="_1_col_1">Col 1</div>
31 | 			</div>
32 | 			<div class="_1_row">
33 | 				<div class="_1_col_1">Col 1</div>
34 | 				<div class="_1_col_2">Col 2</div>
35 | 				<div class="_1_col_1">Col 1</div>
36 | 			</div>
37 | 			<div class="_1_row">
38 | 				<div class="_1_col_1">Col 1</div>
39 | 				<div class="_1_col_1">Col 1</div>
40 | 				<div class="_1_col_2">Col 2</div>
41 | 			</div>
42 | 			<div class="_1_row">
43 | 				<div class="_1_col_3">Col 3</div>
44 | 				<div class="_1_col_1">Col 1</div>
45 | 			</div>
46 | 			<div class="_1_row">
47 | 				<div class="_1_col_1">Col 1</div>
48 | 				<div class="_1_col_3">Col 3</div>
49 | 			</div>
50 | 			<div class="_1_row">
51 | 				<div class="_1_col_3">
52 | 					<div class="_1_col_1">Col 1 dans Col 3</div>
53 | 					<div class="_1_col_2">Col 2 dans Col 3</div>
54 | 					<div class="_1_col_1">Col 1 dans Col 3</div>
55 | 				</div>
56 | 				<div class="_1_col_1">Col 1</div>
57 | 			</div>
58 | 			<div class="_1_row">
59 | 				<div class="_1_col_4">
60 | 					<div class="_1_col_1">Col 1 dans Col 4</div>
61 | 					<div class="_1_col_1">Col 1 dans Col 4</div>
62 | 					<div class="_1_col_1">Col 1 dans Col 4</div>
63 | 					<div class="_1_col_1">Col 1 dans Col 4</div>
64 | 				</div>
65 | 			</div>
66 | 		</div>
67 | 	</body>
68 | </html>


--------------------------------------------------------------------------------
/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<e.length;s++)e[s]!==i&&(a+=e[s]+" ");t.className=a.trim()},this.wrap=function(t,i){i.innerHTML=t.innerHTML,t.innerHTML="",t.appendChild(i)},this.getStyleVal=function(t,i){var e=window.getComputedStyle(t).getPropertyValue(i);return parseFloat(e.substring(0,e.length-2),10)},this.getClr=function(){var t=document.createElement("div");return this.addClass(t,"miu-clr"),t.style.clear="both",t},this.getGap=function(t,i){var e=document.createElement("div");return this.addClass(e,"miu-gap"),e.style.width=-1==t?"auto":t+"px",e.style.height=-1==i?"auto":i+"px",e.style.marginTop="0px",e.style.marginBottom="0px",e.style.marginLeft="0px",e.style.marginRight="0px",e},this.addClr=function(t){var i=this.getClr();t.appendChild(i)},this.addGap=function(t,i,e){var s=this.getGap(i,e);t.appendChild(s)},this.remChildsWithClass=function(t,i){var e=t.childNodes,s=0;for(s=0;s<e.length;s++){var a=e[s];this.hasClass(a,i)&&t.removeChild(a)}}}var miuDomLib=new miuDomLibFn;


--------------------------------------------------------------------------------
/Sources/Snake-HTML-CSS-JS/js/miu.snake.js:
--------------------------------------------------------------------------------
  1 | // We compute the path of this script
  2 | const scripts= document.getElementsByTagName('script');
  3 | const path= scripts[scripts.length-1].src.split('?')[0];
  4 | const _DIR_ = path.split('/').slice(0, -1).join('/')+'/';
  5 | 
  6 | /**
  7 |  *	JS Processor for MIU Snake Game
  8 | **/
  9 | function miuSnakeProcessor() {
 10 | 	
 11 | 	// A utility library by Zekeng
 12 | 	if (typeof miuDomLib === 'undefined') {
 13 | 		throw new Error('MIU DOM Library is required for MIU Snake');
 14 | 	}
 15 | 
 16 | 
 17 | 	// The snake
 18 | 	this.snake = [];
 19 | 
 20 | 	// Potential obstacles
 21 | 	this.obstacles = [];
 22 | 
 23 | 	// The chased animal
 24 | 	this.tchop = null;
 25 | 
 26 | 	// Current snake's direction
 27 | 	this.direction = null;
 28 | 
 29 | 	// The number of cells per row (could be parameter of the game)
 30 | 	this.side = 32;
 31 | 
 32 | 	// The speed of the game
 33 | 	this.gameSpeed = 100;
 34 | 
 35 | 	// The score of the player
 36 | 	this.score = 0;
 37 | 	
 38 | 	// The running interval for the game
 39 | 	this.gameInterval = null;
 40 | 	
 41 | 	/* The function that inits the game */
 42 | 	this.initSnake = function(p) {
 43 | 		// Including dynamically the stylesheet
 44 | 		var link = document.createElement('link');
 45 | 		link.rel = 'stylesheet';
 46 | 		link.type = 'text/css';
 47 | 		link.href = _DIR_ + 'css/miu.snake.css';
 48 | 		document.head.appendChild(link);
 49 | 		
 50 | 		// The width and height of each cell
 51 | 		var sideSize = 10;
 52 | 
 53 | 		// Creating and designing the game zone
 54 | 		var selector;
 55 | 		if (p && p.selector) {
 56 | 			selector = p.selector;
 57 | 		} else {
 58 | 			selector = '#snake-game-zone';
 59 | 		}
 60 | 		var gameZone = document.querySelector(selector);
 61 | 		if (!gameZone) {
 62 | 			gameZone = document.createElement('div');
 63 | 			gameZone.id = 'snake-game-zone';
 64 | 			document.body.appendChild(gameZone);
 65 | 		}
 66 | 		miuDomLib.addClass(gameZone, 'snake-game-zone');
 67 | 		gameZone.innerHTML = '<div id="snake-game-information">' +
 68 | 								'<div class = "snake-game-score">' +
 69 | 									'<span id = "snake-game-score-label">score:<span>' +
 70 | 									'<span id = "snake-game-score">0</span>' + 
 71 | 								'</div>' +
 72 | 							 '</div>' +
 73 | 							 '<div id="snake-game-inner"></div>' + 
 74 | 							 '<div id="snake-game-controls">' + 
 75 | 								'<button class="snake-game-controller" onclick="return miuSnake.start();">play</button>' +
 76 | 								'<button class="snake-game-controller" onclick="return miuSnake.restart();">restart</button>' +
 77 | 							 '</div>';
 78 | 		const music = '<audio src="' + _DIR_ + 'audio/1.mp3" loop id="snake-game-song"></audio>';
 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 | <html>
 2 | 	<head>
 3 | 		<meta charset="utf-8" />
 4 | 		<title>Play MIUSnake</title>
 5 | 	</head>
 6 | 	<body>
 7 | 		<script type="text/javascript" src="js/miu.domlib.min.js"></script>
 8 | 		<script type="text/javascript" src="js/miu.snake.js"></script>
 9 | 		<script type="text/javascript">
10 | 			miuSnake.initSnake();
11 | 		</script>
12 | 	</body>
13 | </html>


--------------------------------------------------------------------------------
/Sources/Snake-HTML-CSS-JS/snake_1.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | 	<head>
 3 | 		<meta charset="utf-8" />
 4 | 		<title>Play MIUSnake</title>
 5 | 	</head>
 6 | 	<body>
 7 | 		<div id="snake-zone"></div>
 8 | 		<script type="text/javascript" src="js/miu.domlib.min.js"></script>
 9 | 		<script type="text/javascript" src="js/miu.snake.js"></script>
10 | 		<script type="text/javascript">
11 | 			miuSnake.initSnake({selector: '#snake_zone'});
12 | 		</script>
13 | 	</body>
14 | </html>


--------------------------------------------------------------------------------
/Sources/Tableaux-Imbriques-HTML-CSS/Tableaux-Imbriques.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 | 	<head>
 3 | 		<title>Tableaux imbriqués</title>
 4 | 		<style>
 5 | 			table {
 6 | 				width: 100%;
 7 | 				border: 3px solid black;
 8 | 				border-collapse: collapse;
 9 | 			}
10 | 			table td {
11 | 				border: 1px dotted black;
12 | 			}
13 | 			table caption {
14 | 				font-style: italic;
15 | 			}
16 | 		</style>
17 | 	</head>
18 | 	<body>
19 | 		<table>
20 | 			<caption>Imbriquons les tableaux</caption>
21 | 			<tbody>
22 | 				<tr>
23 | 					<td>Du contenu</td>
24 | 					<td>Encore du contenu</td>
25 | 					<td>Un peu plus de contenu</td>
26 | 				</tr>
27 | 				<tr>
28 | 					<td>-------&gt;</td>
29 | 					<td colspan="2">
30 | 						<table>
31 | 							<caption>Le second tableau contenu dans le premier</caption>
32 | 							<thead>
33 | 								<tr>
34 | 									<th colspan="3">Contenu du second tableau</th>
35 | 								</tr>
36 | 							</thead>
37 | 							<tbody>
38 | 								<tr>
39 | 									<td>Du contenu 2</td>
40 | 									<td>Encore du contenu 2</td>
41 | 									<td>Un peu plus de contenu 2</td>
42 | 								</tr>
43 | 								<tr>
44 | 									<td>Du contenu 3</td>
45 | 									<td>Encore du contenu 3</td>
46 | 									<td>Un peu plus de contenu 3</td>
47 | 								</tr>
48 | 							</tbody>
49 | 						</table>
50 | 					</td>
51 | 				</tr>
52 | 			</tbody>
53 | 		</table>
54 | 	</body>
55 | </html>


--------------------------------------------------------------------------------
/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


--------------------------------------------------------------------------------