feat dividers

lethamburn · Mar 14, 2023 · 53a1a4e · 53a1a4e · vercel · Mar 14, 2023
1 parent afd0e4c
commit 53a1a4e
Show file tree

Hide file tree

Showing 39 changed files with 133 additions and 11 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/components/Divider.jsx b/components/Divider.jsx
@@ -0,0 +1,25 @@
+import styled from "styled-components";
+
+const list = ["/images/lightsaberblue.webp", "/images/lightsaberred.webp"];
+
+const StyledDiv = styled.div`
+  width: 100%;
+
+  img {
+    width: 50%;
+    height: auto;
+  }
+`;
+
+const Divider = () => {
+  return (
+    <StyledDiv>
+      <img
+        src={list[Math.floor(list.length * Math.random())]}
+        alt="Star Wars Divider"
+      />
+    </StyledDiv>
+  );
+};
+
+export default Divider;
diff --git a/components/Gallery.css b/components/Gallery.css
diff --git a/pages/about.mdx b/pages/about.mdx
@@ -1,5 +1,9 @@
+import Divider from "../components/Divider.jsx";
+
 # About
 
+<Divider />
+
 ## What is this?
 
 The Star Wars Databank API is a REST API based on the galatic saga Star Wars. You will have access to hundreds of characters, droids, species, locations, organizations, vehicles and more. The Star Wars Databank API is filled with the official information from the Databank.

diff --git a/pages/character.mdx b/pages/character.mdx
@@ -1,3 +1,7 @@
+import Divider from "../components/Divider.jsx";
+
 # Character
 
+<Divider />
+
 There is a total of 952 characters sorted by name.
diff --git a/pages/character/getall.mdx b/pages/character/getall.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get all characters
 
+<Divider />
+
 You can access the list of characters by using the /characters endpoint.
 
 ```text /GET/

diff --git a/pages/character/schema.mdx b/pages/character/schema.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Character Schema
 
+<Divider />
+
 | Key         |  Type  |                      Description |
 | :---------- | :----: | -------------------------------: |
 | \_id        | string |   The unique id of the character |

diff --git a/pages/character/single.mdx b/pages/character/single.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get a single character
 
+<Divider />
 ## Get by a id
 
 You can get a single character by adding the id as a parameter: /characters/id

diff --git a/pages/creature.mdx b/pages/creature.mdx
@@ -1,3 +1,7 @@
-# Creatures
+import Divider from "../components/Divider.jsx";
+
+# Creature
+
+<Divider />
 
 There is a total of 75 creatures sorted by name.
diff --git a/pages/creature/getall.mdx b/pages/creature/getall.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get all creatures
 
+<Divider />
 You can access the list of creatures by using the /creatures endpoint.
 
 ```text /GET/

diff --git a/pages/creature/schema.mdx b/pages/creature/schema.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Creature Schema
 
+<Divider />
+
 | Key         |  Type  |                     Description |
 | :---------- | :----: | ------------------------------: |
 | \_id        | string |   The unique id of the creature |

diff --git a/pages/creature/single.mdx b/pages/creature/single.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get a single creature
 
+<Divider />
 ## Get by a id
 
 You can get a single creature by adding the id as a parameter: /creatures/id

diff --git a/pages/droid.mdx b/pages/droid.mdx
@@ -1,3 +1,7 @@
+import Divider from "../components/Divider.jsx";
+
 # Droid
 
+<Divider />
+
 There is a total of 60 droids sorted by name.
diff --git a/pages/droid/getall.mdx b/pages/droid/getall.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get all droids
 
+<Divider />
+
 You can access the list of droids by using the /droids endpoint.
 
 ```text /GET/

diff --git a/pages/droid/schema.mdx b/pages/droid/schema.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Droid Schema
 
+<Divider />
+
 | Key         |  Type  |                  Description |
 | :---------- | :----: | ---------------------------: |
 | \_id        | string |   The unique id of the droid |

diff --git a/pages/droid/single.mdx b/pages/droid/single.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get a single droid
 
+<Divider />
 ## Get by a id
 
 You can get a single droid by adding the id as a parameter: /droids/id

diff --git a/pages/index.mdx b/pages/index.mdx
@@ -1,19 +1,15 @@
 import Gallery from "../components/Gallery.jsx";
+import Divider from "../components/Divider.jsx";
 
 # Introduction
 
+<Divider />
 ![Star Wars Celebration Banner](/images/banner.jpg "Star Wars Celebration Banner")
 
 This documentation will help you get familiar with the resources of the Star Wars Databank API and show you how to make different queries.
 
 ## Demo
 
-```
-fetch(
-  "https://starwars-databank-server.vercel.app/api/v1/characters?page=39&limit=6"
-);
-```
-
 <Gallery />
 
 ## Main endpoint
@@ -22,7 +18,7 @@ fetch(
 
 ## Data
 
-| Type          | Quantity |                                                    Main Endpoint |
+| Type          | Quantity |                                                         Endpoint |
 | :------------ | :------: | ---------------------------------------------------------------: |
 | Characters    |   952    |    https://starwars-databank-server.vercel.app/api/v1/characters |
 | Creatures     |    75    |    https://starwars-databank-server.vercel.app/api/v1/creatures/ |

diff --git a/pages/info.mdx b/pages/info.mdx
@@ -1,5 +1,9 @@
+import Divider from "../components/Divider.jsx";
+
 # Info and Pagination
 
+<Divider />
+
 ## Information
 
 The API will automatically paginate the responses. You will receive up to 10 documents per page.

diff --git a/pages/location.mdx b/pages/location.mdx
@@ -1,3 +1,6 @@
+import Divider from "../components/Divider.jsx";
+
 # Location
 
+<Divider />
 There is a total of 312 locations sorted by name.
diff --git a/pages/location/getall.mdx b/pages/location/getall.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get all locations
 
+<Divider />
 You can access the list of locations by using the /locations endpoint.
 
 ```text /GET/

