added socials

src/components/Contacts.astro

@@ -0,0 +1,8 @@
+---
+import Social from "./Social.astro"
+
+const contacts = await Astro.glob("../../info/contacts/*.md")
+---
+<ul>
+    {contacts.map(contact => <Social platform={contact.frontmatter.platform} url={contact.frontmatter.url} name={contact.frontmatter.name} note={contact.frontmatter.note}/>)}
+</ul>

src/components/GroupBox.astro

@@ -0,0 +1,16 @@
+---
+const {name} = Astro.props
+---
+
+<style>
+  fieldset {
+    margin-top: 10px;
+    margin-bottom: 0px;
+    padding: 0px 15px;
+  }
+</style>
+
+<fieldset>
+  <legend>{name}</legend>
+  <slot />
+</fieldset>

src/components/Social.astro

@@ -0,0 +1,16 @@
+---
+const {platform, name, url, note} = Astro.props;
+---
+
+<style>
+    bl {
+        font-weight: 500;
+    }
+    it {
+        font-style: italic;
+    }
+</style>
+
+<li>
+    <bl>{platform}</bl>: {url ? <a href={url}>{name}</a> : name}{note && <it> ({note})</it>}
+</li>

src/components/Window.astro

@@ -6,6 +6,9 @@ const {title, showClose, maxWidth} = Astro.props
     #window {
         max-width: var(--maxWidth);
     }
+    .window-body {
+        padding: 20px !important;
+    }
 </style>
 
 <div class="background" id="window">