Merge pull request #244 from pyladies/add_docs_weight

Add weight mechanism for docs collection

Author: cmaureir

package.json

@@ -3,7 +3,7 @@
   "version": "3.1.0",
   "license": "MIT",
   "scripts": {
-    "dev": "astro dev",
+    "dev": "astro dev --verbose",
     "build": "astro build",
     "preview": "astro preview",
     "format": "prettier -w ."

src/content.config.ts

@@ -60,6 +60,7 @@ const docsCollection = defineCollection({
     image: z.string().optional(),
     layout: z.string().optional(),
     draft: z.boolean().optional(),
+    weight: z.number().optional(),
   }),
 });
 

src/content/about/-index.md

@@ -1,6 +1,6 @@
 ---
 title: "The Global PyLadies Conference"
-meta_title: "About"
+meta_title: "About PyLadiesCon"
 image: "/images/author.png"
 draft: false
 ---

src/content/docs/committee_communications.md

@@ -3,6 +3,7 @@ title: "Communications Committee"
 meta_title: "Communications Committee"
 description: "Team in charge of all the internal and external communications"
 draft: false
+weight: 3
 ---
 
 ## Roles

src/content/docs/committee_design.md

@@ -3,6 +3,7 @@ title: "Design Committee"
 meta_title: "Design Committee"
 description: "Team in charge of the creation of all the conference assets"
 draft: false
+weight: 4
 ---
 
 ## Roles

src/content/docs/committee_finance.md

@@ -3,6 +3,7 @@ title: "Finance and Sponsorship Committee"
 meta_title: "Finance and Sponsorship Committee"
 description: "Team in charge of the budget and sponsorship of the confenrence"
 draft: false
+weight: 1
 ---
 
 

src/content/docs/committee_infra.md

@@ -4,6 +4,7 @@ meta_title: "Infrastructure Committee"
 description: "Team in charge of the infra in the conference including website,
 bots, ticketing system, streaming, etc."
 draft: false
+weight: 2
 ---
 
 ## Roles

src/content/docs/committee_program.md

@@ -4,6 +4,7 @@ meta_title: "Program Committee"
 description: "Team in charge of the call for proposals for talks, sprints,
 workshops, panels and the interaction with speakers"
 draft: false
+weight: 6
 ---
 
 ## Roles

src/content/docs/committee_volunteers.md

@@ -4,6 +4,7 @@ meta_title: "Volunteers Committee"
 description: "Team in charge of calling for volunteers, the logistics of the
 process and coordination of the helpers during the event."
 draft: false
+weight: 5
 ---
 
 *Role: Volunteers Coordinator*

src/layouts/Docs.astro

@@ -6,19 +6,19 @@ import { BsArrowRightCircle } from "react-icons/bs";
 
 const { docs, headings } = Astro.props;
 ---
-
 <div class="row">
+  <h2 class="text-3xl p-5">Voluntering Guide</h2>
   <div class="flex flex-col">
   {
     docs.map((doc) => (
-        <div class="p-4">
+        <div class="p-1 pl-5">
           <a href={`/docs/${doc.id}`}
-             class="flex flex-col pl-10 bg-gray-100 border border-gray-200 rounded-lg shadow-sm hover:bg-red-100">
+             class="flex flex-col pl-5 shadow-sm hover:bg-red-100">
             <div class="flex flex-col justify-between p-2 leading-normal">
-                <h5 class="mb-2 text-2xl font-bold text-black">{doc.data.title}</h5>
-                <p class="mb-2 font-normal text-gray-800">
-                {doc.data.description}
-                </p>
+              <h3 class="mb-1 text-xl font-bold text-black">{doc.data.title}</h5>
+              <p class="mb-2 font-normal text-gray-800">
+              {doc.data.description}
+              </p>
             </div>
           </a>
         </div>