this repo has no description
turn my books in mdx file
+31
-45
+6
src/assets/base.scss
+6
src/assets/base.scss
+25
src/pages/my-books.mdx
+25
src/pages/my-books.mdx
···
1
+
---
2
+
title: My books
3
+
layout: post
4
+
---
5
+
6
+
## My books
7
+
8
+
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.
9
+
10
+
<iframe
11
+
class="youtube"
12
+
src="https://www.youtube-nocookie.com/embed/NVGuFdX5guE"
13
+
title="Your Theme by CGP Grey"
14
+
/>
15
+
16
+
So far, I'm pretty happy with how many books I've read, and they are all good!
17
+
18
+
- [How to take smart notes](https://www.soenkeahrens.de/en/takesmartnotes)
19
+
- [Resilient web design](https://resilientwebdesign.com/)
20
+
- [On writing well](https://www.babelio.com/livres/Zinsser-On-Writing-Well/795524)
21
+
- [The Scout Mindset: Why Some People See Things Clearly and Others Don’t](https://juliagalef.com/)
22
+
- [Accelerate](https://www.oreilly.com/library/view/accelerate/9781457191435/)
23
+
- [Immune](https://www.amazon.fr/Immune-Kurzgesagt-gorgeously-illustrated-immune/dp/1529360684)
24
+
- [The field guide of understanding 'human errors'](https://www.routledge.com/The-Field-Guide-to-Understanding-Human-Error/Dekker/p/book/9781472439055)
25
+
- [Thinking fast and slow](https://en.wikipedia.org/wiki/Thinking,_Fast_and_Slow)
-45
src/pages/my-books.vue
-45
src/pages/my-books.vue
···
1
-
<page>
2
-
title: My books
3
-
</page>
4
-
5
-
<template>
6
-
<section>
7
-
<h2>My books</h2>
8
-
9
-
<p>
10
-
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
11
-
more and write more.
12
-
</p>
13
-
14
-
<iframe src="https://www.youtube-nocookie.com/embed/NVGuFdX5guE" title="Your Theme by CGP Grey" frameborder="0"
15
-
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
16
-
allowfullscreen></iframe>
17
-
18
-
<p>
19
-
So far, I'm pretty happy with how many books I've read, and they are all good!
20
-
</p>
21
-
22
-
23
-
<ul>
24
-
<li><a href="https://www.soenkeahrens.de/en/takesmartnotes">How to take smart notes</a></li>
25
-
<li><a href="https://resilientwebdesign.com/">Resilient web design</a></li>
26
-
<li><a href="https://www.babelio.com/livres/Zinsser-On-Writing-Well/795524">On writing well</a></li>
27
-
<li><a href="https://juliagalef.com/">The Scout Mindset: Why Some People See Things Clearly and Others Don’t</a>
28
-
</li>
29
-
<li><a href="https://www.oreilly.com/library/view/accelerate/9781457191435/">Accelerate</a></li>
30
-
<li><a href="https://www.amazon.fr/Immune-Kurzgesagt-gorgeously-illustrated-immune/dp/1529360684">Immune</a></li>
31
-
<li><a
32
-
href="https://www.routledge.com/The-Field-Guide-to-Understanding-Human-Error/Dekker/p/book/9781472439055">The
33
-
field guide of understanding 'human errors'</a></li>
34
-
<li><a href="https://en.wikipedia.org/wiki/Thinking,_Fast_and_Slow">Thinking fast and slow</a></li>
35
-
</ul>
36
-
</section>
37
-
</template>
38
-
39
-
<style scoped>
40
-
iframe {
41
-
width: 100%;
42
-
height: 500px;
43
-
max-height: 35vh;
44
-
}
45
-
</style>