moved images to s3 and added terraform scripts

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

@@ -3,7 +3,7 @@
   src: url('./static/font/indieflower.ttf') format('truetype'); }
 
 .header {
-  background-image: url('./static/img/bgbg.png');
+  background-image: url('https://static.catherine-fc.com/media/bgbg.png');
   background-repeat: none;
   width: 100%;
   height: 460px;
@@ -16,7 +16,7 @@
   margin: auto;
   width: 235px;
   height: 99px;
-  background-image: url('./static/img/buynow.png');
+  background-image: url('https://static.catherine-fc.com/media/buynow.png');
   z-index: 1;
   &> a {
     display:block;
@@ -33,7 +33,7 @@
   left: 0;
   right: 0;
   margin: auto;
-  background-image: url('./static/img/bgimage.png');
+  background-image: url('https://static.catherine-fc.com/media/bgimage.png');
   background-repeat: none;
   width: 1366px;
   height: 401px;
@@ -41,7 +41,7 @@
   transition: background-image 0.5s ease-in-out;
   &:hover {
     transition: background-image 0.5s ease-in-out;
-    background-image: url('./static/img/bgimagenight.png');
+    background-image: url('https://static.catherine-fc.com/media/bgimagenight.png');
   }
 }
 .logoHeader {
@@ -52,7 +52,7 @@
   margin: auto;
   width: 577px;
   height: 401px;
-  background-image: url('./static/img/cat_fb_logo.png');
+  background-image: url('https://static.catherine-fc.com/media/cat_fb_logo.png');
   background-repeat: none;
   z-index: 1;
 }
@@ -65,7 +65,7 @@
   margin: auto;
   width: 415px;
   height: 64px;
-  background-image: url('./static/img/faito_crab.png');
+  background-image: url('https://static.catherine-fc.com/media/faito_crab.png');
   background-repeat: none;
   z-index: 1;
 }
@@ -77,7 +77,7 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  background-image: url('./static/img/background.png');
+  background-image: url('https://static.catherine-fc.com/media/background.png');
   background-repeat: none;
   color: white;
   min-height: 100vh;
@@ -108,7 +108,7 @@
   float: right;
   width: 113px;
   height: 70px;
-  background-image: url('./static/img/twitch.png');
+  background-image: url('https://static.catherine-fc.com/media/twitch.png');
   background-size: 142px 70px;
   margin: 0 20px;
   background-repeat: none;
