From bd7c06a9c6ccd3f766789963b798c4c3c8c9098f Mon Sep 17 00:00:00 2001
From: GinaHsin <ayako120487@gmail.com>
Date: Thu, 7 Sep 2023 23:05:16 +0800
Subject: [PATCH 1/5] add GameRoom.vue

---
 frontend/components/GameRoom.vue | 144 +++++++++++++++++++++++++++++++
 1 file changed, 144 insertions(+)
 create mode 100644 frontend/components/GameRoom.vue

diff --git a/frontend/components/GameRoom.vue b/frontend/components/GameRoom.vue
new file mode 100644
index 0000000..39d447c
--- /dev/null
+++ b/frontend/components/GameRoom.vue
@@ -0,0 +1,144 @@
+<template>
+    <ul class="game-room font-cubic">
+        <button class="left-arrow"></button>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+    </ul>
+</template>
+
+<style>
+.game-room_name, .game-room_name button{
+    font-family: 'Cubic_11';
+    font-weight: 400;
+}
+.game-room{
+    box-sizing: border-box;
+    width: 1239px;
+    height: 717px;
+    padding: 56px 48px;
+    border: 4px solid #939393;
+    border-radius: 20px;
+    background-color: rgba(132, 132, 132, 0.20);
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+}
+.left-arrow{
+    width: 32px;
+    height: 32px;
+    background-image: url("../assets/left arrow.png");
+    position: absolute;
+    left: 19.5px;
+    top: 20px;
+    border: none;
+    cursor: pointer;
+}
+.game-room_name{
+    box-sizing: border-box;
+    width: 554px;
+    height: 141px;
+    background-color: rgba(132, 132, 132, 0.20);
+    border-radius: 20px;
+    display: flex;
+    justify-content: space-between;
+}
+.game-room_name:not(:last-of-type){
+    margin-right: 11px;
+    margin-bottom: 11px;
+}
+.game-room_name div{
+    margin-left: 24px;
+    margin-top: 24px;
+    margin-bottom: 21px;
+    line-height: 1;
+    text-align: left;
+}
+.game-room_name h2{
+    color: #FFC700;
+    font-size: 32px;
+    margin: 0;
+}
+.game-room_name p{
+    color: #FFF;
+    font-size: 20px;
+    margin: 0;
+}
+.game-room_name h2, p:not(:last-of-type){
+    margin-bottom: 12px;
+}
+.game-room_name button{
+    color: #000;
+    font-size: 20px;
+    background-color: #FFD15C;
+    border: none;
+    width: 91px;
+    height: 91px;
+    border-radius: 50px;
+    margin-top: 25px;
+    margin-right: 23px;
+    margin-bottom: 25px;
+    cursor: pointer;
+}
+</style>

From a7831f0a16d4fdcf7f2582c0d04f8058cd3c0d18 Mon Sep 17 00:00:00 2001
From: GinaHsin <ayako120487@gmail.com>
Date: Thu, 7 Sep 2023 23:09:43 +0800
Subject: [PATCH 2/5] add leftarrow.png

---
 frontend/public/leftarrow.png | Bin 0 -> 587 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 frontend/public/leftarrow.png

