added blogpost for soc awards (#26)

Signed-off-by: Ash Entwisle <ash.entwisle@protonmail.com>

astro.config.mjs

@@ -13,7 +13,9 @@ export default defineConfig({
   output: "server",
   integrations: [
     tailwind({ configFile: "./tailwind.config.cjs" }), 
-    mdx({ shikiConfig: { theme: "one-dark-pro" } }), 
+    mdx({ 
+      shikiConfig: { theme: "one-dark-pro" } 
+    }), 
     partytown(), sitemap(), prefetch(), svelte()],
   site: "https://hullcss.org",
   adapter: cloudflare()

src/pages/posts/agm-2024.mdx

@@ -0,0 +1,54 @@
+---
+# Edit all of this
+title: "AGM Results (2024)"
+author: "Ash Entwisle"
+link: "https://github.com/ash-entwisle" # can be any link
+date: "2024-03-08" # do not format this differently, it is used to sort the blogposts
+description: "
+The results of the 2024 AGM are in! Find out who the new committee members are and what they have planned for the year ahead.
+"
+draft: true # this should only be true if you are still working on the blogpost, once it is ready to be published, set this to false
+
+# DO NOT EDIT
+layout: ../../layouts/Blogpost.astro
+---
+
+## Incoming Committee
+
+### President: your_name_here *(your/pronouns)*
+
+![your_name_here](/favicon.png)
+
+write something here
+
+### Vice President: your_name_here *(your/pronouns)*
+
+![your_name_here](/favicon.png)
+
+write something here
+
+### Treasurer: your_name_here *(your/pronouns)*
+
+![your_name_here](/favicon.png)
+
+write something here
+
+### Social Secretary: your_name_here *(your/pronouns)*
+
+![your_name_here](/favicon.png)
+
+write something here
+
+### Webmaster: your_name_here *(your/pronouns)*
+
+![your_name_here](/favicon.png)
+
+write something here
+
+### Social Media Manager: your_name_here *(your/pronouns)*
+
+![your_name_here](/favicon.png)
+
+write something here
+
+## 

src/pages/posts/soc-awards-2024.mdx

@@ -0,0 +1,18 @@
+---
+# Edit all of this
+title: "We Won !!!"
+author: "HullCSS"
+link: "https://github.com/hullcss" # can be any link
+date: "2024-04-17" # do not format this differently, it is used to sort the blogposts
+description: "We have won the award for academic society of the year! Thank you to everyone who nominated us and to all who come to our socials. This society would not exist without you"
+draft: false # this should only be true if you are still working on the blogpost, once it is ready to be published, set this to false
+
+# DO NOT EDIT
+layout: ../../layouts/Blogpost.astro
+---
+
+
+<div class="images-sbs">
+    <img src="https://cdn.hullcss.org/assets/awards2024/award-1.jpg" alt="Zoe with the award" />
+    <img src="https://cdn.hullcss.org/assets/awards2024/award-2.jpg" alt="Award Certificate" />
+</div>

src/styles/components/markdown.scss

@@ -109,8 +109,33 @@ main {
       }
     }
   }
+
+  .markdown_content {
+    // center img horizontally, set width to 80% of the container
+
+    img {
+      display: block;
+      margin-left: auto;
+      margin-right: auto;
+      max-width: 80%;
+      max-height: 400px;
+
+      // curve the edges of the image
+      border-radius: 10px;
+    }
+
+    .images-sbs {
+      display: flex;
+      flex-direction: row;
+      justify-content: center;
+      align-items: center;
+    }
+  }
+
   markdown {
 
     max-width: 700px
+
+    // set width of img to 80% of the container
   }
 }