From bd089c849038fe8d5bf961d1a59a1c1a2c8485c6 Mon Sep 17 00:00:00 2001
From: Romain de Laage <romain.delaage@rdelaage.ovh>
Date: Thu, 30 Jan 2020 19:02:17 +0100
Subject: [PATCH] Ajout du logo

---
 index.html |  4 +++-
 logo2.svg  |  8 ++++++++
 style.css  | 17 +++++++++++++----
 3 files changed, 24 insertions(+), 5 deletions(-)
 create mode 100644 logo2.svg
diff --git a/index.html b/index.html
index 85ad435..b06a8ea 100644
--- a/index.html
+++ b/index.html
@@ -4,16 +4,18 @@
 		<title>Site vitrine - Romain de Laage</title>
 		<meta charset="utf8" />
 		<link rel="stylesheet" href="style.css" />
+		<link rel="icon" href="logo2.svg" />
 	</head>
 	<body>
 		<header>
-			<h1>Romain de Laage</h1>
+			<h1><img src="logo2.svg" alt="logo" />Romain de Laage</h1>
 		</header><nav>
 			<ul>
 				<a href="https://cloud.rdelaage.ovh"><li>Cloud</li></a>
 				<a href="https://dev.rdelaage.ovh"><li>Développement</li></a>
 				<a href="https://rdelaage.ovh/cv"><li>CV</li></a>
 			</ul>
+			<div class="logo"><img src="logo2.svg" alt="logo" /></div>
 		</nav><section>
 			<div class="logo">
 				<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="225" width="225">
diff --git a/logo2.svg b/logo2.svg
new file mode 100644
index 0000000..cca4e91
--- /dev/null
+++ b/logo2.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="225" width="225">
+  <g transform="translate(55,37)" id="content">
+    <rect ry="5" rx="5" y="0" x="0" height="150" width="50" fill="#f6b93b" />
+    <rect ry="5" rx="5" y="0" x="65" height="90" width="50" fill="#1e3799" />
+    <circle r="25" cy="125" cx="90" fill="#eb2f06" />
+  </g>
+</svg>
diff --git a/style.css b/style.css
index 6c76797..dcb31db 100644
--- a/style.css
+++ b/style.css
@@ -14,6 +14,11 @@ header{
 	text-align:center;
 	line-height: 100px;
 }
+header h1 img{
+	height: 70px;
+	width: auto;
+	vertical-align: middle;
+}
 nav{
 	display: inline-block;
 	height: calc(100% - 150px);
@@ -44,9 +49,9 @@ footer{
 	line-height: 50px;
 	color: #ecf0f1;
 }
-rect, circle{
-	transition: 0.3s;
-	fill: #D0D0D0;
+nav .logo img{
+	width: 50%;
+	height: auto;
 }
 #yellow:hover{
 	fill: #f6b93b;
@@ -64,9 +69,13 @@ nav li{
 nav li:hover{
 	background-color: rgba(255, 255, 255, 0.3);
 }
-section .logo{
+.logo{
 	text-align: center;
 }
+section rect, section circle{
+	transition: 0.3s;
+	fill: #D0D0D0;
+}
 a{
 	color: #C0C0C0;
 }
