From 2f576a5b42c1fb7681bc281666694fca5de57fd1 Mon Sep 17 00:00:00 2001
From: KerelOlivier <olivierboeren@live.nl>
Date: Sat, 26 Mar 2022 21:15:13 +0100
Subject: [PATCH] add: socials

---
 images/github.svg   | 45 +++++++++++++++++++++++++++++++++++++++++++++
 images/linkedin.svg | 36 ++++++++++++++++++++++++++++++++++++
 index.html          |  4 ++++
 styles.css          | 10 ++++++++++
 4 files changed, 95 insertions(+)
 create mode 100644 images/github.svg
 create mode 100644 images/linkedin.svg

diff --git a/images/github.svg b/images/github.svg
new file mode 100644
index 0000000..4d6de3b
--- /dev/null
+++ b/images/github.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 32 32"
+   height="32px"
+   id="Layer_1"
+   version="1.0"
+   viewBox="0 0 32 32"
+   width="32px"
+   xml:space="preserve"
+   sodipodi:docname="github.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1169" /><sodipodi:namedview
+     id="namedview1167"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="27.03125"
+     inkscape:cx="16"
+     inkscape:cy="16"
+     inkscape:window-width="1900"
+     inkscape:window-height="1060"
+     inkscape:window-x="1930"
+     inkscape:window-y="10"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" /><path
+     clip-rule="evenodd"
+     d="M16.003,0C7.17,0,0.008,7.162,0.008,15.997  c0,7.067,4.582,13.063,10.94,15.179c0.8,0.146,1.052-0.328,1.052-0.752c0-0.38,0.008-1.442,0-2.777  c-4.449,0.967-5.371-2.107-5.371-2.107c-0.727-1.848-1.775-2.34-1.775-2.34c-1.452-0.992,0.109-0.973,0.109-0.973  c1.605,0.113,2.451,1.649,2.451,1.649c1.427,2.443,3.743,1.737,4.654,1.329c0.146-1.034,0.56-1.739,1.017-2.139  c-3.552-0.404-7.286-1.776-7.286-7.906c0-1.747,0.623-3.174,1.646-4.292C7.28,10.464,6.73,8.837,7.602,6.634  c0,0,1.343-0.43,4.398,1.641c1.276-0.355,2.645-0.532,4.005-0.538c1.359,0.006,2.727,0.183,4.005,0.538  c3.055-2.07,4.396-1.641,4.396-1.641c0.872,2.203,0.323,3.83,0.159,4.234c1.023,1.118,1.644,2.545,1.644,4.292  c0,6.146-3.74,7.498-7.304,7.893C19.479,23.548,20,24.508,20,26c0,2,0,3.902,0,4.428c0,0.428,0.258,0.901,1.07,0.746  C27.422,29.055,32,23.062,32,15.997C32,7.162,24.838,0,16.003,0z"
+     fill="#181616"
+     fill-rule="evenodd"
+     id="path1152"
+     style="fill:#f1f1f1;fill-opacity:1" /><g
+     id="g1154" /><g
+     id="g1156" /><g
+     id="g1158" /><g
+     id="g1160" /><g
+     id="g1162" /><g
+     id="g1164" /></svg>
diff --git a/images/linkedin.svg b/images/linkedin.svg
new file mode 100644
index 0000000..f72e4f8
--- /dev/null
+++ b/images/linkedin.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="100%"
+   style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
+   version="1.1"
+   viewBox="0 0 512 512"
+   width="100%"
+   xml:space="preserve"
+   id="svg4"
+   sodipodi:docname="linkedin.svg"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs8" /><sodipodi:namedview
+     id="namedview6"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:pageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.1946238"
+     inkscape:cx="251.54363"
+     inkscape:cy="259.91447"
+     inkscape:window-width="1900"
+     inkscape:window-height="1060"
+     inkscape:window-x="1930"
+     inkscape:window-y="10"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" /><path
+     d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-288.985,423.278l0,-225.717l-75.04,0l0,225.717l75.04,0Zm270.539,0l0,-129.439c0,-69.333 -37.018,-101.586 -86.381,-101.586c-39.804,0 -57.634,21.891 -67.617,37.266l0,-31.958l-75.021,0c0.995,21.181 0,225.717 0,225.717l75.02,0l0,-126.056c0,-6.748 0.486,-13.492 2.474,-18.315c5.414,-13.475 17.767,-27.434 38.494,-27.434c27.135,0 38.007,20.707 38.007,51.037l0,120.768l75.024,0Zm-307.552,-334.556c-25.674,0 -42.448,16.879 -42.448,39.002c0,21.658 16.264,39.002 41.455,39.002l0.484,0c26.165,0 42.452,-17.344 42.452,-39.002c-0.485,-22.092 -16.241,-38.954 -41.943,-39.002Z"
+     id="path2"
+     style="fill:#f1f1f1;fill-opacity:1" /></svg>
diff --git a/index.html b/index.html
index 1954723..0ed95a1 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,10 @@
 				<img  class="picture" src="./images/profile.jpg" alt="Profile picture">
 				<h2>Olivier Boeren</h2>
 				<h3>Software developer</h3>
+				<div class="socials">
+					<a href="https://www.linkedin.com/in/olivier-boeren-39a4a316b/"><img src="./images/linkedin.svg" alt="linkedin"></a>
+					<a href="https://github.com/KerelOlivier"><img src="./images/github.svg" alt="github"></a>
+				</div>
 			</section>
 			<a class="resume">Resume</a>
 		</section>
diff --git a/styles.css b/styles.css
index 16c4fbe..dbdd3c4 100644
--- a/styles.css
+++ b/styles.css
@@ -74,6 +74,16 @@ nav a{
     opacity: 60%;
     font-size: 18px;
 }
+.socials{
+    margin-top: 7px;
+    display: flex;
+    flex-direction: row;
+}
+.socials img{
+    width:30px;
+    height:30px;
+    margin: 7px;
+}
 .resume{
     width: 100%;
     height: 70px;