diff --git a/astro.config.ts b/astro.config.ts
index 21cedb2..e3e7b4c 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -58,7 +58,7 @@ export default defineConfig({
         workbox: {
           globDirectory: 'dist/client',
           globPatterns: [
-            '**/*.{webm,woff2}',
+            '**/*.{woff2}',
             'pizarra.webp',
             'bitwise_liminal_compressed_240p.webm'
           ],
diff --git a/public/movies/bitwise_liminal.webm b/public/movies/bitwise_liminal.webm
deleted file mode 100644
index f585dad..0000000
Binary files a/public/movies/bitwise_liminal.webm and /dev/null differ
diff --git a/public/movies/bitwise_liminal_compressed.webm b/public/movies/bitwise_liminal_compressed.webm
deleted file mode 100644
index 8a70bc5..0000000
Binary files a/public/movies/bitwise_liminal_compressed.webm and /dev/null differ
diff --git a/readme.md b/readme.md
index 2abc3e6..93ea8c7 100644
--- a/readme.md
+++ b/readme.md
@@ -43,3 +43,4 @@ CSS](https://img.shields.io/badge/-Tailwind%20CSS-lightblue?style=flat-square&lo
 - [Vite Plugin PWA](https://vite-pwa-org.netlify.app/)
 - [Fontsource](https://fontsource.org/)
 - [Tiny Code by Killedbyapixel](https://github.com/KilledByAPixel/TinyCode)
+- [Shots - Create Amazing Mockups](https://shots.so/)
diff --git a/src/components/featured-and-projects/projects.tsx b/src/components/featured-and-projects/projects.tsx
index 1176277..4d8d2e7 100644
--- a/src/components/featured-and-projects/projects.tsx
+++ b/src/components/featured-and-projects/projects.tsx
@@ -87,6 +87,7 @@ export function IndexPicker({
         <button
           key={i}
           onClick={() => goToIndex(i)}
+          aria-label={`subpage ${i}`}
           className={`w-3 h-3 rounded-full mx-1 ${
             i === reference.value ? 'bg-cyan-300' : 'bg-cyan-950'
           }`}
diff --git a/src/components/head/scripts.astro b/src/components/head/scripts.astro
index d83bb36..3002004 100644
--- a/src/components/head/scripts.astro
+++ b/src/components/head/scripts.astro
@@ -4,9 +4,14 @@ interface Props {
 }
 
 const { lang = 'en' } = Astro.props
+import blobs from '@data/blobs/blobs.txt?raw'
+const rawBlobs = blobs.split('- SEP -')
+const index = Math.floor(Math.random() * rawBlobs.length)
+const blob = rawBlobs[index]
 ---
 
-<script defer is:inline define:vars={{ lang }}>
+<script defer is:inline define:vars={{ lang, blob }}>
+  console.log(blob)
   // Theme switch
   function setTheme() {
     const darkIcon = document.getElementById('theme-toggle-dark-icon')
diff --git a/src/components/main/about-me-card.astro b/src/components/main/about-me-card.astro
index d44ce9d..b01eb33 100644
--- a/src/components/main/about-me-card.astro
+++ b/src/components/main/about-me-card.astro
@@ -8,6 +8,19 @@ const { lang = 'en' }: Props = Astro.props
 ---
 
 <Box title='Get to know me' otherStyles='xl:col-span-4 xl:row-span-2'>
+  <style>
+    .phrase {
+      font-style: italic;
+    }
+
+    .phrase::before {
+      content: '« ';
+    }
+
+    .phrase::after {
+      content: ' »';
+    }
+  </style>
   <header class='flex flex-col xl:flex-row gap-1 items-center'>
     <h1 class='dark:text-emerald-300 text-emerald-950 text-2xl xl:text-3xl'>
       {lang === 'en' ? 'Get To Know Me' : 'Conóceme'}
@@ -53,14 +66,30 @@ const { lang = 'en' }: Props = Astro.props
         </p>
       </li>
       <li>
-        <p>
+        <p class='phrase dark:text-emerald-200'>
           {
             lang === 'en'
-              ? 'Big fan of the open source and the web, as well as the great possibilities they offer'
-              : 'Gran fan del código abierto y la web, así como de las grandes posibilidades que ofrecen'
+              ? 'The best way to achieve something is by starting it'
+              : 'La mejor forma de lograr algo es comenzándolo'
           }
         </p>
       </li>
     </ul>
   </div>
+  <!-- <script define:vars={{ lang }}>
+    const phrases = [
+      {
+        en: 'As long as I can continue learning, i will feel alive',
+        es: 'Mientras pueda seguir aprendiendo, me sentiré vivo'
+      },
+      {
+        en: 'Open source has become the best way to learn and share knowledge',
+        es: 'El código abierto se ha convertido en la mejor forma de aprender y compartir conocimiento'
+      }
+    ]
+    setInterval(() => {
+      const phrase = phrases[Math.floor(Math.random() * phrases.length)]
+      document.querySelector('.phrase').textContent = phrase[lang]
+    }, 5000)
+  </script> -->
 </Box>
diff --git a/src/components/main/working-on.tsx b/src/components/main/working-on.tsx
index be2d618..c0685d3 100644
--- a/src/components/main/working-on.tsx
+++ b/src/components/main/working-on.tsx
@@ -1,5 +1,5 @@
 import { projects } from '@data/working-on.json'
-import { signal } from '@preact/signals'
+import { signal, effect } from '@preact/signals'
 
 import {
   siAstro,
@@ -17,13 +17,15 @@ import {
   siMarkdown
 } from 'simple-icons'
 
+siMicrosoft.hex = siMicrosoftazure.hex
+
 const SVGS_STYLES = [
-  'w-5',
-  'h-5',
+  'w-7',
+  'h-7',
   'xl:w-8',
   'xl:h-8',
   'hover:scale-110',
-  'shadow bg-white/50 p-1 rounded dark:bg-emerald-950/80'
+  'shadow bg-white/80 p-1 rounded'
 ].join(' ')
 
 interface ProjectCardProps {
@@ -41,15 +43,16 @@ interface ProjectCardProps {
   }
 }
 
-function getRandomBasedOnDay() {
+function getIndexBasedOnDay() {
   const date = new Date().toLocaleString('es-CO', {
     timeZone: 'America/Bogota'
   })
-  const day = +(date?.at(0) ?? 0)
+  const day = +(date.replace(/,(.*)/g, '')?.split('/')?.at(0) ?? 0)
   return day % projects.length
 }
 
-const index = signal(getRandomBasedOnDay())
+const index = signal(getIndexBasedOnDay())
+const n = projects?.length ?? 0
 
 import { IndexPicker } from '@components/featured-and-projects/projects'
 
@@ -62,7 +65,7 @@ function ProjectCard({ lang = 'en', project }: ProjectCardProps) {
       <div class='absolute bottom-0 right-2 font-averia text-xs dark:bg-emerald-700 bg-emerald-500 dark:text-emerald-100 text-emerald-950 px-1 shadow shadow-black/90'>
         {days}+ {lang === 'en' ? 'days' : 'días'}
       </div>
-      <h1 class='text-sm xl:text-base font-rubik-doodle dark:text-emerald-100 text-emerald-950 bg-emerald-400 dark:bg-emerald-900 px-2 py-1 shadow shadow-black/90'>
+      <h1 class='text-sm xl:text-base font-rubik-doodle dark:text-emerald-100 text-emerald-950 bg-emerald-500 dark:bg-emerald-900 px-2 py-1 shadow shadow-black/90'>
         {lang === 'en' ? project?.title.en : project?.title.es}
       </h1>
       <section class='bg-transparent w-full flex items-center'>
@@ -74,7 +77,7 @@ function ProjectCard({ lang = 'en', project }: ProjectCardProps) {
           loading='lazy'
           class='aspect-[4/3] w-40'
         />
-        <aside class='flex flex-col items'>
+        <aside class='flex flex-col gap-2 items-center'>
           <div class='flex gap-2 items-center justify-center'>
             {project.technologies.map((t) => {
               const a =
@@ -104,22 +107,19 @@ function ProjectCard({ lang = 'en', project }: ProjectCardProps) {
               )
             })}
           </div>
-          <span class='font-averia'>
-            {lang === 'en' ? 'Preview' : 'Vista previa'}:{' '}
+          <span class='font-averia hover:scale-105 ease-in-out transition-transform text-emerald-950 bg-white/50 dark:bg-white/10 px-2 py-1 rounded dark:text-emerald-300'>
             {project?.preview ? (
               <a
                 href={project.preview}
                 target='_blank'
                 rel='noopener noreferrer'
-                class='text-emerald-950 dark:text-emerald-300'
+                class=''
+                aria-label={`Preview for ${project.title.en}`}
+                title={`Preview for ${project.title.en}`}
               >
-                {lang === 'en' ? 'here' : 'aquí'}
+                {lang === 'en' ? 'Project Preview' : 'Demo del Proyecto'}
               </a>
-            ) : lang === 'en' ? (
-              'soon'
-            ) : (
-              'próximamente'
-            )}
+            ) : null}
           </span>
         </aside>
       </section>
@@ -127,6 +127,18 @@ function ProjectCard({ lang = 'en', project }: ProjectCardProps) {
   )
 }
 
+effect(() => {
+  let interval = setInterval(() => {
+    index.value++
+    if (index.value >= n) {
+      index.value = 0
+    }
+  }, 7000)
+  return function () {
+    clearInterval(interval)
+  }
+})
+
 export default function WorkingOn({ lang = 'en' }) {
   return (
     <article className='bg-slate-300/70 dark:bg-slate-900/95 rounded-sm flex items-center justify-center font-bold dark:text-slate-300 font-rubik-doodle w-full h-full flex-col text-base py-3 px-2 relative xl:col-span-2 xl:row-span-4'>
@@ -141,19 +153,15 @@ export default function WorkingOn({ lang = 'en' }) {
       </header>
       <div class='h-full w-full gap-2'>
         <ul class='flex gap-2 text-base flex-col justify-around h-full font-averia font-bold py-2'>
-          {/* Show only two, use index to get the right items */}
-          {Array.from({ length: 2 }, (_, i) => i + index.value).map(
-            (i) =>
-              i < projects.length && (
-                <ProjectCard
-                  lang={lang}
-                  project={projects[i]}
-                  key={projects[i].title.en}
-                />
-              )
-          )}
+          {Array.from({ length: 2 }, (_, i) => i + index.value).map((i) => (
+            <ProjectCard
+              lang={lang}
+              project={projects[i % n]}
+              key={projects[i % n].title.en}
+            />
+          ))}
         </ul>
-        <IndexPicker n={projects.length} reference={index} />
+        <IndexPicker n={n} reference={index} />
       </div>
     </article>
   )
diff --git a/src/data/blobs/blob.txt b/src/data/blobs/blob.txt
new file mode 100644
index 0000000..00eb85d
--- /dev/null
+++ b/src/data/blobs/blob.txt
@@ -0,0 +1,28 @@
+       ,
+       \`-._           __
+        \\  `-..____,.'  `.
+         :`.         /    \`.
+         :  )       :      : \
+          ;'        '   ;  |  :
+          )..      .. .:.`.;  :
+         /::...  .:::...   ` ;
+         ; _ '    __        /:\
+         `:o>   /\o_>      ;:. `.
+        `-`.__ ;   __..--- /:.   \
+        === \_/   ;=====_.':.     ;
+         ,/'`--'...`--....        ;
+              ;                    ;
+            .'                      ;
+          .'                        ;
+        .'     ..     ,      .       ;
+       :       ::..  /      ;::.     |
+      /      `.;::.  |       ;:..    ;
+     :         |:.   :       ;:.    ;
+     :         ::     ;:..   |.    ;
+      :       :;      :::....|     |
+      /\     ,/ \      ;:::::;     ;
+    .:. \:..|    :     ; '.--|     ;
+   ::.  :''  `-.,,;     ;'   ;     ;
+.-'. _.'\      / `;      \,__:      \
+`---'    `----'   ;      /    \,.,,,/
+                   `----`
diff --git a/src/data/blobs/blob2.txt b/src/data/blobs/blob2.txt
new file mode 100644
index 0000000..09c821b
--- /dev/null
+++ b/src/data/blobs/blob2.txt
@@ -0,0 +1,9 @@
+    =/\                 /\=
+    / \'._   (\_/)   _.'/ \       (_                   _)
+   / .''._'--(o.o)--'_.''. \       /\                 /\
+  /.' _/ |`'=/ " \='`| \_ `.\     / \'._   (\_/)   _.'/ \
+ /` .' `\;-,'\___/',-;/` '. '\   /_.''._'--('.')--'_.''._\
+/.-'       `\(-V-)/`       `-.\  | \_ / `;=/ " \=;` \ _/ |
+             "   "               \/  `\__|`\___/`|__/`  \/
+                                  `       \(/|\)/       `
+                                           " ` "
diff --git a/src/data/blobs/blob3.txt b/src/data/blobs/blob3.txt
new file mode 100644
index 0000000..d15d1fd
--- /dev/null
+++ b/src/data/blobs/blob3.txt
@@ -0,0 +1,10 @@
+    .--.              .--.
+   : (\ ". _......_ ." /) :
+    '.    `        `    .'
+     /'   _        _   `\
+    /     0}      {0     \
+   |       /      \       |
+   |     /'        `\     |
+    \   | .  .==.  . |   /
+     '._ \.' \__/ './ _.'
+     /  ``'._-''-_.'``  \
diff --git a/src/data/blobs/blobs.txt b/src/data/blobs/blobs.txt
new file mode 100644
index 0000000..34c32dd
--- /dev/null
+++ b/src/data/blobs/blobs.txt
@@ -0,0 +1,176 @@
+       _------.
+      /  ,     \_
+    /   /  /{}\ |o\_
+   /    \  `--' /-' \
+  |      \      \    |
+ |              |`-, |
+ /              /__/)/
+|              |
+
+- SEP -
+
+       ,
+       \`-._           __
+        \\  `-..____,.'  `.
+         :`.         /    \`.
+         :  )       :      : \
+          ;'        '   ;  |  :
+          )..      .. .:.`.;  :
+         /::...  .:::...   ` ;
+         ; _ '    __        /:\
+         `:o>   /\o_>      ;:. `.
+        `-`.__ ;   __..--- /:.   \
+        === \_/   ;=====_.':.     ;
+         ,/'`--'...`--....        ;
+              ;                    ;
+            .'                      ;
+          .'                        ;
+        .'     ..     ,      .       ;
+       :       ::..  /      ;::.     |
+      /      `.;::.  |       ;:..    ;
+     :         |:.   :       ;:.    ;
+     :         ::     ;:..   |.    ;
+      :       :;      :::....|     |
+      /\     ,/ \      ;:::::;     ;
+    .:. \:..|    :     ; '.--|     ;
+   ::.  :''  `-.,,;     ;'   ;     ;
+.-'. _.'\      / `;      \,__:      \
+`---'    `----'   ;      /    \,.,,,/
+                   `----`
+
+- SEP -
+
+    =/\                 /\=
+    / \'._   (\_/)   _.'/ \       (_                   _)
+   / .''._'--(o.o)--'_.''. \       /\                 /\
+  /.' _/ |`'=/ " \='`| \_ `.\     / \'._   (\_/)   _.'/ \
+ /` .' `\;-,'\___/',-;/` '. '\   /_.''._'--('.')--'_.''._\
+/.-'       `\(-V-)/`       `-.\  | \_ / `;=/ " \=;` \ _/ |
+             "   "               \/  `\__|`\___/`|__/`  \/
+                                  `       \(/|\)/       `
+                                           " ` "
+
+- SEP -
+
+    .--.              .--.
+   : (\ ". _......_ ." /) :
+    '.    `        `    .'
+     /'   _        _   `\
+    /     0}      {0     \
+   |       /      \       |
+   |     /'        `\     |
+    \   | .  .==.  . |   /
+     '._ \.' \__/ './ _.'
+     /  ``'._-''-_.'``  \
+
+- SEP -
+
+      .'''''.
+     '       .
+  __' 0       ;
+ /  \         ;
+|  .-|         ;
+\/~~'          ;
+   /;.  .;;.  . ;
+  /;;;;;;;;;;;;;\
+ |;;;;;;;;;;;;;;;\
+
+- SEP -
+
+      _.-.
+ __.-' ,  \
+'--'-'._   \
+        '.  \
+         )-- \ __.--._
+        /   .'        '--.
+       .               _/-._
+       :       ____._/   _-'
+        '._          _.'-'
+           '-._    _.'
+               \_|/
+              __|||
+              >__/'
+
+- SEP -
+
+          .-"""""""-.
+        .'       __  \_
+       /        /  \/  \
+      |         \_0/\_0/______
+      |:.          .'       oo`\
+      |:.         /             \
+      |' ;        |             |
+      |:..   .     \_______     |
+      |::.|'     ,  \,_____\   /
+      |:::.; ' | .  '|      )_/
+      |::; | | ; ; | |
+     /::::.|-| |_|-|, \
+    /'-=-'`  '-'   '--'\
+   /                    \
+
+- SEP -
+
+             . --- .
+           /        \
+          |  O  _  O |
+          |  ./   \. |
+          /  `-._.-'  \
+        .' /         \ `.
+    .-~.-~/           \~-.~-.
+.-~ ~    |             |    ~ ~-.
+`- .     |             |     . -'
+     ~ - |             | - ~
+         \             /
+       ___\           /___
+       ~;_  >- . . -<  _i~
+          `'         `'
+
+- SEP -
+
+          ,-.___.-.
+       ,-.(|)   (|),-.
+       \_*._ ' '_.* _/
+        /`-.`--' .-'\
+   ,--./    `---'    \,--.
+   \   |(  )     (  )|   /
+    \  | ||       || |  /
+     \ | /|\     /|\ | /
+     /  \-._     _,-/  \
+    //| \\  `---'  // |\\
+   /,-.,-.\       /,-.,-.\
+  o   o   o      o   o    o
+
+- SEP -
+
+           ;               ,
+         ,;                 '.
+        ;:                   :;
+       ::                     ::
+       ::                     ::
+       ':                     :
+        :.                    :
+     ;' ::                   ::  '
+    .'  ';                   ;'  '.
+   ::    :;                 ;:    ::
+   ;      :;.             ,;:     ::
+   :;      :;:           ,;"      ::
+   ::.      ':;  ..,.;  ;:'     ,.;:
+    "'"...   '::,::::: ;:   .;.;""'
+        '"""....;:::::;,;.;"""
+    .:::.....'"':::::::'",...;::::;.
+   ;:' '""'"";.,;:::::;.'""""""  ':;
+  ::'         ;::;:::;::..         :;
+ ::         ,;:::::::::::;:..       ::
+ ;'     ,;;:;::::::::::::::;";..    ':.
+::     ;:"  ::::::"""'::::::  ":     ::
+ :.    ::   ::::::;  :::::::   :     ;
+  ;    ::   :::::::  :::::::   :    ;
+   '   ::   ::::::....:::::'  ,:   '
+    '  ::    :::::::::::::"   ::
+       ::     ':::::::::"'    ::
+       ':       """""""'      ::
+        ::                   ;:
+        ':;                 ;:"
+          ';              ,;'
+            "'           '"
+              '
diff --git a/src/data/working-on.json b/src/data/working-on.json
index d8e632d..56beaba 100644
--- a/src/data/working-on.json
+++ b/src/data/working-on.json
@@ -2,8 +2,8 @@
   "projects": [
     {
       "title": {
-        "en": "Kali - Multiproduct store",
-        "es": "Kali - Tienda multiproductos"
+        "en": "Kali - Multiproduct Store",
+        "es": "Kali - Tienda Multiproductos"
       },
       "description": {
         "en": "E commerce website for a small business that sells multiple products.",
@@ -22,8 +22,8 @@
     },
     {
       "title": {
-        "en": "Fedora - Naturist products",
-        "es": "Fedora - Productos naturistas"
+        "en": "Fedora - Naturist Products",
+        "es": "Fedora - Productos Naturistas"
       },
       "description": {
         "en": "A website for a small business that sells natural products.",
@@ -43,7 +43,7 @@
     {
       "title": {
         "en": "Leetcode 75 - Study Plan",
-        "es": "Leetcode 75 - Plan de estudio"
+        "es": "Leetcode 75 - Plan de Estudio"
       },
       "description": {
         "en": "A study plan to ace coding interviews by solving top 75 Leetcode problems.",
@@ -94,7 +94,7 @@
       ],
       "private": "false",
       "time": "1",
-      "preview": "",
+      "preview": "https://learn.microsoft.com/en-us/collections/moqrtod2e2z7?WT.mc_id=cloudskillschallenge_3ef5d197-cdef-49bc-a8bc-954bcd9e88cc&sharingId=C74FED9E989834A",
       "start": "2024-03-27"
     },
     {
diff --git a/src/layouts/blog-layout.astro b/src/layouts/blog-layout.astro
index 29e3501..77f4b44 100644
--- a/src/layouts/blog-layout.astro
+++ b/src/layouts/blog-layout.astro
@@ -41,11 +41,5 @@ import Buttons from '@components/main/buttons.astro'
       <slot />
     </div>
   </div>
-  <script>
-    const noiseVideo = document.getElementById(
-      'noise-video'
-    ) as HTMLVideoElement
-    noiseVideo.playbackRate = 0.2
-  </script>
   <Footer />
 </Layout>
diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
index 344cd77..b291dd8 100644
--- a/src/layouts/layout.astro
+++ b/src/layouts/layout.astro
@@ -7,8 +7,6 @@ interface Props {
 const { title, lang = 'en' }: Props = Astro.props
 
 // Fonts
-// import '@fontsource/merriweather'
-// import '@fontsource/rubik-doodle-shadow'
 import '@fontsource/averia-serif-libre'
 
 // Styles
diff --git a/src/movies/Movie.astro b/src/movies/Movie.astro
index 9d987b5..4a0375f 100644
--- a/src/movies/Movie.astro
+++ b/src/movies/Movie.astro
@@ -3,9 +3,15 @@ interface Props {
   href: string
   title?: string
   src: string
+  absolute?: boolean
 }
 
-const { href, title = 'Generic Movie', src }: Props = Astro.props
+const {
+  href,
+  title = 'Generic Movie',
+  src,
+  absolute = false
+}: Props = Astro.props
 ---
 
 <a
@@ -24,7 +30,8 @@ const { href, title = 'Generic Movie', src }: Props = Astro.props
     loop
     playsinline
     preload='auto'
-    class='object-cover w-full h-full rounded'
+    data-abs={absolute}
+    class='object-cover rounded data-[abs]:absolute'
   >
   </video>
 </a>
diff --git a/src/movies/bitwise-liminal.astro b/src/movies/bitwise-liminal.astro
index 5028daa..c778d4e 100644
--- a/src/movies/bitwise-liminal.astro
+++ b/src/movies/bitwise-liminal.astro
@@ -6,4 +6,4 @@ const title = 'Bitwise Liminal by KilledByAPixel'
 const src = '/movies/bitwise_liminal_compressed_240p.webm'
 ---
 
-<Movie href={href} title={title} src={src} />
+<Movie href={href} title={title} src={src} absolute />