Add team homepage

.github/workflows/ci.yml

@@ -0,0 +1,29 @@
+name: ci 
+on:
+  push:
+    branches:
+      - master 
+      - main
+permissions:
+  contents: write
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Configure Git Credentials
+        run: |
+          git config user.name github-actions[bot]
+          git config user.email 41898282+github-actions[bot]@users.noreply.github.com
+      - uses: actions/setup-python@v4
+        with:
+          python-version: 3.x
+      - run: echo "cache_id=$(date --utc '+%V')" >> $GITHUB_ENV 
+      - uses: actions/cache@v3
+        with:
+          key: mkdocs-material-${{ env.cache_id }}
+          path: .cache
+          restore-keys: |
+            mkdocs-material-
+      - run: pip install mkdocs-material 
+      - run: mkdocs gh-deploy --force

docs/index.md

@@ -0,0 +1,17 @@
+---
+hide:
+  - navigation
+  - toc
+  - path
+---
+
+<div align="center">
+    <img src="asset/StrayedCats_2.svg" alt="Logo" width="420" height="420">
+</div>
+<br><br>
+<!-- <h1><b>StrayedCats</b></h1> -->
+<p>StrayedCatsは、<a href="https://core.scramble-robot.org/" target="_blank" rel="noopener">The Championship of Robotics Engineers (CoRE)</a>に出場するためにX（旧Twitter）上で結成された、特定の所属を持たない連合チーム。</p>
+
+<p>メンバーは、高専ロボコンやNHKロボコン・RoboCupなど様々なバックグラウンドを持ち、独自に構築したCoREのシミュレーションを基に画像処理やマルチモーダルなAIを活用した自動機の射撃システムの開発を行っている。</p>
+
+<p>挑戦の精神を基に運営・技術の模索と実践を重ねることで、ロボット競技におけるオンライン開発の新たな可能性を切り拓くことを目指す。</p>

docs/members.md

@@ -0,0 +1,213 @@
+---
+hide:
+  - navigation
+  - toc
+  - path
+---
+
+<h1 align="center"><b>Members</b></h1>
+
+<h2 align="center"><b>運営</b></h2>
+<br>
+<div align="center" class="member">
+  <div class="container">
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/Ar-Ray-code.png">
+      </figure>
+      <div class="name">Ar-Ray</div>
+      <div class="role">リーダー</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/Ray255Ar" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+        <a href="https://github.com/Ar-Ray-code" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/TakanoTaiga.png">
+      </figure>
+      <div class="name">Taiga</div>
+      <div class="role">運営、シミュレータ</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/tg3517" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+        <a href="https://github.com/TakanoTaiga" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/Trigger-FK.png">
+      </figure>
+      <div class="name">ざきまつ</div>
+      <div class="role">画像処理、広報</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/santana_hammer" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+        <a href="https://github.com/Trigger-FK" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+      <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/smakita.png">
+      </figure>
+      <div class="name">smakita</div>
+      <div class="role">顧問</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/twmaks" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+        <a href="https://github.com/smakita" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<h2 align="center"><b>メンバー</b></h2>
+
+<div align="center" class="member">
+  <div class="container">
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/A-KoiKING.png">
+      </figure>
+      <div class="name">こいきんぐ</div>
+      <div class="role">シミュレータ</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/yuki_KoiKING" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+        <a href="https://github.com/A-KoiKING" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/honokame.png">
+      </figure>
+      <div class="name">kame</div>
+      <div class="role">画像処理</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/_kame_0613" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+        <a href="https://github.com/honokame" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://pbs.twimg.com/profile_images/1525646557680349185/P5Jd1Gvv_400x400.jpg">
+      </figure>
+      <div class="name">KOMSEA</div>
+      <div class="role">画像処理</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/Kadoya__" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/AllenShintani.png">
+      </figure>
+      <div class="name">Konjikun</div>
+      <div class="role">画像処理</div>
+      <div class="social-icons">
+        <a href="https://github.com/AllenShintani" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://pbs.twimg.com/profile_images/761938729464320000/oaVrFfDt_400x400.jpg">
+      </figure>
+      <div class="name">ゆうき</div>
+      <div class="role">画像処理</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/stark5130" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://pbs.twimg.com/profile_images/1695365473519751168/qAGQXtyS_400x400.jpg">
+      </figure>
+      <div class="name">かどや</div>
+      <div class="role">広報</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/Kadoya__" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://pbs.twimg.com/profile_images/1504133358967996421/lu7T33h3_400x400.jpg">
+      </figure>
+      <div class="name">Sapphire</div>
+      <div class="role">広報</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/Sapphire_Lilith" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/pusin819.png">
+      </figure>
+      <div class="name">ぱふぱふ</div>
+      <div class="role">サポーター</div>
+      <div class="social-icons">
+        <a href="https://twitter.com/pafupafu_XD" target="_blank">
+          <img src="../images/x-twitter.svg" style="width: 20px; height: 20px;">
+        </a>
+        <a href="https://github.com/pusin819" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/Clacks5.png">
+      </figure>
+      <div class="name">Clacks_haruru</div>
+      <div class="role">サポーター</div>
+      <div class="social-icons">
+        <a href="https://github.com/Clacks5" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+    <div class="member">
+      <figure class="avatar">
+        <img src="https://github.com/Morita-Daiki.png">
+      </figure>
+      <div class="name">morita</div>
+      <div class="role">サポーター</div>
+      <div class="social-icons">
+        <a href="https://github.com/Morita-Daiki" target="_blank">
+          <img src="../images/github.svg" style="width: 20px; height: 20px;">
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+

docs/stylesheets/extra.css

@@ -0,0 +1,46 @@
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    /* justify-content: flex-start; */
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+
+.member {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 320px;
+    margin-bottom: 50px;
+}
+
+.avatar img {
+    border-radius: 50%;
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    margin-bottom: 5px;
+}
+
+.member .name {
+    font-weight: bold;
+    font-size: 1.2 rem;
+    margin-bottom: 5px;
+}
+
+.member .role {
+    font-size: 0.7rem;
+    color: #666;
+    margin-bottom: 5px;
+}
+
+.member .social-icons {
+    display: flex;
+    gap: 15px;
+}
+
+.member .social-icon {
+    width: 20px;
+    height: 20px;
+}
+}

mkdocs.yml

@@ -0,0 +1,47 @@
+site_name: StrayedCats
+site_url: https://github.com/StrayedCats/StrayedCats.github.io
+site_author: StrayedCats
+copyright: |
+  © 2024 StrayedCats
+  <br>
+  All rights reserved.
+
+repo_name: StrayedCats
+repo_url: https://github.com/StrayedCats
+edit_uri: ''
+docs_dir: docs
+
+theme:
+  name: material
+  favicon: images/favicon.svg
+  icon:
+    logo: material/cat
+  features:
+    - navigation.instant
+    - navigation.instant.prefetch
+    - navigation.tabs
+    - navigation.tabs.sticky
+    - navigation.sections
+    - navigation.expand
+    - navigation.path
+    - navigation.indexes
+    - navigation.top
+    - toc.integrate
+# extra:
+#   social:
+#     - type: github
+#       link: https://github.com/StrayedCats
+nav:
+  - Home: index.md
+  - Members: members.md
+  # - Products: products.md
+
+markdown_extensions:
+  - attr_list
+  - pymdownx.emoji:
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
+
+extra_css:
+  - stylesheets/extra.css
+  - https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css