Merge pull request #8 from sohosai/feat/feat/#7-rona-profile

@ronaの自己紹介を追加
sohosai · May 14, 2024 · 83c987f · 83c987f
2 parents ed4f75c + e760c64
commit 83c987f
Show file tree

Hide file tree

Showing 5 changed files with 144 additions and 1 deletion.
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"];
+const members: string[] = ["appare45", "rona"];
 ---
 
 <Layout title="jsys24-hackathon">

diff --git a/src/pages/rona/hinagata.md b/src/pages/rona/hinagata.md
@@ -0,0 +1,17 @@
+---
+title: "ろなの自己紹介"
+author: "rona"
+---
+
+<div style="width:100%; max-width:900px; margin-left:auto; margin-right:auto; padding: 0px auto;">
+
+rona
+- おふとんが好き
+- Arch Linuxも好き
+- 猫も好き
+
+</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/rona/index.astro b/src/pages/rona/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/rona/sohosai.md b/src/pages/rona/sohosai.md
@@ -0,0 +1,20 @@
+---
+title: "雙峰祭"
+author: "有機物"
+---
+
+<div style="width:100%; max-width:900px; margin-left:auto; margin-right:auto; padding: 0px auto;">
+
+# 雙峰祭!!!
+
+## 雙峰祭とは？
+
+筑波大学の学園祭である雙峰祭は、毎年春に開催される大規模なイベントです。音楽ライブ、美術展覧会、ワークショップなど、多岐にわたるイベントが行われます。また、学部や研究科ごとに個別のイベントも開催され、学園内外から多くの人々が訪れることで、筑波大学の活気と交流の場を提供しています。雙峰祭は、学生たちの創造性と活力を一層引き立て、筑波大学の特色を発信する重要なイベントとなっています。
+
+-phindで生成した文章
+
+</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/rona/sopotan.md b/src/pages/rona/sopotan.md
@@ -0,0 +1,20 @@
+---
+title: "そぽたん"
+author: "地球にお住まいの方"
+---
+
+<div style="width:100%; max-width:900px; margin-left:auto; margin-right:auto; padding: 0px auto;">
+
+# そぽたん
+
+## そぽたんとは？
+
+そぽたんは、筑波大学の学園祭である雙峰祭の公式マスコットキャラクターです。2019年に発見され、筑波山からやってきたという設定で、祭りの盛り上げに活躍しています。そぽたんは天真爛漫で好奇心旺盛な性格をしており、3月4日が誕生日です。祭りの様子を楽しみながら、そぽたんの活躍を見守ることができます。
+
+-phindで生成した文章を一部修正
+
+</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>