fix: formatting (editorconfig)

+ hack to convert resumes to be paginable

.editorconfig

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

pages/css/blink.css

@@ -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; }
+  0% {
-  50% { opacity: 0.0; }
+    opacity: 1.0;
-  100% { opacity: 1.0; }
   }
+  50% {
+    opacity: 0.0;
+  }
+  100% {
+    opacity: 1.0;
+  }
+}
+
 @-webkit-keyframes blink {
-  0% { opacity: 1.0; }
+  0% {
-  50% { opacity: 0.0; }
+    opacity: 1.0;
-  100% { 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;

pages/css/main.css

@@ -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;
 }
 
@@ -86,7 +89,8 @@ footer {
   body {
     font-size: 17px;
   }
-  ol, ul {
+  ol,
+  ul {
     padding-left: 17px;
   }
 }

pages/css/resume.css

@@ -63,6 +63,7 @@ section > p {
   margin: 0;
   margin-bottom: 0.2em;
 }
+
 section>h3 {
   margin-bottom: .3em;
 }
@@ -96,34 +97,32 @@ h2 {
     size: auto;
     margin: 0;
   }
-
+  body,
-  body, html {
+  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,
-  header, footer, .btn-back, a.fa {
+  footer,
+  .btn-back,
+  a.fa {
     display: none;
   }
 }

pages/ePortfolio/CE.njk

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

pages/ePortfolio/index.njk

@@ -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>
-    <li><a href="https://www.linkedin.com/in/laurent-fainsin/">LinkedIn</a></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>

pages/index.njk

@@ -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>
-    <li><a href="https://www.linkedin.com/in/laurent-fainsin/">LinkedIn</a></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>

pages/resume/resume.njk

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