@@ -122,7 +122,7 @@
 .twitchHome  {
   width: 113px;
   height: 70px;
-  background-image: url('./static/img/twitch.png');
+  background-image: url('https://static.catherine-fc.com/media/twitch.png');
   background-size: 142px 70px;
   margin: auto;
   background-repeat: none;
@@ -138,7 +138,7 @@
   width: 70px;
   height: 70px;
   margin: 0 20px;
-  background-image: url('./static/img/twitter.png');
+  background-image: url('https://static.catherine-fc.com/media/twitter.png');
   background-size: contain;
   &> a {
     display:block;
@@ -151,7 +151,7 @@
   width: 100px;
   height: 70px;
   margin: 0 20px;
-  background-image: url('./static/img/youtube.png');
+  background-image: url('https://static.catherine-fc.com/media/youtube.png');
   background-size: contain;
   &> a {
     display:block;
@@ -255,7 +255,7 @@
   height: 314px;
   margin: 20px auto;
   padding: 30px;
-  background-image: url('./static/img/playerbg.png');
+  background-image: url('https://static.catherine-fc.com/media/playerbg.png');
   background-repeat: none;
   font-family: 'M PLUS Rounded 1c';
   &:nth-child(odd) {
@@ -309,43 +309,43 @@
 }
 
 .character-blue_cap {
-  @include characterImage('./static/img/00_bluecap_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/00_bluecap_1204.png');
 }
 .character-red_cap {
-  @include characterImage('./static/img/00_redcap_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/00_redcap_1204.png');
 }
 .character-vincent_shirt {
-  @include characterImage('./static/img/01_vincent_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/01_vincent_1204.png');
 }
 .character-vincent_sheep {
-  @include characterImage('./static/img/01_sheep_vincent_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/01_sheep_vincent_1204.png');
 }
 .character-katherine {
-  @include characterImage('./static/img/02_katherine_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/02_katherine_1204.png');
 }
 .character-catherine {
-  @include characterImage('./static/img/03_catherine_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/03_catherine_1204.png');
 }
 .character-rin {
-  @include characterImage('./static/img/04_rin_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/04_rin_1204.png');
 }
 .character-orlando {
-  @include characterImage('./static/img/05_orlando_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/05_orlando_1204.png');
 }
 .character-johny {
-  @include characterImage('./static/img/06_jonny_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/06_jonny_1204.png');
 }
 .character-tobby {
-  @include characterImage('./static/img/07_tobby_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/07_tobby_1204.png');
 }
 .character-erica {
-  @include characterImage('./static/img/08_erika_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/08_erika_1204.png');
 }
 .character-master {
-  @include characterImage('./static/img/09_master_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/09_master_1204.png');
 }
 .character-joker {
-  @include characterImage('./static/img/13_joker_1204.png');
+  @include characterImage('https://static.catherine-fc.com/media/13_joker_1204.png');
 }
 
 .titlePlayer {
@@ -368,7 +368,7 @@
   height: 800px;
   margin: 20px auto;
   padding: 50px;
-  background-image: url('./static/img/playerbg.png');
+  background-image: url('https://static.catherine-fc.com/media/playerbg.png');
   background-repeat: none;
   background-size: 980px 800px;
   font-family: 'M PLUS Rounded 1c';
@@ -382,7 +382,7 @@
   margin-top: 70px;
   bottom: 0;
   left: 0;
-  background-image: url('./static/img/title_sheep.png');
+  background-image: url('https://static.catherine-fc.com/media/title_sheep.png');
   background-repeat: none;
 }
 .guideBody {
@@ -401,7 +401,7 @@
   width: 128px;
   height: 128px;
   margin: 20px;
-  background-image: url('./static/img/letterbox.png');
+  background-image: url('https://static.catherine-fc.com/media/letterbox.png');
   background-size: 128px 128px;
   background-repeat: none;
   & > a {
@@ -415,7 +415,7 @@
   width: 128px;
   height: 128px;
   margin: 20px auto;
-  background-image: url('./static/img/letterbox.png');
+  background-image: url('https://static.catherine-fc.com/media/letterbox.png');
   background-size: 128px 128px;
   background-repeat: none;
   & > a {
@@ -436,7 +436,7 @@
   width: 400px;
   height: 340px;
   margin: auto;
-  background-image: url('./static/img/chalice.png');
+  background-image: url('https://static.catherine-fc.com/media/chalice.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -444,7 +444,7 @@
   width: 900px;
   height: 606px;
   margin: auto;
-  background-image: url('./static/img/players.png');
+  background-image: url('https://static.catherine-fc.com/media/players.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -452,7 +452,7 @@
   width: 567px;
   height: 485px;
   margin: auto;
-  background-image: url('./static/img/scoreboard.png');
+  background-image: url('https://static.catherine-fc.com/media/scoreboard.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -460,7 +460,7 @@
   width: 808px;
   height: 119px;
   margin: auto;
-  background-image: url('./static/img/straysheepcup0.png');
+  background-image: url('https://static.catherine-fc.com/media/straysheepcup0.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -468,7 +468,7 @@
   width: 900px;
   height: 637px;
   margin: auto;
-  background-image: url('./static/img/rule.png');
+  background-image: url('https://static.catherine-fc.com/media/rule.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -482,7 +482,7 @@
   width: 899px;
   height: 696px;
   margin: auto;
-  background-image: url('./static/img/0801.png');
+  background-image: url('https://static.catherine-fc.com/media/0801.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -491,7 +491,7 @@
   width: 900px;
   height: 710px;
   margin: auto;
-  background-image: url('./static/img/0802.png');
+  background-image: url('https://static.catherine-fc.com/media/0802.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -499,7 +499,7 @@
   width: 900px;
   height: 710px;
   margin: auto;
-  background-image: url('./static/img/0808.png');
+  background-image: url('https://static.catherine-fc.com/media/0808.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -507,7 +507,7 @@
   width: 900px;
   height: 696px;
   margin: auto;
-  background-image: url('./static/img/0809.png');
+  background-image: url('https://static.catherine-fc.com/media/0809.png');
   background-size: contain;
   background-repeat: none;
 }
@@ -515,7 +515,7 @@
   width: 900px;
   height: 696px;
   margin: auto;
-  background-image: url('./static/img/0815.png');
+  background-image: url('https://static.catherine-fc.com/media/0815.png');
   background-size: contain;
   background-repeat: none;
 }