final

config.yaml

@@ -149,6 +149,8 @@ params:
       column3:
         title: "关于"
         links:
+        - text: 成员
+          link: /team
         - text: 联系我们
           link: /contact
         - text: 加入我们

content/join-us.md

@@ -9,7 +9,7 @@ include_footer: true
 
 我们为大量的玩家工具和资料站提供技术支持，包括知名的[最终幻想中文WIKI](https://ff14.huijiwiki.com/)和[素素攻略站](https://www.ffxiv.cn/)。
 我们也开发直接面向玩家的产品和攻略站，例如 [CafeACT 整合](/act) 和 [新大陆见闻录](https://ff14.org/?utm_source=ffcafe&utm_medium=website&utm_campaign=joinus)。
-我们为 cactbot, ffxivteamcraft 等《最终幻想14》项目提供翻译等本地化帮助。
+我们同时也为 ffxivteamcraft 等《最终幻想14》项目提供翻译等本地化帮助。
 
 我们的宗旨让国服玩家也有和国际服一样好的工具体验支持，并且让国服玩家游玩更省心。
 

content/team.md

@@ -0,0 +1,21 @@
+---
+title: 成员
+summary: FFCafe 肥肥咖啡的成员信息
+include_footer: true
+---
+<br>
+
+<center>
+
+{{< namecard name="云泽宛风" title="光之拖延症" color="#ffa3a2" avatar="yzwf.jpg" >}}
+{{< namecard name="YuzurihaAsano" title="啥也不干" color="#e59dc0" avatar="ya.jpg" >}}
+{{< namecard name="SarasaRyuuou" title="抹茶爱好者" color="#778511" avatar="sarasa.jpg" >}}
+{{< namecard name="阿布evo" title="家养懒猫" color="#3654a1" avatar="evo.jpg" >}}
+{{< namecard name="伊芙喵!" title="回线接线师" color="#2ecc71" avatar="yyf.png" >}}
+{{< namecard name="Noisyfox" title="摩杜纳最菜吃馍" color="#bc482f" avatar="fox.png" >}}
+
+<small>排名不分先后。</small>
+
+<a class="button is-warning is-rounded is-inverted is-outlined is-large" href="/join-us">加入我们</a>
+
+</center>

themes/hugo-fresh/assets/namecard.scss

@@ -0,0 +1,41 @@
+.namecard {
+  display: inline-flex;
+  cursor: default;
+  width: 300px;
+  margin-right: 1.25em;
+  margin-bottom: 1.25em;
+  padding: 0.6em;
+  border-radius: 8px;
+  align-items: center;
+  transition: transform 0.27s;
+  border: 2px solid rgba(0, 0, 0, 0.15);
+
+  &:hover {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  .avatar {
+    width: 96px;
+    height: 96px;
+    margin-right: 1em;
+    display: flex;
+    align-items: center;
+    img {
+      border-radius: 100%;
+      overflow: hidden;
+    }
+  }
+
+  .details {
+    flex: 1;
+    color: #fff;
+    text-align: center;
+
+    .namecard-name {
+      font-size: 1.5em;
+    }
+    .namecard-title {
+      font-size: 0.8em;
+    }
+  }
+}

themes/hugo-fresh/assets/style.sass

@@ -1,3 +1,4 @@
 @import "bulma/bulma"
 @import "fresh/core"
 @import "actdl"
+@import "namecard"

themes/hugo-fresh/layouts/partials/hero-body.html

@@ -24,7 +24,7 @@ <h2 class="subtitle is-5 is-muted">
       </div>
       <div class="column is-5 is-offset-1">
         <figure class="image is-2by3">
-          <img src="{{ printf "/images/%s" $image | relURL }}" alt="Description">
+          <img src="{{ printf "/images/%s" $image | relURL }}">
         </figure>
       </div>
     </div>

themes/hugo-fresh/layouts/shortcodes/namecard.html

@@ -0,0 +1,11 @@
+<div class="namecard" style='background-color: {{ .Get "color" }} ;'>
+  <div class="avatar">
+    <img src="{{ printf "/images/avatars/%s" $.Params.avatar | relURL }}" alt='{{ .Get "name" }}'>
+  </div>
+  <div class="details">
+    <div class="name-line">
+      <div class="namecard-name">{{ .Get "name" }}</div>
+      <div class="namecard-title">{{ .Get "title" }}</div>
+    </div>
+  </div>
+</div>