From e4142076f3233e4d03bbfa215d3fb373a76f1dbb Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 20 Nov 2022 12:10:24 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=20(welcome=20page)=20add=20my=20pr?=
 =?UTF-8?q?ojects=20and=20my=20books=20to=20the=20main=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Welcome.vue                  |  4 +++
 src/components/presentation/my-books.vue    | 40 +++++++++++++++++++++
 src/components/presentation/my-projects.vue | 19 ++++++++++
 3 files changed, 63 insertions(+)
 create mode 100644 src/components/presentation/my-books.vue
 create mode 100644 src/components/presentation/my-projects.vue

diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index 9ff95ad..49dc10c 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -5,6 +5,10 @@
     <about-me />
 
     <blog-posts />
+
+    <my-projects />
+
+    <my-books />
   </section>
 </template>
 
diff --git a/src/components/presentation/my-books.vue b/src/components/presentation/my-books.vue
new file mode 100644
index 0000000..2538cd5
--- /dev/null
+++ b/src/components/presentation/my-books.vue
@@ -0,0 +1,40 @@
+<template>
+  <section>
+    <h2>My books</h2>
+
+    <p>I used to read so little, but in 2021, I decided to take example of CGP Grey and add as one of my theme to read
+      more and write more.
+    </p>
+
+    <iframe src="https://www.youtube-nocookie.com/embed/NVGuFdX5guE" title="Your Theme by CGP Grey" frameborder="0"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+      allowfullscreen></iframe>
+
+    <p>
+      So far, I'm pretty happy with how many books I've read, and they are all good!
+    </p>
+
+
+    <ul>
+      <li><a href="https://www.soenkeahrens.de/en/takesmartnotes">How to take smart notes</a></li>
+      <li><a href="https://resilientwebdesign.com/">Resilient web design</a></li>
+      <li><a href="https://www.babelio.com/livres/Zinsser-On-Writing-Well/795524">On writing well</a></li>
+      <li><a href="https://juliagalef.com/">The Scout Mindset: Why Some People See Things Clearly and Others Don’t</a>
+      </li>
+      <li><a href="https://www.oreilly.com/library/view/accelerate/9781457191435/">Accelerate</a></li>
+      <li><a href="https://www.amazon.fr/Immune-Kurzgesagt-gorgeously-illustrated-immune/dp/1529360684">Immune</a></li>
+      <li><a
+          href="https://www.routledge.com/The-Field-Guide-to-Understanding-Human-Error/Dekker/p/book/9781472439055">The
+          field guide of understanding 'human errors'</a></li>
+      <li><a href="https://en.wikipedia.org/wiki/Thinking,_Fast_and_Slow">Thinking fast and slow</a></li>
+    </ul>
+  </section>
+</template>
+
+<style scoped>
+iframe {
+  width: 100%;
+  height: 500px;
+  max-height: 35vh;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/presentation/my-projects.vue b/src/components/presentation/my-projects.vue
new file mode 100644
index 0000000..feb743f
--- /dev/null
+++ b/src/components/presentation/my-projects.vue
@@ -0,0 +1,19 @@
+<template>
+  <section>
+    <h2>My projects</h2>
+
+    <ul>
+      <li>
+        <a href="https://litenote.space/">Lite note</a>: highly inspired by <a
+          href="https://notes.andymatuschak.org/About_these_notes">Andy Matuschak notes' website</a>, I wanted to have a
+        clean design where I can explore my notes I take on VS Code.
+      </li>
+      <li><a href="https://www.npmjs.com/package/retrobus">retrobus</a>: an event bus lib I made for fun with a little
+        extra retroactive feature.</li>
+      <li>
+        <a href="https://www.npmjs.com/package/vue-pwa-asset-generator">Vue PWA Asset generator</a>: a cli command (now
+        a bit out of date) that generates the multiple favicons needed for a Progressive Web App.
+      </li>
+    </ul>
+  </section>
+</template>