diff --git a/docs/index.html b/docs/index.html
index f34872f..e8c6f7b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -24,8 +24,8 @@
     <!-- CSS -->
     <link rel="stylesheet" type="text/css" href="static/css/normalize.css">
     <link rel="stylesheet" href="static/css/main.css">
-    <link rel="stylesheet" href="static/css/desktop.css" media="all and (max-width: 600px)">
-    <link rel="stylesheet" href="static/css/mobile.css" media="all and (min-width: 601px)">
+    <link href="static/css/mobile.css" rel="stylesheet" media="all and (max-width: 600px)">
+    <link href="static/css/desktop.css" rel="stylesheet" media="all and (min-width: 601px)">
     <!-- End CSS -->
 </head>
 <body>
@@ -40,17 +40,155 @@
                 <article class="feed__article article">
                     <header class="article__header">
                         <p class="article__header-img">
-                            <a target="_blank" href="https://vlctechhub.org/events/como-se-hacen-posible-los-micro-y-nano-pagos-sobre-blockchain-60f90794a62a">
+                            <a target="_blank" href="https://www.freecodecamp.org/news/basic-html5-template-boilerplate-code-example/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
+                 Basic HTML5 Template: Use This HTML Boilerplate as a Starter for Any Web Dev Project 
+            ">
                                 
                             </a>
                         </p>
                         <div class="article__titles">
                             <h1 class="article__title">
-                                <a target="_blank" href="https://vlctechhub.org/events/como-se-hacen-posible-los-micro-y-nano-pagos-sobre-blockchain-60f90794a62a">Viernes 30 de julio | Como se hacen posible los Micro y Nano pagos sobre Blockchain por @avalBit</a>
+                                <a target="_blank" href="https://www.freecodecamp.org/news/basic-html5-template-boilerplate-code-example/">
+                 Basic HTML5 Template: Use This HTML Boilerplate as a Starter for Any Web Dev Project 
+            </a>
                             </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://vlctechhub.org/">VLCTechHub Feed</a> <span class="article__date">30 07 2021</span></h2>
+                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
+             freeCodeCamp.org 
+        </a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://www.freecodecamp.org/news/excel-text-function-how-to-convert-a-number-to-text-format/">
+                                
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
+                 Excel Text Function – How to Convert a Number to Text Format 
+            ">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://www.freecodecamp.org/news/excel-text-function-how-to-convert-a-number-to-text-format/">
+                 Excel Text Function – How to Convert a Number to Text Format 
+            </a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
+             freeCodeCamp.org 
+        </a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://www.freecodecamp.org/news/intro-to-advanced-actor-critic-methods-reinforcement-learning-course/">
+                                
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
+                 Intro to Advanced Actor-Critic Methods: Reinforcement Learning Course 
+            ">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://www.freecodecamp.org/news/intro-to-advanced-actor-critic-methods-reinforcement-learning-course/">
+                 Intro to Advanced Actor-Critic Methods: Reinforcement Learning Course 
+            </a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
+             freeCodeCamp.org 
+        </a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://www.freecodecamp.org/news/what-is-a-hyperlink-definition-for-html-link-beginners/">
+                                
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
+                 What is a Hyperlink? Definition for HTML Link Beginners 
+            ">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://www.freecodecamp.org/news/what-is-a-hyperlink-definition-for-html-link-beginners/">
+                 What is a Hyperlink? Definition for HTML Link Beginners 
+            </a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
+             freeCodeCamp.org 
+        </a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://www.freecodecamp.org/news/google-docs-voice-typing-how-to-use-speech-to-text-in-a-google-doc/">
+                                
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
+                 Google Docs Voice Typing – How to Use Speech-to-Text in a Google Doc 
+            ">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://www.freecodecamp.org/news/google-docs-voice-typing-how-to-use-speech-to-text-in-a-google-doc/">
+                 Google Docs Voice Typing – How to Use Speech-to-Text in a Google Doc 
+            </a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
+             freeCodeCamp.org 
+        </a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://www.muylinux.com/2021/07/30/flathub-vs-rpmfusion-fedora/">
+                                
+                                <img loading="lazy" src="https://www.muylinux.com/wp-content/uploads/2013/08/muylinux1.png" alt="Flathub Vs RPMFusion: ¿cuál ofrece las mejores aplicaciones?">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://www.muylinux.com/2021/07/30/flathub-vs-rpmfusion-fedora/">Flathub Vs RPMFusion: ¿cuál ofrece las mejores aplicaciones?</a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://www.muylinux.com">MuyLinux</a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://blog.elhacker.net/2021/07/dos-detenidos-por-acosar-ninas-menores-a-traves-internet-redes-sociales.html">
+                                
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Dos detenidos por acosar a niñas menores a través de internet ">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://blog.elhacker.net/2021/07/dos-detenidos-por-acosar-ninas-menores-a-traves-internet-redes-sociales.html">Dos detenidos por acosar a niñas menores a través de internet </a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://blog.elhacker.net/">Blog elhacker.NET</a> <span class="article__date">30 07 2021</span></h2>
                         </div>
                     </header>
                 </article>
