@@ -28,27 +73,7 @@ import SquiggleFlanked from "./SquiggleFlanked.astro";
background or resources.
-
-
+ {bios.map((bio) => )}
Volunteer at SquiggleConf
@@ -69,9 +94,21 @@ import SquiggleFlanked from "./SquiggleFlanked.astro";
.bios {
display: flex;
+ flex-wrap: wrap;
justify-content: center;
gap: 3rem;
margin: 3rem 0 1.5rem;
width: 100%;
+ padding: 0 var(--widthBodyPadding);
+ }
+
+ .about-us-bio {
+ min-width: 40%;
+ }
+
+ @media (min-width: 819px) {
+ .about-us-bio {
+ min-width: unset;
+ }
}
diff --git a/src/components/Speaker.astro b/src/components/Bio.astro
similarity index 77%
rename from src/components/Speaker.astro
rename to src/components/Bio.astro
index 280ce25..78db365 100644
--- a/src/components/Speaker.astro
+++ b/src/components/Bio.astro
@@ -5,6 +5,7 @@ import { Image } from "astro:assets";
import BioLinks, { BioLinksPlatforms } from "./BioLinks.astro";
export interface Props {
+ class?: string;
links: BioLinksPlatforms;
name: string;
photo: ImageMetadata;
@@ -12,23 +13,29 @@ export interface Props {
size: "medium" | "large";
}
-const { links, name, photo, position, size } = Astro.props;
+const {
+ class: className,
+ links,
+ name,
+ photo,
+ position,
+ size,
+ ...rest
+} = Astro.props;
---