diff --git a/pages/location/schema.mdx b/pages/location/schema.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Location Schema
 
+<Divider />
+
 | Key         |  Type  |                     Description |
 | :---------- | :----: | ------------------------------: |
 | \_id        | string |   The unique id of the location |

diff --git a/pages/location/single.mdx b/pages/location/single.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get a single location
 
+<Divider />
 ## Get by a id
 
 You can get a single location by adding the id as a parameter: /locations/id

diff --git a/pages/organization.mdx b/pages/organization.mdx
@@ -1,3 +1,6 @@
+import Divider from "../components/Divider.jsx";
+
 # Organization
 
+<Divider />
 There is a total of 135 organizations sorted by name.
diff --git a/pages/organization/getall.mdx b/pages/organization/getall.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get all organizations
 
+<Divider />
 You can access the list of organizations by using the /organizations endpoint.
 
 ```text /GET/

diff --git a/pages/organization/schema.mdx b/pages/organization/schema.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Organization Schema
 
+<Divider />
+
 | Key         |  Type  |                         Description |
 | :---------- | :----: | ----------------------------------: |
 | \_id        | string |   The unique id of the organization |

diff --git a/pages/organization/single.mdx b/pages/organization/single.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get a single organization
 
+<Divider />
 ## Get by a id
 
 You can get a single organization by adding the id as a parameter: /organizations/id

diff --git a/pages/specie.mdx b/pages/specie.mdx
@@ -1,3 +1,6 @@
+import Divider from "../components/Divider.jsx";
+
 # Specie
 
+<Divider />
 There is a total of 82 species sorted by name.
diff --git a/pages/specie/getall.mdx b/pages/specie/getall.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get all species
 
+<Divider />
 You can access the list of species by using the /species endpoint.
 
 ```text /GET/

diff --git a/pages/specie/schema.mdx b/pages/specie/schema.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Specie Schema
 
+<Divider />
+
 | Key         |  Type  |                   Description |
 | :---------- | :----: | ----------------------------: |
 | \_id        | string |   The unique id of the specie |

diff --git a/pages/specie/single.mdx b/pages/specie/single.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get a single specie
 
+<Divider />
 ## Get by a id
 
 You can get a single specie by adding the id as a parameter: /species/id

diff --git a/pages/vehicle.mdx b/pages/vehicle.mdx
@@ -1,3 +1,6 @@
+import Divider from "../components/Divider.jsx";
+
 # Vehicle
 
+<Divider />
 There is a total of 266 vehicles sorted by name.
diff --git a/pages/vehicle/getall.mdx b/pages/vehicle/getall.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get all vehicles
 
+<Divider />
 You can access the list of vehicles by using the /vehicles endpoint.
 
 ```text /GET/

diff --git a/pages/vehicle/schema.mdx b/pages/vehicle/schema.mdx
@@ -1,5 +1,9 @@
+import Divider from "../../components/Divider.jsx";
+
 # Vehicle Schema
 
+<Divider />
+
 | Key         |  Type  |                    Description |
 | :---------- | :----: | -----------------------------: |
 | \_id        | string |   The unique id of the vehicle |

diff --git a/pages/vehicle/single.mdx b/pages/vehicle/single.mdx
@@ -1,5 +1,8 @@
+import Divider from "../../components/Divider.jsx";
+
 # Get a single vehicle
 
+<Divider />
 ## Get by a id
 
 You can get a single vehicle by adding the id as a parameter: /vehicles/id

diff --git a/public/.DS_Store b/public/.DS_Store
diff --git a/public/images/divider.png b/public/images/divider.png
diff --git a/public/images/dividerEmpire.png b/public/images/dividerEmpire.png
diff --git a/public/images/lightsaberblue.webp b/public/images/lightsaberblue.webp
diff --git a/public/images/lightsaberred.webp b/public/images/lightsaberred.webp