@@ -60,7 +198,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/contratistas-de-defensa-de-eu-fueron-enganados-por-bellas-instructoras-aerobic-hackearon-cuentas-email.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Contratistas de defensa de E.U. fueron engañados por “bellas instructoras de aeróbics” que hackearon sus cuentas de email">
                                 
                             </a>
                         </p>
@@ -73,12 +211,48 @@
                     </header>
                 </article>
             
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="https://clojure.org/news/2021/07/30/deref">
+                                
+                                <img loading="lazy" src="/images/clojure-logo-120b.png" alt="Clojure Deref (July 30, 2021)">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="https://clojure.org/news/2021/07/30/deref">Clojure Deref (July 30, 2021)</a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="https://clojure.org">Clojure News</a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
+                <article class="feed__article article">
+                    <header class="article__header">
+                        <p class="article__header-img">
+                            <a target="_blank" href="http://ishadeed.com/article/button-label-alignment/">
+                                
+                                <img loading="lazy" src="http://ishadeed.com/assets/post-fb.jpg" alt="Aligning a Button Label Vertically">
+                                
+                            </a>
+                        </p>
+                        <div class="article__titles">
+                            <h1 class="article__title">
+                                <a target="_blank" href="http://ishadeed.com/article/button-label-alignment/">Aligning a Button Label Vertically</a>
+                            </h1>
+                            <h2 class="article__feed"><a target="_blank" href="http://ishadeed.com/">Ahmad Shadeed Blog</a> <span class="article__date">30 07 2021</span></h2>
+                        </div>
+                    </header>
+                </article>
+            
                 <article class="feed__article article">
                     <header class="article__header">
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.freecodecamp.org/news/android-camera2-api-take-photos-and-videos/">
                                 
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
                  Android Camera2 – How to Use the Camera2 API to Take Photos and Videos 
             ">
                                 
@@ -102,7 +276,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.freecodecamp.org/news/not-equal-sign-how-to-type-the-does-not-equal-symbol/">
                                 
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
                  Not Equal Sign – How to Type the Does Not Equal Symbol 
             ">
                                 
@@ -126,7 +300,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.muylinux.com/2021/07/29/heroic-games-launcher-1-9/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.muylinux.com/wp-content/uploads/2013/08/muylinux1.png" alt="Nueva versión de Heroic Games Launcher, el cliente de Epic Games Store para Linux">
                                 
                             </a>
                         </p>
@@ -144,7 +318,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.freecodecamp.org/news/learn-how-to-deploy-12-apps-to-aws-azure-google-cloud/">
                                 
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
                  Learn How to Deploy 12 Apps to AWS, Azure, &amp;#38; Google Cloud 
             ">
                                 
@@ -168,7 +342,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.freecodecamp.org/news/automate-repetitive-tasks-in-excel-with-vba/">
                                 
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
                  Visual Basic Excel Tutorial – How to Automate Repetitive Tasks in a Spreadsheet 
             ">
                                 
@@ -192,7 +366,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.freecodecamp.org/news/python-if-else-statement-conditional-statements-explained/">
                                 
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
+                                <img loading="lazy" src="https://www.freecodecamp.org/news/content/images/2020/09/fcc_ghost_publication_cover-3.png" alt="
                  Python If Else Statement – Conditional Statements Explained 
             ">
                                 
@@ -216,7 +390,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="http://neofronteras.com/?p=7525">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="http://www.google.com/logos/Logo_25wht.gif" alt="Ven disco protolunar">
                                 
                             </a>
                         </p>
@@ -234,7 +408,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="http://neofronteras.com/?p=7523">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="http://www.google.com/logos/Logo_25wht.gif" alt="Más predicciones de plegamientos">
                                 
                             </a>
                         </p>
