hexo-theme-solitude 1.4.2 → 1.4.3

package/CONTRIBUTING.md

@@ -33,7 +33,7 @@ $ git push
 * 定期使用项目仓库内容更新自己仓库内容。
 
 ```bash
-$ git remote add upstream https://github.com/DuoSco/Hexo-theme-solitude
+$ git remote add upstream https://github.com/wleelw/Hexo-theme-solitude
 $ git fetch upstream
 $ git checkout dev
 $ git rebase upstream/dev

package/README.md

@@ -7,7 +7,7 @@
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/master?color=%231ab1ad&label=master)
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/dev?label=dev)
 ![https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff)
-![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c)
+![hexo version](https://img.shields.io/badge/hexo-6.3.0+-0e83c)
 ![license](https://img.shields.io/github/license/wleelw/hexo-theme-solitude?color=FF5531)
 
 ![首页](https://github.com/wleelw/hexo-theme-solitude/assets/74389842/d008aba4-942d-4fdb-a611-d934c0bad9fe)

package/README_EN.md

@@ -8,7 +8,7 @@
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/master?color=%231ab1ad&label=master)
 ![master version](https://img.shields.io/github/package-json/v/wleelw/hexo-theme-solitude/dev?label=dev)
 ![https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff](https://img.shields.io/npm/v/hexo-theme-solitude?color=%09%23bf00ff)
-![hexo version](https://img.shields.io/badge/hexo-5.3.0+-0e83c)
+![hexo version](https://img.shields.io/badge/hexo-6.3.0+-0e83c)
 ![license](https://img.shields.io/github/license/wleelw/hexo-theme-solitude?color=FF5531)
 
 ![首页](https://github.com/wleelw/hexo-theme-solitude/assets/74389842/d008aba4-942d-4fdb-a611-d934c0bad9fe)

package/_config.yml

@@ -62,7 +62,7 @@ nav:
   #          icon: https://bu.dusays.com/2023/11/08/654af68b25bb8.jpg
   #          # 点击的跳转链接
   #          # Click the jump link
-  #          url: https://github.com/DuoSco/Hexo-Theme-solitude
+  #          url: https://github.com/wleelw/Hexo-Theme-solitude
 
   # 导航栏内容
   # Navigation bar content
@@ -312,7 +312,7 @@ aside:
   #        # 图标
   #        icon: scoicon sco-github-line
   #        # 跳转链接
-  #        url: https://github.com/DuoSco/Hexo-Theme-slitude
+  #        url: https://github.com/wleelw/Hexo-Theme-slitude
   #      Bilibili:
   #        icon: scoicon sco-bilibili-line
   #        url: https://space.bilibili.com/1329819902
@@ -617,6 +617,7 @@ theme_color:
 # --------------------------------------
 display_mode:
   type: auto # auto: 自动切换 / dark: 暗色模式 / light: 亮色模式 / auto: automatic switching / dark: dark mode / light: light mode
+  universe: true # 开启后暗色模式下会显示星空背景 / After opening, the dark mode will display the starry sky background
 
 # --------------------------------------
 # Footer Settings
@@ -729,6 +730,15 @@ fancybox: true
 # mediumZoom
 mediumZoom: false
 
+# 简繁转换
+# Simplified and Traditional Chinese conversion
+translate:
+  enable: false
+  # the language of website (1 - Traditional Chinese/ 2 - Simplified Chinese）
+  defaultEncoding: 2
+  # Time delay
+  translateDelay: 0
+
 # Open Graph
 # https://ogp.me/
 # https://developers.facebook.com/docs/sharing/webmasters/
@@ -911,7 +921,7 @@ CDN:
   option:
     scoicon_css: https://cdn.cbd.int/solitude-source/icon/scoicon.min.css
     waterfall: https://cdn.cbd.int/solitude-source/js/waterfall.min.js
-    view_image: https://cdn.cbd.int/solitude-source/js/view-image.min.js
+    universe_js: https://cdn.cbd.int/solitude-source/js/universe.min.js
 #    algolia_search:
 #    instantsearch:
 #    pjax:

package/languages/en-US.yml

@@ -13,6 +13,10 @@ time:
   daybefore: Days ago
   runtime: days
 
+chs:
+  chs_tw: Traditional Chinese
+  chs_cn: Simplified Chinese
+
 page:
   tag: Tags
   category: Categories
@@ -71,7 +75,7 @@ search:
 
 head:
   noscript: Please enable JavaScript to view the site
-  console: 'Program: Hexo | Theme: Hexo-Theme-Solitude | Author: WangZhuoSco、YiFeng | Github: https://github.com/DuoSco/Hexo-theme-solitude | Version: v1.4.2 😄'
+  console: 'Program: Hexo | Theme: Hexo-Theme-Solitude | Author: WangZhuoSco、YiFeng | Github: https://github.com/wleelw/Hexo-theme-solitude | Version: v1.4.3 😄'
 
 aside:
   postcount: 'Posts :'
@@ -115,4 +119,29 @@ cookies:
   privacy: How this site protects your privacy
 
 music:
-  hit: Paused
+  hit: Paused
+
+rightmenu:
+  copytext: Copy the selected
+  pastetext: Paste the text
+  commenttext: Quote to comment
+  newwindow: A new window opens
+  copylink: Copy the link address
+  copyimg: Copy this image
+  downloadimg: Download this image
+  search: Search on the site
+  music:
+    toggle: Play music
+    back: Switch to the previous track
+    forward: Switch to the next track
+    playlist: See all songs
+    copyMusicName: Reproduction Song Name
+  randomPost: Feel free to wander around
+  categories: Article classification
+  tags: Article tags
+  copyaddress: Copy the address
+  commentBarrage: Turn off trending reviews
+  dark: Dark
+  light: Light
+  chs_to_cht: Traditional
+  cht_to_chs: Simplified

package/languages/zh-CN.yml

@@ -1,3 +1,4 @@
+# Language: 简体中文
 theme:
   dark: 已切换至深色模式
   light: 已切换至浅色模式
@@ -13,6 +14,10 @@ time:
   daybefore: 天前
   runtime:  天
 
+chs:
+  chs_tw: 繁體中文
+  chs_cn: 简体中文
+
 page:
   tag: 标签
   category: 分类
@@ -70,7 +75,7 @@ search:
 
 head:
   noscript: 开启JavaScript才能访问本站哦~
-  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/DuoSco/Hexo-theme-solitude | 版本：v1.4.2 😄'
+  console: '程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：王卓Sco、亦封 | Github: https://github.com/wleelw/Hexo-theme-solitude | 版本：v1.4.3 😄'
 
 aside:
   postcount: '文章总数 :'
@@ -114,4 +119,29 @@ cookies:
   privacy: 本站如何保护你的隐私
 
 music:
-  hit: 音乐已暂停
+  hit: 音乐已暂停
+
+rightmenu:
+  copytext: 复制选中文本
+  pastetext: 粘贴文本
+  commenttext: 引用到评论
+  newwindow: 新窗口打开
+  copylink: 复制链接地址
+  copyimg: 复制此图片
+  downloadimg: 下载此图片
+  search: 站内搜索
+  music:
+    toggle: 播放音乐
+    back: 切换到上一首
+    forward: 切换到下一首
+    playlist: 查看所有歌曲
+    copyMusicName: 复制歌名
+  randomPost: 随便逛逛
+  categories: 文章分类
+  tags: 文章标签
+  copyaddress: 复制地址
+  commentBarrage: 关闭热评
+  dark: 深色模式
+  light: 浅色模式
+  chs_to_cht: 轉為繁體
+  cht_to_chs: 转为简体

package/languages/zh-TW.yml

@@ -0,0 +1,147 @@
+# Language: 繁體中文 (台灣)
+theme:
+  dark: 已切換至深色模式
+  light: 已切換至淺色模式
+
+copy:
+  success: 複製成功
+  error: 複製失敗
+
+time:
+  recent: 最近
+  yesterday: 昨天
+  berforeyesterday: 前天
+  daybefore: 天前
+  runtime: 天
+
+chs:
+  chs_tw: 繁體中文
+  chs_cn: 簡體中文
+
+page:
+  tag: 標籤
+  category: 分類
+  tags: 全部標籤
+  categories: 全部分類
+  archives: 文章
+  404: 頁面沒有找到
+
+nav:
+  site_name_title: 返回博客主頁
+  backtop: 返回頂部
+  travellings: 開往-友鏈接力
+  search: 搜索
+  randompost: 隨機一篇文章
+  console: 中控台
+
+home:
+  bannertext: 隨便逛逛
+  categoryBar:
+    home: 首頁
+    more: 更多
+  recent-post:
+    sticky: 置頂
+    new: 最新
+    read: 未讀
+  top-group:
+    recommend: 荐
+    recommendmore: 更多推薦
+
+post:
+  meta_reprint: 轉載或翻譯
+  meta_original: 原創
+  meta_cc: 該文章為${cc}文章，注意版權協議
+  meta_posted: 發布於
+  meta_updated: 最後更新於
+  meta_wordcount: 文章字數
+  meta_minread: 閱讀耗時
+  meta_ip: 作者IP歸屬地為
+  meta_pv: 文章熱度
+  meta_comment: 評論數
+
+award:
+  wechat: 微信
+  alipay: 支付寶
+  about:
+    tip: 致謝
+    tip1: 贊助作者
+    tip2: 感謝你賜予我前進的力量
+    title: 贊助作者
+
+search:
+  empty: 找不到你查詢的內容：${query}
+  hit: 找到 ${hits} 條結果，用時 ${time} 毫秒
+  placeholder: 輸入關鍵詞快速查找
+
+head:
+  noscript: 開啟JavaScript才能訪問本站哦~
+  console: '程式：Hexo |主題：Hexo-Theme-Solitude |作者：王卓Sco、亦封 |Github位址： https://github.com/wleelw/Hexo-theme-solitude |版本：v1.4.3 😄'
+
+aside:
+  postcount: '文章數：'
+  pv: '瀏覽量：'
+  uv: '訪客數：'
+  runtime: '運行時間：'
+  updatetime: '最後更新：'
+  wordcount: '字數統計：'
+  toc: 文章目錄
+  tagmore: 查看全部
+  avatar: 头像
+  sticker: 心情贴纸
+  newpost: 最近发布
+
+console:
+  comment_tip: 互動
+  comment_title: 評論
+  tag_tip: 標籤
+  tag_title: 標籤
+  switch_darkmode: 昼夜切換
+  switch_hideAside: 边栏显示控制
+  switch_keyboard: 鍵盤快捷鍵
+  switch_music: 音樂開關
+  archive_unit: 篇
+
+sidebar:
+  title1: 功能
+  title2: 標籤
+  darkmode: 顯示模式
+
+footer:
+  description: 來自${title}的文章
+  learnmore: 了解更多
+  randomlink: 友鏈
+  rss: 訂閱
+  theme: 主題
+
+cookies:
+  title: 協議提醒助手
+  tip: 查看本站為你的個人隱私做出的努力
+  privacy: 本站如何保護你的隱私
+
+music:
+  hit: 音樂已暫停
+
+rightmenu:
+  copytext: 複製選中文本
+  pastetext: 粘貼文本
+  commenttext: 引用到評論
+  newwindow: 新窗口打開
+  copylink: 複製連結位址
+  copyimg: 複製此圖片
+  downloadimg: 下載此圖片
+  search: 站內搜索
+  music:
+    toggle: 播放音樂
+    back: 切換到上一首
+    forward: 切換到下一首
+    playlist: 查看所有歌曲
+    copyMusicName: 複製歌名
+  randomPost: 随便逛逛
+  categories: 文章分類
+  tags: 文章標籤
+  copyaddress: 複製位址
+  commentBarrage: 關閉熱評
+  dark: 深色模式
+  light: 淺色模式
+  chs_to_cht: 轉為繁體
+  cht_to_chs: 转为简体

package/layout/includes/footer.pug

@@ -51,7 +51,7 @@ div#footer-bar
         div.footer-bar-right
             if theme.footer.rss
                 a.footer-bar-link(href=theme.footer.rss)= _p('footer.rss')
-            a.footer-bar-link(href="https://github.com/DuoSco/hexo-theme-solitude")= _p('footer.theme')
+            a.footer-bar-link(href="https://github.com/wleelw/hexo-theme-solitude")= _p('footer.theme')
             if theme.site && theme.site.icp
                 a.footer-bar-link(href=theme.site.icp_url || "https://beian.miit.gov.cn/#/Integrated/index")= theme.site.icp
             a.footer-bar-link.cc(href=theme.footer.license)

package/layout/includes/head/config.pug

@@ -22,6 +22,14 @@
         }
     }
 
+    let translate = 'undefined';
+    if (theme.translate && theme.translate.enable) {
+        translate = JSON.stringify({
+            defaultEncoding: theme.translate.defaultEncoding,
+            translateDelay: theme.translate.translateDelay,
+        })
+    }
+
     const commentInfoStart = theme.comment.randomInfoStart.map(item => `"${item}"`) || ""
     const commentInfoEnd = theme.comment.randomInfoEnd.map(item => `"${item}"`) || ""
     var sayhello2 = theme.aside.card.sayhello2.map(item => `"${item}"`) || []
@@ -64,6 +72,10 @@ script.
                 empty: '!{_p('search.empty')}',
                 hit: '!{_p('search.hit')}',
                 placeholder: '!{_p('search.placeholder')}',
+            },
+            chs: {
+                chs_to_cht: '!{_p('chs.chs_tw')}',
+                cht_to_chs: '!{_p('chs.chs_cn')}',
             }
         },
         aside: {
@@ -93,7 +105,7 @@ script.
                 url: '!{theme.comment.waline.envId}',
             }
         },
-        lightbox: '!{ theme.mediumZoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null" )}',
+        lightbox: '!{ theme.mediumZoom ? "mediumZoom" : (theme.fancybox ? "fancybox" : "null")}',
         rightside: {
             enable: !{theme.rightside.enable}
         },
@@ -105,5 +117,6 @@ script.
         },
         music: {
             enable: !{theme.music.enable},
-        }
+        },
+        translate: !{translate},
     }

package/layout/includes/inject/body.pug

@@ -6,6 +6,18 @@ div
     if theme.album.enable
         script(src=url_for(theme.cdn.macy_js))
 
+    if theme.rightside.enable
+        include ../widgets/rightside/index
+        script(src=url_for(theme.cdn.rightside_js))
+
+    if theme.display_mode.universe
+        script(src=url_for(theme.cdn.universe_js))
+        script.
+            dark()
+
+    if theme.translate.enable
+        script(src=url_for(theme.cdn.translate))
+
     mixin katex
         link(rel="stylesheet", href=url_for(theme.cdn.katex))
         if theme.katex.copytex
@@ -37,10 +49,6 @@ div
     if theme.says.home_mini
         script(src=url_for(theme.cdn.swiper_js))
 
-    if theme.rightside.enable
-        include ../widgets/rightside/index
-        script(src=url_for(theme.cdn.rightside_js))
-
     // post-ai)
     if theme.post_ai.enable
         script(src=url_for(theme.cdn.sco_ai_js))

package/layout/includes/layout.pug

@@ -5,6 +5,10 @@ html(lang=config.language, data-theme="light")
     head
         include ./head.pug
     body#body(data-type=page.type)
+        // universe
+        if theme.display_mode.universe
+            canvas#universe
+
         // loading
         if theme.loading.fullpage
             include ./loading.pug

package/layout/includes/page/album.pug

@@ -1,7 +1,7 @@
 include ../widgets/page/banner
 
 - var gallery = site.data.gallery.gallery
-- var album = gallery.find(item => item.album = page.album)
+- var album = gallery.find(item => item.album === page.album)
 - var {limit} = theme.album
 
 if album
@@ -11,12 +11,7 @@ if album
                 script.
                     function initGallery() {
                         let macy = Macy({ container: '#sco-container', trueOrder: false, waitForImages: true, margin: 5, columns: !{limit}, breakAt: { 1200: 5, 940: 3, 520: 2, 400: 1 }})
-                        macy.runOnImageLoad(function () {
-                            setTimeout(function () {
-                                GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".sco-gallery-item img"));
-                                macy.recalculate(true)
-                            }, 500);
-                        }, true)
+                        macy.runOnImageLoad(function () { setTimeout(function () { GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".sco-gallery-item img")); macy.recalculate(true); }, 500); }, true)
                     }
                     (async function () {
                         await fetch('!{url_for(album.json)}')
@@ -24,14 +19,7 @@ if album
                             .then(data => {
                                 let html = ''
                                 data = data.sort((a, b) => b.date - a.date)
-                                data.forEach(item => {
-                                    html += `
-                                            <div class="sco-gallery-item">
-                                                <span class="locate">${item.locate}</span>
-                                                <img class="sco-gallery-image" src="${item.image}" alt="${item.content}">
-                                            </div>
-                                        `
-                                })
+                                data.forEach(item => { html += `<div class="sco-gallery-item"><span class="locate">${item.locate}</span><img class="sco-gallery-image" src="${item.image}" alt="${item.content}"></div>` })
                                 document.querySelector('#sco-container').innerHTML = html
                                 GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg();
                                 initGallery()
@@ -46,11 +34,6 @@ if album
                 script.
                     function initGallery(){
                         let macy = Macy({ container: '#sco-container', trueOrder: false, waitForImages: true, margin: 5, columns: !{limit}, breakAt: { 1200: 5, 940: 3, 520: 2, 400: 1 }})
-                        macy.runOnImageLoad(function () {
-                            setTimeout(function () {
-                                GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".sco-gallery-item img"));
-                                macy.recalculate(true)
-                            }, 500);
-                        }, true)
+                        macy.runOnImageLoad(function () { setTimeout(function () { GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".sco-gallery-item img")); macy.recalculate(true); }, 500); }, true)
                     }
                     document.addEventListener('DOMContentLoaded', initGallery);

package/layout/includes/page/music.pug

@@ -13,7 +13,4 @@ if theme.music.enable
                 volume: #{theme.music.volume},
                 mutex: #{theme.music.mutex}
             }
-        }
-
-else
-    include not_configured
+        }

package/layout/includes/page/says.pug

@@ -14,6 +14,4 @@ if theme.says.enable
                 if theme.says.strip === -1
                     | - 已展开所有短文 -
                 else
-                    | - 只展示最近 #{theme.says.strip} 条短文 -
-else
-    include ./not_configured.pug
+                    | - 只展示最近 #{theme.says.strip} 条短文 -

package/layout/includes/widgets/home/bb/json.pug

@@ -17,6 +17,7 @@ script.
                     return `<div class="li-style swiper-slide">${content}</div>`;
                 }).join('');
 
-                sco.initbbtalk();
+                document.addEventListener('DOMContentLoaded', sco.initbbtalk)
+                document.addEventListener('pjax:complete', sco.initbbtalk)
             }).catch(err => console.log('bbtime |', err));
     }();

package/layout/includes/widgets/home/bb/local.pug

@@ -12,6 +12,5 @@ each item, i in site.data.essay.essay_list.slice(0, 10)
         if item.link
             i.scoicon.sco-links
 script.
-    document.addEventListener('DOMContentLoaded', function () {
-        sco.initbbtalk()
-    })
+    document.addEventListener('DOMContentLoaded', sco.initbbtalk)
+    document.addEventListener('pjax:complete', sco.initbbtalk)

package/layout/includes/widgets/home/bb/memos.pug

@@ -19,7 +19,8 @@ script.
 
                     return `<div class="li-style swiper-slide">${content+aplayer+video+imageBox+link}</div>`
                 }).join(' ')
-                sco.initbbtalk()
+                document.addEventListener('DOMContentLoaded', sco.initbbtalk)
+                document.addEventListener('pjax:complete', sco.initbbtalk)
             })
             .catch(error => console.error('bbtime | ', error));
     }()

package/layout/includes/widgets/page/about/authorinfo.pug

@@ -10,4 +10,4 @@ if authorinfo
         .author-tag-right
             each tag in authorinfo.rightTags
                 span.author-tag= tag
-.author-title= authorinfo.title
+.author-title= site.data.about.title

package/layout/includes/widgets/page/about/hobbies.pug

@@ -1,5 +1,5 @@
-- var game1 = game1
-- var game2 = game2
+- var game1 = site.data.about.game1
+- var game2 = site.data.about.game2
 
 if game1 || game2
     .author-content

package/layout/includes/widgets/page/about/motto.pug

@@ -3,18 +3,20 @@
 
 if motto || expertise
     .author-content
-        .author-content-item.maxim
-            .author-content-item-tips= motto.title
-            span.maxim-title
-                span= motto.prefix
-                span= motto.content
-        .author-content-item.buff
-            .card-content
-                .author-content-item-tips= expertise.title
-                span.buff-title
-                    span
-                        | #{expertise.prefix}
-                        span.inline-word= expertise.specialist
-                    span
-                        | #{expertise.content}
-                        span.inline-word= expertise.level
+        if motto
+            .author-content-item.maxim
+                .author-content-item-tips= motto.title
+                span.maxim-title
+                    span= motto.prefix
+                    span= motto.content
+        if expertise
+            .author-content-item.buff
+                .card-content
+                    .author-content-item-tips= expertise.title
+                    span.buff-title
+                        span
+                            | #{expertise.prefix}
+                            span.inline-word= expertise.specialist
+                        span
+                            | #{expertise.content}
+                            span.inline-word= expertise.level

package/layout/includes/widgets/page/about/skillsinfo.pug

@@ -1,40 +1,42 @@
 - var skills = site.data.about.skills
 - var careers = site.data.about.careers
 
-if skills || caches
+if skills || careers
     .author-content
-        .author-content-item.skills
-            .card-content
-                .author-content-item-tips= skills.title
-                span.author-content-item-title= skills.subtitle
-                .skills-style-group
-                    .tags-group-all
-                        .tags-group-wrapper
-                            each i in [1,2]
-                                - var pair = []
-                                each tag, index in skills.tags
-                                    - pair.push(tag)
-                                    if pair.length === 2 || index === skills.tags.length - 1
-                                        .tags-group-icon-pair
-                                            each item in pair
-                                                .tags-group-icon(style=`background:${item.color}`)
-                                                    img(src=item.icon, title=item.title)
-                                        - pair = []
-                    .skills-list
-                        each tag in skills.tags
-                            .skill-info
-                                .skill-icon(style=`background:${tag.color}`)
-                                    img(src=tag.icon, title=tag.title)
-                                .skill-name
-                                    span= tag.title
-                        .etc ...
-        .author-content-item.careers
-            .card-content
-                .author-content-item-tips= careers.title
-                span.author-content-item-title= careers.subtitle
-                .careers-group
-                    each item in careers.items
-                        .careers-item
-                            .circle(style=`background:${item.color}`)
-                            .name= `${item.school}, ${item.major}`
-                img.author-content-img(src=careers.image, alt=careers.title)
+        if skills
+            .author-content-item.skills
+                .card-content
+                    .author-content-item-tips= skills.title
+                    span.author-content-item-title= skills.subtitle
+                    .skills-style-group
+                        .tags-group-all
+                            .tags-group-wrapper
+                                each i in [1,2]
+                                    - var pair = []
+                                    each tag, index in skills.tags
+                                        - pair.push(tag)
+                                        if pair.length === 2 || index === skills.tags.length - 1
+                                            .tags-group-icon-pair
+                                                each item in pair
+                                                    .tags-group-icon(style=`background:${item.color}`)
+                                                        img(src=item.icon, title=item.title)
+                                            - pair = []
+                        .skills-list
+                            each tag in skills.tags
+                                .skill-info
+                                    .skill-icon(style=`background:${tag.color}`)
+                                        img(src=tag.icon, title=tag.title)
+                                    .skill-name
+                                        span= tag.title
+                            .etc ...
+        if careers
+            .author-content-item.careers
+                .card-content
+                    .author-content-item-tips= careers.title
+                    span.author-content-item-title= careers.subtitle
+                    .careers-group
+                        each item in careers.items
+                            .careers-item
+                                .circle(style=`background:${item.color}`)
+                                .name= `${item.school}, ${item.major}`
+                    img.author-content-img(src=careers.image, alt=careers.title)