From 72ada6ce6b24c9aa3abc7f8a1de7834ed9acb6ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laure=CE=B7t?= <laurentfainsin@protonmail.com>
Date: Thu, 26 Nov 2020 14:54:37 +0100
Subject: [PATCH] feat: resume improved, still need some work

---
 pages/css/resume.css   | 39 +++++++++++++++++++++++++++
 pages/resume/index.njk | 60 ++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 97 insertions(+), 2 deletions(-)

diff --git a/pages/css/resume.css b/pages/css/resume.css
index 2025187..47a2e8f 100644
--- a/pages/css/resume.css
+++ b/pages/css/resume.css
@@ -1,3 +1,8 @@
+body {
+  font-size: 20px;
+  max-width: 60em;
+}
+
 .row {
   display: flex;
 }
@@ -10,4 +15,38 @@
 .col-2 {
   flex: 40%;
   padding-left: .5em;
+}
+
+ul {
+  list-style: none;
+  margin: 0;
+  padding-left: 15px;
+}
+
+li {
+  margin: 0;
+}
+
+li.event {
+  padding: .8em 0 .8em 2.3em;
+  margin-left: 1.25em;
+  border-left: 2px solid;
+}
+
+.li {
+  display: flex;
+}
+
+.fab {
+  order:1;
+  background-color: rgba(200,520,266,.75);
+  border-color: #b4b4b4;
+  width: 50px;
+}
+
+.title, .description {
+  order:2;
+  background-color: rgba(145,223,0,.75);
+  border-color: transparent;
+  width: 50px;
 }
\ No newline at end of file
diff --git a/pages/resume/index.njk b/pages/resume/index.njk
index c3410f5..0deea27 100644
--- a/pages/resume/index.njk
+++ b/pages/resume/index.njk
@@ -23,8 +23,64 @@ username: Laureηt
     </header>
     
     <div class="row">
-      <div class="col-1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum, atque esse quo ad cum voluptates exercitationem ipsum sunt. Dolore natus eius corrupti animi eaque autem libero laudantium sapiente placeat quasi, cupiditate repellendus cumque vitae deleniti id aliquid porro nemo facilis soluta rem esse necessitatibus repudiandae. Corrupti omnis, recusandae laboriosam architecto voluptatibus vel voluptatum expedita dolor libero aspernatur beatae! Sapiente, voluptates totam. Accusamus neque eius sapiente, fugiat maxime accusantium iure voluptatum qui doloremque sequi nobis hic, sit impedit! Iure ad, suscipit eum quis explicabo nesciunt ducimus veritatis, repellat beatae quia, expedita recusandae magni molestiae in cumque quae labore nam similique. Aut!</div>
-      <div class="col-2">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit, totam expedita hic recusandae doloremque quisquam exercitationem magni suscipit laboriosam enim, officia est sint dolores odio. Id non quam veritatis labore libero cumque ipsam ex consequatur, sit voluptas eius perferendis molestiae velit minus dolorem officiis. Fugiat dicta temporibus eaque sequi impedit labore. Reiciendis odio delectus quisquam facere vel debitis culpa, officiis fugit autem dignissimos iusto velit ullam aut? Adipisci sit optio natus expedita ipsum possimus saepe minus rerum, cumque quaerat deserunt, itaque amet dolorum fuga consectetur enim similique magni eveniet nemo sint. Voluptates odit incidunt vel sunt doloremque eum officiis possimus.</div>
+      <div class="col-1">
+        
+        <h2>About</h2>
+        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque quo libero nesciunt et dolorum hic aperiam eligendi neque nihil facilis cum sint corrupti, incidunt eum voluptas nisi reiciendis accusamus repellendus?</p>
+        
+        <h2>Projects</h2>
+
+        <h3>Project 1</h3>
+        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Porro quo modi maiores debitis iure suscipit nobis labore tempora laudantium hic dignissimos nam dolores, exercitationem, rem magni doloremque impedit asperiores tempore maxime blanditiis aliquid, iusto deleniti consectetur incidunt. Aliquam, cupiditate quas.</p>
+
+        <h3>Project 2</h3>
+        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Mollitia atque voluptate odio commodi officiis, asperiores tempore voluptates sequi velit explicabo error nesciunt eaque. Reiciendis aut at corporis, nihil laboriosam adipisci cumque, ut quis eaque sunt, qui nemo officia est similique.</p>
+
+      </div>
+      <div class="col-2">
+
+        <h2>Contacts</h2>
+        <ul class="list">
+          <li>
+            <div class="fab fa-github"></div>
+            <div class="title">GitHub
+              <div class="description">Laurent2916</div>
+            </div>
+          </li>
+
+          <li>Lorem ipsum dolor sit amet.</li>
+          <li>Lorem ipsum dolor sit amet.</li>
+          <li>Lorem ipsum dolor sit amet.</li>
+        </ul>
+
+        <h2>Education</h2>
+        <ul class="timeline">
+          <li class="event"></li>
+          <li class="year">2023</li>
+          <li class="event">ingé</li>
+          <li class="year">2020</li>
+          <li class="event">prépa</li>
+          <li class="year">2018</li>
+          <li class="event">lycée</li>
+          <li class="year">2015</li>
+          <li class="event"></li>
+        </ul>
+        
+        <h2>Skills</h2>
+        <ul>
+          <li>Lorem ipsum dolor sit amet.</li>
+          <li>Lorem ipsum dolor sit amet.</li>
+          <li>Lorem ipsum dolor sit amet.</li>
+        </ul>
+
+        <h2>Interests</h2>
+        <ul>
+          <li>Lorem ipsum dolor sit amet.</li>
+          <li>Lorem ipsum dolor sit amet.</li>
+          <li>Lorem ipsum dolor sit amet.</li>
+        </ul>
+
+      </div>
     </div>
 
     <div class="btn-back">