✨ (welcome page) add my projects and my books to the main page
This commit is contained in:
@@ -5,6 +5,10 @@
|
|||||||
<about-me />
|
<about-me />
|
||||||
|
|
||||||
<blog-posts />
|
<blog-posts />
|
||||||
|
|
||||||
|
<my-projects />
|
||||||
|
|
||||||
|
<my-books />
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
40
src/components/presentation/my-books.vue
Normal file
40
src/components/presentation/my-books.vue
Normal file
@@ -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>
|
||||||
19
src/components/presentation/my-projects.vue
Normal file
19
src/components/presentation/my-projects.vue
Normal file
@@ -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>
|
||||||
Reference in New Issue
Block a user