@@ -252,7 +426,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="http://neofronteras.com/?p=7520">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="http://www.google.com/logos/Logo_25wht.gif" alt="Actualidad astronómica: el kiosco del astrónomo">
                                 
                             </a>
                         </p>
@@ -270,7 +444,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.ochobitshacenunbyte.com/2021/07/29/como-utilizar-efibootmgr-para-manejar-el-menu-de-uefi/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.ochobitshacenunbyte.com/wp-content/uploads/2021/07/uefi-logo-png-portada-320x320.png" alt="Cómo utilizar efibootmgr para manejar el menú de UEFI">
                                 
                             </a>
                         </p>
@@ -288,7 +462,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.muylinux.com/2021/07/29/audacity-telemetria-spyware/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.muylinux.com/wp-content/uploads/2013/08/muylinux1.png" alt="Audacity implementa su telemetría y… no, no es ‘spyware’">
                                 
                             </a>
                         </p>
@@ -306,7 +480,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/blackmatter-y-lockbit-20-novedades-evolucion-mundo-ransomware.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="BlackMatter y LockBit 2.0: novedades en el mundo del ransomware">
                                 
                             </a>
                         </p>
@@ -324,7 +498,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://au-agenda.com/no-te-metas-politica-rico-tour/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="//au-agenda.com/proxy-audiencia/php?idsite=1" alt="No te metas en política. Qué rico Tour">
                                 
                             </a>
                         </p>
@@ -342,7 +516,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="http://www.fsf.org/news/fsf-job-opportunity-operations-assistant-1">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="//static.fsf.org/common/img/logo-new.png" alt="FSF job opportunity: Operations assistant">
                                 
                             </a>
                         </p>
@@ -360,7 +534,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.ochobitshacenunbyte.com/2021/07/28/como-migrar-centos-8-a-rocky-linux-8/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.ochobitshacenunbyte.com/wp-content/uploads/2021/07/uefi-logo-png-portada-320x320.png" alt="Cómo migrar Centos 8 a Rocky Linux 8">
                                 
                             </a>
                         </p>
@@ -378,7 +552,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/supuesta-filtracion-4-billones-de.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Supuesta filtración 4 billones de teléfonos de ClubHouse">
                                 
                             </a>
                         </p>
@@ -391,60 +565,12 @@
                     </header>
                 </article>
             
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://www.freecodecamp.org/news/functions-in-python-a-beginners-guide/">
-                                
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
-                 Functions in Python – Explained with Code Examples 
-            ">
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://www.freecodecamp.org/news/functions-in-python-a-beginners-guide/">
-                 Functions in Python – Explained with Code Examples 
-            </a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
-             freeCodeCamp.org 
-        </a> <span class="article__date">28 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://www.freecodecamp.org/news/javascript-modules-explained-with-examples/">
-                                
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
-                 JavaScript Modules – Explained with Examples 
-            ">
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://www.freecodecamp.org/news/javascript-modules-explained-with-examples/">
-                 JavaScript Modules – Explained with Examples 
-            </a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
-             freeCodeCamp.org 
-        </a> <span class="article__date">28 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
                 <article class="feed__article article">
                     <header class="article__header">
                         <p class="article__header-img">
                             <a target="_blank" href="https://github.blog/2021-07-28-new-code-scanning-integrations-open-source-security-tools/">
                                 
-                                <img loading="lazy" src="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=32%2C32" alt="15+ new code scanning integrations with open source security tools">
+                                <img loading="lazy" src="https://github.blog/wp-content/uploads/2019/03/blog-card.png?fit=5001%2C2626" alt="15+ new code scanning integrations with open source security tools">
                                 
                             </a>
                         </p>
@@ -462,7 +588,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.muylinux.com/2021/07/28/pulseaudio-15/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.muylinux.com/wp-content/uploads/2013/08/muylinux1.png" alt="PulseAudio 15 mejora el soporte de Bluetooth y empieza a desechar X11">
                                 
                             </a>
                         </p>
