a

src/components/CodeHello.astro

@@ -0,0 +1,8 @@
+<div class="mockup-code">
+    <pre data-prefix="1"><code>#!/usr/bin/env meme</code></pre> 
+    <pre data-prefix="2"><code>FOSC was a hackerspace located at Universidad Politécnica de Cartagena</code></pre> 
+    <pre data-prefix="3">A student association focused on expanding free software and hacker culture<code></code></pre>
+    <pre data-prefix="4"><code>The space is no longer active but ideas don't need spaces</code></pre> 
+    <pre data-prefix="5"><code>Our spirit lives on during hackathons, conventions and more</code></pre> 
+    <pre data-prefix="6"><code>Expect us</code></pre> 
+</div>

src/components/Footer.astro

@@ -0,0 +1,22 @@
+---
+import { Image } from 'astro:assets';
+
+import foscLogo from '../assets/img/fosc-logo-old.png'
+---
+<footer class="footer footer-center p-10 bg-primary text-primary-content">
+  <aside>
+    <Image class="w-20" src={foscLogo} alt="FOSC Logo"></Image>
+    <p class="font-bold">
+      Free Open Source Club <br/>Stealing your code since 2018
+    </p> 
+    <p>Copyright is for suckers</p>
+    <a href="https://git.fosc.space/fosc/new.fosc.space">Steal this website</a>
+  </aside> 
+  <!-- <nav>
+    <div class="grid grid-flow-col gap-4">
+      <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"></path></svg></a> 
+      <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path></svg></a> 
+      <a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-current"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"></path></svg></a>
+    </div>
+  </nav> -->
+</footer>

src/components/Gallery.astro

@@ -0,0 +1,43 @@
+---
+import { Image } from "astro:assets";
+
+import junction2018 from "../assets/gallery/junction2018.jpg";
+import santi from "../assets/gallery/santi.jpg";
+import kids from "../assets/gallery/kids.jpg";
+import sec from "../assets/gallery/sec.jpg";
+import junction20181 from "../assets/gallery/junction2018-1.jpg";
+import app from "../assets/gallery/app.jpg";
+import bitup from "../assets/gallery/bitup.jpg";
+import soldadura from "../assets/gallery/soldadura.jpg";
+import hacking from "../assets/gallery/hacking.jpg";
+import junction2019_1 from "../assets/gallery/junction2019-1.jpg";
+import pepemod from "../assets/gallery/pepemod.jpg";
+import atresmedia from "../assets/gallery/atresmedia.jpg";
+import junction2019 from "../assets/gallery/junction2019.jpg";
+import printer3d from "../assets/gallery/printer3d.jpg";
+import flp1 from "../assets/gallery/flp1.jpg";
+import soldadura1 from "../assets/gallery/soldadura1.jpg";
+import nn1 from "../assets/gallery/nn1.jpg";
+import fosc from "../assets/gallery/fosc.jpg";
+---
+
+<div class="columns-3xs gap-4 mx-4">
+  <Image class="mb-4 rounded-lg" src={junction2018} alt="Winners at Junction 2018" />
+  <Image class="mb-4 rounded-lg" src={santi} alt="Explaining MCU glitching at Makers Murcia" />
+  <Image class="mb-4 rounded-lg" src={kids} alt="Showing 3D printing at Semana de la Ciencia" />
+  <Image class="mb-4 rounded-lg" src={sec} alt="More Semana de la Ciencia" />
+  <Image class="mb-4 rounded-lg" src={junction20181} alt="Hacking at Junction 2018" />
+  <Image class="mb-4 rounded-lg" src={app} alt="Speaking for Puertas Violetas app" />
+  <Image class="mb-4 rounded-lg" src={bitup} alt="Giving an ESP32 hacking talk at BITUP 2019" />
+  <Image class="mb-4 rounded-lg" src={soldadura} alt="Learning to solder" />
+  <Image class="mb-4 rounded-lg" src={hacking} alt="Installing Coreboot open firmware into a Thinkpad x230" />
+  <Image class="mb-4 rounded-lg" src={junction2019_1} alt="Posing at Junction 2019" />
+  <Image class="mb-4 rounded-lg" src={pepemod} alt="Soldering Nitrocaster's adapter board to a Thinkpad x230" />
+  <Image class="mb-4 rounded-lg" src={atresmedia} alt="Having fun in Atresmedia" />
+  <Image class="mb-4 rounded-lg" src={junction2019} alt="Hacking at Junction 2019" />
+  <Image class="mb-4 rounded-lg" src={printer3d} alt="3D printer, 3D printing" />
+  <Image class="mb-4 rounded-lg" src={flp1} alt="First FOSC LAN Party" />
+  <Image class="mb-4 rounded-lg" src={soldadura1} alt="Soldering workshop" />
+  <Image class="mb-4 rounded-lg" src={nn1} alt="Giving an open firmware talk at Navaja Negra 2019" />
+  <Image class="mb-4 rounded-lg" src={fosc} alt="Showing some stuff during Cable Amarillo" />
+</div>

src/components/Navbar.astro

@@ -16,9 +16,9 @@ import foscLogo from '../assets/img/fosc-logo-new.png'
     <div class="navbar-center">
         <div class="hidden lg:flex">
             <ul class="menu menu-horizontal px-1">
-                <NavItem href="/example" title="Cloud" />
+                <NavItem href="https://cloud.fosc.space" title="Cloud" />
-                <NavItem href="/example" title="Gallery" />
+                <NavItem href="https://gallery.fosc.space" title="Gallery" />
-                <NavItem href="/example" title="Downloads" />
+                <NavItem href="https://" title="Downloads" />
                 <NavItem href="/example" title="Blog" />
             </ul>
         </div>

src/pages/index.astro

@@ -4,6 +4,9 @@ import "@/styles/globals.css";
 import Navbar from "../components/Navbar.astro";
 import HackerText from "../components/HackerText.astro";
 import Badge from "../components/Badge.astro"
+import Gallery from "../components/Gallery.astro"
+import Footer from "../components/Footer.astro"
+import CodeHello from "../components/CodeHello.astro"
 
 // Image imports
 import { Image } from "astro:assets";
@@ -42,6 +45,8 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
   <body class="bg-fixed bg-cover bg-center bg-repeat-y">
 
     <!-- Vertical screen space is initially shared by navbar and splash content, further content can be obtained by scrolling -->
+    <!-- This is our true body for all intents and purposes -->
+    <!-- Placing content outside this div causes blurry useless things -->
     <div class="flex flex-col h-screen">
       <Navbar />
 
@@ -57,11 +62,25 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
           </div>
         </div>
 
-        <div class="container mx-auto flex justify-center items-center">
+        <div class="container py-20 mx-auto">
-
+          <Gallery></Gallery>
         </div>
 
+        <div class="container mx-auto">
+          <CodeHello></CodeHello>
         </div>
+
+        <div class="container py-10 mx-auto">
+          <div class="flex flex-col w-full">
+            <div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div> 
+            <div class="divider"></div> 
+            <div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div>
+          </div>
+        </div>
+
+
+      </div>
+      <Footer></Footer>
     </div>
   </body>
 </html>

tailwind.config.cjs

@@ -2,7 +2,10 @@ const defaultTheme = require("tailwindcss/defaultTheme");
 
 module.exports = {
   content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
-  plugins: [require("daisyui")],
+  plugins: [
+    require("@tailwindcss/typography"),
+    require("daisyui")
+  ],
   daisyui: {
     themes: [
       "light",