corrections des fichiers

project/assets/css/style.css

@@ -3,19 +3,87 @@
 	License: none (public domain)
 */
 
-html, body, div, span, applet, object, iframe,
+html,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+body,
-a, abbr, acronym, address, big, cite, code,
+div,
-del, dfn, em, img, ins, kbd, q, s, samp,
+span,
-small, strike, strong, sub, sup, tt, var,
+applet,
-b, u, i, center,
+object,
-dl, dt, dd, ol, ul, li,
+iframe,
-fieldset, form, label, legend,
+h1,
-table, caption, tbody, tfoot, thead, tr, th, td,
+h2,
-article, aside, canvas, details, embed,
+h3,
-figure, figcaption, footer, header, hgroup,
+h4,
-menu, nav, output, ruby, section, summary,
+h5,
-time, mark, audio, video {
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
 	margin: 0;
 	padding: 0;
 	border: 0;
@@ -23,25 +91,44 @@ time, mark, audio, video {
 	font: inherit;
 	vertical-align: baseline;
 }
+
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
+article,
-footer, header, hgroup, menu, nav, section {
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
 	display: block;
 }
+
 body {
 	line-height: 1;
 }
-ol, ul {
+
+ol,
+ul {
 	list-style: none;
 }
-blockquote, q {
+
+blockquote,
+q {
 	quotes: none;
 }
-blockquote:before, blockquote:after,
+
-q:before, q:after {
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
 	content: '';
 	content: none;
 }
+
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
@@ -59,22 +146,27 @@ body{
 	background-color: #eee;
 	font-family: 'Open Sans', sans-serif;
 }
+
 h2 {
 	font-weight: 600;
 	font-size: 17px;
 }
+
 h3 {
 	font-weight: 400;
 	font-size: 17px;
 }
+
 .title-small {
 	font-weight: 200;
 	font-size: 15px;
 	margin-top: 30px;
 }
+
 .contenue {
 	height: 285vh;
 }
+
 .articleHome {
 	margin: auto;
 	text-align: center;
@@ -83,23 +175,28 @@ h3{
 	padding-left: 2%;
 	padding-right: 2%;
 }
+
 @media only screen and (min-width: 992px) {
 	.articleHome {
 		padding-right: 10%;
 		padding-left: 10%;
 	}
 }
+
 .nav_imie {
 	height: 40px;
 	background-color: #1c1c1c;
 }
+
 .nav_blog {
 	height: 80px;
 	background-color: #110230;
 }
+
 .item_nav_imie {
 	font-size: 0;
 }
+
 .item_nav_imie a {
 	text-decoration: none;
 	color: white;
@@ -107,6 +204,7 @@ h3{
 	-o-transition: 400ms;
 	transition: 400ms;
 }
+
 .item_nav_imie a:hover {
 	color: #a5a5a5;
 }
@@ -119,9 +217,11 @@ h3{
 	font-size: 16px;
 	font-weight: 600;
 }
+
 .social {
 	padding: 9px 0px 0px 20px;
 }
+
 .link {
 	padding: 11px 0px 0px 20px;
 }
@@ -175,6 +275,7 @@ h3{
 	padding-bottom: 10px;
 	border-bottom: rgba(255, 255, 255, 0.1) solid 2px;
 }
+
 .bloc_principal {
 	width: 100%;
 	height: 500px;
@@ -184,11 +285,13 @@ h3{
 	background-size: cover;
 	box-shadow: 1px 1px 30px 1px lightgrey;
 }
+
 .cover-black {
 	height: 100%;
 	width: 100%;
 	background-color: rgba(0, 0, 0, 0.6);
 }
+
 .bloc_principal_titre {
 	text-align: center;
 	padding-top: 15px;
@@ -200,11 +303,13 @@ h3{
 	color: white;
 	font-weight: 600;
 }
+
 .cover-text {
 	padding: 0px 90px;
 	margin-top: 100px;
 	text-align: center;
 }
+
 .content-homediv {
 	padding: 0;
 }
@@ -214,6 +319,7 @@ h3{
 	display: inline-block;
 	float: left;
 }
+
 .bloc-plus {
 	margin-top: 40px;
 	float: right;
@@ -225,17 +331,21 @@ h3{
 	transition: 300ms;
 
 }
+
 .bloc-plus:hover {
 	background-color: #42027e;
 	cursor: pointer;
 }
+
 .p-home {
 	padding-top: 20px;
 	color: white;
 	line-height: 23px;
 }
 
-input {outline: none}
+input {
+	outline: none
+}
 
 /* -----------------------------------------------------
  * 						Articles
@@ -272,38 +382,49 @@ input {outline: none}
 	border-bottom-color: #ff1c4a;
 }
 
-.article .etiquettes, .post .etiquettes {
+.article .etiquettes,
+.post .etiquettes {
 	margin-top: 15px;
 }
 
-.article .date, .article .cat, .post .cat, .post .date {
+.article .date,
+.article .cat,
+.post .cat,
+.post .date {
 	padding: 2px 10px;
 	font-size: 13px;
 }
 
-.article .date, .post .date {
+.article .date,
+.post .date {
 	color: gray;
 	background-color: #eee;
 	margin-left: 10px;
 }
 
-.article .cat, .post .cat {
+.article .cat,
+.post .cat {
 	color: white;
 	font-weight: bold;
 }
 
-.article.ops .cat, .post.ops .cat {
+.article.ops .cat,
+.post.ops .cat {
 	background-color: #2ea3f2;
 }
 
-.article.digi .cat, .post.digi .cat {
+.article.digi .cat,
+.post.digi .cat {
 	background-color: #6bb194;
 }
-.article.dev .cat, .post.dev .cat {
+
+.article.dev .cat,
+.post.dev .cat {
 	background-color: #ffd75f;
 }
 
-.article.devops .cat, .post.devops .cat {
+.article.devops .cat,
+.post.devops .cat {
 	background-color: #ff1c4a;
 }
 
@@ -332,6 +453,7 @@ input {outline: none}
 	border-radius: 5px;
 	margin-bottom: 40px;
 }
+
 .search {
 	border-bottom: 5px solid #2ea3f2;
 }
@@ -340,22 +462,27 @@ input {outline: none}
 	background-color: white;
 	padding: 45px;
 }
+
 .author {
 	margin-top: 25px;
 	display: flex;
 	flex-flow: row wrap;
 }
+
 .by {
 	margin-left: 20px;
 	margin-top: 12px;
 }
+
 .name {
 	margin-bottom: 6px;
 	font-weight: 600;
 }
+
 .job {
 	font-size: 12px;
 }
+
 .bloc-filter {
 	width: 25%;
 	margin-top: 70px;
@@ -365,12 +492,14 @@ input {outline: none}
 	float: right;
 	padding: 45px;
 }
+
 .post .text {
 	font-size: 14px;
 	color: #737272ee;
 	line-height: 1.5;
 	margin-top: 28px;
 }
+
 .credit {
 	background-color: #110230;
 	color: white;
@@ -384,11 +513,13 @@ input {outline: none}
 	background-color: #1c1c1c;
 	font-weight: bold;
 }
+
 .upFooter {
 	height: 160px;
 	background-color: #150032;
 	text-align: center;
 }
+
 .lowFooter {
 	text-align: center;
 }
@@ -400,6 +531,7 @@ input {outline: none}
 	display: inline-block;
 	margin-right: 15px;
 }
+
 .iconOnFooter {
 	padding-top: 60px;
 	display: inline-block;
@@ -409,15 +541,18 @@ input {outline: none}
 .pad {
 	padding: 0;
 }
+
 .contenue-recent {
 	box-shadow: 1px 1px 30px 1px lightgrey;
 	padding: 14px;
 	background-color: white;
 	display: inline-block;
 }
+
 .next {
 	float: right;
 }
+
 .filtre {
 	width: 100%;
 	padding: 6px 10px 6px 10px;
@@ -426,15 +561,19 @@ input {outline: none}
 	font-size: 14px;
 	margin-top: 15px;
 }
+
 .dev-color {
 	background-color: #fccb3a;
 }
+
 .digi-color {
 	background-color: #6bb194;
 }
+
 .ops-color {
 	background-color: #2ea3f2;
 }
+
 .devops-color {
 	background-color: #ff1c4a;
 }
@@ -449,6 +588,7 @@ input {outline: none}
 	float: left;
 	color: #848484;
 }
+
 .tag {
 	color: white;
 	background-color: #cccccc;
@@ -494,6 +634,7 @@ input {outline: none}
 	width: 20px;
 	margin-left: 8px;
 }
+
 #info-plus {
 	padding-top: 5px;
 }
@@ -504,6 +645,7 @@ input {outline: none}
 	font-size: 20px;
 	font-weight: bold;
 }
+
 #titre-between {
 	margin-top: 130px;
 	margin-bottom: 30px;
@@ -511,21 +653,26 @@ input {outline: none}
 	font-size: 22px;
 
 }
+
 @media screen and (max-width: 640px) {
 	.nav_imie {
 		height: 0;
 	}
+
 	#twi {
 		height: 0;
 		width: 0;
 	}
+
 	#fb {
 		height: 0;
 		width: 0;
 	}
+
 	.img-home {
 		width: 250px;
 	}
+
 	.test1 {
 		margin-top: 30px;
 	}
@@ -533,13 +680,16 @@ input {outline: none}
 	.articleHome2 {
 		margin-top: 30px;
 	}
+
 	#titre-home {
 		padding-bottom: 10px;
 	}
+
 	.p-home {
 		padding-top: 7px;
 		margin: 0;
 	}
+
 	.bloc_principal {
 		height: 630px;
 	}
@@ -552,24 +702,31 @@ input {outline: none}
 		width: 60px;
 		border-bottom: #1c1c1c solid 2px;
 	}
+
 	.img-home {
 		width: 200px;
 	}
+
 	.test1 {
 		margin-top: 20px;
 	}
+
 	.articleHome {
 		margin-top: 20px;
 	}
+
 	#titre-home {
 		padding-bottom: 10px;
 	}
+
 	.p-home {
 		padding-top: 7px;
 	}
+
 	.bloc_principal_titre {
 		font-size: 20px;
 	}
+
 	.bloc_principal {
 		height: 650px;
 	}

project/assets/html/404.html

@@ -1,6 +1,8 @@
 <html>
+
 <head>
 </head>
+
 <body>
 	<p>404</p>
 </body>

project/assets/html/includes/footer.html

@@ -4,8 +4,10 @@
 			<div class="fullFooter">
 				<div class="upFooter">
 					<ul>
-							<li class="iconOnFooter"><a><tag type="svg" file="facebook" style="color: white; width: 23px; height: 23px"/></a></li>
+						<li class="iconOnFooter"><a>
-							<li class="iconOnFooter"><a><tag type="svg" file="twitter" style="color: white; width: 23px; height: 23px"/></a></li>
+								<tag type="svg" file="facebook" style="color: white; width: 23px; height: 23px" /></a></li>
+						<li class="iconOnFooter"><a>
+								<tag type="svg" file="twitter" style="color: white; width: 23px; height: 23px" /></a></li>
 					</ul>
 					<p class="phraseFooter">Suivez-nous sur les réseaux</p>
 				</div>

project/assets/html/includes/header.html

@@ -8,8 +8,10 @@
 							<li class="item_nav_imie link"><a>Connexion</a></li>
 							<li class="item_nav_imie link"><a href="https://imie44.ymag.cloud">Accès Net-Yparéo</a></li>
 							<li class="item_nav_imie link"><a href="https://www.imie.fr">IMIE Numérique</a></li>
-							<li class="item_nav_imie social" ><a href="https://twitter.com/EcoleIMIE"><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
+							<li class="item_nav_imie social"><a href="https://twitter.com/EcoleIMIE">
-							<li class="item_nav_imie social" ><a href="https://www.facebook.com/EcolesIMIE/"><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
+									<tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px" /></a></li>
+							<li class="item_nav_imie social"><a href="https://www.facebook.com/EcolesIMIE/">
+									<tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px" /></a></li>
 						</ul>
 					</div>
 				</div>
@@ -22,8 +24,10 @@
 				<div class="row">
 					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
 						<ul>
-							<li class="item_nav_blog_logo" ><a href="/"><tag type="svg" file="logo-imie-blog" style="color: white; width: 200px; height: 64px; margin-top: 6px;"/></a></li>
+							<li class="item_nav_blog_logo"><a href="/">
-							<li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"><a><tag type="svg" file="mignify" style="color: rgba(0, 0, 0, .5); width: 18px; height: 18px"/></a></li>
+									<tag type="svg" file="logo-imie-blog" style="color: white; width: 200px; height: 64px; margin-top: 6px;" /></a></li>
+							<li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"><a>
+									<tag type="svg" file="mignify" style="color: rgba(0, 0, 0, .5); width: 18px; height: 18px" /></a></li>
 							<li class="item_nav_blog_droite devops"><a>DEVOPS</a></li>
 							<li class="item_nav_blog_droite ops"><a>OPS</a></li>
 							<li class="item_nav_blog_droite digi"><a>DIGI</a></li>
@@ -34,4 +38,3 @@
 			</div>
 		</div>
 </div>
-</div>

project/assets/html/post.html

@@ -3,6 +3,7 @@
 
 <head>
 </head>
+
 <body>
 	<header>
 		<tag type="includes" file="header" />
@@ -54,7 +55,6 @@
 			<div class="filtre ops-color">ops</div>
 			<div class="filtre devops-color">devops</div>
 		</div>
-		</div>
 
 		<div class="bloc-filter">
 			<h3>Plus d'articles</h3>
@@ -97,13 +97,16 @@
 							</p>
 						</div>
 					</div>
+				</div>
 			</tag>
 		</div>
 	</main>
-			<body>
+
 	<footer>
 		<tag type="includes" file="footer" />
-				</fotter>
+	</footer>
-		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
+	 crossorigin="anonymous"></script>
 </body>
+
 </html>

project/assets/html/search.html

@@ -12,7 +12,7 @@
 		<div class="bloc-recent">
 			<div class="contenue-recent">
 				<div class="titre-recent">
-					<p>récent</p>
+					<p>récent</p>
 				</div>
 				<div class="icon-recent">
 					<tag type="svg" file="arrow" style="color: #848484; width: 18px; height: 18px" />
@@ -43,4 +43,5 @@
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
 	 crossorigin="anonymous"></script>
 </body>
+
 </html>