Merge pull request #10 from sohosai/feat/feat/add-myxogastria0808-about

feat: add about.md
sohosai · May 15, 2024 · 1ee1f82 · 1ee1f82
2 parents 4c0a0a3 + 89c6b5d
commit 1ee1f82
Show file tree

Hide file tree

Showing 5 changed files with 113 additions and 41 deletions.
diff --git a/src/pages/Myxogastria0808/about.md b/src/pages/Myxogastria0808/about.md
@@ -0,0 +1,26 @@
+---
+title: "自己紹介"
+author: "Myxogastria0808"
+---
+
+<div style="width:100%; max-width:900px; margin-left:auto; margin-right:auto; padding: 0px auto;">
+
+# 自己紹介
+
+## GitHub
+
+[@Myxogastria0808](https://github.com/Myxogastria0808)
+
+## Twitter
+
+[@yuki_osada0808](https://twitter.com/yuki_osada0808)
+
+## 自己紹介サイト
+
+[https://yukiosada.work/](https://yukiosada.work/)
+
+</div>
+
+<a href="../" style="text-decoration: none;">
+  <div style="padding: 10px; border-radius: 10px; border: 1px solid gray; box-shadow: 0px 5px 15px 0px rgba(81, 81, 81, 0.35); width: 45px; margin: auto; font-size: 15px; color: black; text-align: center;">戻る</div>
+</a>
diff --git a/src/pages/Myxogastria0808/index.astro b/src/pages/Myxogastria0808/index.astro
@@ -0,0 +1,86 @@
+---
+import Layout from "../../layouts/Layout.astro";
+
+const posts = await Astro.glob("./*md");
+---
+
+<Layout title="jsys24-hackathon">
+  <h1>jsys24-hackathon</h1>
+  <ul>
+    {
+      posts.map((post) => (
+        <li>
+          <a href={post.url}>
+            <div class="item-box">
+              {typeof post.frontmatter.title !== "undefined" ? (
+                <h2>{post.frontmatter.title}</h2>
+              ) : (
+                <h2>タイトルなし</h2>
+              )}
+              {typeof post.frontmatter.author !== "undefined" ? (
+                <p class="author">著者: {post.frontmatter.author}</p>
+              ) : (
+                <p class="author" />
+              )}
+            </div>
+          </a>
+        </li>
+      ))
+    }
+  </ul>
+  <a href="../">
+    <div class="back-box">戻る</div>
+  </a>
+</Layout>
+<style>
+  h1 {
+    text-align: center;
+    font-size: 25px;
+    margin-top: 30px;
+    margin-bottom: 60px;
+  }
+  ul {
+    width: 300px;
+    margin: auto;
+  }
+  li {
+    margin-top: 30px;
+    margin-bottom: 30px;
+    list-style: none;
+  }
+  a {
+    text-decoration: none;
+  }
+  .item-box {
+    padding: 10px;
+    border-radius: 10px;
+    border: 1px solid gray;
+    box-shadow: 0px 5px 15px 0px rgba(81, 81, 81, 0.35);
+    & h2 {
+      font-size: 20px;
+      color: black;
+    }
+    & .author {
+      margin-top: 10px;
+      font-size: 18;
+      color: gray;
+    }
+  }
+  .item-box:hover {
+    box-shadow: 0px 5px 15px 0px rgba(151, 151, 151, 0.35);
+  }
+  .back-box {
+    padding: 10px;
+    border-radius: 10px;
+    border: 1px solid gray;
+    box-shadow: 0px 5px 15px 0px rgba(81, 81, 81, 0.35);
+    width: 45px;
+    margin: auto;
+    font-size: 15px;
+    color: black;
+    text-align: center;
+  }
+  .back-box:hover {
+    box-shadow: 0px 5px 15px 0px rgba(151, 151, 151, 0.35);
+  }
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -4,7 +4,7 @@ import Layout from "../layouts/Layout.astro";
 //班の名前を書いてください
 const groupName = "2年生";
 // 呼んでほしい名前を書いてください。
-const members: string[] = ["appare45", "rona"];
+const members: string[] = ["appare45", "rona", "Myxogastria0808"];
 ---
 
 <Layout title="jsys24-hackathon">

diff --git a/src/pages/rona/sohosai.md b/src/pages/rona/sohosai.md
diff --git a/src/pages/rona/sopotan.md b/src/pages/rona/sopotan.md