diff --git a/docs/404.html b/docs/404.html
index 086a5c9..533e6c3 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -1,6 +1,8 @@
---
permalink: /404.html
layout: default
+title: 404
+description: Page not found
---
-
404
-
-
Page not found :(
-
The requested page could not be found.
+
diff --git a/docs/assets/images/404_not_found.webp b/docs/assets/images/404_not_found.webp
new file mode 100644
index 0000000..5f0d3af
Binary files /dev/null and b/docs/assets/images/404_not_found.webp differ
diff --git a/docs/assets/images/me_and_mochi.webp b/docs/assets/images/me_and_mochi.webp
new file mode 100644
index 0000000..ee3b6eb
Binary files /dev/null and b/docs/assets/images/me_and_mochi.webp differ
diff --git a/docs/index.md b/docs/index.md
index 328fe7c..520eff9 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -10,122 +10,18 @@ children:
url: talks-and-slides
---
-Text can be **bold**, _italic_, or ~~strikethrough~~.
+# About me
-[Link to another page](./another-page.html).
+I always describe myself as someone with a hybrid background and too many interests.
-There should be whitespace between paragraphs.
+My passion for technology ignited in my early years, when I'd toggle between a soccer ball and a "toy" PC, oblivious to the concept of programming.
+In the end, I chose the latter path, I studied computer technology at school, I enrolled in Music Information Technology at University and during those years I discovered web development.
+I started off as a backend developer but then I switched to the dark side (front end, obviously).
-There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.
+Along this journey, a particular sensibility lead me to become passionate about **accessibility** and **sustainability**.
-# Header 1
+Although being an introvert, in 2022 I discovered a passion for public speaking and I started to share my knowledge and experiences at conferences and meetups.
-This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
+I'm proudly part of the **CNCF TAG Environmental Sustainability** and Technical Lead for the WG Sustainability Advocacy.
-## Header 2
-
-> This is a blockquote following a header.
->
-> When something is important enough, you do it even if the odds are not in your favor.
-
-### Header 3
-
-```js
-// Javascript code with syntax highlighting.
-var fun = function lang(l) {
- dateformat.i18n = require('./lang/' + l)
- return true;
-}
-```
-
-```ruby
-# Ruby code with syntax highlighting
-GitHubPages::Dependencies.gems.each do |gem, version|
- s.add_dependency(gem, "= #{version}")
-end
-```
-
-#### Header 4
-
-* This is an unordered list following a header.
-* This is an unordered list following a header.
-* This is an unordered list following a header.
-
-##### Header 5
-
-1. This is an ordered list following a header.
-2. This is an ordered list following a header.
-3. This is an ordered list following a header.
-
-###### Header 6
-
-| head1 | head two | three |
-|:-------------|:------------------|:------|
-| ok | good swedish fish | nice |
-| out of stock | good and plenty | nice |
-| ok | good `oreos` | hmm |
-| ok | good `zoute` drop | yumm |
-
-### There's a horizontal rule below this.
-
-* * *
-
-### Here is an unordered list:
-
-* Item foo
-* Item bar
-* Item baz
-* Item zip
-
-### And an ordered list:
-
-1. Item one
-1. Item two
-1. Item three
-1. Item four
-
-### And a nested list:
-
-- level 1 item
- - level 2 item
- - level 2 item
- - level 3 item
- - level 3 item
-- level 1 item
- - level 2 item
- - level 2 item
- - level 2 item
-- level 1 item
- - level 2 item
- - level 2 item
-- level 1 item
-
-### Small image
-
-![Octocat](https://github.githubassets.com/images/icons/emoji/octocat.png)
-
-### Large image
-
-![Branching](https://guides.github.com/activities/hello-world/branching.png)
-
-
-### Definition lists can be used with HTML syntax.
-
-
-- Name
-- Godzilla
-- Born
-- 1952
-- Birthplace
-- Japan
-- Color
-- Green
-
-
-```
-Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
-```
-
-```
-The final element.
-```
\ No newline at end of file
+![Bonus: my cat](/assets/images/me_and_mochi.webp)
diff --git a/examples.md b/examples.md
new file mode 100644
index 0000000..70133ca
--- /dev/null
+++ b/examples.md
@@ -0,0 +1,119 @@
+Text can be **bold**, _italic_, or ~~strikethrough~~.
+
+[Link to another page](./another-page.html).
+
+There should be whitespace between paragraphs.
+
+There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.
+
+# Header 1
+
+This is a normal paragraph following a header. GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
+
+## Header 2
+
+> This is a blockquote following a header.
+>
+> When something is important enough, you do it even if the odds are not in your favor.
+
+### Header 3
+
+```js
+// Javascript code with syntax highlighting.
+var fun = function lang(l) {
+ dateformat.i18n = require('./lang/' + l)
+ return true;
+}
+```
+
+```ruby
+# Ruby code with syntax highlighting
+GitHubPages::Dependencies.gems.each do |gem, version|
+ s.add_dependency(gem, "= #{version}")
+end
+```
+
+#### Header 4
+
+* This is an unordered list following a header.
+* This is an unordered list following a header.
+* This is an unordered list following a header.
+
+##### Header 5
+
+1. This is an ordered list following a header.
+2. This is an ordered list following a header.
+3. This is an ordered list following a header.
+
+###### Header 6
+
+| head1 | head two | three |
+|:-------------|:------------------|:------|
+| ok | good swedish fish | nice |
+| out of stock | good and plenty | nice |
+| ok | good `oreos` | hmm |
+| ok | good `zoute` drop | yumm |
+
+### There's a horizontal rule below this.
+
+* * *
+
+### Here is an unordered list:
+
+* Item foo
+* Item bar
+* Item baz
+* Item zip
+
+### And an ordered list:
+
+1. Item one
+1. Item two
+1. Item three
+1. Item four
+
+### And a nested list:
+
+- level 1 item
+ - level 2 item
+ - level 2 item
+ - level 3 item
+ - level 3 item
+- level 1 item
+ - level 2 item
+ - level 2 item
+ - level 2 item
+- level 1 item
+ - level 2 item
+ - level 2 item
+- level 1 item
+
+### Small image
+
+![Octocat](https://github.githubassets.com/images/icons/emoji/octocat.png)
+
+### Large image
+
+![Branching](https://guides.github.com/activities/hello-world/branching.png)
+
+
+### Definition lists can be used with HTML syntax.
+
+
+- Name
+- Godzilla
+- Born
+- 1952
+- Birthplace
+- Japan
+- Color
+- Green
+
+
+```
+Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
+```
+
+```
+The final element.
+```
\ No newline at end of file