v5 migration + remove i18n

src/content/articles/en/after-effects-expressions.mdx

@@ -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.