diff --git a/static/homepage.css b/static/homepage.css
index 7944d288344cac91d5f4140272b12dbb463cd93d..5e4514840635878ad9d50fd131b7e282931c915d 100644
--- a/static/homepage.css
+++ b/static/homepage.css
@@ -32,10 +32,10 @@
 }
 
 
-#roadmap{
+#roadmap {
     position: absolute;
     z-index: 5;
-    top: 9600px;
+    top: 11400px;
 }
 
 
@@ -860,7 +860,7 @@
     text-align: center;
 }
 .homepage-content15 {
-    top: 9200px;
+    top: 11000px;
     width: 1100px;
     height: 200px;
     text-align: center;
diff --git a/static/homepage.js b/static/homepage.js
index 8f515a037ec0e7df30e0992052a16aaa7c9a2f29..2c23c556606b2c5247733169ca9621f04c21d30b 100644
--- a/static/homepage.js
+++ b/static/homepage.js
@@ -185,7 +185,7 @@ function draw(){
     let scrTop = document.documentElement.scrollTop;
     var canvas = document.getElementById("roadmap")
     canvas.width = 1300;
-    canvas.height = 4500;
+    canvas.height = 2000;
     let cvs_h = canvas.getBoundingClientRect().top + scrTop;
     let cur_h = document.documentElement.clientHeight / 1.8 + scrTop;
     top_screen = Math.floor(-canvas.getBoundingClientRect().top);
@@ -249,20 +249,20 @@ function draw(){
 
     
     var centerX = canvas.width / 2;  
-    verticalLine(centerX, 200, 4500, ctx, canvas_h);
+    verticalLine(centerX, 200, 2000, ctx, canvas_h);
 
-    circularArc(centerX - 30, 1600, ctx, canvas_h, 3, 0);
+    // circularArc(centerX - 30, 1600, ctx, canvas_h, 3, 0);
 
-    horizontalLine(centerX - 30, centerX - 400, 1630, ctx, canvas_h, 2, 0);
+    // horizontalLine(centerX - 30, centerX - 400, 1630, ctx, canvas_h, 2, 0);
     
-    circularArc(centerX + 30, 2400, ctx, canvas_h, 1, 1);
-    horizontalLine(centerX + 30, centerX + 400, 2430, ctx, canvas_h, 1, 1);
+    // circularArc(centerX + 30, 2400, ctx, canvas_h, 1, 1);
+    // horizontalLine(centerX + 30, centerX + 400, 2430, ctx, canvas_h, 1, 1);
     
-    circularArc(centerX - 30, 3200, ctx, canvas_h, 3, 2);
-    horizontalLine(centerX - 30, centerX - 400, 3230, ctx, canvas_h, 2, 2);
+    // circularArc(centerX - 30, 3200, ctx, canvas_h, 3, 2);
+    // horizontalLine(centerX - 30, centerX - 400, 3230, ctx, canvas_h, 2, 2);
     
-    circularArc(centerX + 30, 4000, ctx, canvas_h, 1, 3);
-    horizontalLine(centerX + 30, centerX + 400, 4030, ctx, canvas_h, 1, 3);
+    // circularArc(centerX + 30, 4000, ctx, canvas_h, 1, 3);
+    // horizontalLine(centerX + 30, centerX + 400, 4030, ctx, canvas_h, 1, 3);
   
     ctx.stroke()
     canvas.style.backgroundColor="transparent";
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index ecd1f2cd0808c4bb6b11246ce866f0e790839418..e232abf67f3c9b8d2fc144c395a93c9e8ee0bad4 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -344,7 +344,7 @@
   </a>
 </div>
 
-<canvas id="roadmap" width="1300" height="4500" style="background-color: transparent;"></canvas>
+<canvas id="roadmap" width="1300" height="2000" style="background-color: transparent;"></canvas>
 </div>
 <script src="{{ url_for('static', filename = 'homepage.js') }}" type="text/javascript"></script>