@@ -475,36 +601,12 @@
                     </header>
                 </article>
             
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://www.freecodecamp.org/news/use-pyspark-for-data-processing-and-machine-learning/">
-                                
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
-                 How to Use PySpark for Data Processing and Machine Learning 
-            ">
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://www.freecodecamp.org/news/use-pyspark-for-data-processing-and-machine-learning/">
-                 How to Use PySpark for Data Processing and Machine Learning 
-            </a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
-             freeCodeCamp.org 
-        </a> <span class="article__date">28 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
                 <article class="feed__article article">
                     <header class="article__header">
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/vulnerabilidades-en-el-router-de-fibra-HGU-Askey-Movistar.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Vulnerabilidades en el router de fibra HGU Askey de Movistar">
                                 
                             </a>
                         </p>
@@ -522,7 +624,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://au-agenda.com/ccccinema-destiu-2021-nos-reimos-europa/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="//au-agenda.com/proxy-audiencia/php?idsite=1" alt="CCCCinema d’Estiu 2021: ¿De qué nos reímos en Europa?">
                                 
                             </a>
                         </p>
@@ -540,7 +642,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/actualizaciones-de-seguridad-de-apple-para-iOS-i.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Actualizaciones de seguridad de Apple para iOS, iPadOS y macOS">
                                 
                             </a>
                         </p>
@@ -571,36 +673,12 @@
                     </header>
                 </article>
             
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://www.freecodecamp.org/news/python-for-loop-example-and-tutorial/">
-                                
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
-                 Python For Loop – Example and Tutorial 
-            ">
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://www.freecodecamp.org/news/python-for-loop-example-and-tutorial/">
-                 Python For Loop – Example and Tutorial 
-            </a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
-             freeCodeCamp.org 
-        </a> <span class="article__date">27 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
                 <article class="feed__article article">
                     <header class="article__header">
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.muylinux.com/2021/07/27/kde-plasma-5-23-mejoraras/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.muylinux.com/wp-content/uploads/2013/08/muylinux1.png" alt="KDE Plasma 5.23 mejorará la gestión de energía y el menú de inicio">
                                 
                             </a>
                         </p>
@@ -613,36 +691,12 @@
                     </header>
                 </article>
             
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://www.freecodecamp.org/news/how-to-flatten-a-dictionary-in-python-in-4-different-ways/">
-                                
-                                <img loading="lazy" src="https://www.freecodecamp.org/news/favicon.png" alt="
-                 How to Flatten a Dictionary in Python in 4 Different Ways 
-            ">
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://www.freecodecamp.org/news/how-to-flatten-a-dictionary-in-python-in-4-different-ways/">
-                 How to Flatten a Dictionary in Python in 4 Different Ways 
-            </a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://www.freecodecamp.org/news">
-             freeCodeCamp.org 
-        </a> <span class="article__date">27 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
                 <article class="feed__article article">
                     <header class="article__header">
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.muylinux.com/2021/07/27/zidoo-m6-mini-pc-arm-5g/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.muylinux.com/wp-content/uploads/2013/08/muylinux1.png" alt="Zidoo M6 es un mini-PC ARM con Linux que cuenta con soporte para 5G">
                                 
                             </a>
                         </p>
@@ -660,7 +714,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://github.blog/2021-07-27-github-developer-rights-fellowship-stanford-law-school/">
                                 
-                                <img loading="lazy" src="https://github.blog/wp-content/uploads/2019/01/cropped-github-favicon-512.png?fit=32%2C32" alt="Standing up for developers: the GitHub Developer Rights Fellowship at Stanford Law School">
+                                <img loading="lazy" src="https://github.blog/wp-content/uploads/2019/03/blog-card.png?fit=5001%2C2626" alt="Standing up for developers: the GitHub Developer Rights Fellowship at Stanford Law School">
                                 
                             </a>
                         </p>
@@ -678,7 +732,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="http://ishadeed.com/article/thinking-about-the-cut-out-effect/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="http://ishadeed.com/assets/post-fb.jpg" alt="Thinking About The Cut-Out Effect: CSS or SVG?">
                                 
                             </a>
                         </p>
@@ -696,7 +750,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/diferencias-gpus-nvidia-rtx-vs-gtx.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Diferencias GPUs NVIDIA RTX vs GTX">
                                 
                             </a>
                         </p>
@@ -732,7 +786,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.ochobitshacenunbyte.com/2021/07/26/echando-un-vistazo-a-rocky-linux/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.ochobitshacenunbyte.com/wp-content/uploads/2021/07/uefi-logo-png-portada-320x320.png" alt="Echando un vistazo a Rocky Linux">
                                 
                             </a>
                         </p>
