Laurent/personal-website-old
Archived
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: resume improved, still need some work

Browse source
This commit is contained in:
Laureηt 2020-11-26 14:54:37 +01:00
parent 1bc0cb867c
commit 72ada6ce6b
2 changed files with 97 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
pages/css/resume.css
View file

@ -1,3 +1,8 @@
body {
font-size: 20px;
max-width: 60em;
}
.row {
display: flex;
}
@ -11,3 +16,37 @@
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;
}

60
pages/resume/index.njk
View file

@ -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">