fix: formatting (editorconfig)
+ hack to convert resumes to be paginable
This commit is contained in:
Laureηt
parent
44a10b45d6
commit
a84b50bd3a
12
.editorconfig
Normal file
12
.editorconfig
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
# EditorConfig is awesome: https://EditorConfig.org
|
||||
|
||||
# top-most EditorConfig file
|
||||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
|
@ -2,25 +2,41 @@
|
|||
background: #c0c5ce;
|
||||
color: #1c1f26;
|
||||
}
|
||||
|
||||
*::-moz-selection {
|
||||
background: #c0c5ce;
|
||||
color: #1c1f26;
|
||||
}
|
||||
|
||||
*::-webkit-selection {
|
||||
background: #c0c5ce;
|
||||
color: #1c1f26;
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
0% { opacity: 1.0; }
|
||||
50% { opacity: 0.0; }
|
||||
100% { opacity: 1.0; }
|
||||
0% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes blink {
|
||||
0% { opacity: 1.0; }
|
||||
50% { opacity: 0.0; }
|
||||
100% { opacity: 1.0; }
|
||||
0% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1.0;
|
||||
}
|
||||
}
|
||||
|
||||
.blink {
|
||||
animation: blink 1s step-start 0s infinite;
|
||||
-webkit-animation: blink 1.5s step-start 0s infinite;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
scrollbar-color: #202324 #454a4d;
|
||||
}
|
||||
|
||||
html, body {
|
||||
html,
|
||||
body {
|
||||
background-color: #232830;
|
||||
}
|
||||
|
||||
|
|
@ -15,7 +16,8 @@ body {
|
|||
padding: 1em;
|
||||
}
|
||||
|
||||
body, a {
|
||||
body,
|
||||
a {
|
||||
color: #c0c5ce;
|
||||
}
|
||||
|
||||
|
|
@ -41,7 +43,8 @@ h1 {
|
|||
margin-bottom: .7em;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
ol,
|
||||
ul {
|
||||
margin: .7em 0 0 1.4em;
|
||||
}
|
||||
|
||||
|
|
@ -77,7 +80,7 @@ footer {
|
|||
}
|
||||
|
||||
.btn-back span {
|
||||
display:inline-block;
|
||||
display: inline-block;
|
||||
transform: scale(2.5);
|
||||
translate: -.2em -.1em;
|
||||
}
|
||||
|
|
@ -86,7 +89,8 @@ footer {
|
|||
body {
|
||||
font-size: 17px;
|
||||
}
|
||||
ol, ul {
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 17px;
|
||||
}
|
||||
}
|
||||
|
|
@ -98,13 +102,13 @@ video {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header > ul {
|
||||
header>ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
|
||||
header > ul > li {
|
||||
header>ul>li {
|
||||
display: inline;
|
||||
margin-right: .5em;
|
||||
}
|
||||
|
|
@ -23,11 +23,11 @@ ul {
|
|||
padding-left: 1em;
|
||||
}
|
||||
|
||||
section > ul {
|
||||
section>ul {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.timeline > li {
|
||||
.timeline>li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
|
@ -50,7 +50,7 @@ small {
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
h1 > small {
|
||||
h1>small {
|
||||
font-size: .45em;
|
||||
}
|
||||
|
||||
|
|
@ -58,12 +58,13 @@ section {
|
|||
padding-left: 1em;
|
||||
}
|
||||
|
||||
section > p {
|
||||
section>p {
|
||||
padding-left: 1em;
|
||||
margin: 0;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
section > h3 {
|
||||
|
||||
section>h3 {
|
||||
margin-bottom: .3em;
|
||||
}
|
||||
|
||||
|
|
@ -71,7 +72,7 @@ section > h3 {
|
|||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.project-links > a {
|
||||
.project-links>a {
|
||||
padding-left: .3em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -96,34 +97,32 @@ h2 {
|
|||
size: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body, html {
|
||||
body,
|
||||
html {
|
||||
background-color: white !important;
|
||||
color: black;
|
||||
max-width: 100%;
|
||||
color-adjust: exact !important;
|
||||
-webkit-print-color-adjust: exact !important;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 2em;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
li.event {
|
||||
border-left: 2px black solid;
|
||||
}
|
||||
|
||||
.tag {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header, footer, .btn-back, a.fa {
|
||||
header,
|
||||
footer,
|
||||
.btn-back,
|
||||
a.fa {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -11,6 +11,5 @@ eleventyNavigation:
|
|||
<p id="shs">Flyer:</p>
|
||||
<img src="{{ '/content/2021-01-16-flyer.png' | url }}" width="100%">
|
||||
|
||||
|
||||
<p id="shs">Video presentation:</p>
|
||||
<video src="{{ '/content/2021-01-16-video.mp4' | url }}" width="1080" height="720" controls></video>
|
||||
|
|
|
|||
|
|
@ -25,6 +25,10 @@ eleventyNavigation:
|
|||
</ul>
|
||||
<p>You can reach me via :</p>
|
||||
<ul>
|
||||
<li><a href="https://matrix.to/#/@fainsil:inpt.fr">Matrix.to</a></li>
|
||||
<li><a href="https://www.linkedin.com/in/laurent-fainsin/">LinkedIn</a></li>
|
||||
<li>
|
||||
<a href="https://matrix.to/#/@fainsil:inpt.fr">Matrix.to</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.linkedin.com/in/laurent-fainsin/">LinkedIn</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -23,6 +23,10 @@ layout: layout.njk
|
|||
</ul>
|
||||
<p>You can reach me via :</p>
|
||||
<ul>
|
||||
<li><a href="https://matrix.to/#/@fainsil:inpt.fr">Matrix.to</a></li>
|
||||
<li><a href="https://www.linkedin.com/in/laurent-fainsin/">LinkedIn</a></li>
|
||||
<li>
|
||||
<a href="https://matrix.to/#/@fainsil:inpt.fr">Matrix.to</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.linkedin.com/in/laurent-fainsin/">LinkedIn</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -2,9 +2,9 @@
|
|||
username: Laureηt
|
||||
pagination:
|
||||
data: resumes
|
||||
before: (data) => data.map(locale => Object.values(locale)).flat()
|
||||
size: 1
|
||||
alias: resume
|
||||
resolve: values
|
||||
permalink: "resume/{{ resume.locale }}/index.html"
|
||||
---
|
||||
|
||||
|
|
|
|||
Reference in a new issue