move images

_posts/nov2022.md

@@ -9,21 +9,21 @@ type: "newsletter"
 
 The BUA Robotics Team has spent the summer and fall revamping the team in a variety of ways! We are excited for the upcoming robotics season and we are already busy with training and preparations.
 
-![Owen '25 and Brandon '23 working at the mill during a mechanical training](/images/newsletter/nov2022/nov22_1.jpg)
+![Owen '25 and Brandon '23 working at the mill during a mechanical training](/newsletter/nov2022/nov22_1.jpg)
 #### Owen '25 and Brandon '23 working at the mill during a mechanical training.
 
 ## A New Name
 
 Over the summer, the team decided to change its name and become the **Lobstah Bots**. We believe this rebrand will allow us to expand our branding (logo, t-shirts, mascot, etc.) and facilitate greater team spirit in the following years. Whilst this is a significant change, it is not the first time our team has changed its name and we believe that it will help the team greatly in the years to come!
 
-![Sophia '25, Ally '25, and Kendree '25 making a small catapult at the first Mechanical training.](/images/newsletter/nov2022/nov22_2.jpg)
+![Sophia '25, Ally '25, and Kendree '25 making a small catapult at the first Mechanical training.](/newsletter/nov2022/nov22_2.jpg)
 #### Sophia '25, Ally '25, and Kendree '25 making a small catapult at the first Mechanical training.
 
 ## Fall Preparations
 
 As of late, the team is busy preparing for the build season ahead. We have started our hands-on training for the mechanical, electrical, CAD (Computer-Aided Design), and programming subteams. In the first mechanical training, members made mini catapults with similar materials and tools that are used on our robots. Meanwhile, the outreach and branding subteam has been hard at work recruiting, managing sponsors, and developing further Lobstah Bots branding, such as our logo and t-shirt designs. In October, some team members attended a STEM fair, hosted by Boston Public Schools, to represent FIRST® Robotics and connect with our local community. 
 
-![Students Maxwell '25, Eli '24, Sonya '24, Brandon '23, George '24, and mentors Aidan and Oliver '16 attended the Boston Public Schools STEM Fair.](/images/newsletter/nov2022/nov22_3.jpg)
+![Students Maxwell '25, Eli '24, Sonya '24, Brandon '23, George '24, and mentors Aidan and Oliver '16 attended the Boston Public Schools STEM Fair.](/newsletter/nov2022/nov22_3.jpg)
 #### Students Maxwell '25, Eli '24, Sonya '24, Brandon '23, George '24, and mentors Aidan and Oliver '16 attended the Boston Public Schools STEM Fair.
 
 ## The Season Ahead

app/posts/[slug]/page.tsx

@@ -3,14 +3,15 @@ import markdownToHtml from "../../../lib/markdownToHTML";
 import styles from "./styles.module.css";
 import Image from "next-image-export-optimizer";
 import Link from "next/link";
+import ReactMarkdown from "react-markdown";
 
 export default async function Page({ params }: { params: { slug: string }}) {
 
   const { slug } = params;
 
   const getPost = getPostBySlug(`${slug}.md`, ["title", "author", "content", "date"]);
 
-  const content = await markdownToHtml(getPost.content);
+  // const content = await markdownToHtml(getPost.content);
 
   return (
      <div className = "section container" >
@@ -19,10 +20,17 @@ export default async function Page({ params }: { params: { slug: string }}) {
       <div className = {styles.breakLine} > </div>
       <div className = {styles.content}> 
         <h1 className = {styles.title} > {getPost.title} </h1>
-        < div className = { styles["markdown"]} dangerouslySetInnerHTML = {{ __html: content }} />
+
+  <ReactMarkdown
+    className={ styles['markdown'] }
+  components = {{
+    img: (props) => (
+      <Image src= { props.src } alt = { props.alt } width = { 1200} height = { 200} />),}}>
+         {getPost.content}
+  </ReactMarkdown>
         </div>
         <div className = {styles.button}>
-        <Link href = "https://trusted.bu.edu/s/1759/22/form.aspx?sid=1759&gid=2&pgid=3962&cid=7331&dids=359&bledit=1&appealcode=WEBBUA" target = "_blank" className = { styles.donateButton } > Support Us! </Link>
+        <Link href = "https://trusted.bu.edu/s/1759/22/form.aspx?sid=1759&gid=2&pgid=3962&cid=7331&dids=359&bledit=1&appealcode=WEBBUA" target = "_blank" className = { styles.donateButton } > Support the Lobstah Bots! </Link>
         </div>
   < div className = { styles.breakLine } > </div>
 

app/posts/[slug]/styles.module.css

@@ -150,6 +150,7 @@
   text-align: center;
   line-height: 4rem;
   margin-top: 2rem;
+  margin-bottom: 1rem;
 }
 
 .markdown h4 {