From 856f78a4c15398987d92923943915e9b2fd85b59 Mon Sep 17 00:00:00 2001
From: Hyunchul Kim <hynchl.kim@gmail.com>
Date: Sun, 12 Sep 2021 04:15:18 +0900
Subject: [PATCH] Update details 2

---
 test_data/index.html                    | 5 +++++
 test_data/src/scripts/accessibility.js  | 5 +++++
 test_data/src/scripts/physicsLayout.js  | 8 ++++----
 test_data/src/scripts/updateFragment.js | 4 ++--
 test_data/src/style/common.css          | 2 +-
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/test_data/index.html b/test_data/index.html
index 722d75f..5ad763d 100644
--- a/test_data/index.html
+++ b/test_data/index.html
@@ -308,6 +308,11 @@
     </div>
     <script src="src/scripts/updateFragment.js"></script>
     <script src="src/scripts/accessibility.js"></script>
+    <script>
+        window.onresize = () => {
+            onresizeAccessibility();
+        }
+    </script>
 </div>
 </body>
 </html>
diff --git a/test_data/src/scripts/accessibility.js b/test_data/src/scripts/accessibility.js
index c280d6f..3968b1e 100644
--- a/test_data/src/scripts/accessibility.js
+++ b/test_data/src/scripts/accessibility.js
@@ -18,6 +18,11 @@ if (window.sessionStorage.getItem('isZoom') == 'true') {
         const sound = document.querySelector("#sound")
         zoom.style.right = "5px";
         sound.style.top = "85px";
+    } else {
+        const zoom = document.querySelector("#zoom")
+        const sound = document.querySelector("#sound")
+        zoom.style.right = "";
+        sound.style.top = "";
     }
     isZoomed = true;
 } else {
diff --git a/test_data/src/scripts/physicsLayout.js b/test_data/src/scripts/physicsLayout.js
index f2c4642..6cbf176 100644
--- a/test_data/src/scripts/physicsLayout.js
+++ b/test_data/src/scripts/physicsLayout.js
@@ -46,8 +46,8 @@ var render = Render.create({
                 }
              });
 var ceiling = Bodies.rectangle(render.canvas.width/2, 0, render.canvas.width, 120, { isStatic: true, friction:0, restitution:10});
-var leftWall = Bodies.rectangle(0, window.innerHeight/2, 5, window.innerHeight, { isStatic: true, friction:0, restitution:10});
-var rightWall = Bodies.rectangle(render.canvas.width, (window.innerHeight/2)-60, 5, window.innerHeight, { isStatic: true, friction:0, restitution:10}); //update
+var leftWall = Bodies.rectangle(10, window.innerHeight/2, 60, window.innerHeight*5, { isStatic: true, friction:0, restitution:10});
+var rightWall = Bodies.rectangle(canvasWidth-10, (window.innerHeight/2)-60, 5, window.innerHeight*5, { isStatic: true, friction:0, restitution:10}); //update
 var floor = Bodies.rectangle(render.canvas.width/2, window.innerHeight-20, render.canvas.width, 240, { isStatic: true, friction:0, restitution:10});
 
 let maxY = 0;
@@ -133,11 +133,11 @@ setInterval(()=>{
   maxY = bodies.sort((a, b) => (b.position.y - a.position.y))[0].position.y;
   if (maxY < getDocumentHeight()) return;
 
-  render.canvas.height = Math.max(window.innerHeight, maxY + 600);
+  render.canvas.height = Math.max(window.innerHeight, maxY + 1000);
   document.querySelector('#authors').style.height = render.canvas.height;
   
   if(leftWall.position.y+window.innerHeight/2 <getDocumentHeight()){
-    leftWall = Bodies.rectangle(0, leftWall.position.y + render.canvas.width, 60, window.innerHeight, { isStatic: true });
+    leftWall = Bodies.rectangle(0, leftWall.position.y + render.canvas.width, 100, window.innerHeight, { isStatic: true });
     rightWall = Bodies.rectangle(render.canvas.width, rightWall.position.y + window.innerHeight, 60, window.innerHeight, { isStatic: true }); //update
     World.add(engine.world, [leftWall, rightWall]);
   }
diff --git a/test_data/src/scripts/updateFragment.js b/test_data/src/scripts/updateFragment.js
index 5af3eb1..ce50ff2 100644
--- a/test_data/src/scripts/updateFragment.js
+++ b/test_data/src/scripts/updateFragment.js
@@ -57,8 +57,8 @@ var render = Render.create({
                 }
              });
 var ceiling = Bodies.rectangle(render.canvas.width/2, 0, render.canvas.width, 120, { isStatic: true, friction:0, restitution:0.5 });
-var leftWall = Bodies.rectangle(0, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 });
-var rightWall = Bodies.rectangle(render.canvas.width, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 }); //update
+var leftWall = Bodies.rectangle(10, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 });
+var rightWall = Bodies.rectangle(render.canvas.width-10, window.innerHeight/2, 60, window.innerHeight, { isStatic: true, friction:0, restitution:0.5 }); //update
 var title = Bodies.rectangle(render.canvas.width/2, 0, 300, 200, { isStatic: true, friction:0, restitution:0.5 });
 var timeline = Bodies.rectangle(render.canvas.width-60, window.innerHeight-150, 150, 150, { isStatic: true, friction:0, restitution:0.5 });
 
diff --git a/test_data/src/style/common.css b/test_data/src/style/common.css
index eaed530..b8ff9bf 100644
--- a/test_data/src/style/common.css
+++ b/test_data/src/style/common.css
@@ -225,7 +225,7 @@
       }
       
       /***** pc *****/
-      @media ( min-width: 780px ) {
+      @media ( min-width: 1080px ) {
         
         /* MENU */
         #menu {