anime

assets/css/style.css

@@ -148,8 +148,9 @@ body {
 }
 
 h2 {
-	font-weight: 600;
+	font-weight: bold;
 	font-size: 17px;
+	color: #3a3a3a;
 }
 
 h3 {
@@ -364,8 +365,19 @@ input {
 	font-family: 'Open Sans', sans-serif;
 	border-bottom: 5px solid black;
 	border-radius: 5px;
+	/* margin-bottom: 50px; */
+}
+.bounce{
+	-webkit-transition: 200ms;
+	-o-transition: 200ms;
+	transition: 200ms;
 	margin-bottom: 50px;
 }
+.bounce:hover{
+	text-decoration: none;
+	color: #007bff;
+	transform: translate3d(0,-4px,0);
+}
 
 .article.dev {
 	border-bottom-color: #f2d761;
@@ -407,6 +419,7 @@ input {
 .post .cat {
 	color: white;
 	font-weight: bold;
+	text-transform: uppercase;
 }
 
 .article.ops .cat,
@@ -432,6 +445,7 @@ input {
 .article .title {
 	line-height: 24px;
 	font-weight: bold;
+    color: #3a3a3a;
 }
 
 .article .text {
@@ -455,6 +469,11 @@ input {
 }
 
 .container-post {
+	background-color: white;
+	padding: 45px;
+}
+
+.container-search {
 	margin-bottom: 20px;
 	background-color: white;
 	padding: 45px;

assets/html/includes/header.html

@@ -30,7 +30,7 @@
 							<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_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="mignify" style="color: rgba(0, 0, 0, .5); width: 18px; height: 18px cursor: pointer"  /></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>

assets/html/index.html

@@ -15,7 +15,7 @@
 					<h1>LE BLOG DES APPRENANTS</h1>
 				</div>
 				<div class="cover-text">
-					<h2 id="titre-home">Ceci est un magnifique titre</h2>
+					<!-- <h2 id="titre-home">Ceci est un magnifique titre</h2> -->
 					<p class="p-home">
 						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
 						do eiusmod tempor incididunt ut labore et dolore magna aliqua.
@@ -33,7 +33,7 @@
 		<h3 id="titre-between">Articles récents</h3>
 		<div class="row articles">
 			<tag type="loop" for="posts" limit="6">
-				<a class="col-12 col-md-6 col-lg-4 column-link">
+				<a class="col-12 col-md-6 col-lg-4 column-link bounce">
 					<div class="article column-category">
 						<h4 class="title">
 							<loop column="title" />

assets/html/search.html

@@ -23,7 +23,7 @@
 		<div class="bloc-post search">
 			<tag type="loop" limit="20">
 				<a class="column-link">
-					<div class="container-post post column-category">
+					<div class="container-search post column-category">
 						<h2 class="title">
 							<loop column="title" />
 						</h2>