@@ -750,7 +804,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.muylinux.com/2021/07/26/cbl-mariner-microsoft-linux/">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://www.muylinux.com/wp-content/uploads/2013/08/muylinux1.png" alt="Microsoft refuerza su apuesta por Linux con CBL-Mariner">
                                 
                             </a>
                         </p>
@@ -768,7 +822,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/tutorial-manual-clonar-disco-duro-hdd-o-unidad-ssd-con-CloneZilla.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Clonar Disco Duro HDD o Unidad SSD con CloneZilla">
                                 
                             </a>
                         </p>
@@ -804,7 +858,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.cinestudiodor.es/2021/07/otraronda.html">
                                 
-                                <img loading="lazy" src="https://1.bp.blogspot.com/-7xs-0YUAxq0/YPIItZv3-oI/AAAAAAAABfo/E8cO51HP8PQitAezDNhJwGJv3YrqdLBqwCLcBGAsYHQ/w640-h640/otraronda_.jpg" alt="OTRA RONDA">
+                                <img loading="lazy" src="//4.bp.blogspot.com/-Gvrw6bB5Yhg/WwZiUJ8n62I/AAAAAAAAACI/eiqpXsMKqvk1CxNXQRaGzDv7exvRLdLggCK4BGAYYCw/s1600/europacinemas__2.png" alt="OTRA RONDA">
                                 
                             </a>
                         </p>
@@ -822,7 +876,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.cinestudiodor.es/2021/07/firstcow.html">
                                 
-                                <img loading="lazy" src="https://1.bp.blogspot.com/-UdGwv_qMt8Q/YPIDG8MWHrI/AAAAAAAABfg/TpI0P_Vuosg5qdlkdyrg4qjfpEog4gJhgCLcBGAsYHQ/w640-h640/firstcow_.jpg" alt="FIRST COW">
+                                <img loading="lazy" src="//4.bp.blogspot.com/-Gvrw6bB5Yhg/WwZiUJ8n62I/AAAAAAAAACI/eiqpXsMKqvk1CxNXQRaGzDv7exvRLdLggCK4BGAYYCw/s1600/europacinemas__2.png" alt="FIRST COW">
                                 
                             </a>
                         </p>
@@ -840,7 +894,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.cinestudiodor.es/2021/07/vacaciones.html">
                                 
-                                <img loading="lazy" src="https://1.bp.blogspot.com/-iRJsbD1ZnL0/YPyg2afVS7I/AAAAAAAABf0/MjZNXUajldQ7gucXdqGIDt9VThkPrN40ACLcBGAsYHQ/w640-h640/vacaciones2021_c.jpg" alt="VACACIONES">
+                                <img loading="lazy" src="//4.bp.blogspot.com/-Gvrw6bB5Yhg/WwZiUJ8n62I/AAAAAAAAACI/eiqpXsMKqvk1CxNXQRaGzDv7exvRLdLggCK4BGAYYCw/s1600/europacinemas__2.png" alt="VACACIONES">
                                 
                             </a>
                         </p>
@@ -858,7 +912,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/nuevo-ataque-petitpotam-permite-hackear-dominios-sistemas-windows.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Nuevo ataque PetitPotam permite hackear dominios de sistemas Windows ">
                                 
                             </a>
                         </p>
@@ -876,7 +930,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://blog.elhacker.net/2021/07/quien-es-shalev-hulio-el-militar-responsable-pegasus-spyware-israel.html">
                                 
-                                <canvas class="article__random-background"></canvas>
+                                <img loading="lazy" src="https://1.bp.blogspot.com/-WIv8EMD2mYs/X56bsD9i7JI/AAAAAAAB_dQ/AdPPO42JZWsh53V-CWn8nYKGgibyek7qgCLcBGAsYHQ/s0/telegram.png" alt="Quién es Shalev Hulio, el militar responsable de Pegasus">
                                 
                             </a>
                         </p>
@@ -894,11 +948,7 @@
                         <p class="article__header-img">
                             <a target="_blank" href="https://www.freebsd.org/news/newsflash/#2021-07-24:1">
                                 
-                                <img loading="lazy" src="https://www.FreeBSD.org/logo/logo-full.png" alt="
-                  
-                  
-                  April-June 2021 Status Report
-                ">
+                                <canvas class="article__random-background"></canvas>
                                 
                             </a>
                         </p>
@@ -915,24 +965,6 @@
                     </header>
                 </article>
             