diff --git a/frontend/public/leftarrow.png b/frontend/public/leftarrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..366a5071ef162839d896e5bbe94f7933ea8b0409
GIT binary patch
literal 587
zcmV-R0<`^!P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0pLkQK~#7F?U&1K
z!axv)XBTk*F8IPjLJIC6Q~-1U6$C1XQURobKnLl7bO0r|1AIfk0WMs4<{ttPSjM}y
zSuV*ZSvHn;=ik|#2Sk4zK_MBB$Jul`UEA;XPO(^YDJG!=%x1G^A;j=-IArnDU9DCX
z+qRb!1F8F=$2e2YWHJqkiIxB#<99<Tz@%}d0Mo_;1xzNBGHwHt#%~H><B3FKh{rMo
zQ^mJ64o!-Ph+*7|gR8&W?M7kpgSeCN>q&*^ZMWOLju3Hg;}^K_MjIkVK_5v&#+l=s
z^ZC3(Dgg$J|AHv$28oc<>9k?WxQ+<9*=$^T04#z-*85(TN+k!S^^G0?wtC>r8OJkF
zC=_~7_)g}@qJn;0zPQQ*I1gRKaEA<o@T{N1^C}hR^Z71reKL%c^7Z`e+Y!MNpYX&B
z83f&w#od%|F@h&r^po3Fv~#(f;0tcG*|nzw?WzW*QmGc-Z<ga^GFjIYafI_e?<*f@
z2(noSycpCk)&d1smbJu+nxwHBKUfF~QsvfooP%nh0ESn^Zl#DK6yvjt#o|fX6PgsU
zUau=!UGb@|Hx+vtNrd+Q0vs#{*|L5XfoGm{q&wbc5e}m5i^9Ua16R<feISqHZkzr&
Z@eTWA0hh&EIF0}S002ovPDHLkV1lA^{EPqq

literal 0
HcmV?d00001


From e862f8b9289230389fbee2a8c7d79aac337f347f Mon Sep 17 00:00:00 2001
From: GinaHsin <ayako120487@gmail.com>
Date: Sat, 9 Sep 2023 12:52:45 +0800
Subject: [PATCH 3/5] change the name of leftarrow to left-arrow

---
 frontend/public/left-arrow.png | Bin 0 -> 587 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 frontend/public/left-arrow.png

diff --git a/frontend/public/left-arrow.png b/frontend/public/left-arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..366a5071ef162839d896e5bbe94f7933ea8b0409
GIT binary patch
literal 587
zcmV-R0<`^!P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0pLkQK~#7F?U&1K
z!axv)XBTk*F8IPjLJIC6Q~-1U6$C1XQURobKnLl7bO0r|1AIfk0WMs4<{ttPSjM}y
zSuV*ZSvHn;=ik|#2Sk4zK_MBB$Jul`UEA;XPO(^YDJG!=%x1G^A;j=-IArnDU9DCX
z+qRb!1F8F=$2e2YWHJqkiIxB#<99<Tz@%}d0Mo_;1xzNBGHwHt#%~H><B3FKh{rMo
zQ^mJ64o!-Ph+*7|gR8&W?M7kpgSeCN>q&*^ZMWOLju3Hg;}^K_MjIkVK_5v&#+l=s
z^ZC3(Dgg$J|AHv$28oc<>9k?WxQ+<9*=$^T04#z-*85(TN+k!S^^G0?wtC>r8OJkF
zC=_~7_)g}@qJn;0zPQQ*I1gRKaEA<o@T{N1^C}hR^Z71reKL%c^7Z`e+Y!MNpYX&B
z83f&w#od%|F@h&r^po3Fv~#(f;0tcG*|nzw?WzW*QmGc-Z<ga^GFjIYafI_e?<*f@
z2(noSycpCk)&d1smbJu+nxwHBKUfF~QsvfooP%nh0ESn^Zl#DK6yvjt#o|fX6PgsU
zUau=!UGb@|Hx+vtNrd+Q0vs#{*|L5XfoGm{q&wbc5e}m5i^9Ua16R<feISqHZkzr&
Z@eTWA0hh&EIF0}S002ovPDHLkV1lA^{EPqq

literal 0
HcmV?d00001


From 6751c12abc275600dc5be07d2770d3afba6fd24a Mon Sep 17 00:00:00 2001
From: GinaHsin <ayako120487@gmail.com>
Date: Sat, 9 Sep 2023 12:57:01 +0800
Subject: [PATCH 4/5] change the name of GameRoom to gameroom

---
 frontend/components/game-room.vue | 144 ++++++++++++++++++++++++++++++
 1 file changed, 144 insertions(+)
 create mode 100644 frontend/components/game-room.vue

diff --git a/frontend/components/game-room.vue b/frontend/components/game-room.vue
new file mode 100644
index 0000000..39d447c
--- /dev/null
+++ b/frontend/components/game-room.vue
@@ -0,0 +1,144 @@
+<template>
+    <ul class="game-room font-cubic">
+        <button class="left-arrow"></button>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+        <li class="game-room_name">
+            <div>
+                <h2>房間名稱</h2>
+                <p>人數：4/8</p>
+                <p>房主：player name</p>
+            </div>
+            <button>加入</button>
+        </li>
+    </ul>
+</template>
+
+<style>
+.game-room_name, .game-room_name button{
+    font-family: 'Cubic_11';
+    font-weight: 400;
+}
+.game-room{
+    box-sizing: border-box;
+    width: 1239px;
+    height: 717px;
+    padding: 56px 48px;
+    border: 4px solid #939393;
+    border-radius: 20px;
+    background-color: rgba(132, 132, 132, 0.20);
+    display: flex;
+    flex-wrap: wrap;
+    position: relative;
+}
+.left-arrow{
+    width: 32px;
+    height: 32px;
+    background-image: url("../assets/left arrow.png");
+    position: absolute;
+    left: 19.5px;
+    top: 20px;
+    border: none;
+    cursor: pointer;
+}
+.game-room_name{
+    box-sizing: border-box;
+    width: 554px;
+    height: 141px;
+    background-color: rgba(132, 132, 132, 0.20);
+    border-radius: 20px;
+    display: flex;
+    justify-content: space-between;
+}
+.game-room_name:not(:last-of-type){
+    margin-right: 11px;
+    margin-bottom: 11px;
+}
+.game-room_name div{
+    margin-left: 24px;
+    margin-top: 24px;
+    margin-bottom: 21px;
+    line-height: 1;
+    text-align: left;
+}
+.game-room_name h2{
+    color: #FFC700;
+    font-size: 32px;
+    margin: 0;
+}
+.game-room_name p{
+    color: #FFF;
+    font-size: 20px;
+    margin: 0;
+}
+.game-room_name h2, p:not(:last-of-type){
+    margin-bottom: 12px;
+}
+.game-room_name button{
+    color: #000;
+    font-size: 20px;
+    background-color: #FFD15C;
+    border: none;
+    width: 91px;
+    height: 91px;
+    border-radius: 50px;
+    margin-top: 25px;
+    margin-right: 23px;
+    margin-bottom: 25px;
+    cursor: pointer;
+}
+</style>

From 6e76036d942bd7cd4497923026f8ad631d13e545 Mon Sep 17 00:00:00 2001
From: GinaHsin <ayako120487@gmail.com>
Date: Sat, 9 Sep 2023 18:31:04 +0800
Subject: [PATCH 5/5] modify game-room.vue

---
 frontend/components/GameRoom.vue  | 144 ------------------------------
 frontend/components/game-room.vue |  37 ++++----
 frontend/public/leftarrow.png     | Bin 587 -> 0 bytes
 3 files changed, 18 insertions(+), 163 deletions(-)
 delete mode 100644 frontend/components/GameRoom.vue
 delete mode 100644 frontend/public/leftarrow.png

diff --git a/frontend/components/GameRoom.vue b/frontend/components/GameRoom.vue
deleted file mode 100644
index 39d447c..0000000
--- a/frontend/components/GameRoom.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-    <ul class="game-room font-cubic">
-        <button class="left-arrow"></button>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-        <li class="game-room_name">
-            <div>
-                <h2>房間名稱</h2>
-                <p>人數：4/8</p>
-                <p>房主：player name</p>
-            </div>
-            <button>加入</button>
-        </li>
-    </ul>
-</template>
-
-<style>
-.game-room_name, .game-room_name button{
-    font-family: 'Cubic_11';
-    font-weight: 400;
-}
-.game-room{
-    box-sizing: border-box;
-    width: 1239px;
-    height: 717px;
-    padding: 56px 48px;
-    border: 4px solid #939393;
-    border-radius: 20px;
-    background-color: rgba(132, 132, 132, 0.20);
-    display: flex;
-    flex-wrap: wrap;
-    position: relative;
-}
-.left-arrow{
-    width: 32px;
-    height: 32px;
-    background-image: url("../assets/left arrow.png");
-    position: absolute;
-    left: 19.5px;
-    top: 20px;
-    border: none;
-    cursor: pointer;
-}
-.game-room_name{
-    box-sizing: border-box;
-    width: 554px;
-    height: 141px;
-    background-color: rgba(132, 132, 132, 0.20);
-    border-radius: 20px;
-    display: flex;
-    justify-content: space-between;
-}
-.game-room_name:not(:last-of-type){
-    margin-right: 11px;
-    margin-bottom: 11px;
-}
-.game-room_name div{
-    margin-left: 24px;
-    margin-top: 24px;
-    margin-bottom: 21px;
-    line-height: 1;
-    text-align: left;
-}
-.game-room_name h2{
-    color: #FFC700;
-    font-size: 32px;
-    margin: 0;
-}
-.game-room_name p{
-    color: #FFF;
-    font-size: 20px;
-    margin: 0;
-}
-.game-room_name h2, p:not(:last-of-type){
-    margin-bottom: 12px;
-}
-.game-room_name button{
-    color: #000;
-    font-size: 20px;
-    background-color: #FFD15C;
-    border: none;
-    width: 91px;
-    height: 91px;
-    border-radius: 50px;
-    margin-top: 25px;
-    margin-right: 23px;
-    margin-bottom: 25px;
-    cursor: pointer;
-}
-</style>
diff --git a/frontend/components/game-room.vue b/frontend/components/game-room.vue
index 39d447c..5d5f612 100644
--- a/frontend/components/game-room.vue
+++ b/frontend/components/game-room.vue
@@ -1,76 +1,75 @@
 <template>
-    <ul class="game-room font-cubic">
+    <ul class="game-room">
         <button class="left-arrow"></button>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
         <li class="game-room_name">
-            <div>
+            <div class="font-cubic">
                 <h2>房間名稱</h2>
                 <p>人數：4/8</p>
                 <p>房主：player name</p>
             </div>
-            <button>加入</button>
+            <button class="font-cubic">加入</button>
         </li>
     </ul>
 </template>
 
 <style>
 .game-room_name, .game-room_name button{
-    font-family: 'Cubic_11';
     font-weight: 400;
 }
 .game-room{
@@ -88,7 +87,7 @@
 .left-arrow{
     width: 32px;
     height: 32px;
-    background-image: url("../assets/left arrow.png");
+    background-image: url("../public/left-arrow.png");
     position: absolute;
     left: 19.5px;
     top: 20px;
diff --git a/frontend/public/leftarrow.png b/frontend/public/leftarrow.png
deleted file mode 100644
index 366a5071ef162839d896e5bbe94f7933ea8b0409..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 587
zcmV-R0<`^!P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0pLkQK~#7F?U&1K
z!axv)XBTk*F8IPjLJIC6Q~-1U6$C1XQURobKnLl7bO0r|1AIfk0WMs4<{ttPSjM}y
zSuV*ZSvHn;=ik|#2Sk4zK_MBB$Jul`UEA;XPO(^YDJG!=%x1G^A;j=-IArnDU9DCX
z+qRb!1F8F=$2e2YWHJqkiIxB#<99<Tz@%}d0Mo_;1xzNBGHwHt#%~H><B3FKh{rMo
zQ^mJ64o!-Ph+*7|gR8&W?M7kpgSeCN>q&*^ZMWOLju3Hg;}^K_MjIkVK_5v&#+l=s
z^ZC3(Dgg$J|AHv$28oc<>9k?WxQ+<9*=$^T04#z-*85(TN+k!S^^G0?wtC>r8OJkF
zC=_~7_)g}@qJn;0zPQQ*I1gRKaEA<o@T{N1^C}hR^Z71reKL%c^7Z`e+Y!MNpYX&B
z83f&w#od%|F@h&r^po3Fv~#(f;0tcG*|nzw?WzW*QmGc-Z<ga^GFjIYafI_e?<*f@
z2(noSycpCk)&d1smbJu+nxwHBKUfF~QsvfooP%nh0ESn^Zl#DK6yvjt#o|fX6PgsU
zUau=!UGb@|Hx+vtNrd+Q0vs#{*|L5XfoGm{q&wbc5e}m5i^9Ua16R<feISqHZkzr&
Z@eTWA0hh&EIF0}S002ovPDHLkV1lA^{EPqq