Optimized the size of images

This commit is contained in:
2021-01-03 22:22:39 +01:00
parent b0e165a514
commit f914ab1ba2
101 changed files with 422 additions and 727 deletions

View File

@@ -1,19 +1,17 @@
<!DOCTYPE html>
<html lang="fr-FR" dir="ltr">
<html lang="en-US,fr-FR" dir="ltr">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>English &middot; The Octet Press</title>
<title>English &middot; The Octect Press</title>
<meta name="description" content="" />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" href="/categories/english/index.xml" title="The Octet Press" />
<link rel="alternate" type="application/rss+xml" href="/categories/english/index.xml" title="The Octect Press" />
</head>
@@ -22,13 +20,14 @@
<div class="card blog-card menu-container">
<h1 class="nav-header">
<a href="" class="nav-text">The Octect Press</a>
<a href="" class="nav-text">The Octet Press</a>
</h1>
<br>
<section id="menu">
<ul>
<li><a href="" class="">HOME</a></li>
<li><a href="/art-and-code/" class="">ART &amp; CODE</a></li>
<li><a href="/about-me/" class="">ABOUT ME</a></li>
@@ -46,13 +45,13 @@
<a
href="/articles/cool-links/july/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_hud2d254b72fc0dc624f9de7b160da5da0_184470_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/july/cover_huebd85963d99d275be846c45773bfbc85_625065_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -66,13 +65,13 @@
</a>
<a
href="/articles/a-case-for-the-importance-of-multiples-identites/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hu088e2f66983f5004df548b8a7e5502df_141753_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg">
<img src="/articles/a-case-for-the-importance-of-multiples-identites/cover_hua2363799fe692e71109f72a2dd43d14d_386404_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -86,13 +85,13 @@
</a>
<a
href="/articles/cool-links/june/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_hu0cc135a8ddb349d15de37877042cd363_100350_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/june/cover_huce11b1a63fc85c8525cf3e6ae839f12e_484288_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -106,13 +105,13 @@
</a>
<a
href="/articles/cool-links/may/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_446791_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/may/cover_hu98d39bbf9b5b6eb64b02b75a3936f930_1096724_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -126,13 +125,13 @@
</a>
<a
href="/articles/cool-links/april/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hucb753033ad7569b0044bb5d8c2a7b4d1_431506_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/april/cover_hu47462baeeff491c8b07a82b58fd20db0_721753_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -146,13 +145,13 @@
</a>
<a
href="/articles/cool-links/march/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/march/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -166,13 +165,13 @@
</a>
<a
href="/articles/cool-links/febuary/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu5438825b9b6d1014226d20d231e650c2_838881_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/febuary/cover_hu4c2d5bf22a5dabe36d9d922f754cbf19_7856998_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -186,13 +185,13 @@
</a>
<a
href="/articles/cool-links/january/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hu0b20ae04a99f9ea7ad1a6ebb4b45dd38_245178_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg">
<img src="/articles/cool-links/january/cover_hua50a6cfc3c2f4199a47f71977c7b0e0c_283626_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -206,13 +205,13 @@
</a>
<a
href="/stories/across-town/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu875ac4c9b67d0cf80b16a2f595c86b2c_256414_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg">
<img src="/stories/across-town/cover_hu26ed6496d1d2b06f265cd66005556a19_526207_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -226,13 +225,13 @@
</a>
<a
href="/articles/hello-world/" class="card blog-card" rel="bookmark" >
<div class="card-img-container">
<picture>
<source srcset="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu5aa52b9ea93af7a729877d5797b8a1fc_26160_800x600_fit_q75_lanczos.jpg" class="card-img" >
<source srcset="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg">
<img src="/articles/hello-world/cover_hu7be27d3a5e70db5ab4f60eb018a6a5c9_24007_800x600_fit_q75_lanczos.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
@@ -248,13 +247,6 @@
</main>
<script defer src="/js/katex.js"></script>
<script defer src="/js/auto-render.js" onload="renderMathInElement(document.body);"></script>
<script src="/js/core.min.js"></script>
</body>
</html>