From 677068b8328264e1c1b02f31228e7ce30be21886 Mon Sep 17 00:00:00 2001
From: nrysk <ryosuke.10117@gmail.com>
Date: Fri, 6 Jun 2025 21:07:12 +0900
Subject: [PATCH] move graduated memebers

---
 member.html | 254 ++++++++++++++++++++++++++--------------------------
 1 file changed, 129 insertions(+), 125 deletions(-)

diff --git a/member.html b/member.html
index 7949af5..c031496 100644
--- a/member.html
+++ b/member.html
@@ -214,22 +214,23 @@ <h3>Click their icons to see more detail</h3>
         <div class="section">
           <div class="container">
             <div class="row">
+              
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="https://chez-shanpu.github.io/">
+                    <a href="members/sapphire.html">
                       <img
-                        src="images/avatars/shanpu.jpg"
-                        alt="shanpu"
+                        src="images/avatars/sapphire.jpg"
+                        alt="Sapphire"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>shanpu</h3>
-                      <h6>developer</h6>
+                      <h3>Sapphire</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
@@ -240,18 +241,18 @@ <h6>developer</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/lanqiu.html">
+                    <a href="members/hatto.html">
                       <img
-                        src="images/avatars/lanqiu.jpg"
-                        alt="lanqiu"
+                        src="images/avatars/hatto.jpg"
+                        alt="hatto"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>lanqiu</h3>
-                      <h6>developer</h6>
+                      <h3>hatto</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
@@ -262,62 +263,66 @@ <h6>developer</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/nishi.html">
+                    <a href="members/Barry.html">
                       <img
-                        src="images/avatars/nishi.png"
-                        alt="nishi"
+                        src="images/avatars/Barry.png"
+                        alt="Barry"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>nishi</h3>
-                      <h6>developer</h6>
+                      <h3>Barry</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
-
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/masapyon.html">
+                    <a href="members/shunsei.html">
                       <img
-                        src="images/avatars/masapyon.jpg"
-                        alt="masapyon"
-                        class="img-circle img-no-padding img-responsive"
-                      />
+                        src="images/avatars/shunsei.jpg"
+                        alt="shunsei"
+                        class="img-circle img-no-padding img-responsive">
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>masapyon</h3>
-                      <h6>developer</h6>
+                      <h3>shunsei</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
-
+            </div>
+          </div>
+        </div>
+        <h2 class="ob-og-tag">OB &amp; OG</h2>
+        <div class="section">
+          <div class="container">
+            <div class="row">
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/iida.html">
+                    <a href="//www.taxio.me/">
                       <img
-                        src="images/avatars/iida.jpg"
-                        alt="iida"
+                        src="images/avatars/taxio.JPG"
+                        alt="taxio"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>iida</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>taxio</h3>
+                      <h6>Developer</h6>
                     </div>
                   </div>
                 </div>
@@ -328,18 +333,18 @@ <h6>DEVELOPER</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/ayumi.html">
+                    <a href="members/pudding.html">
                       <img
-                        src="images/avatars/ayumi.JPG"
-                        alt="ayumi"
+                        src="images/avatars/pudding.png"
+                        alt="pudding"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>ayumi</h3>
-                      <h6>PHOTOGRAPHER</h6>
+                      <h3>pudding</h3>
+                      <h6>Developer</h6>
                     </div>
                   </div>
                 </div>
@@ -350,18 +355,18 @@ <h6>PHOTOGRAPHER</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/mmnk.html">
+                    <a href="members/haia.html">
                       <img
-                        src="images/avatars/mmnk.jpeg"
-                        alt="mmnk"
+                        src="images/avatars/haia.jpg"
+                        alt="haia"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>mmnk</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>haia</h3>
+                      <h6>Photographer</h6>
                     </div>
                   </div>
                 </div>
@@ -372,18 +377,18 @@ <h6>DEVELOPER</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/yamakai.html">
+                    <a href="members/unknown.html">
                       <img
-                        src="images/avatars/yamakai.png"
-                        alt="yamakai"
+                        src="images/avatars/unknown.png"
+                        alt="kata"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>yamakai</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>kata</h3>
+                      <h6>Developer</h6>
                     </div>
                   </div>
                 </div>
@@ -394,82 +399,84 @@ <h6>DEVELOPER</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/koba.html">
+                    <a href="members/miyagawa.html">
                       <img
-                        src="images/avatars/koba.jpg"
-                        alt="koba"
+                        src="images/avatars/miyagawa.png"
+                        alt="miyagawa"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>koba</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>miyagawa</h3>
+                      <h6>designer</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
+
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/yuyu.html">
+                    <a href="members/yutaro.html">
                       <img
-                        src="images/avatars/yuyu.png"
-                        alt="yuyu"
+                        src="images/avatars/yutaro.JPG"
+                        alt="yutaro"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>yuyu</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>yutaro</h3>
+                      <h6>developer</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
+
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/tinu.html">
-                      <!-- ここ編集 -->
+                    <a href="https://chez-shanpu.github.io/">
                       <img
