n07070/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Optimized the size of images

Browse Source
This commit is contained in:
n07070
2021-01-03 22:22:39 +01:00
parent b0e165a514
commit f914ab1ba2
101 changed files with 422 additions and 727 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/articles/un-mastodon-dans-le-cyber-espace/cover.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 285 KiB

After

Width:  |  Height:  |  Size: 80 KiB

BIN
public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x600_fit_q75_lanczos.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 36 KiB

26
public/articles/un-mastodon-dans-le-cyber-espace/index.html
View File

@@ -1,20 +1,18 @@
<!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>Un Mastodon dans le cyber-espace &middot; The Octet Press</title>
<title>Un Mastodon dans le cyber-espace &middot; The Octect Press</title>
<meta name="description" content="On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&#39;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. Face à ces soucis, des alternatives ont été crées au fur et à mesure des années, comme Dispora* ou HubZilla, mais n&#39;ont pas réussit à convaincre les twittos en dehors des milieux libristes, malgré leurs nombreux atous. Toutefois, récemment, un petit nouveau fait parler de lui : Mastodon." />
<link href="/css/katex.css" rel="stylesheet">
<link href="/css/concated.min.css" rel="stylesheet">
</head>
@@ -24,13 +22,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>
@@ -48,12 +47,11 @@
<h1 class="post-title">Un Mastodon dans le cyber-espace</h1>
<p class="post-date">Posted <time datetime="2019-01-02">Jan 2, 2019</time></p>
</header>
<img src="static/img/cover.jpg" alt="">
<picture class="post-figure">
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg">
<img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu84ea6bc09b2d92692f078f4dcb238452_292252_800x0_resize_q75_lanczos.jpg" >
<source srcset="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg">
<img src="/articles/un-mastodon-dans-le-cyber-espace/cover_hu0e44be409432d6b769d2fefd84902978_435213_800x0_resize_q75_lanczos.jpg" >
</picture>
<p>On ne présente plus Twitter. Le réseau social compte désormais plusieurs millions d&rsquo;utilisateurs, mais, récemment, de nombreuses critiques lui ont été adressé. D&rsquo;une part, l&rsquo;introduction d&rsquo;un algorithme qui affiche les tweet sans tenir compte de l&rsquo;ordre chronologique a confu des utilisateurices et enervé beaucoup de monde. D&rsquo;autre part, étant une entreprise privée, Twitter Inc. est forcé de faire de plus en plus d&rsquo;argent grâce à un service qui est gratuit, et utilise donc la publicité, qui devient de plus en plus invasive.</p>
@@ -77,16 +75,16 @@
<nav class="end-nav side-padding">
<a href="/articles/hello-world/" class="card blog-card bc-next bg-color-4" rel="bookmark" >
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>
<picture>
<source srcset="/articles/hello-world/cover.jpg">
<img src="/articles/hello-world/cover.jpg" class="card-img" >
</picture>
</div>
<article class="card-body">
<h2 class="card-title">Hello World</h2>
<p class="card-text">I guess this is an obligatory first post ?</p>
@@ -112,16 +110,10 @@
</nav>
<footer class="side-padding" >
The Octet Press, N07070's blog. Self-hosted, low-tech, no JS and static, as it should be.
</footer>
<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>