Update blog

Author: windshadow233

themes/butterfly/layout/includes/page/about.pug

@@ -40,11 +40,11 @@
       .badge-wrapper
         .badge-base.LI-profile-badge(data-locale="en_US" data-size="large" data-theme="dark" data-type="HORIZONTAL" data-vanity="yizhanfan" data-version="v1")
     .author-content-item.hello-about
-      .cursor(style='position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);')
+      .cursor
       .shapes
-        .shape.shape-1(style='position: absolute;top: 50%;left: 50%;')
-        .shape.shape-2(style='position: absolute;top: 50%;left: 50%;')
-        .shape.shape-3(style='position: absolute;top: 50%;left: 50%;')
+        .shape.shape-1
+        .shape.shape-2
+        .shape.shape-3
       .content
         h1 Hello there!
 

themes/butterfly/source/css/_custom/about/hello-about.css

@@ -27,6 +27,8 @@
   .shape {
     will-change: transform;
     position: absolute;
+    top: 50%;
+    left: 50%;
     border-radius: 50%;
   }
 
@@ -93,10 +95,12 @@
 
   .cursor {
     position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     background: #2128bd;
     width: 20px;
     height: 20px;
-    margin: -10px 0 0 -10px;
     border-radius: 50%;
     will-change: transform;
     user-select: none;