v5 migration + remove i18n

This commit is contained in:
nico 2024-12-29 12:33:22 +01:00
parent b7ce5b7f20
commit b2b6887fdf
Signed by: Nicolas
SSH key fingerprint: SHA256:ELi8eDeNLl5PTn64G+o2Kx5+XVDfHF5um2tZigfwWkM
84 changed files with 1258 additions and 1354 deletions

View file

@ -2,11 +2,11 @@
title: Nico v2.0
subtitle: 2022 update of many things.
lang: en
permalink: "2022"
slug: 'en-2022'
excerpt: Changes in my services, the website and myself.
tags: ["Freelance"]
tags: ['Freelance']
type: articles
createdAt: "2022-06-08T14:24:06.000Z"
createdAt: '2022-06-08T14:24:06.000Z'
---
After two years of full-time freelancing, I took a step back from my activity. I especially questioned my positioning and the services I was offering.

View file

@ -2,12 +2,12 @@
title: Nico v2.5
subtitle: Update 2023.
lang: en
permalink: "2023"
slug: 'en-2023'
excerpt: New changes.
tags: ["Freelance"]
tags: ['Freelance']
type: articles
createdAt: "2023-02-03T17:41:00.000Z"
updatedAt: "2023-05-17T17:41:00.000Z"
createdAt: '2023-02-03T17:41:00.000Z'
updatedAt: '2023-05-17T17:41:00.000Z'
---
This article will be updated when I have something new to share during the year 2023.

View file

@ -2,15 +2,15 @@
title: After Effects Expressions
subtitle: Animation on steroïds.
lang: en
permalink: "after-effects-expressions"
slug: 'en-after-effects-expressions'
excerpt: Expressions in After Effects have always been blurry for me. I know they exist, I know they're powerful, I know it could save a lot of time and clean complex keyframe filled compositions but… They are hard to learn!
tags: ["Design"]
tags: ['Design']
type: articles
createdAt: "2019-04-24T09:00:00.000Z"
createdAt: '2019-04-24T09:00:00.000Z'
code: true
---
import AstroImage from "../../../components/AstroImage.astro";
import AstroImage from '../../../components/AstroImage.astro'
## An ever lasting battle
@ -22,10 +22,10 @@ So the last time I had to do a complex animation, **I took the damn time!**
Everyone uses expressions whether they know it or not. Most of the time it's a rather transparent process for the animator. For example: when parenting a property to another one, After Effects creates an expression for us.
<AstroImage
src="https://assets.nardu.in/basic_expression_d81b12f1ac.jpeg"
width="728"
height="80"
alt="Parenting the position of the form to a null creates an expression."
src='https://assets.nardu.in/basic_expression_d81b12f1ac.jpeg'
width='728'
height='80'
alt='Parenting the position of the form to a null creates an expression.'
/>
Over the last updates, Adobe has made an effort to make expressions more accessible to everyone. For example, the expression box is now resembling a code editor thanks to code-coloring and auto-completion features. After Effects expression feel like JavaScript with custom functions.
@ -33,10 +33,10 @@ Over the last updates, Adobe has made an effort to make expressions more accessi
Those custom functions can be called through a menu once you enabled the expressions on a property. It offers organized shortcut and proper syntax to all of AE native functions and a bunch of JavaScript standard ones.
<AstroImage
src="https://assets.nardu.in/shortcut_39cc19d383.jpeg"
width="728"
height="322"
alt="Alt + Click the stopwatch to access the shortcuts."
src='https://assets.nardu.in/shortcut_39cc19d383.jpeg'
width='728'
height='322'
alt='Alt + Click the stopwatch to access the shortcuts.'
/>
## So I need to learn javascript to do motion design now?
@ -72,14 +72,14 @@ Let's say you need to animate a rather simple counter from 0% to 100%.
- On the effect menu add expression options > slider control
- Alt + Click the Source text property
<video width="728" loop controls preload="metadata">
<source src="https://assets.nardu.in/alt-counter.mp4" type="video/mp4" />
<video width='728' loop controls preload='metadata'>
<source src='https://assets.nardu.in/alt-counter.mp4' type='video/mp4' />
</video>
- Parent the source text to the slider control through the pickwhip.
<video width="462" loop controls preload="metadata">
<source src="https://assets.nardu.in/pickwhip.mp4" type="video/mp4" />
<video width='462' loop controls preload='metadata'>
<source src='https://assets.nardu.in/pickwhip.mp4' type='video/mp4' />
</video>
You should get something like this in the expressions panel:
@ -91,8 +91,8 @@ effect("Slider Control")("Slider")
- Set two keyframes on the slider from 0 to 100. The text should update accordingly.
- By default, After Effects does not round numbers. In the expression panel, wrap your expression with the `Math.round()` function.
<video width="728" loop controls preload="metadata">
<source src="https://assets.nardu.in/round.mp4" type="video/mp4" />
<video width='728' loop controls preload='metadata'>
<source src='https://assets.nardu.in/round.mp4' type='video/mp4' />
</video>
```javascript
@ -107,8 +107,8 @@ Still in the expression panel, we're going to add a string containing the % glyp
Math.round(effect("Slider Control")("Slider")) + '%'
```
<video width="538" loop controls preload="metadata">
<source src="https://assets.nardu.in/percent.mp4" type="video/mp4" />
<video width='538' loop controls preload='metadata'>
<source src='https://assets.nardu.in/percent.mp4' type='video/mp4' />
</video>
**And there we go!** A fully functioning and customizable counter using a slider controller and expressions.