-                <article class="feed__article article">
-                    <header class="article__header">
-                        <p class="article__header-img">
-                            <a target="_blank" href="https://www.muylinux.com/2021/07/23/firewalld-1-0/">
-                                
-                                <canvas class="article__random-background"></canvas>
-                                
-                            </a>
-                        </p>
-                        <div class="article__titles">
-                            <h1 class="article__title">
-                                <a target="_blank" href="https://www.muylinux.com/2021/07/23/firewalld-1-0/">firewalld 1.0: primera versión mayor del popular cortafuegos para Linux</a>
-                            </h1>
-                            <h2 class="article__feed"><a target="_blank" href="https://www.muylinux.com">MuyLinux</a> <span class="article__date">23 07 2021</span></h2>
-                        </div>
-                    </header>
-                </article>
-            
         </main>
     </div>
     <footer class="footer">
diff --git a/docs/static/css/desktop.css b/docs/static/css/desktop.css
index e69de29..57918dc 100644
--- a/docs/static/css/desktop.css
+++ b/docs/static/css/desktop.css
@@ -0,0 +1,135 @@
+/* Desktop */
+.main {
+    display: grid;
+    grid-gap: 1rem;
+    grid-template-columns: repeat(12, 1fr);
+}
+
+/* First column. */
+.feed__article:nth-child(3n-2){
+    grid-column: 9 / 13;
+}
+
+/* Second column */
+.feed__article:nth-child(3n+2){
+    grid-column: 1 / 5;
+}
+
+/* Third column */
+.feed__article:nth-child(3n+3) {
+    grid-column: 5 / 9;
+}
+
+.article__title {
+    font-size: 1.5rem;
+}
+
+.article__feed {
+    font-size: 1rem;
+}
+
+.article__date {
+    font-size: .9rem;
+    color: var(--color-gray);
+}
+
+.feed__article:nth-child(1) .article__title {
+    font-size: 2rem;
+}
+
+.feed__article:nth-child(1) .article__feed {
+    font-size: 1rem;
+}
+
+.feed__article:nth-child(1) {
+    grid-column: 1 / 9;
+    grid-row: 1 / 4;
+    text-align: center;
+}
+
+.feed__article:nth-child(2) {
+    grid-column: 9 / 13;
+    grid-row: 1 / 2;
+
+}
+
+.feed__article:nth-child(3) {
+    grid-column: 9 / 13;
+    grid-row: 2 / 3;
+
+}
+
+.feed__article:nth-child(4) {
+    grid-column: 9 / 13;
+    grid-row: 3 / 4;
+}
+
+.feed__article:nth-child(2) .article__header,
+.feed__article:nth-child(3) .article__header,
+.feed__article:nth-child(4) .article__header
+{
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row-reverse;
+    grid-gap: 1rem;
+}
+
+.article__header > p {
+    margin: 0;
+}
+
+.article__header-img > img {
+    height: var(--height-img);
+}
+
+.feed__article:nth-child(1) .article__header-img > img,
+.feed__article:nth-child(2) .article__header-img > img,
+.feed__article:nth-child(3) .article__header-img > img,
+.feed__article:nth-child(4) .article__header-img > img
+{
+    height: initial;
+}
+
+.feed__article:nth-child(2) .article__titles,
+.feed__article:nth-child(3) .article__titles,
+.feed__article:nth-child(4) .article__titles,
+.feed__article:nth-child(2) .article__header-img,
+.feed__article:nth-child(3) .article__header-img,
+.feed__article:nth-child(4) .article__header-img
+{
+    width: 50%;
+}
+
+.feed__article:nth-child(2) .article__title,
+.feed__article:nth-child(3) .article__title,
+.feed__article:nth-child(4) .article__title
+{
+    font-size: 1.2rem;
+}
+
+.feed__article:nth-child(2) .article__feed,
+.feed__article:nth-child(3) .article__feed,
+.feed__article:nth-child(4) .article__feed
+{
+    font-size: 1rem;
+}
+.article__main {
+    position: fixed;
+    left: -100%;
+    top: 0;
+    bottom: 0;
+    overflow-y: auto;
+
+}
+.feed__article:nth-child(1) .article__header {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+.feed__article:nth-child(1) .article__header-img {
+    height: 100%;
+}
+
+.feed__article:first-child img {
+   height: 100%;
+}
\ No newline at end of file
diff --git a/docs/static/css/main.css b/docs/static/css/main.css
index fc613d1..f0edd79 100644
--- a/docs/static/css/main.css
+++ b/docs/static/css/main.css
@@ -7,7 +7,7 @@
 
 @font-face {
     font-family: Newsreader;
-    src: url("static/fonts/Newsreader-VariableFont_opsz,wght.woff2");
+    src: url("../fonts/Newsreader-VariableFont_opsz,wght.woff2");
 }
 
 body {
@@ -15,6 +15,8 @@ body {
     padding: 0;
     font-family: Newsreader, serif;
     color: var(--color-black);
+    background-image: url("../img/background.jpg");
+    background-size: 100%;
 }
 img {
     object-fit: cover;
diff --git a/docs/static/css/mobile.css b/docs/static/css/mobile.css
index 04fe641..afb941a 100644
--- a/docs/static/css/mobile.css
+++ b/docs/static/css/mobile.css
@@ -1,131 +1,7 @@
-/* Desktop */
-.main {
-    display: grid;
-    grid-gap: 1rem;
-    grid-template-columns: repeat(12, 1fr);
+.title {
+    font-size: 3rem
 }
 
-/* First column. */
-.feed__article:nth-child(3n-2){
-    grid-column: 9 / 13;
-}
-
-/* Second column */
-.feed__article:nth-child(3n+2){
-    grid-column: 1 / 5;
-}
-
-/* Third column */
-.feed__article:nth-child(3n+3) {
-    grid-column: 5 / 9;
-}
-
-.article__title {
-    font-size: 1.5rem;
-}
-
-.article__feed {
+.subtitle {
     font-size: 1rem;
-}
-
-.article__date {
-    font-size: .9rem;
-    color: var(--color-gray);
-}
-
-.feed__article:nth-child(1) .article__title {
-    font-size: 2rem;
-}
-
-.feed__article:nth-child(1) .article__feed {
-    font-size: 1rem;
-}
-
-.feed__article:nth-child(1) {
-    grid-column: 1 / 9;
-    grid-row: 1 / 4;
-    text-align: center;
-}
-
-.feed__article:nth-child(2) {
-    grid-column: 9 / 13;
-    grid-row: 1 / 2;
-
-}
-
-.feed__article:nth-child(3) {
-    grid-column: 9 / 13;
-    grid-row: 2 / 3;
-
-}
-
-.feed__article:nth-child(4) {
-    grid-column: 9 / 13;
-    grid-row: 3 / 4;
-}
-
-.feed__article:nth-child(2) .article__header,
-.feed__article:nth-child(3) .article__header,
-.feed__article:nth-child(4) .article__header
-{
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row-reverse;
-    grid-gap: 1rem;
-}
-
-.article__header > p {
-    margin: 0;
-}
-
-.article__header-img > img {
-    height: var(--height-img);
-}
-
-.feed__article:nth-child(1) .article__header-img > img,
-.feed__article:nth-child(2) .article__header-img > img,
-.feed__article:nth-child(3) .article__header-img > img,
-.feed__article:nth-child(4) .article__header-img > img
-{
-    height: initial;
-}
-
-.feed__article:nth-child(2) .article__titles,
-.feed__article:nth-child(3) .article__titles,
-.feed__article:nth-child(4) .article__titles,
-.feed__article:nth-child(2) .article__header-img,
-.feed__article:nth-child(3) .article__header-img,
-.feed__article:nth-child(4) .article__header-img
-{
-    width: 50%;
-}
-
-.feed__article:nth-child(2) .article__title,
-.feed__article:nth-child(3) .article__title,
-.feed__article:nth-child(4) .article__title
-{
-    font-size: 1.2rem;
-}
-
-.feed__article:nth-child(2) .article__feed,
-.feed__article:nth-child(3) .article__feed,
-.feed__article:nth-child(4) .article__feed
-{
-    font-size: 1rem;
-}
-.article__main {
-    position: fixed;
-    left: -100%;
-    top: 0;
-    bottom: 0;
-    overflow-y: auto;
-
-}
-.feed__article:nth-child(1) .article__header {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-}
-.feed__article:nth-child(1) .article__header-img {
-    height: 100%;
 }
\ No newline at end of file
diff --git a/docs/static/img/background.jpg b/docs/static/img/background.jpg
new file mode 100644
index 0000000..5e3d49b
Binary files /dev/null and b/docs/static/img/background.jpg differ
