Nicolas/website-astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

lot of content

Browse source
This commit is contained in:
Nico 2023-02-03 10:37:28 +01:00
parent 9b91b02d90
commit 082b193d23
31 changed files with 338 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/content/articles/en/faq.md
View file

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

3
src/content/articles/en/gratuiste.md
View file

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

2
src/content/articles/en/the-day-I-jamd.mdx
View file

@ -65,7 +65,7 @@ No more Apollo client and graphQL query, only markdown and a few promises.
Don’t get me wrong, I really like working with Strapi and its graphQL capabilities but for the purpose of this website, nuxt content does it (extremely well).
I’m still using Strapi as a way to upload, store and manage images, videos, gifs, etc. It might be too much for this use case but I like to know that I can still go back to it if I want to! Also, I spent quite a bit of time setting it up with OpenLiteSpeed and I’m still too attached to this accomplishment to let it go. I wrote [an article on Strapi running with OpenLiteSpeed](/en/articles/strapi-openlitespeed) if you’re into that kind of stuff.
I’m still using Strapi as a way to upload, store and manage images, videos, gifs, etc. It might be too much for this use case but I like to know that I can still go back to it if I want to! Also, I spent quite a bit of time setting it up with OpenLiteSpeed and I’m still too attached to this accomplishment to let it go.
## In the end

39
src/content/articles/en/video-compression.md → src/content/articles/en/video-compression.mdx
View file

@ -10,11 +10,11 @@ updatedAt: "2022-06-08T14:24:06.000Z"
---
import AstroImage from "../../../components/AstroImage.astro";
export const premiereExport = "https://assets.nardu.in/wordpress_8ee6f54b98.jpeg";
export const premiereExport = "https://assets.nardu.in/video-premiere-1.jpeg";
export const handbrakeBase = "https://assets.nardu.in/video-handbrake-1.jpeg";
export const handbrakeVideo = "https://assets.nardu.in/video-handbrake-2.jpeg";
export const handbrakeAudio = "https://assets.nardu.in/video-handbrake-3.jpeg";
export const handbrakeWeb = "https://assets.nardu.in/video-handbrake-4.jpeg";
export const handbrakeWeb = "https://assets.nardu.in/video-handbrake-4.jpg";
## Let's play.
@ -30,12 +30,7 @@ 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={premiereExport}
width="673"
height="800"
alt=""
/>
<AstroImage src={premiereExport} width="673" height="800" alt="" />
It's gorgeous, it's Full HD, it's 1:30 minute of excellent editing but it's 50mb… What a shame.
@ -56,12 +51,7 @@ While it's not as nice as Premiere Pro, it has way more exporting capabilities.
1. Check Web Optimized
1. Keep MPEG-4 as the format
<AstroImage
src={handbrakeBase}
width="728"
height="337"
alt=""
/>
<AstroImage src={handbrakeBase} width="728" height="337" alt="" />
### Video screen
@ -70,12 +60,7 @@ While it's not as nice as Premiere Pro, it has way more exporting capabilities.
1. Choose Peak Framerate. If you don't know the framerate, keep the default setting
1. Choose the type of video you are encoding (film, animation…)
<AstroImage
src={handbrakeVideo}
width="728"
height="337"
alt=""
/>
<AstroImage src={handbrakeVideo} width="728" height="337" alt="" />
### Audio screen
@ -86,12 +71,7 @@ If you have an audio channel, these settings are great and will not influence th
1. Samplerate 44.1
1. Bitrate 192 to 256 (your choice)
<AstroImage
src={handbrakeAudio}
width="728"
height="337"
alt=""
/>
<AstroImage src={handbrakeAudio} width="728" height="337" alt="" />
### Export!
@ -112,12 +92,7 @@ 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={handbrakeWeb}
width="728"
height="313"
alt=""
/>
<AstroImage src={handbrakeWeb} 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.

3
src/content/articles/fr/after-effects-expressions.md
View file

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

3
src/content/articles/fr/video-compression.md
View file

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

2
src/content/config.ts
View file

@ -14,6 +14,7 @@ const articles = defineCollection({
.transform((str) => new Date(str))
.optional(),
code: z.boolean().optional() || false,
draft: z.boolean().optional() || false,
},
});
@ -31,6 +32,7 @@ const fragments = defineCollection({
.transform((str) => new Date(str))
.optional(),
code: z.boolean().optional() || false,
draft: z.boolean().optional() || false,
},
});

1
src/content/fragments/en/buttons.md
View file