View file

@ -2,12 +2,12 @@
title: Accessibility and sobriety
subtitle: Translation in progress, stay tuned ;)
lang: en
permalink: "faq"
slug: 'en-faq'
draft: true
excerpt: Why, how et and especially what.
tags: ["Freelance"]
tags: ['Freelance']
type: articles
createdAt: "2022-06-22T15:34:45.000Z"
createdAt: '2022-06-22T15:34:45.000Z'
---
[Go back to available articles](/en/articles)

View file

@ -2,12 +2,12 @@
title: Gratuiste
subtitle: Translation in progress, stay tuned ;)
lang: en
permalink: "gratuiste"
slug: 'en-gratuiste'
draft: true
excerpt: Translation in progress, stay tuned ;)
tags: ["Design", "Freelance"]
tags: ['Design', 'Freelance']
type: articles
createdAt: "2017-05-27T07:47:36.000Z"
createdAt: '2017-05-27T07:47:36.000Z'
---
[Go back to available articles](/en/articles)

View file

@ -1,17 +1,17 @@
---
title: "Access blocked Sci-hub"
subtitle: "The science of sharing."
title: 'Access blocked Sci-hub'
subtitle: 'The science of sharing.'
lang: en
permalink: "sci-hub-unblock"
key: "scihub"
excerpt: "In March 2019, the Paris Regional Court ruled in favour of the publishers of scientific articles Elsevier and Springer Nature by ordering internet service providers to block access to these two websites. Here is how to access them if they are blocked in your country anyway."
tags: ["Internet", "Science"]
slug: 'en-sci-hub-unblock'
key: 'scihub'
excerpt: 'In March 2019, the Paris Regional Court ruled in favour of the publishers of scientific articles Elsevier and Springer Nature by ordering internet service providers to block access to these two websites. Here is how to access them if they are blocked in your country anyway.'
tags: ['Internet', 'Science']
type: articles
createdAt: "2019-03-31T07:47:36.000Z"
updatedAt: "2022-12-27T12:08:00.000Z"
createdAt: '2019-03-31T07:47:36.000Z'
updatedAt: '2022-12-27T12:08:00.000Z'
---
import AstroImage from "../../../components/AstroImage.astro";
import AstroImage from '../../../components/AstroImage.astro'
The current sci-hub address is: <a href="https://sci-hub.se" rel="noreferer noopener">sci-hub.se</a>
@ -46,10 +46,10 @@ Go to:
From there, you can add DNS servers by clicking the + icon. Click ok and apply the new settings. You might need to restart your computer for the changes to work.
<AstroImage
src="https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg"
width="728"
height="1060"
alt="MacOS network and DNS settings"
src='https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg'
width='728'
height='1060'
alt='MacOS network and DNS settings'
/>
### Windows (10)
@ -67,31 +67,31 @@ Go to:
From there, you can add DNS servers. Click save. You might need to restart your computer for the changes to work.
<AstroImage
src="https://assets.nardu.in/sci-hub-settings.jpg"
width="728"
height="319"
alt="Windows system settings"
src='https://assets.nardu.in/sci-hub-settings.jpg'
width='728'
height='319'
alt='Windows system settings'
/>
<AstroImage
src="https://assets.nardu.in/sci-hub-network.jpg"
width="728"
height="803"
alt="Windows network settings"
src='https://assets.nardu.in/sci-hub-network.jpg'
width='728'
height='803'
alt='Windows network settings'
/>
<AstroImage
src="https://assets.nardu.in/sci-hub-adapter.jpg"
width="728"
height="327"
alt="Windows network connections settings"
src='https://assets.nardu.in/sci-hub-adapter.jpg'
width='728'
height='327'
alt='Windows network connections settings'
/>
<AstroImage
src="https://assets.nardu.in/sci-hub-adapter-settings.jpg"
width="728"
height="434"
alt="Windows network adapter settings"
src='https://assets.nardu.in/sci-hub-adapter-settings.jpg'
width='728'
height='434'
alt='Windows network adapter settings'
/>
## Which DNS?

