⚡ add ruby-no-kai

tokyorubykaigi12 · Jan 12, 2025 · 9ba32b6 · 9ba32b6
1 parent a4521d9
commit 9ba32b6
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 3 deletions.
diff --git a/src/components/staff/Member.astro b/src/components/staff/Member.astro
@@ -11,9 +11,11 @@ interface Props {
   ImageSrc?: string;
   githubID?: string;
   xID?: string;
+  otherUrl?: string;
   label?: string;
+  isrubynokai?: boolean;
 }
-const { name, md5Email, ImageSrc, githubID, xID, label } = Astro.props;
+const { name, md5Email, ImageSrc, githubID, xID, otherUrl, label, isrubynokai } = Astro.props;
 
 const iconSize = 400;
 ---
@@ -22,8 +24,9 @@ const iconSize = 400;
   <MiniPanel>
     <div class="container">
       <div class="icon">
-        {md5Email && <GravatarImage md5Email={md5Email} size={iconSize} alt={name} />}
-        {ImageSrc && <img src={ImageSrc} alt={name} />}
+        {(!isrubynokai && md5Email) && <GravatarImage md5Email={md5Email} size={iconSize} alt={name} />}
+        {(!isrubynokai && ImageSrc) && <img src={ImageSrc} alt={name} />}
+        {isrubynokai && <img class="rubynokai" src={ImageSrc} alt={name}/>}
       </div>
       <div>
         {label && <div class="label">{label}</div>}
@@ -47,6 +50,9 @@ const iconSize = 400;
               </a>
             </div>
           )}
+          {otherUrl && (
+            <a class="other" href={otherUrl}>{otherUrl}</a>
+          )}
         </div>
       </div>
     </div>
@@ -80,6 +86,7 @@ const iconSize = 400;
     margin-bottom: 32px;
 
     img {
+      background-color: #fff;
       border-radius: 12px;
       border: solid #d9d9d9 1px;
       width: 200px;
@@ -96,6 +103,10 @@ const iconSize = 400;
     }
   }
 
+  .rubynokai {
+    padding: 12px;
+  }
+
   .label {
     font-family: "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
     display: inline-block;
@@ -157,4 +168,12 @@ const iconSize = 400;
       font-size: 16px;
     }
   }
+
+  .other {
+    word-wrap: anywhere;
+    font-family: "Futura", "Jost", sans-serif;
+    font-size: 16px;
+    line-height: 24px;
+    text-decoration: underline;
+  }
 </style>
diff --git a/src/pages/staff.astro b/src/pages/staff.astro
@@ -134,5 +134,14 @@ const twitter_card = "summary_large_image";
         ImageSrc={HiroteaImage.src}
       />
     </div>
+    <h3>Support</h3>
+    <div class="container">
+      <Member
+        name="日本Rubyの会"
+        otherUrl="https://ruby-no-kai.org/"
+        ImageSrc="https://gyazo.com/fa3bc8419cb3ac3fe9c05490d3ab354f.png"
+        isrubynokai={true}
+      />
+    </div>
   </Panel>
 </Layout>