added recent activities to home page and fixed visual bugs with blog

groundbeeflover · groundbeeflover · commit 7a532240939d · 2025-07-06T12:34:51.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "@fullcalendar/list": "^6.1.15",
     "@fullcalendar/react": "^6.1.15",
     "@fullcalendar/timegrid": "^6.1.15",
+    "framer-motion": "^12.23.0",
     "gray-matter": "^4.0.3",
     "lucide-react": "^0.475.0",
     "moment": "^2.30.1",
diff --git a/public/brightlands_sponsor.jpeg b/public/brightlands_sponsor.jpeg
diff --git a/public/workshop.jpeg b/public/workshop.jpeg
diff --git a/src/app/(Pages)/Announcements/[slug]/page.tsx b/src/app/(Pages)/Announcements/[slug]/page.tsx
@@ -2,6 +2,7 @@ import Link from "next/link";
 import {ArrowLeftIcon} from "lucide-react";
 import {getArticleData, getArticleSlugs} from "../../../../../lib/announcement";
 import Footer from "app/components/Footer";
+import Navbar from "app/components/Navbar";
 
 
 
@@ -11,7 +12,8 @@ const Announcement = async ({params}: {params: Promise<{slug: string}>}) => {
     
     return (
         <div className="bg-white">
-        <section className="mx-auto w-10/12 mt-20 flex flex-col gap-5 bg-white">
+        <Navbar/>
+            <section className="mx-auto w-10/12 mt-10 sm:mt-5 sm:flex flex-col lg:gap-5 sm:gap-2 md:gap-3">
             <div className="flex justify-between ">
                 <Link href="/Announcements" className="text-black">
                     <ArrowLeftIcon width={20}/>
diff --git a/src/app/(Pages)/Blog/[slug]/page.tsx b/src/app/(Pages)/Blog/[slug]/page.tsx
@@ -2,6 +2,7 @@ import Link from "next/link";
 import { ArrowLeftIcon } from "lucide-react";
 import { getArticleData, getArticleSlugs } from "../../../../../lib/blogs";
 import Footer from "app/components/Footer";
+import Navbar from "app/components/Navbar";
 
 
 
@@ -13,7 +14,8 @@ const Blog = async ({params}: { params: Promise<{slug: string}> }) => {
 
     return (
         <div>
-            <section className="mx-auto w-10/12 mt-20 flex flex-col gap-5">
+            <Navbar/>
+            <section className="mx-auto w-10/12 mt-10 sm:mt-5 sm:flex flex-col lg:gap-5 sm:gap-2 md:gap-3">
                 <div className="flex justify-between ">
                     <Link href="/Blog">
                         <ArrowLeftIcon width={20} />
diff --git a/src/app/components/Footer.tsx b/src/app/components/Footer.tsx
@@ -2,8 +2,8 @@ import React from 'react'
 
 export default function Footer () {
     return (
-        <footer className="bg-black py-12 border-t border-white/20 ">
-            <div className="container mx-auto px-4">
+        <footer className="bg-black py-12 border-t border-white/20">
+            <div className="container mx-auto px-4 max-h-screen-sm">
                 <div className="grid md:grid-cols-2 gap-8">
                     <div>
                         <h3 className="text-xl font-semibold mb-4 font-archivo text-white">
diff --git a/src/app/components/Navbar.tsx b/src/app/components/Navbar.tsx
@@ -38,7 +38,7 @@ export default function Navbar() {
     };
 
     return (
-        <header className="w-full z-50 transition-all duration-300 bg-white shadow-md">
+        <header className="w-full z-50 transition-all duration-300 bg-white">
             <nav className="container mx-auto px-4 py-4 flex justify-between items-center">
                 <div className="flex items-center gap-2">
                     <Link href="/" className='flex flex-row gap-2'>
diff --git a/src/app/design-system/formatting.tsx b/src/app/design-system/formatting.tsx
@@ -7,9 +7,8 @@ export const Body = ({children,}:
 
 export const H1 = ({children,}: {children: React.ReactNode}) => {
     return (
-        <h1 className="sm:pt-10 pt-4 sm:pb-0 pb-6
+        <h1 className="sm:pt-10 pt-8 sm:pb-0 pb-12
             text-center text-3xl
-            lg:text-2xl
             lg:text-4xl
             font-semibold tracking-wide
             text-blue-900">{children}</h1>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -27,6 +27,7 @@ export default function RootLayout({
     <html lang="en">
       <body
         className={`font-mono antialiased`}
+
       >
         {children}
       </body>
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -38,6 +38,28 @@ export default function Home() {
   }, []);
   */
 
+  const wyd = [
+    {
+      picture:"/Platform/brightlands_sponsor.jpeg",
+      description: "🏆 MaaSec awarded TheBakerz the MaaSec Award at the Brightlands Startup Challenge for their zero-commission platform " +
+      "supporting local bakeries. We’re excited to provide security consulting and penetration testing to help them grow securely. "
+    },
+    {
+      picture:"/Platform/workshop.jpeg",
+      description: "⚙️ In our recent malware analysis workshop we explored:  Malware stages and detection mechanisms" + 
+      " 🔹 Sophisticated obfuscation techniques 🔹 Strategies for prevention, removal, and resilience.  Stay tuned for more workshops like this to come!"
+    },
+    {
+      picture:"/Platform/ctf_team.jpeg",
+      description: "🧠 Our CTF team placed 16th in the Student Division and 40th overall at UMDCTF 2025, competing against 700+ teams worldwide!"
+    },
+    {
+      picture:"/Platform/hackathon_team.jpeg",
+      description: "🚀 MaaSec’s Hackathon Team recently made its debut at the SURF Quantum Hackathon 2025 with a quantum-secure voting kiosk prototype!" + 
+      "Built with React, FastAPI, and QKD integration, the project earned great feedback for its technical depth and real-world potential."
+    }
+  ]
+
 
   // Rest of your data constants remain the same
 
@@ -109,7 +131,7 @@ export default function Home() {
       {/* About Section */}
       <section id="about" className="py-20 relative -mt-64">
         <div className="container mx-auto px-4">
-          <h2 className="text-3xl font-bold mb-8 text-center font-archivo text-black-400">
+          <h2 className="text-3xl font-bold mb-8 text-center font-archivo text-blue-900">
              About Us
           </h2>
           <div className="max-w-3xl mx-auto text-center">
@@ -124,10 +146,40 @@ export default function Home() {
         </div>
       </section>
 
+
+<section id="What are we up to" className="py-20 bg-gradient-to-b from-white to-blue-50">
+  <div className="container mx-auto px-5">
+    <h2 className="text-4xl font-bold mb-16 text-center font-archivo text-blue-900">
+      What are we up to?
+    </h2>
+
+    <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+      {wyd.map((item, index) => (
+        <div
+          key={index}
+          className="bg-white rounded-2xl shadow-md hover:shadow-xl transition-shadow duration-300 overflow-hidden flex flex-col"
+        >
+          <div className="relative w-full h-80">
+            <img
+              src={item.picture}
+              alt={`What we're up to ${index}`}
+              className="w-full h-full object-cover object-center"
+            />
+          </div>
+          <div className="p-6 flex-grow flex flex-col justify-between">
+            <p className="text-lg font-medium text-gray-800 text-center">{item.description}</p>
+          </div>
+        </div>
+      ))}
+    </div>
+  </div>
+</section>
+
+
       {/* Operations Section (previously What We Do) */}
       <section id="operations" className="py-20 relative bg-white/100">
         <div className="container mx-auto px-4">
-          <h2 className="text-3xl font-bold mb-12 text-center font-archivo text-black">
+          <h2 className="text-3xl font-bold mb-12 text-center font-archivo text-blue-900">
             Operations
           </h2>
           <div className="grid md:grid-cols-3 gap-8">
@@ -152,7 +204,7 @@ export default function Home() {
         {/* Sponsors section */}
         <section id="sponsors" className="py-20 bg-white">
           <div className="container mx-auto px-4">
-            <h2 className="text-3xl font-bold mb-12 text-center font-archivo text-black">
+            <h2 className="text-3xl font-bold mb-12 text-center font-archivo text-blue-900">
               Our Partners
             </h2>
             <div className="grid md:grid-cols-4 gap-8 items-center justify-items-center">
@@ -172,7 +224,7 @@ export default function Home() {
         {/* Contact Section */}
         <section id="contact" className="py-20 relative bg-white/100">
           <div className="container mx-auto px-4 text-center">
-            <h2 className="text-3xl font-bold mb-8 font-archivo text-black">
+            <h2 className="text-3xl font-bold mb-8 font-archivo text-blue-900">
               Join The Operation
             </h2>
             <p className="text-xl text-black mb-8 font-archivo">

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,7 @@ export default function RootLayout({`
`27`	`27`	`<html lang="en">`
`28`	`28`	`<body`
`29`	`29`	className={`font-mono antialiased`}
	`30`	`+`
`30`	`31`	`>`
`31`	`32`	`{children}`
`32`	`33`	`</body>`