View file

@ -2,15 +2,15 @@
title: The day I Jamd
subtitle: A story of unusual tools and fun gambles.
lang: en
permalink: "the-day-I-jamd"
slug: 'en-the-day-I-jamd'
excerpt: Ooh, yeah! All right! Were jammin
tags: ["Dev", "Jamstack"]
tags: ['Dev', 'Jamstack']
type: articles
createdAt: "2020-10-08T09:00:00.000Z"
updatedAt: "2022-12-27T15:40:06.000Z"
createdAt: '2020-10-08T09:00:00.000Z'
updatedAt: '2022-12-27T15:40:06.000Z'
---
import AstroImage from "../../../components/AstroImage.astro";
import AstroImage from '../../../components/AstroImage.astro'
## The not so easy choice
@ -31,10 +31,10 @@ Boy did they exceed my expectations! With almost no optimization on the static s
### wordpress
<AstroImage
src="https://assets.nardu.in/wordpress_8ee6f54b98.jpeg"
width="728"
height="412"
alt="Performance score of 53/100 on Wordpress."
src='https://assets.nardu.in/wordpress_8ee6f54b98.jpeg'
width='728'
height='412'
alt='Performance score of 53/100 on Wordpress.'
/>
Despite a lot of efforts I could not do better. Im no expert in caching, do not use CDN and relied on plugins to achieve a lot of stuff (php not being my strongest skill 😬).
@ -42,10 +42,10 @@ Despite a lot of efforts I could not do better. Im no expert in caching, do n
### 11ty + strapi
<AstroImage
src="https://assets.nardu.in/static_2c0d9f1eb8.jpeg"
width="728"
height="412"
alt="Performance score of 97/100 on jamstack."
src='https://assets.nardu.in/static_2c0d9f1eb8.jpeg'
width='728'
height='412'
alt='Performance score of 97/100 on jamstack.'
/>
Almost **zero** special configuration (I was too anxious to test) and I reached an awesome score. I know lighthouse scores are not everything but hey, **53 vs 97**… Ill take it!

View file

