2021-07-30
This commit is contained in:
GitHub Action
parent
2e9846a22c
commit
edd70f1949
400
docs/index.html
400
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, &#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">
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
Loading…
Reference in New Issue