inital commit

main-web/client/src/App.tsx

@@ -47,12 +47,20 @@ function App(): JSX.Element {
             <li>
               <Link to='/'>Home</Link>
             </li>
+            <li>
+              <Link to='/players'>Players</Link>
+            </li>
+            {
+              /*
+
             <li>
               <Link to='/tournaments/stray_sheep_0/players'>Players</Link>
             </li>
             <li>
               <Link to='/tournaments/stray_sheep_0/scoreboard'>Scoreboard</Link>
             </li>
+              */
+            }
             <li>
               <Link to='/guide'>Guide</Link>
             </li>

main-web/client/src/components/home.tsx

@@ -14,17 +14,15 @@ export const Home: FunctionComponent<ComponentProps> = (props): JSX.Element => {
   return (
     <div className={style.mainBody}>
       <div className={style.chalice} />
-      <div className={style.titleImageStrayShip0} />
-      <div className={style.players} />
+      <div className={style.titleImageStrayShip4} />
+      <div className={style.padding} />
+      <div className={style.tonamel}>
+            <a href='https://tonamel.com/competition/49WpE' rel='noopener noreferrer' target='_blank'>&nbsp;</a>
+      </div>
       <div className={style.padding} />
-      <div className={style.rule} />
       <div className={style.twitchHome}>
             <a href='https://www.twitch.tv/catherine_faito_crab' rel='noopener noreferrer' target='_blank'>&nbsp;</a>
       </div>
-      <YouTube
-        videoId={'oetCaugzOew'}
-        opts={opts}
-      />
     </div>
   );
 };

main-web/client/src/web.module.scss

@@ -464,6 +464,14 @@
   background-size: contain;
   background-repeat: none;
 }
+.titleImageStrayShip4 {
+  width: 808px;
+  height: 119px;
+  margin: auto;
+  background-image: url('https://static.catherine-fc.com/media/straysheepcup4.png');
+  background-size: contain;
+  background-repeat: none;
+}
 .rule  {
   width: 900px;
   height: 637px;
@@ -472,7 +480,19 @@
   background-size: contain;
   background-repeat: none;
 }
-
+.tonamel  {
+  width: 900px;
+  height: 637px;
+  margin: auto;
+  background-image: url('https://static.catherine-fc.com/media/tonamel.png');
+  background-size: contain;
+  background-repeat: none;
+  &> a {
+    display:block;
+    width: 900px;
+    height: 637px;
+  }
+}
 .padding  {
   width: 900px;
   height: 100px;