@ -2,15 +2,15 @@
title: Video compression
subtitle: Encode like you mean it.
lang: en
permalink: "video-compression"
slug: 'en-video-compression'
excerpt: How to gain precious weight when encoding videos.
tags: ["Design"]
tags: ['Design']
type: articles
createdAt: "2021-05-05T09:00:00.000Z"
updatedAt: "2022-06-08T14:24:06.000Z"
createdAt: '2021-05-05T09:00:00.000Z'
updatedAt: '2022-06-08T14:24:06.000Z'
---
import AstroImage from "../../../components/AstroImage.astro";
import AstroImage from '../../../components/AstroImage.astro'
## Let's play.
@ -27,9 +27,9 @@ With a good connection, users will not see the difference. But if we go down tha
Let's say we exported a 1920x1080 video from Premiere Pro with these basic settings:
<AstroImage
src="https://assets.nardu.in/video-premiere-1.jpeg"
width="673"
height="800"
src='https://assets.nardu.in/video-premiere-1.jpeg'
width='673'
height='800'
/>
It's gorgeous, it's Full HD, it's 1:30 minute of excellent editing but it's 50mb… What a shame.
@ -52,9 +52,9 @@ While it's not as nice as Premiere Pro, it has way more exporting capabilities.
1. Keep MPEG-4 as the format
<AstroImage
src="https://assets.nardu.in/video-handbrake-1.jpeg"
width="728"
height="337"
src='https://assets.nardu.in/video-handbrake-1.jpeg'
width='728'
height='337'
/>
### Video screen
@ -65,9 +65,9 @@ While it's not as nice as Premiere Pro, it has way more exporting capabilities.
1. Choose the type of video you are encoding (film, animation…)
<AstroImage
src="https://assets.nardu.in/video-handbrake-2.jpeg"
width="728"
height="337"
src='https://assets.nardu.in/video-handbrake-2.jpeg'
width='728'
height='337'
/>
### Audio screen
@ -80,9 +80,9 @@ If you have an audio channel, these settings are great and will not influence th
1. Bitrate 192 to 256 (your choice)
<AstroImage
src="https://assets.nardu.in/video-handbrake-3.jpeg"
width="728"
height="337"
src='https://assets.nardu.in/video-handbrake-3.jpeg'
width='728'
height='337'
/>
### Export!
@ -105,10 +105,10 @@ Webm is an html video format and VP9 is its latest codec.
Using Handbrake and webm/VP9, we can achieve really great compression without losing too much quality (or none at all depending on the settings). I was able to divide by 4 the size of a video using these presets:
<AstroImage
src="https://assets.nardu.in/video-handbrake-4.jpg"
width="728"
height="313"
alt=""
src='https://assets.nardu.in/video-handbrake-4.jpg'
width='728'
height='313'
alt=''
/>
The only down side is that it takes some time to encode. It will depend on the video length and your computing power.

View file

@ -2,11 +2,11 @@
title: Nico v2.0
subtitle: Mise à jour 2022 de plein de trucs.
lang: fr
permalink: "2022"
slug: '2022'
excerpt: Évolution des services, du site et de moi-même.
tags: ["Freelance"]
tags: ['Freelance']
type: articles
createdAt: "2022-06-08T14:24:06.000Z"
createdAt: '2022-06-08T14:24:06.000Z'
---
Après deux ans de freelance à temps plein, jai pris du recul sur mon activité. Jai surtout questionné mon positionnement et les prestations que je proposais.

View file

@ -2,12 +2,12 @@
title: Nico v2.5
subtitle: Mise à jour 2023.
lang: fr
permalink: "2023"
slug: '2023'
excerpt: Suite des évolutions.
tags: ["Freelance"]
tags: ['Freelance']
type: articles
createdAt: "2023-02-03T17:41:00.000Z"
updatedAt: "2023-05-17T17:41:00.000Z"
createdAt: '2023-02-03T17:41:00.000Z'
updatedAt: '2023-05-17T17:41:00.000Z'
---
Cet article sera mis à jour lorsque j'aurai des nouveautés à partager au cours de l'année 2023.

View file

