diff --git a/blog/index.html b/blog/index.html
index f3d6039..6994972 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -38,7 +38,7 @@
                 <a href="/me"><span class="tabler--user"></span> about me</a>
             </li>
             <li>
-                <a href="/blog"><span class="tabler--article"></span> blog</a>
+                <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
             </li>
             <li>
                 <a href="/me#links"><span class="tabler--link"></span> links</a>
@@ -50,7 +50,7 @@
         <div class="dot"></div>
         <a href="/me"><span class="tabler--user"></span> about me</a>
         <div class="dot"></div>
-        <a href="/blog"><span class="tabler--article"></span> blog</a>
+        <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
         <div class="dot"></div>
         <a href="/me#links"><span class="tabler--link"></span> links</a>
     </nav>
diff --git a/index.html b/index.html
index 8fce6be..4e3eb7c 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,7 @@
                 <a href="/me"><span class="tabler--user"></span> about me</a>
             </li>
             <li>
-                <a href="/blog"><span class="tabler--article"></span> blog</a>
+                <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
             </li>
             <li>
                 <a href="/me#links"><span class="tabler--link"></span> links</a>
@@ -48,7 +48,7 @@
         <div class="dot"></div>
         <a href="/me"><span class="tabler--user"></span> about me</a>
         <div class="dot"></div>
-        <a href="/blog"><span class="tabler--article"></span> blog</a>
+        <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
         <div class="dot"></div>
         <a href="/me#links"><span class="tabler--link"></span> links</a>
     </nav>
diff --git a/me/dni/index.html b/me/dni/index.html
index 20867ab..f1c0d44 100644
--- a/me/dni/index.html
+++ b/me/dni/index.html
@@ -36,7 +36,7 @@
                 <a href="/me"><span class="tabler--user"></span> about me</a>
             </li>
             <li>
-                <a href="/blog"><span class="tabler--article"></span> blog</a>
+                <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
             </li>
             <li>
                 <a href="/me#links"><span class="tabler--link"></span> links</a>
@@ -48,7 +48,7 @@
         <div class="dot"></div>
         <a href="/me"><span class="tabler--user"></span> about me</a>
         <div class="dot"></div>
-        <a href="/blog"><span class="tabler--article"></span> blog</a>
+        <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
         <div class="dot"></div>
         <a href="/me#links"><span class="tabler--link"></span> links</a>
     </nav>
diff --git a/me/index.html b/me/index.html
index a38db61..8c03d09 100644
--- a/me/index.html
+++ b/me/index.html
@@ -38,7 +38,7 @@
                 <a href="/me"><span class="tabler--user"></span> about me</a>
             </li>
             <li>
-                <a href="/blog"><span class="tabler--article"></span> blog</a>
+                <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
             </li>
             <li>
                 <a href="/me#links"><span class="tabler--link"></span> links</a>
@@ -50,7 +50,7 @@
         <div class="dot"></div>
         <a href="/me"><span class="tabler--user"></span> about me</a>
         <div class="dot"></div>
-        <a href="/blog"><span class="tabler--article"></span> blog</a>
+        <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
         <div class="dot"></div>
         <a href="/me#links"><span class="tabler--link"></span> links</a>
     </nav>
diff --git a/me/ruben/index.html b/me/ruben/index.html
index dc8aec4..0973370 100644
--- a/me/ruben/index.html
+++ b/me/ruben/index.html
@@ -35,7 +35,7 @@
                 <a href="/me"><span class="tabler--user"></span> about me</a>
             </li>
             <li>
-                <a href="/blog"><span class="tabler--article"></span> blog</a>
+                <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
             </li>
             <li>
                 <a href="/me#links"><span class="tabler--link"></span> links</a>
@@ -47,7 +47,7 @@
         <div class="dot"></div>
         <a href="/me"><span class="tabler--user"></span> about me</a>
         <div class="dot"></div>
-        <a href="/blog"><span class="tabler--article"></span> blog</a>
+        <a href="https://notebook.synth.download"><span class="tabler--notebook"></span> notebook</a>
         <div class="dot"></div>
         <a href="/me#links"><span class="tabler--link"></span> links</a>
     </nav>
diff --git a/tabler.css b/tabler.css
index 9e315de..49e35d8 100644
--- a/tabler.css
+++ b/tabler.css
@@ -66,6 +66,21 @@ uses Tabler icons via https://icon-sets.iconify.design/tabler to generate reusab
     -webkit-mask-size: 100% 100%;
     mask-size: 100% 100%;
 }
+/* ti-notebook */
+.tabler--notebook {
+    display: inline-block;
+    width: 1.3rem;
+    height: 1.3rem;
+    vertical-align: top;
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1m3 0v18m4-14h2m-2 4h2'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+}
 /* ti-link */
 .tabler--link {
     display: inline-block;