add meet up

Signed-off-by: liuboaibc <kukudehero@gmail.com>

assets/scss/index.scss

@@ -1039,6 +1039,49 @@
   }
 }
 
+.meet-div {
+  z-index: 100;
+  position: fixed;
+  right: 32px;
+  bottom: 32px;
+  width: 320px;
+  padding-top: 44px;
+  border-radius: 4px;
+  box-shadow: 0 8px 16px 0 rgba(36, 46, 66, 0.4);
+  border: solid 1px #d1d7df;
+  background-color: #ffffff;
+  text-align: center;
+  cursor: pointer;
+  background-image: url('/images/home/group-20.svg');
+
+  .close {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    cursor: pointer;
+  }
+
+  .img-2 {
+    margin-top: 22px;
+  }
+
+  p {
+    margin: 20px 0;
+  }
+
+  .img-3 {
+    display: block;
+    width: 80px;
+    height: 80px;
+    margin: 0 auto;
+  }
+
+  .img-4 {
+    margin-top: 24px;
+    margin-bottom: 29px;
+  }
+}
+
 footer {
   background: #ffffff;
 

layouts/index.html

@@ -190,6 +190,17 @@
   {{ end }}
 </section>
 
+{{ if eq .Site.Language.Lang "zh"}}
+<div class="meet-div">
+  <img class="close" src="/images/home/close.svg" alt="close">
+  <img src="/images/home/group-18.svg" alt="{{ i18n "icon" }}">
+  <img class="img-2" src="/images/home/group-16.svg" alt="{{ i18n "icon" }}">
+  <p>12.19 北京 · aiospace机遇空间</p>
+  <img class="img-3" src="/images/home/二维码.jpg" alt="二维码">
+  <img class="img-4" src="/images/home/group-19.svg" alt="{{ i18n "icon" }}">
+</div>
+{{ end }}
+
 <script>
   var bindMouseLeftLi = function() {
     $('.section-3 .left-li').mouseenter(function() {
@@ -214,7 +225,22 @@
       }
     })
   }
+
+  var bindClose = function() {
+    $('.meet-div .close').click(function(e) {
+      e.stopPropagation()
+      $('.meet-div').hide()
+    })
+  }
+
+  var bindMeet = function() {
+    $('.meet-div').click(function() {
+      window.open('https://kubesphere.com.cn/forum/d/2712-meetup-topic')
+    })
+  }
   bindMouseLeftLi()
   bindResize()
+  bindClose()
+  bindMeet()
 </script>
 {{ end }}

static/images/home/close.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+    <path fill="#242E42" fill-rule="evenodd" d="M19.07 6.343l-1.413-1.414L12 10.586 6.343 4.929 4.929 6.343 10.586 12l-5.657 5.657 1.414 1.414L12 13.414l5.657 5.657 1.414-1.414L13.414 12l5.657-5.657z" clip-rule="evenodd"/>
+</svg>

static/images/home/group-19.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="217" height="20" fill="none" viewBox="0 0 217 20">
+    <g opacity=".55">
+        <path stroke="#01A970" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4.54" d="M3 10.04h95.185" opacity=".15"/>
+        <path fill="#01A970" d="M90.722 19.253l-1.537-1.649 8.139-7.564-8.14-7.564L90.723.827l9.906 9.213-9.906 9.213z" opacity=".15"/>
+    </g>
+    <g opacity=".55">
+        <path fill="#01A970" d="M109.288 18.02V.505h3.719V18.02h-3.719zM117.694 7.803l-1.419-1.185c.96-.544 1.681-1.43 2.02-2.48-.156.066-.326.093-.495.081-.244.001-.486-.048-.71-.143-.224-.096-.426-.237-.594-.415-.167-.177-.296-.387-.379-.616-.083-.23-.118-.474-.103-.717.005-.548.225-1.073.612-1.461.387-.388.911-.61 1.459-.616 1.24 0 2.337.973 2.337 2.678-.03.972-.293 1.923-.768 2.77-.474.85-1.147 1.57-1.96 2.104zM138.411 18.02V5.38l-4.959 12.629h-1.63l-4.96-12.63v12.63h-3.719V.505h5.226l4.252 10.95L136.88.505h5.25V18.02h-3.719zM164.385 18.02v-7.378h-8.27v7.378h-3.719V.505h3.719v6.882h8.27V.505h3.756V18.02h-3.756zM171.582 18.02V.505h12.397v3.28h-8.678v3.677h8.486v3.286h-8.48v3.993h8.679v3.28h-12.404zM196.793 18.02l-3.44-6.2h-2.734v6.2h-3.72V.505h8.189c3.651 0 5.908 2.387 5.908 5.642.065 1.181-.284 2.348-.988 3.298-.705.95-1.719 1.624-2.868 1.904l3.961 6.671h-4.308zm.366-11.897c0-1.445-1.128-2.338-2.598-2.338h-3.942v4.73h3.942c1.47 0 2.598-.892 2.598-2.392zM203.779 18.02V.505h12.398v3.28h-8.678v3.677h8.48v3.286h-8.474v3.993h8.678v3.28h-12.404z" opacity=".15"/>
+    </g>
+</svg>

static/images/home/group-20.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="358" fill="none" viewBox="0 0 320 358">
+    <path fill="url(#paint0_linear)" d="M190.366-64.053L-149 342.323l85.25 71.216L275.616 7.163l-85.25-71.216z" opacity=".33"/>
+    <path fill="url(#paint1_linear)" d="M389.836-52.052L50.469 354.325 156.62 443 495.985 36.623 389.836-52.052z" opacity=".33"/>
+    <defs>
+        <linearGradient id="paint0_linear" x1="253.985" x2="-125.246" y1="-33.243" y2="402.356" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#fff" stop-opacity="0"/>
+            <stop offset=".12" stop-color="#F6FCFA" stop-opacity=".04"/>
+            <stop offset=".28" stop-color="#DCF3EB" stop-opacity=".14"/>
+            <stop offset=".47" stop-color="#B1E5D3" stop-opacity=".31"/>
+            <stop offset=".67" stop-color="#76D1B2" stop-opacity=".54"/>
+            <stop offset=".89" stop-color="#2BB787" stop-opacity=".84"/>
+            <stop offset="1" stop-color="#01A970"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear" x1="449.481" x2="97.281" y1="-14.173" y2="406.666" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#01A970"/>
+            <stop offset=".23" stop-color="#50C49D" stop-opacity=".69"/>
+            <stop offset=".49" stop-color="#9BDDC7" stop-opacity=".39"/>
+            <stop offset=".71" stop-color="#D2F0E5" stop-opacity=".18"/>
+            <stop offset=".89" stop-color="#F3FBF8" stop-opacity=".05"/>
+            <stop offset="1" stop-color="#fff" stop-opacity="0"/>
+        </linearGradient>
+    </defs>
+</svg>