@ -3,11 +3,11 @@ title: After Effects Expressions
subtitle: En cours de traduction, revenez bientôt ;)
lang: fr
draft: true
permalink: "after-effects-expressions"
slug: 'after-effects-expressions'
excerpt: En cours de traduction, revenez bientôt ;)
tags: ["Design"]
tags: ['Design']
type: articles
createdAt: "2019-04-24T09:00:00.000Z"
createdAt: '2019-04-24T09:00:00.000Z'
---
[Retour aux articles](/articles)

View file

@ -2,11 +2,11 @@
title: Accessibilité, sobriété et F.A.Q.
subtitle: Explications sur ma vision et mon fonctionnement.
lang: fr
permalink: "faq"
slug: 'faq'
excerpt: Pourquoi, comment et surtout quèsaco.
tags: ["Freelance"]
tags: ['Freelance']
type: articles
createdAt: "2022-06-22T15:34:45.000Z"
createdAt: '2022-06-22T15:34:45.000Z'
---
## l'Accessibilité

View file

@ -1,13 +1,13 @@
---
title: "Gratuiste"
subtitle: "Ou le travail gratuit."
title: 'Gratuiste'
subtitle: 'Ou le travail gratuit.'
lang: fr
permalink: "gratuiste"
excerpt: "Jai cherché un moyen de mettre mes compétences au service dautrui et je pense avoir trouvé: je vais travailler gratuitement pour des associations."
tags: ["Graphisme", "Freelance"]
slug: 'gratuiste'
excerpt: 'Jai cherché un moyen de mettre mes compétences au service dautrui et je pense avoir trouvé: je vais travailler gratuitement pour des associations.'
tags: ['Graphisme', 'Freelance']
type: articles
createdAt: "2017-05-27T07:47:36.000Z"
updatedAt: "2022-12-27T15:36:06.000Z"
createdAt: '2017-05-27T07:47:36.000Z'
updatedAt: '2022-12-27T15:36:06.000Z'
---
## Gratuiste, quest-ce que cest ?

View file

@ -1,16 +1,16 @@
---
title: "Sci-hub bloqué, comment contourner"
subtitle: "La science du partage."
title: 'Sci-hub bloqué, comment contourner'
subtitle: 'La science du partage.'
lang: fr
permalink: "sci-hub-blocage"
excerpt: "Le tribunal de grande instance de Paris a ordonné aux fournisseurs daccès à internet de bloquer laccès à sci-hub. Voici comment contourner les blocages mis en place."
tags: ["Internet", "Science"]
slug: 'sci-hub-blocage'
excerpt: 'Le tribunal de grande instance de Paris a ordonné aux fournisseurs daccès à internet de bloquer laccès à sci-hub. Voici comment contourner les blocages mis en place.'
tags: ['Internet', 'Science']
type: articles
createdAt: "2019-03-31T07:47:36.000Z"
updatedAt: "2022-12-27T12:08:00.000Z"
createdAt: '2019-03-31T07:47:36.000Z'
updatedAt: '2022-12-27T12:08:00.000Z'
---
import AstroImage from "../../../components/AstroImage.astro";
import AstroImage from '../../../components/AstroImage.astro'
L'adresse actuelle de sci-hub est&nbsp;: [sci-hub.se](https://sci-hub.se)
@ -49,10 +49,10 @@ Ouvrez&nbsp;:
De là, vous pouvez ajouter des serveurs DNS en cliquant sur l'icône +. Cliquez sur ok et appliquez les nouveaux paramètres. Vous devrez peut-être redémarrer votre ordinateur pour que les changements fonctionnent.
<AstroImage
src="https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg"
width="728"
height="1060"
alt="MacOS réglages réseau et DNS"
src='https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg'
width='728'
height='1060'
alt='MacOS réglages réseau et DNS'
/>
### Sur Windows (ici 10)
@ -68,31 +68,31 @@ Ouvrez&nbsp;:
1. Utiliser ladresse de serveur DNS suivante
<AstroImage
src="https://assets.nardu.in/sci-hub-settings.jpg"
width="728"
height="319"
alt="Réglages windows"
src='https://assets.nardu.in/sci-hub-settings.jpg'
width='728'
height='319'
alt='Réglages windows'
/>
<AstroImage
src="https://assets.nardu.in/sci-hub-network.jpg"
width="728"
height="803"
alt="Windows réglages réseaux"
src='https://assets.nardu.in/sci-hub-network.jpg'
width='728'
height='803'
alt='Windows réglages réseaux'
/>
<AstroImage
src="https://assets.nardu.in/sci-hub-adapter.jpg"
width="728"
height="327"
alt="Windows régalges connections réseaux"
src='https://assets.nardu.in/sci-hub-adapter.jpg'
width='728'
height='327'
alt='Windows régalges connections réseaux'
/>
<AstroImage
src="https://assets.nardu.in/sci-hub-adapter-settings.jpg"
width="728"
height="434"
alt="Windows options adaptateur réseau"
src='https://assets.nardu.in/sci-hub-adapter-settings.jpg'
width='728'
height='434'
alt='Windows options adaptateur réseau'
/>
## Quels serveurs DNS utiliser&nbsp;?

