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