:new: add contributor

src/client/js/components/StaffCredit/Contributor.js

@@ -1,18 +1,43 @@
 const contributors = [
   {
     sectionName: 'GROWI VILLAGE',
-    additionalClass: 'col-md-12',
+    additionalClass: 'col-md-12 my-5',
     members: [
-      { position: 'Soncho 1st', name: 'Sou Mizobuchi' },
-      { position: 'Soncho 2nd', name: 'Yusuke Takizawa' },
+      { position: 'Soncho 1st', name: 'mizozobu' },
+      { position: 'Soncho 2nd', name: 'yusuketk' },
+      { name: 'ryu-sato' },
+      { name: 'TatsuyaIse' },
+      { name: 'haruhikonyan' },
+      { name: 'kaishuu0123' },
+      { name: 'kouki-o' },
+      { name: 'utsushiiro' },
+      { name: 'Yuchan4342' },
+      { name: 'mayumorita' },
+      { name: 'itizawa' },
+      { name: 'TsuyoshiSuzukief' },
+      { name: 'SeiyaTashiro' },
+      { name: 'Angola' },
+    ],
+  },
+  {
+    sectionName: 'ISSUE CONTRIBUTER',
+    additionalClass: 'col-md-12 my-5',
+    members: [
+      { name: 'yaodingyd' },
     ],
   },
   {
     sectionName: 'SPECIAL THANKS',
-    additionalClass: 'col-md-6 secial-thanks',
+    additionalClass: 'col-md-12 my-5',
     members: [
       { name: 'Crowi Team' },
       { position: 'Ambassador', name: 'Tsuyoshi Suzuki' },
+      { name: 'suzuki' },
+      { name: 'riaf' },
+      { name: 'hiroppy' },
+      { name: 'b4b4r07' },
+      { name: 'fivestar' },
+      { name: 'yudoufu' },
     ],
   },
 ];

src/client/js/components/StaffCredit/StaffCredit.jsx

@@ -51,9 +51,9 @@ export default class StaffCredit extends React.Component {
   }
 
   render() {
-    if (this.state.isShown) {
+    if (!this.state.isShown) {
       const credit = contributors.map((contributor) => {
-        const section = <p key={contributor.sectionName} className="dev-team mt-5">{contributor.sectionName}</p>;
+        const section = <p key={contributor.sectionName} className="dev-team my-5">{contributor.sectionName}</p>;
         const members = contributor.members.map((member) => {
           const name = <p className="dev-name mb-5">{member.name}</p>;
           if (member.position) {

src/client/styles/scss/_staff_credit.scss

@@ -2,7 +2,7 @@
 #staff-credit {
   font-family: 'Press Start 2P', $basefont1;
   color: white;
-  $credit-length: -50em;
+  $credit-length: -200em;
 
   .credit-curtain {
     position: fixed;
@@ -19,7 +19,7 @@
     top: $credit-length;
     animation-name: Credit;
     // credit duration
-    animation-duration: 15s;
+    animation-duration: 20s;
     animation-timing-function: linear;
   }
 
@@ -46,6 +46,6 @@
   }
 
   .dev-name {
-    font-size: 2em;
+    font-size: 1.8em;
   }
 }