From 4788a58aa33ef2b992ba85ada8497adde682f2f5 Mon Sep 17 00:00:00 2001
From: Adrien <adrienhuchet@hotmail.com>
Date: Mon, 28 Jan 2019 13:07:31 +0100
Subject: [PATCH] color

---
 project/assets/css/style.css          | 48 +++++++++++++++++----------
 project/assets/html/post.html         | 23 +++++++++++++
 project/assets/img/logo-imie-blog.svg |  2 --
 3 files changed, 54 insertions(+), 19 deletions(-)

diff --git a/project/assets/css/style.css b/project/assets/css/style.css
index 68a4394..36236e6 100644
--- a/project/assets/css/style.css
+++ b/project/assets/css/style.css
@@ -57,8 +57,12 @@ header {
 body{
 	margin: 0;
 	background-color: #eee;
+	font-family: 'Open Sans', sans-serif;
+}
+h2{
+	font-weight: 600;
+    font-size: 17px;
 }
-
 .test{
 	height: 300vh;
 }
@@ -123,7 +127,7 @@ body{
 }
 
 .item_nav_blog_droite.dev:hover{
-	color: #f2d761;
+	color: #ffd75f;
 }
 
 .item_nav_blog_droite.digi:hover{
@@ -131,11 +135,11 @@ body{
 }
 
 .item_nav_blog_droite.ops:hover{
-	color: #64bdea;
+	color: #2ea3f2;
 }
 
 .item_nav_blog_droite.devops:hover{
-	color: #9142b7;
+	color: #ff1c4a;
 }
 
 .item_nav_blog_droite_icon{
@@ -144,7 +148,7 @@ body{
 	float: right;
 	color: rgba(0, 0, 0, .5);
 	padding-bottom: 10px;
-	border-bottom: rgba(0, 0, 0, .1) solid 1px;
+	border-bottom: rgba(255, 255, 255, 0.1) solid 2px;
 }
 .bloc_principal{
 	width: 100%;
@@ -231,41 +235,41 @@ input {outline: none}
 }
 
 .article.devops {
-	border-bottom-color: #9142b7;
+	border-bottom-color: #ff1c4a;
 }
 
-.article .etiquettes {
+.article .etiquettes, .post .etiquettes {
 	margin-top: 15px;
 }
 
-.article .date, .article .cat {
+.article .date, .article .cat, .post .cat, .post .date {
 	padding: 2px 10px;
 	font-size: 13px;
 }
 
-.article .date {
+.article .date, .post .date {
 	color: gray;
 	background-color: #eee;
 	margin-left: 10px;
 }
 
-.article .cat {
+.article .cat, .post .cat {
 	color: white;
 	font-weight: bold;
 }
 
-.article.ops .cat {
+.article.ops .cat, .post.ops .cat {
 	background-color: #2ea3f2;
 }
 
-.article.digi .cat {
-	background-color: #74d3ac;
+.article.digi .cat, .post.digi .cat {
+	background-color: #6bb194;
 }
-.article.dev .cat {
+.article.dev .cat, .post.dev .cat {
 	background-color: #ffd75f;
 }
 
-.article.devops .cat {
+.article.devops .cat, .post.devops .cat {
 	background-color: #ff1c4a;
 }
 
@@ -286,7 +290,7 @@ input {outline: none}
  * ----------------------------------------------------- */
 
  .bloc-post{
-	width: 72%;
+	width: 69%;
 	height: 500px;
 	margin-top: 70px;
 	background-color: white;
@@ -294,10 +298,11 @@ input {outline: none}
 	background-size: cover;
 	box-shadow: 1px 1px 30px 1px lightgrey;
 	display: inline-block;
+	padding: 45px;
 }
 
 .bloc-filter{
-	width: 22%;
+	width: 25%;
 	height: 500px;
 	margin-top: 70px;
 	background-color: white;
@@ -305,6 +310,15 @@ input {outline: none}
 	box-shadow: 1px 1px 30px 1px lightgrey;
 	float: right;
 }
+.post .text{
+	font-size: 14px;
+    color: #737272ee;
+	line-height: 1.5;
+	margin-top: 28px;
+}
+.credit{
+	background-color: #110230;
+}
 
 #twi{
 	height: 18px;
diff --git a/project/assets/html/post.html b/project/assets/html/post.html
index 212be0b..bb65061 100644
--- a/project/assets/html/post.html
+++ b/project/assets/html/post.html
@@ -8,6 +8,29 @@
 		</header>
 		<main class="test container">
             <div class="bloc-post">
+				<div class="post ops">
+						<h2 class="title">Mettre en place un serveur web sous linux</h2>
+						<div class="etiquettes">
+							<span class="cat">
+								OPS
+							</span>
+							<span class="date">
+									26-06-2018
+							</span>
+						</div>
+						<p class="post text">Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
+							et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
+							post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
+							<br>
+							<br>
+							Dum apud Persas, ut supra narravimus, perfidia regis motus agitat insperatos,
+							et in eois tractibus bella rediviva consurgunt, anno sexto decimo et eo diutius
+							post Nepotiani exitium, saeviens per urbem aeternam urebat cuncta Bellona, ex primordiis
+						</p>
+					</div>
+					<div class="credit">
+						<h3>Auteur</h3>
+					</div>
             </div>
 
             <div class="bloc-filter">
diff --git a/project/assets/img/logo-imie-blog.svg b/project/assets/img/logo-imie-blog.svg
index 71f75f5..cc1773b 100644
--- a/project/assets/img/logo-imie-blog.svg
+++ b/project/assets/img/logo-imie-blog.svg
@@ -1,5 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 738.1 233.6" style="enable-background:new 0 0 738.1 233.6;" xml:space="preserve">
 <style type="text/css">