View file

@ -2,15 +2,15 @@
title: The day I Jamd
subtitle: Des paris, des outils et du fun.
lang: fr
permalink: "the-day-I-jamd"
slug: 'the-day-I-jamd'
excerpt: Ooh, yeah! All right! Were jammin
tags: ["Dev", "Jamstack"]
tags: ['Dev', 'Jamstack']
type: articles
createdAt: "2020-10-08T07:47:36.000Z"
updatedAt: "2022-12-27T15:40:06.000Z"
createdAt: '2020-10-08T07:47:36.000Z'
updatedAt: '2022-12-27T15:40:06.000Z'
---
import AstroImage from "../../../components/AstroImage.astro";
import AstroImage from '../../../components/AstroImage.astro'
## La solution de non facilité
@ -31,10 +31,10 @@ Jen suis resté pantois&nbsp;! Quasiment sans optimisation du côté statique
### wordpress
<AstroImage
src="https://assets.nardu.in/wordpress_8ee6f54b98.jpeg"
width="728"
height="412"
alt="Score de performance de 53/100 sur Wordpress."
src='https://assets.nardu.in/wordpress_8ee6f54b98.jpeg'
width='728'
height='412'
alt='Score de performance de 53/100 sur Wordpress.'
/>
Malgré beaucoup defforts, je nai pas pu faire mieux. Je ne suis pas un expert en cache, je nutilise pas de CDN et je me suis appuyé sur des plugins pour réaliser beaucoup de choses (php nétant pas ma spécialité 😬).
@ -42,10 +42,10 @@ Malgré beaucoup defforts, je nai pas pu faire mieux. Je ne suis pas un ex
### 11ty + strapi
<AstroImage
src="https://assets.nardu.in/static_2c0d9f1eb8.jpeg"
width="728"
height="412"
alt="Score de performance de 97/100 en Jamstack."
src='https://assets.nardu.in/static_2c0d9f1eb8.jpeg'
width='728'
height='412'
alt='Score de performance de 97/100 en Jamstack.'
/>
Presque **zéro** configuration spéciale (jétais trop impatient de tester) et jai atteint un score impressionnant. Je sais que les scores lighthouse ne font pas tout mais **53 contre 97**… Ça me va&nbsp;!

View file

@ -3,12 +3,12 @@ title: Compression vidéo
subtitle: En cours de traduction, revenez bientôt ;)
lang: fr
draft: true
permalink: "video-compression"
slug: 'video-compression'
excerpt: Pas encore traduit
tags: ["Design"]
tags: ['Design']
type: articles
createdAt: "2021-05-05T09:00:00.000Z"
updatedAt: "2022-06-08T14:24:06.000Z"
createdAt: '2021-05-05T09:00:00.000Z'
updatedAt: '2022-06-08T14:24:06.000Z'
---
[Retour aux articles](/articles)