Update blog

Author: windshadow233

source/people/index.md

@@ -1,5 +1,6 @@
 ---
 layout: false
+sitemap: false
 ---
 
 <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/windshadow233/BlogStorage@files/css/people.css">

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

@@ -18,10 +18,6 @@
         | GPG Key: 
         span.inline-word
           a(href="https://keys.openpgp.org/search?q=B8674F373ACBD2AD") B8674F373ACBD2AD
-      .title1
-        | LinkedIn: 
-        span.inline-word
-          a(href="https://www.linkedin.com/in/yizhanfan") yizhanfan
 
     .aboutsiteTips.author-content-item
       .author-content-item-tips 追求
@@ -39,6 +35,10 @@
           |
           span(data-show) 程序
   .author-content
+    .author-content-item.linkedin
+      script(src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript")
+      .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%);')
       .shapes

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

@@ -90,10 +90,35 @@ p.p.center, span.p.center {
   color: var(--fyz-white);
   background: linear-gradient(120deg, #5b27ff 0, #00d4ff 100%);
   background-size: 200%;
-  /* animation: gradient 15s ease infinite; */
   width: 59%;
 }
 
+.author-content-item.linkedin{
+  --left-translate: 15px;
+  --top-translate: 3px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+  width: 34%;
+  padding: 0;
+  background: linear-gradient(
+    #38434f 0 calc(42px + var(--top-translate)),
+    #000 calc(42px + var(--top-translate)) 100%
+  );
+  position: relative;
+  padding-left: var(--left-translate);
+  padding-top: var(--top-translate);
+  overflow: scroll;
+  min-height: 280px;
+}
+.badge-base iframe {
+    display: block;
+    width: 330px !important;
+    top: calc(-1 * var(--top-translate));
+    left: calc(-1 * var(--left-translate));
+    position: relative;
+}
+
 .author-content-item {
   width: 49%;
   border-radius: 24px;

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

@@ -6,7 +6,7 @@
     border: 1px solid var(--fyz-border);
     box-shadow: var(--card-box-shadow);
     transition: all 0.3s ease-in-out;
-    width: 100%;
+    width: 64%;
     position: relative;
     padding: 0;
   }