spider color updated

assets/js/spider-framework.js

@@ -58,8 +58,8 @@
           var m = normal.length2();
           normal.mutableScale(
             ((this.distance * this.distance - m) / m) *
-              this.stiffness *
-              stepCoef
+            this.stiffness *
+            stepCoef
           );
           this.a.pos.mutableAdd(normal);
           this.b.pos.mutableSub(normal);
@@ -81,7 +81,7 @@
         PinConstraint.prototype.draw = function (ctx) {
           ctx.beginPath();
           ctx.arc(this.pos.x, this.pos.y, 6, 0, 2 * Math.PI);
-          ctx.fillStyle = "rgba(0,153,255,0.1)";
+          ctx.fillStyle = "#fff";
           ctx.fill();
         };
         function AngleConstraint(a, b, c, stiffness) {
@@ -286,7 +286,7 @@
           assert(
             "normal",
             Math.abs(normal.length() - 1) <= 1e-5 &&
-              normal.epsilonEquals(new Vec2(0.4472, 0.89443), 1e-4)
+            normal.epsilonEquals(new Vec2(0.4472, 0.89443), 1e-4)
           );
           assert("dot", new Vec2(2, 3).dot(new Vec2(4, 1)) == 11);
           assert(
@@ -296,8 +296,8 @@
           assert(
             "angle2",
             new Vec2(1, 1).angle2(new Vec2(1, 0), new Vec2(2, 1)) *
-              (180 / Math.PI) ==
-              90
+            (180 / Math.PI) ==
+            90
           );
           assert(
             "rotate",

blocks/welcome-banner-spider.php

@@ -2,7 +2,10 @@
 <section class="py-80 HOME TOP-BANNER-SECTION home2">
     <div class="container">
         <div class="row align-items-center">
-            <div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
+            <div class="col-lg-6 col-md-6 col-12 mx-auto order-md-2">
+                <canvas id="scratch" style="width: 375px; height: 400px;"></canvas>
+            </div>
+            <div class="col-lg-5 col-md-5 col-12 mx-auto left-text order-md-1">
                 <div class="position-relative left-text-wrapper">
                     <h1><?php echo get_field('wb_title') ?></h1>
                     <p><?php echo get_field('wb_subtitle') ?></p>
@@ -18,15 +21,7 @@
                     </a>
                 </div>
             </div>
-            <div class="col-lg-6 col-md-6 col-12 mx-auto">
-                <canvas id="scratch" style="width: 500px; height: 400px;"></canvas>
-                <!-- <div class="jumbotron showcase parallax-window" data-parallax="scroll"
-                    data-image-src="images/showcase-bg.jpg" data-position="-80% -90%" style="margin-top:70px;">
-                    <div class="col-md-5" style="margin-top:-50px;">
-                        <canvas id="scratch" style="width: 500px; height: 400px;"></canvas>
-                    </div>
-                </div> -->
-            </div>
+
         </div>
     </div>
 </section>