-                        src="images/avatars/tinu.png"
-                        alt="tinu"
+                        src="images/avatars/shanpu.jpg"
+                        alt="shanpu"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>tinu</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>shanpu</h3>
+                      <h6>developer</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
+
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/sapphire.html">
+                    <a href="members/lanqiu.html">
                       <img
-                        src="images/avatars/sapphire.jpg"
-                        alt="Sapphire"
+                        src="images/avatars/lanqiu.jpg"
+                        alt="lanqiu"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>Sapphire</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>lanqiu</h3>
+                      <h6>developer</h6>
                     </div>
                   </div>
                 </div>
@@ -480,108 +487,106 @@ <h6>DEVELOPER</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/hatto.html">
+                    <a href="members/nishi.html">
                       <img
-                        src="images/avatars/hatto.jpg"
-                        alt="hatto"
+                        src="images/avatars/nishi.png"
+                        alt="nishi"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>hatto</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>nishi</h3>
+                      <h6>developer</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
+
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/zyuc.html">
+                    <a href="members/masapyon.html">
                       <img
-                        src="images/avatars/zyuc.png"
-                        alt="zyuc"
+                        src="images/avatars/masapyon.jpg"
+                        alt="masapyon"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>zyuc</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>masapyon</h3>
+                      <h6>developer</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
+
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/Barry.html">
+                    <a href="members/iida.html">
                       <img
-                        src="images/avatars/Barry.png"
-                        alt="Barry"
+                        src="images/avatars/iida.jpg"
+                        alt="iida"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>Barry</h3>
+                      <h3>iida</h3>
                       <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
+
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/shunsei.html">
+                    <a href="members/ayumi.html">
                       <img
-                        src="images/avatars/shunsei.jpg"
-                        alt="shunsei"
-                        class="img-circle img-no-padding img-responsive">
+                        src="images/avatars/ayumi.JPG"
+                        alt="ayumi"
+                        class="img-circle img-no-padding img-responsive"
+                      />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>shunsei</h3>
-                      <h6>DEVELOPER</h6>
+                      <h3>ayumi</h3>
+                      <h6>PHOTOGRAPHER</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
-            </div>
-          </div>
-        </div>
-        <h2 class="ob-og-tag">OB &amp; OG</h2>
-        <div class="section">
-          <div class="container">
-            <div class="row">
+
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="//www.taxio.me/">
+                    <a href="members/mmnk.html">
                       <img
-                        src="images/avatars/taxio.JPG"
-                        alt="taxio"
+                        src="images/avatars/mmnk.jpeg"
+                        alt="mmnk"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>taxio</h3>
-                      <h6>Developer</h6>
+                      <h3>mmnk</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
@@ -592,18 +597,18 @@ <h6>Developer</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/pudding.html">
+                    <a href="members/yamakai.html">
                       <img
-                        src="images/avatars/pudding.png"
-                        alt="pudding"
+                        src="images/avatars/yamakai.png"
+                        alt="yamakai"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>pudding</h3>
-                      <h6>Developer</h6>
+                      <h3>yamakai</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
@@ -614,84 +619,83 @@ <h6>Developer</h6>
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/haia.html">
+                    <a href="members/koba.html">
                       <img
-                        src="images/avatars/haia.jpg"
-                        alt="haia"
+                        src="images/avatars/koba.jpg"
+                        alt="koba"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>haia</h3>
-                      <h6>Photographer</h6>
+                      <h3>koba</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
-
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/unknown.html">
+                    <a href="members/yuyu.html">
                       <img
-                        src="images/avatars/unknown.png"
-                        alt="kata"
+                        src="images/avatars/yuyu.png"
+                        alt="yuyu"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>kata</h3>
-                      <h6>Developer</h6>
+                      <h3>yuyu</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
-
               <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/miyagawa.html">
+                    <a href="members/tinu.html">
+                      <!-- ここ編集 -->
                       <img
-                        src="images/avatars/miyagawa.png"
-                        alt="miyagawa"
+                        src="images/avatars/tinu.png"
+                        alt="tinu"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>miyagawa</h3>
-                      <h6>designer</h6>
+                      <h3>tinu</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>
               </div>
               <!-- end member section -->
 
-              <!-- member section -->
+                            <!-- member section -->
               <div class="col-12 col-lg-4 col-sm-6 member-wrapper">
                 <div class="row flex-wrapper">
                   <div class="col-5 col-md-4 member">
-                    <a href="members/yutaro.html">
+                    <a href="members/zyuc.html">
                       <img
-                        src="images/avatars/yutaro.JPG"
-                        alt="yutaro"
+                        src="images/avatars/zyuc.png"
+                        alt="zyuc"
                         class="img-circle img-no-padding img-responsive"
                       />
                     </a>
                   </div>
                   <div class="col-7 col-md-8 member">
                     <div class="member-description">
-                      <h3>yutaro</h3>
-                      <h6>developer</h6>
+                      <h3>zyuc</h3>
+                      <h6>DEVELOPER</h6>
                     </div>
                   </div>
                 </div>