reworked the website

changed buttons, css, added first blog post

11 files changed, 208 insertions, 18 deletions

diff --git a/content/blog/trying-out-helix.md b/content/blog/trying-out-helix.md
new file mode 100644
index 0000000..032e8aa
--- /dev/null
+++ b/content/blog/trying-out-helix.md
@@ -0,0 +1,46 @@
+---
+title: "Trying out Helix"
+date: 2025-09-22T09:08:19+02:00
+---
+
+## Intro
+
+So I recently learned about the [helix editor](https://helix-editor.com). If you try to use it you will see that Helix is similar to Vim and has the same three main editing modes.
+
+On a ton of distros it's easy to install it, on Arch you can just go:
+
+```sh
+sudo pacman -S helix
+```
+
+Normally, you use the helix binary with the `hx` command. But on Arch, you have to spell the whole `helix ` word out, so you should probably make an alias in your shell's config if it bothers you.
+
+```sh
+alias hx="helix"
+```
+
+## The actual Helix
+
+### Basic stuff
+
+Helix comes pre installed with LSP support, color schemes, a fuzzy finder similar to telescope, native syntax tree with tree sitter, auto closing characters such as brackets, parenthesis and quotes and more.
+
+Helix and [Neovim](https://neovim.io) feel different to me, because with Neovim, I spend more time making the **perfect** configuration instead of having work done. With Helix you have almost nothing to setup. Some people might say that compared to Neovim/Vim, Helix is bloated, but I really think that this 'bloat' feels awesome and will find it's own audience.
+
+### Conf
+
+Helix uses a `config.toml` file in your `~/.config/helix` folder, so since it's using the TOML format Helix configuration files are way more user-friendly than learning to use Neovim's init.lua
+
+### Usage
+
+Of course, using Helix might be weird at first glance if you are used to vim motions.
+
+It uses an _object-verb_ system : you first specify the object, then the action you want to perform on it (yank, delete, replace etc). So you might feel a bit confused with the keybinds because vim does the opposite (verb-object). You should really go checkout helix's website as it gives you everything you need to help you use their text editor. They even have a guide [for us](https://docs.helix-editor.com/from-vim.html) vim users.
+
+After using Helix for roughly 5 mins, I can say that I feel more comfortable **learning** Helix rather than Neovim. The Keybindings make more sense and are more intuitive.
+
+## Conclusion
+
+You must have your own opinion on the subject, stop reading stupid blog posts about helix and just give it a shot :)
+
+If you want to see my helix and neovim config here are my [dot files](https://codeberg.org/mielota/dox/src/branch/main/home/.config)
diff --git a/content/stuff.md b/content/stuff.md
new file mode 100644
index 0000000..c1af436
--- /dev/null
+++ b/content/stuff.md
@@ -0,0 +1,87 @@
+---
+title: "Stuff"
+date: 2025-09-21T19:48:56+02:00
+---
+
+## Intro
+
+I readded those two `Software I Use` type of page a few months ago and I really liked it so I am just going to do the same.
+
+As I am writing this it's only been a year since I learned about `GNU/Linux`. I didn't know anything about programming neither back then, and today, I am still learning new things everyday. Linux really does change your life.
+
+## Software I use(d)
+
+I remember reading those two pages from [Luke Smith](https://lukesmith.xyz/programs) and [zacoons](https://zacoons.com/stuff) this summer. I really liked them, so I am going to do the same (kind of the same).
+
+### Env
+
+When I first learned about Linux, everyone told me to install [Ubuntu](https://ubuntu.com), and so I did. I don't remember my experience using it (as I only used Ubuntu for like 3 days). But I remember staying late at night installing [Debian](https://www.debian.org) after learning that Ubuntu wasn't the **one and only Linux distro** existing.
+
+Learning about the others Desktop Environment was overwhelming as well, so I ran Debian headless (without a Desktop Environment) only to realize that a display server is vital if I want to make a normal use of my computer. So I installed and learned about Window Managers with i3.
+
+Debian was nice and made me happy (for a few months or so). But I quickly learned about rolling release distros and so I installed [Void Linux](https://voidlinux.org).
+
+_Void Linux_ is a really cool name. Void Linux **is** cool. `xbps` is cool. Everything about this distro **is cool**. [Wayland](https://wayland.freedesktop.org) **is** cool, [Sway](https://github.com/swaywm) sure was. And making symlinks between `/etc/sv` and `/var/services` to enable daemons was fire. I really loved using Void Linux, I used it with [GNOME](https://www.gnome.org) and [KDE](https://kde.org) plasma for months.
+
+Unfortunately, an app I wanted to use needed systemd as a dependency so I had to leave the runit init system. As I already used Debian I wanted to try another distro so I installed Arch.
+
+Arch is scary. I don't have much to say about it. I use it with [Hyprland](https://hypr.land).
+
+I wanted to try [suckless](https://suckless.org) software but meh, I am not leaving Wayland again.
+
+### Shell
+
+I used to only know good ol' [bash](https://www.gnu.org/software/bash).
+[fish](https://fishshell.com) was kind of a deal breaker compared to the bourne again shell, but recently I've switched to [zsh](https://www.zsh.org).
+
+### Editor
+
+I started off with VSCode, but I just knew that it wasn't the right one, I am now using [Neovim](https://neovim.io), I really like the project, but I don't feel like neovim is the right one neither (but the lua scripting is fire). Maybe I will give [Helix](https://helix-editor.com) a shot.
+
+### Web browser
+
+I use Firefox, with [arkenfox](https://github.com/arkenfox/user.js).
+
+### Search Engine
+
+I used DuckDuckGo before and then ran SearXNG on my personal server. But now I just choose one [here](https://searx.space).
+
+## Software I don't want to use
+
+### Google
+
+I started ungoogle-ing things this summer. Using another email provider, another email client, etc isn't that bad. The most difficult part for me is by far android. I have a Xiaomi phone I bought years ago and I am running HyprOs 2.0 on it.
+
+It's currently impossible (or at least, very difficult) to unlock the bootloader of phones running this particuliar OS. So I am trapped, I can't install a custom android ROM such as [LineageOS](https://lineageos.org) or [GrapheneOS](https://grapheneos.org) because of the bootloader unlocking process.
+
+The only workaround I found is using [AUD](https://github.com/Universal-Debloater-Alliance/universal-android-debloater-next-generation) with [F-Droid](https://f-droid.org).
+
+## More
+
+### Me
+
+If you want to, you can email me and encrypt things with my GnuPG public key.
+
+- [nantha@mielota.com]() [✉️](https://en.wikipedia.org/wiki/Email)
+- [https://mielota.com/nantha.pgp](/nantha.pgp) [🔒](https://comfy.guide/client/gpg)
+
+
+### People
+
+Here are a list of people hosting their websites and blogs if you feel bored.
+
+- [mielota](/)
+- [Denshi](https://denshi.org)
+- [Luke Smith](https://lukesmith.xyz)
+- [zacoons](https://zacoons.com)
+- [Martin Chrzanowski](https://m-chrzan.xyz)
+- [Lan (termer)](https://termer.net)
+- [Jppaled](https://jppaled.xyz)
+- [Eric Murphy](https://ericmurphy.xyz)
+
+### Guides
+
+These guides helped me a lot. There are good guides on Youtube too.
+
+- [LandChad](https://landchad.net)
+- [Comfy.Guide](https://comfy.guide)
diff --git a/layouts/404.html b/layouts/404.html
index 737d495..081e509 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -7,7 +7,7 @@
 
 <body class="notfound">
 	<h1>404</h1>
-	<p>Tu t'es perdu(e) ? Reviens à la page <a href="/">d'accueil</a>.</p>
+	<p>Where are you going bro ? Come back <a href="/">here</a>.</p>
 </body>
 
 </html>
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
index 0a338b6..9bd482e 100755
--- a/layouts/_default/_markup/render-image.html
+++ b/layouts/_default/_markup/render-image.html
@@ -1 +1,27 @@
-<img src="{{ .Page.Permalink }}{{ .Destination }}"{{ with .Text }} alt="{{ . | safeHTML }}" title="{{ . | safeHTML }}"{{- end -}}>
+{{ $src := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) }}
+
+{{ if $src }}
+<figure>
+	{{ $data := newScratch }}
+
+	{{ if gt $src.Width 1100 }}
+	{{ $data.Set "webp" ($src.Resize "960x webp q90") }}
+	{{ $data.Set "fallback" ($src.Resize "960x q90") }}
+	{{ else }}
+	{{ $data.Set "webp" ($src.Resize (printf "%dx%d webp q90" $src.Width $src.Height)) }}
+	{{ $data.Set "fallback" ($src.Resize (printf "%dx%d q90" $src.Width $src.Height)) }}
+	{{ end }}
+
+	{{ $webp := $data.Get "webp" }}
+	{{ $fallback := $data.Get "fallback" }}
+
+	<a href="{{ $src }}">
+		<picture>
+			<source srcset="{{ $webp.RelPermalink }}" type="image/webp">
+			<img src="{{ $fallback.RelPermalink }}" alt="{{ .Text }}" loading="lazy" decoding="async" width="{{ $src.Width }}"
+				height="{{ $src.Height }}" />
+		</picture>
+	</a>
+	{{ with .Title }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
+</figure>
+{{end}}
diff --git a/layouts/partials/buttons.html b/layouts/partials/buttons.html
index 7eab99d..beb7d9e 100644
--- a/layouts/partials/buttons.html
+++ b/layouts/partials/buttons.html
@@ -1,13 +1,8 @@
-<div style="text-align: center;">
-	<a href="/"><img src="/favicon.ico" alt="Logo de mon site"
-			title="Page Web de Mielota" width="37" height="37"></a>
-	<a href="/index.xml"><img src="/assets/rss.png" alt="Rss Feed logo"
-			title="Rss Feed"></a>
+<div class="buttons">
 	<a href="/banporn/"><img src="/assets/banporn.png" alt="BAN PORN"
 			title="BAN PORN"></a>
 	<a href="https://codeberg.org/mielota"><img src="/assets/codeberg.png" alt="Codeberg logo"
 			title="Codeberg"></a>
-	<a href="https://github.com/mielota"><img src="/assets/github.png" alt="GitHub logo"
-			title="GitHub"></a>
-
+	<a href="/"><img src="/favicon.ico" alt="Logo de mon site"
+			title="Page Web de Mielota" width="31" height="31"></a>
 </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 18bc220..08aa27c 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -4,7 +4,7 @@
 {{- $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
 {{ if .IsHome }}{{ else }}
 <div class="finaline">
-	<p class="no-print"><a href="{{ path.Dir .Path }}">Revenir à l'accueil</a></p>{{ end }}
+	<p class="no-print"><a href="{{ path.Dir .Path }}">Return</a></p>{{ end }}
 	<time datetime="{{ $dateMachine }}">{{ .Date.Format "02/01/2006" }}</time>
 </div>
 {{- end -}}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 96f7542..a26436e 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,3 +1,3 @@
 <h1>{{ if .IsHome }}{{ site.Title }}</h1>{{ else }}{{ .Title }}</h1>
 {{ end -}}
-<hr>
+<br>
diff --git a/layouts/shortcodes/article-list.html b/layouts/shortcodes/article-list.html
index 755b229..a870eac 100644
--- a/layouts/shortcodes/article-list.html
+++ b/layouts/shortcodes/article-list.html
@@ -1,6 +1,6 @@
 <ul>
-	{{- range where .Site.RegularPages "Type" (.Get "category") | first 7 }}
+	{{- range where .Site.RegularPages "Type" (.Get "category") | first (.Get "number") }}
 	<li>{{ .Date.Format "02/01/06" }} - <a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
 	{{- end }}
-	<li><i><a href="{{ .Get "category" }}">Plus...</a></i></li>
+	<li><i><a href="{{ .Get "category" }}">See more...</a></i></li>
 </ul>
diff --git a/static/assets/github.png b/static/assets/github.png
deleted file mode 100644
index a59308e..0000000
--- a/static/assets/github.png
+++ /dev/null
diff --git a/static/assets/rss.png b/static/assets/rss.png
deleted file mode 100644
index bf60d30..0000000
--- a/static/assets/rss.png
+++ /dev/null
diff --git a/static/style.css b/static/style.css
index f9a1c56..89a3479 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,9 +1,11 @@
 :root {
 	--bg: #e1e2e7;
+	--sbg: #e9e663;
 	--fg: #32344a;
 	--title: #7aa2f7;
 	--subtitle: #449dab;
-	--link: #ad80f6;
+	--subsubtitle: #000;
+	--link: #9b4ae0;
 	--regularfont: system-ui;
 	--titlecodefont: 'Courier New', Courier, monospace;
 }
@@ -12,9 +14,11 @@
 	:root {
 		--fg: #a9b1d6;
 		--bg: #1a1b26;
+		--sbg: #39405e;
 		--title: #ad8ee6;
 		--link: #7aa2f7;
 		--subtitle: #0db9d7;
+		--subsubtitle: #ccf;
 	}
 }
 
@@ -30,19 +34,44 @@ body {
 pre {
 	padding: 1em 1em;
 	line-break: auto;
+	text-align: left;
+	border: solid 1px var(--fg);
+}
+
+code {
+	font-family: var(--titlecodefont);
+	background: var(--sbg);
+}
+
+blockquote {
+	background: var(--sbg);
+	padding: 0.3em 0.5em;
+	margin: auto;
+}
+
+.buttons {
+	text-align: center;
 }
 
 a {
 	color: var(--link);
 }
 
+h1 {
+	text-align: center;
+}
+
+h3 {
+	color: var(--subsubtitle);
+}
+
 .finaline {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }
 
-.notfound > h1 {
+.notfound>h1 {
 	font-size: 15em;
 }
 
@@ -50,7 +79,14 @@ a {
 	text-align: center;
 }
 
-h1, h2, h3, pre {
+.highlight {
+	font-family: var(--titlecodefont);
+}
+
+h1,
+h2,
+h3,
+pre {
 	font-family: var(--titlecodefont);
 }
 
@@ -129,4 +165,4 @@ img {
 	.columns {
 		columns: 1;
 	}
-}
+}
\ No newline at end of file