Move installation guide after intro

README.md

@@ -9,6 +9,18 @@
 
 Easily create fragment shaders for Svelte apps using WebGL and WebGPU.
 
+## What is a fragment shader?
+
+A _fragment shader_ can be written as a program that takes the coordinates of a pixel on the screen and returns the color that this pixel should have.
+This function can then be executed on the GPU, ensuring massive parallelism and speed.
+
+To learn more about how to write fragment shaders, check out [The Book of Shaders](https://thebookofshaders.com/).
+
+The following is a collection of examples all made using Svader. The live version of all of these can be previewed on [svader.vercel.app](https://svader.vercel.app/),
+and the source code can be found in the [`src/routes/`](https://github.com/sockmaster27/svader/tree/master/src/routes) directory.
+
+![Shader example collage](https://raw.githubusercontent.com/sockmaster27/svader/master/resources/collage.png)
+
 ## Installation
 
 ```bash
@@ -25,18 +37,6 @@ bun i -D svader
 yarn add -D svader
 ```
 
-## What is a fragment shader?
-
-A _fragment shader_ can be written as a program that takes the coordinates of a pixel on the screen and returns the color that this pixel should have.
-This function can then be executed on the GPU, ensuring massive parallelism and speed.
-
-To learn more about how to write fragment shaders, check out [The Book of Shaders](https://thebookofshaders.com/).
-
-The following is a collection of examples all made using Svader. The live version of all of these can be previewed on [svader.vercel.app](https://svader.vercel.app/),
-and the source code can be found in the [`src/routes/`](https://github.com/sockmaster27/svader/tree/master/src/routes) directory.
-
-![Shader example collage](https://raw.githubusercontent.com/sockmaster27/svader/master/resources/collage.png)
-
 ## Usage
 
 To use a fragment shader component, you first need to decide whether to use WebGL or WebGPU.