@ -3,6 +3,7 @@ title: Buttons hover
subtitle: Simple, but nice.
lang: en
slug: "buttons"
draft: true
excerpt: Easy to grab and use hover effects.
tags: ["CSS"]
code: true

3
src/content/fragments/en/image-full.md → src/content/fragments/en/image-full.mdx
View file

@ -2,10 +2,11 @@
title: Full width image
subtitle: Translation in progress, stay tuned ;)
lang: en
draft: true
slug: "image-full"
createdAt: "2020-09-15T09:00:00.000Z"
updatedAt: "2022-06-08T14:24:06.000Z"
tags: ["CSS"]
---
[Go back to available snippets](/en/snippets/)
[Go back to available snippets](/en/snippets)

3
src/content/fragments/fr/array-vs-array.md
View file

@ -2,10 +2,11 @@
title: Filtrer un array avec un autre array
subtitle: En cours de traduction.
lang: fr
draft: true
slug: "array-vs-array"
createdAt: "2022-06-08T14:24:06.000Z"
excerpt: En cours de traduction.
tags: ["nuxt.js"]
---
[Voir les fragments disponibles](/fragments/)
[Voir les fragments disponibles](/fragments)

9
src/content/fragments/fr/buttons.md → src/content/fragments/fr/buttons.mdx
View file

@ -3,6 +3,7 @@ title: "Effets de survol de boutons"
subtitle: "Simples mais efficaces."
lang: fr
slug: "buttons"
draft: true
excerpt: Quelques effets de survol faciles à récupérer et utiliser.
tags: ["CSS"]
code: true
@ -41,7 +42,7 @@ Tous les boutons présents utilisent ces styles comme base en guise de «&nbsp;r
## Ajout d'icône
<button role="none" class="btn btn-icon">
<span>Icône</span>
<span>Icône</span>
</button>
```css
@ -80,7 +81,7 @@ Tous les boutons présents utilisent ces styles comme base en guise de «&nbsp;r
## Double volet
<button role="none" class="btn btn-rideau">
<span>Volet</span>
<span>Volet</span>
</button>
```css
@ -127,7 +128,7 @@ Tous les boutons présents utilisent ces styles comme base en guise de «&nbsp;r
## Dégradé animé
<button role="none" class="btn btn-gradient">
<span>Dégradé</span>
<span>Dégradé</span>
</button>
```css
@ -162,7 +163,7 @@ Tous les boutons présents utilisent ces styles comme base en guise de «&nbsp;r
## Échelle non desctructrice
<button role="none" class="btn btn-scale">
<span>Échelle</span>
<span>Échelle</span>
</button>
```css

0
src/content/fragments/fr/image-full.md → src/content/fragments/fr/image-full.mdx
View file

3
src/content/fragments/fr/toulouse-fun.md
View file

@ -2,10 +2,11 @@
title: Toulouse yourself
subtitle: En cours de traduction.
lang: fr
draft: true
slug: "toulouse-fun"
createdAt: "2022-06-22T15:34:45.000Z"
excerpt: En cours de traduction.
tags: ["lifestyle"]
---
[Voir les fragments disponibles](/fragments/)
[Voir les fragments disponibles](/fragments)

16
src/content/types.generated.d.ts vendored
View file

@ -85,8 +85,8 @@ declare module 'astro:content' {
collection: "articles",
data: InferEntrySchema<"articles">
},
"en/video-compression.md": {
id: "en/video-compression.md",
"en/video-compression.mdx": {
id: "en/video-compression.mdx",
slug: "en/video-compression",
body: string,
collection: "articles",
@ -164,8 +164,8 @@ declare module 'astro:content' {
collection: "fragments",
data: InferEntrySchema<"fragments">
},
"en/image-full.md": {
id: "en/image-full.md",
"en/image-full.mdx": {
id: "en/image-full.mdx",
slug: "en/image-full",
body: string,
collection: "fragments",
@ -206,15 +206,15 @@ declare module 'astro:content' {
collection: "fragments",
data: InferEntrySchema<"fragments">
},
"fr/buttons.md": {
id: "fr/buttons.md",
"fr/buttons.mdx": {
id: "fr/buttons.mdx",
slug: "fr/buttons",
body: string,
collection: "fragments",
data: InferEntrySchema<"fragments">
},
"fr/image-full.md": {
id: "fr/image-full.md",
"fr/image-full.mdx": {
id: "fr/image-full.mdx",
slug: "fr/image-full",
body: string,
collection: "fragments",