hexo-theme-stellar 1.10.0 → 1.12.0

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.10.0'
+  version: '1.12.0'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   cdn_css: # Use cdn links instead of /css/main.css
@@ -24,51 +24,11 @@ sidebar:
     # friends: '[友链](/friends/)'
     # about: '[关于](/about/)'
   # Sidebar widgets
-  widget_layout:
-    index: [welcome, recent, ghuser_mini] # for home/wiki/categories/tags/archives/404 pages
-    page: [welcome, toc] # for pages using 'layout:page'
-    post: [toc, repo_info] # for pages using 'layout:post'
-    wiki: [toc, repo_info, wiki_more] # for pages using 'layout:wiki'
   widgets:
-    # Recent update
-    recent:
-      layout: recent
-      rss: # /atom.xml # npm i hexo-generator-feed
-      limit: 5 # Count of posts
-    # TOC (valid only in layout:post/wiki)
-    toc:
-      layout: toc
-      list_number: false
-      min_depth: 2
-      max_depth: 5
-      fallback: recent # Use a backup widget when toc does not exist.
-    # github user info
-    ghuser:
-      layout: ghuser
-      api: https://api.github.com
-      username: github # your github login username
-      avatar: true
-    ghuser_mini:
-      layout: ghuser
-      header: # GitHub Info
-      api: https://api.github.com
-      username: github # your github login username
-      avatar: false
-    # welcome
-    welcome:
-      layout: markdown
-      title: Stellar 入门指南
-      content: | # support markdown
-        欢迎使用 [Stellar](https://github.com/xaoxuu/hexo-theme-stellar/) 主题，下面是您的入门指南，祝您使用愉快！
-        <br>
-        **第一步**
-        创建 `blog/_config.stellar.yml` 文件，在此文件中填写需要自定义的主题配置。
-        <br>
-        **第二步**
-        创建 `blog/source/_data/widgets.yml` 文件，此文件中填写需要自定义的侧边栏组件，例如 `welcome` 组件。
-        <br>
-        如果有任何疑问，请先查阅[文档](https://xaoxuu.com/wiki/stellar/)，如果文档中没有提供，请提 [issue](https://github.com/xaoxuu/hexo-theme-stellar/issues/) 向开发中询问。
-
+    index: [welcome, recent, timeline] # for home/wiki/categories/tags/archives/404 pages
+    page: [welcome, toc] # for pages using 'layout:page'
+    post: [toc, ghrepo, ghissues] # for pages using 'layout:post'
+    wiki: [toc, ghrepo, ghissues, related] # for pages using 'layout:wiki'
 
 
 ######## Main ########
@@ -95,7 +55,6 @@ article:
   related_posts:
     enable: false
     max_count: 5
-    auto_cover: true # 如果没有封面就根据 tags 作为关键词搜索封面，开了此项将不会自动从文章中提取首张图片作为封面了。
 
 
 ######## Comments ########
@@ -260,10 +219,10 @@ tag_plugins:
   # {% quot %}
   quot:
     default: # 可以自行配置多种图标方案
-      prefix: https://s2.loli.net/2022/01/04/vsTB5pGrIHfPxSj.png
-      suffix: https://s2.loli.net/2022/01/04/NORdtjlAhifZSns.png
+      prefix: https://bu.dusays.com/2022/10/24/63567d3e092ff.png
+      suffix: https://bu.dusays.com/2022/10/24/63567d3e0ab55.png
     hashtag:
-      prefix: https://s2.loli.net/2022/01/04/UvHcsa73jQPnobq.png
+      prefix: https://bu.dusays.com/2022/10/24/63567d3e07da3.png
   # {% emoji %}
   emoji:
     default: https://fastly.jsdelivr.net/gh/cdn-x/emoji/qq/%s.gif
@@ -291,7 +250,7 @@ plugins:
     friends: /js/plugins/friends.js
     ghinfo: /js/plugins/ghinfo.js
     timeline: /js/plugins/timeline.js
-  
+    linkcard: /js/plugins/linkcard.js
 
   marked: https://cdn.bootcdn.net/ajax/libs/marked/4.0.18/marked.min.js
 
@@ -365,19 +324,43 @@ plugins:
 style:
   darkmode: auto # auto / always / false
   smooth_scroll: true # true / false
+  font-size: 16px
   font-family:
-    logo: system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif
-    body: system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif
-    code: Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif
-  theme:
-    light: '#f8f8f8'
-    dark: '#313438'
+    logo: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
+    body: 'system-ui, "Microsoft Yahei", "Segoe UI", -apple-system, Roboto, Ubuntu, "Helvetica Neue", Arial, "WenQuanYi Micro Hei", sans-serif'
+    code: 'Menlo, Monaco, Consolas, system-ui, "Courier New", monospace, sans-serif'
+  text-align: left
+  color:
+    common:
+      theme: '#1BCDFC' # 主题色
+      accent: '#ff5722' # 强调色
+      link: '#2196f3' # 超链接颜色
+      button: '#1BCDFC' # 按钮颜色
+      hover: '#ff5722' # 按钮高亮颜色
+    light:
+      background: '#f8f8f8' # 浅色背景颜色
+      block: '#f2f2f2' # 块背景颜色
+      card: white # 卡片背景颜色
+      title: '#000' # 标题文本颜色
+      text: '#333' # 正文文本颜色
+      code: '#111' # 行内代码颜色
+    dark:
+      background: '#313438' # 深色背景颜色
+      background-mobile: black # 移动端深色背景（OLED调成纯黑可以省电）
+      block: '#2B2F33' # 块背景颜色
+      card: '#464D57' # 卡片背景颜色
+      title: '#fff' # 标题文本颜色
+      text: '#eee' # 正文文本颜色
+      code: '#ff7043' # 行内代码颜色
   animated_avatar:
     animate: auto # auto, always
     background: https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.2/avatar/round/rainbow64@3x.webp
   codeblock:
     scrollbar: 4px
     highlightjs_theme: https://fastly.jsdelivr.net/gh/highlightjs/cdn-release@11.5.0/build/styles/atom-one-dark.min.css
+  loading:
+    loading: 正在加载
+    error: 加载失败，请稍后重试。
 
 default:
   avatar: https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/avatar/round/3442075.svg

package/_data/widgets.yml

@@ -0,0 +1,70 @@
+# 您可以在这里创建属于自己的侧边栏组件库，在需要的位置放置自己的组件
+# layout即组件布局，支持自定义的有：
+# - markdown: 渲染 md 文本
+#
+
+ghrepo:
+  layout: ghrepo
+related:
+  layout: related
+
+ghissues:
+  layout: ghissues
+  title: # Recent Issues
+  limit: 3 # 显示的issues最大数量
+  labels: # 过滤只显示具有某些标签的issues
+
+# 将其覆盖设置为空，可删除一个默认组件，例如 welcome:
+# Recent update
+recent:
+  layout: recent
+  rss: # /atom.xml # npm i hexo-generator-feed
+  limit: 5 # Count of posts
+# TOC (valid only in layout:post/wiki)
+toc:
+  layout: toc
+  list_number: false
+  min_depth: 2
+  max_depth: 5
+  fallback: recent # Use a backup widget when toc does not exist.
+# github user info
+ghuser:
+  layout: ghuser
+  api: https://api.github.com
+  username: github # your github login username
+  avatar: true # show avatar or not
+  menu: true # show menu or not
+
+tagcloud:
+  layout: tagcloud
+  title: 标签云
+  # 标签云配置
+  min_font: 12
+  max_font: 24
+  amount: 100
+  orderby: name
+  order: 1 # 1, sac 升序；-1, desc 降序
+  color: false # 使用颜色
+  start_color: # 开始的颜色。您可使用十六进位值（#b700ff），rgba（rgba(183, 0, 255, 1)），hsla（hsla(283, 100%, 50%, 1)）或 颜色关键字。此变量仅在 color 参数开启时才有用。
+  end_color: # 结束的颜色。您可使用十六进位值（#b700ff），rgba（rgba(183, 0, 255, 1)），hsla（hsla(283, 100%, 50%, 1)）或 颜色关键字。此变量仅在 color 参数开启时才有用。
+  show_count: false # 显示每个标签的文章总数
+
+welcome:
+  layout: markdown
+  title: Stellar 入门指南
+  content: | # support markdown
+    欢迎使用 [Stellar](https://github.com/xaoxuu/hexo-theme-stellar/) 主题，下面是您的入门指南，祝您使用愉快！
+    <br>
+    **第一步**
+    创建 `blog/_config.stellar.yml` 文件，在此文件中填写需要自定义的主题配置。
+    <br>
+    **第二步**
+    创建 `blog/source/_data/widgets.yml` 文件，此文件中填写需要自定义的侧边栏组件，例如 `welcome` 组件。
+    <br>
+    如果有任何疑问，请先查阅[文档](https://xaoxuu.com/wiki/stellar/)，如果文档中没有提供，请提 [issue](https://github.com/xaoxuu/hexo-theme-stellar/issues/) 向开发中询问。
+
+timeline:
+  layout: timeline
+  title: 近期动态
+  api: https://api.github.com/repos/xaoxuu/hexo-theme-stellar/issues
+  user:

package/languages/en.yml

@@ -28,7 +28,6 @@ meta:
   updated: 'Updated on'
   license: License
   share: Share
-  repo_info: Repo Info
   date_suffix:
     just: Just
     min: minutes ago

package/languages/zh-CN.yml

@@ -15,10 +15,10 @@ meta:
   recent_update: 最近更新
   toc: 本文目录
   read_next: 接下来阅读
-  prev: 上一篇
-  next: 下一篇
-  older: 较早
-  newer: 较新
+  prev: 回顾上一篇
+  next: 接下来阅读
+  older: 较早文章
+  newer: 较新文章
   references: 参考资料
   related_posts: 您可能感兴趣的文章
   comment_title: 快来参与讨论吧
@@ -28,7 +28,6 @@ meta:
   updated: 更新于
   license: 许可协议
   share: 分享文章
-  repo_info: 项目仓库
   date_suffix:
     just: 刚刚
     min: 分钟前

package/languages/zh-TW.yml

@@ -15,10 +15,10 @@ meta:
   recent_update: 最近更新
   toc: 本文目錄
   read_next: 接下來閱讀
-  prev: 上一篇
-  next: 下一篇
-  older: 較早
-  newer: 較新
+  prev: 回顧上一篇
+  next: 接下來閱讀
+  older: 較早文章
+  newer: 較新文章
   references: 參考資料
   related_posts: 您可能感興趣的文章
   comment_title: 參與討論
@@ -28,7 +28,6 @@ meta:
   updated: 更新於
   license: 授權條款
   share: 分享文章
-  repo_info: 專案儲存庫
   date_suffix:
     just: 剛剛
     min: 分鐘前

package/layout/_partial/main/article/read_next.ejs

@@ -25,31 +25,30 @@ function layoutDiv() {
         }
       });
     }
-    if (next == undefined) {
-      // 项目的最后一篇文档
-      return '<br>';
-    }
   }
   let el = '';
   if (prev || next) {
     el += '<div class="related-wrap reveal" id="read-next">';
-    el += '<section class="header cap theme">';
-    el += '<span>' + title + '</span>';
-    el += '</section>';
-    el += '<section class="body fs14">';
-    if (next) {
-      el += '<a id="next" href="' + url_for(next.path) + '">';
-      el += next.title || next.seo_title || next.wiki;
-      el += '<span class="note">' + title_next + '</span>';
-      el += '</a>';
-    }
-    el += '<div class="line"></div>';
+    el += '<section class="body">';
+    // prev
+    el += '<div class="item" id="prev">';
     if (prev) {
-      el += '<a id="prev" href="' + url_for(prev.path) + '">';
+      el += '<div class="note">' + title_prev + '</div>';
+      el += '<a href="' + url_for(prev.path) + '">';
       el += prev.title || prev.seo_title || prev.wiki;
-      el += '<span class="note">' + title_prev + '</span>';
       el += '</a>';
     }
+    el += '</div>';
+    // next
+    el += '<div class="item" id="next">';
+    if (next) {
+      el += '<div class="note">' + title_next + '</div>';
+      el += '<a href="' + url_for(next.path) + '">';
+      el += next.title || next.seo_title || next.wiki;
+      el += '</a>';
+    }
+    el += '</div>';
+
     el += '</section>';
     el += '</div>';
   }

package/layout/_partial/main/navbar/breadcrumb.ejs

@@ -62,7 +62,7 @@ function layoutDiv() {
     let url_proj = url_for(proj.homepage.path);
     if (nodes.includes(url_proj) === false) {
       el += '<span class="sep"></span>';
-      el += '<a class="cap breadcrumb" id="proj" href="' + url_proj + '">' + proj.title + '</a>';
+      el += '<a class="cap breadcrumb" id="proj" href="' + url_proj + '">' + (proj.name || proj.title) + '</a>';
     }
     el += '</div>';
     // 更新日期

package/layout/_partial/main/navbar/list_post.ejs

@@ -1,9 +1,9 @@
 <div class='nav-wrap'>
   <nav class='sub post cap'>
     <% if (is_home()) { %>
-      <a class='active' href='/'><%- __('btn.recent_publish') %></a>
+      <a class='active' href='<%- url_for("/") %>'><%- __('btn.recent_publish') %></a>
     <% } else { %>
-      <a href='/'><%- __('btn.recent_publish') %></a>
+      <a href='<%- url_for("/") %>'><%- __('btn.recent_publish') %></a>
     <% } %>
     <% if (site.categories && site.categories.length > 0) { %>
       <% if (page.category) { %>

package/layout/_partial/main/post_list/post_card.ejs

@@ -1,16 +1,22 @@
 <%
+const obj = {
+  image: post['cover'],
+  title: post['cover-title'],
+  cat: post['cover-cat'],
+  subtitle: post['cover-subtitle']
+};
 function div_default() {
   var el = '';
   el += '<article class="md">';
 
   // 封面
-  if (post.cover || theme.article.auto_cover) {
+  if (obj.image || theme.article.auto_cover) {
     var cover_url;
-    if (post.cover != undefined) {
-      if (post.cover.includes('/')) {
-        cover_url = post.cover;
+    if (obj.image != undefined) {
+      if (obj.image.includes('/')) {
+        cover_url = obj.image;
       } else {
-        cover_url = 'https://source.unsplash.com/1280x640/?' + post.cover;
+        cover_url = 'https://source.unsplash.com/1280x640/?' + obj.image;
       }
     } else {
       // 自动以 tags 作为关键词搜索封面
@@ -89,22 +95,22 @@ function div_default() {
 function div_photo() {
   var el = '';
   el += '<div class="cover">';
-  el += '<img src="' + post.cover + '"/>';
-  if (post.cover_info) {
+  el += '<img src="' + obj.image + '"/>';
+  if (obj.title || obj.cat || obj.subtitle) {
     el += '<div class="cover-info"';
-    if (post.cover_info.meta) {
+    if (obj.cat) {
       el += 'position="top">';
     } else {
       el += 'position="bottom">';
     }
-    if (post.cover_info.meta) {
-      el += '<div class="cap">' + post.cover_info.meta + '</div>';
+    if (obj.cat) {
+      el += '<div class="cap">' + obj.cat + '</div>';
     }
-    if (post.cover_info.title) {
-      el += '<div class="title">' + post.cover_info.title + '</div>';
+    if (obj.title) {
+      el += '<div class="title">' + obj.title + '</div>';
     }
-    if (post.cover_info.subtitle) {
-      el += '<div class="cap">' + post.cover_info.subtitle + '</div>';
+    if (obj.subtitle) {
+      el += '<div class="cap">' + obj.subtitle + '</div>';
     }
     el += '</div>';
 
@@ -113,7 +119,7 @@ function div_photo() {
   return el;
 }
 function div() {
-  if (post.cover && post.cover.length > 0 && post.cover_info != undefined) {
+  if (obj.image && obj.image.length > 0 && obj.title != undefined) {
     return div_photo();
   }
   return div_default();

package/layout/_partial/main/post_list/wiki_card.ejs

@@ -16,7 +16,7 @@ function layoutDiv() {
     let tag = proj.tags[0];
     el += '<div class="cap breadcrumb"' + category_color(tag) + '>' + tag + '</div>';
   }
-  el += '<h2 class="post-title">' + (proj.wiki || proj.title || proj.seo_title) + '</h2>';
+  el += '<h2 class="post-title">' + (proj.title || proj.name || proj.seo_title) + '</h2>';
   if (proj.description) {
     el += '<p>' + proj.description + '</p>';
   }

package/layout/_partial/sidebar/header.ejs

@@ -1,27 +1,4 @@
 <%
-function layoutMenu() {
-  var el = '';
-  el += '<nav class="menu dis-select';
-  if (where == 'main') {
-    el += ' mobile-hidden';
-  }
-  el += '">';
-  for (let id of Object.keys(theme.sidebar.menu)) {
-    let item = theme.sidebar.menu[id];
-    if (item == undefined || item.length == 0) {
-      continue;
-    }
-    el += '<a class="nav-item';
-    if (id == page.menu_id) {
-      el += ' active';
-    }
-    el += '" href="' + url_for(md_link(item)) + '">';
-    el += __(md_text(item));
-    el += '</a>';
-  }
-  el += '</nav>';
-  return el;
-}
 function layoutDiv() {
   var el = '';
   el += '<header class="header';
@@ -33,13 +10,12 @@ function layoutDiv() {
   if (where != 'main') {
     if (page.layout === 'wiki' && page.wiki) {
       if (page.menu_id !== 'wiki') {
-        el += layoutMenu();
+        el += partial('menu', {where: where});
       }
     } else {
-      el += layoutMenu();
+      el += partial('menu', {where: where});
     }
   }
-
   el += '</header>';
   return el;
 }

package/layout/_partial/sidebar/index.ejs

@@ -2,18 +2,18 @@
 // 默认组件
 if (page.sidebar == undefined) {
   if (page.layout == 'post' && page.content) {
-    page.sidebar = theme.sidebar.widget_layout.post;
+    page.sidebar = theme.sidebar.widgets.post;
   } else if (page.layout == 'wiki' && page.content && page.wiki) {
     let proj = theme.wiki.projects[page.wiki];
     if (proj.sidebar) {
       page.sidebar = proj.sidebar;
     } else {
-      page.sidebar = theme.sidebar.widget_layout.wiki;
+      page.sidebar = theme.sidebar.widgets.wiki;
     }
   } else if (is_home() || ['categories', 'tags', 'archives', 'index', '404', undefined].includes(page.layout)) {
-    page.sidebar = theme.sidebar.widget_layout.index;
+    page.sidebar = theme.sidebar.widgets.index;
   } else if (page.layout == 'page') {
-    page.sidebar = theme.sidebar.widget_layout.page;
+    page.sidebar = theme.sidebar.widgets.page;
   } else {
     page.sidebar = [];
   }
@@ -23,8 +23,8 @@ function layoutWidgets() {
   el += '<div class="widgets">';
   if (page.sidebar) {
     page.sidebar.forEach((w, i) => {
-      if (w in theme.sidebar.widgets) {
-        let widget = theme.sidebar.widgets[w];
+      if (w in theme.data.widgets) {
+        let widget = theme.data.widgets[w];
         if (widget && widget.layout) {
           el += partial('widgets/' + widget.layout, {item: widget});
         }

package/layout/_partial/sidebar/logo.ejs

@@ -6,7 +6,7 @@ if (page.layout === 'wiki' && page.wiki) {
 function layoutTitle(main, url, sub) {
   var el = '';
   el += '<a class="title" href="' + url_for(url || "/") + '">';
-  el += '<div class="main">' + main + '</div>';
+  el += '<div class="main" ff="title">' + main + '</div>';
   if (sub) {
     let arr = sub.split('|');
     if (arr.length > 1) {
@@ -21,7 +21,7 @@ function layoutTitle(main, url, sub) {
 }
 function layoutDiv() {
   var el = '';
-  if (page.layout == 'wiki' && proj && proj.index != false) {
+  if (page.layout == 'wiki') {
     el += '<div class="logo-wrap wiki">';
     // all products
     el += '<a style="filter: grayscale(100%)" class="wiki-home cap" href="' + url_for(config.wiki_dir) + '">';
@@ -39,7 +39,7 @@ function layoutDiv() {
       }
     }
     if (proj != undefined) {
-      let main = proj.title || proj.wiki || page.wiki || page.title;
+      let main = proj.name || proj.title || proj.wiki || page.wiki || page.title;
       let url = proj.homepage.path;
       let sub = proj.subtitle;
       el += layoutTitle(main, url, sub);

package/layout/_partial/sidebar/menu.ejs

@@ -0,0 +1,27 @@
+<%
+function layoutDiv() {
+  var el = '';
+  el += '<nav class="menu dis-select';
+  if (where == 'main') {
+    el += ' mobile-hidden';
+  }
+  el += '">';
+  for (let id of Object.keys(theme.sidebar.menu)) {
+    let item = theme.sidebar.menu[id];
+    if (item == undefined || item.length == 0) {
+      continue;
+    }
+    el += '<a class="nav-item';
+    if (id == page.menu_id) {
+      el += ' active';
+    }
+    el += '" href="' + url_for(md_link(item)) + '">';
+    el += __(md_text(item));
+    el += '</a>';
+  }
+  el += '</nav>';
+  return el;
+}
+%>
+
+<%- layoutDiv() %>

package/layout/_partial/sidebar/widgets/ghissues.ejs

@@ -0,0 +1,46 @@
+<%
+function layoutDiv() {
+  var el = '';
+  var repo;
+  var branch = 'main';
+  if (page.layout === 'wiki' && page.wiki) {
+    let proj = theme.wiki.projects[page.wiki];
+    if (proj && proj.repo) {
+      repo = proj.repo;
+      if (proj.branch != undefined) {
+        branch = proj.branch;
+      }
+    }
+  } else {
+    // 其它的如果有设置 repo 也可以
+    repo = page.repo;
+  }
+  if (repo == undefined) {
+    return el;
+  }
+  item.api = 'https://api.github.com/repos/' + repo + '/issues?per_page=' + item.limit;
+  if (item.labels) {
+    item.api += '&labels=' + item.labels;
+  }
+  console.log(item.api);
+  el += '<div class="widget-wrap" id="timeline">';
+    if (item.title) {
+      el += '<div class="widget-header cap theme dis-select">';
+      el += '<span class="name">' + item.title + '</span>';
+      el += '</div>';
+    }
+    el += '<div class="widget-body fs14">';
+      el += '<div class="tag-plugin timeline stellar-timeline-api"';
+      ['api', 'user'].forEach(key => {
+        if (item[key]) {
+          el += ' ' + key + '="' + item[key] + '"';
+        }
+      });
+      el += '>';
+      el += '</div>';
+    el += '</div>';
+  el += '</div>';
+  return el;
+}
+%>
+<%- layoutDiv() %>

package/layout/_partial/sidebar/widgets/ghrepo.ejs

@@ -0,0 +1,53 @@
+<%
+function layoutDiv() {
+  var el = '';
+  var repo;
+  var branch = 'main';
+  if (page.layout === 'wiki' && page.wiki) {
+    let proj = theme.wiki.projects[page.wiki];
+    if (proj && proj.repo) {
+      repo = proj.repo;
+      if (proj.branch != undefined) {
+        branch = proj.branch;
+      }
+    }
+  } else {
+    // 其它的如果有设置 repo 也可以
+    repo = page.repo;
+  }
+  if (repo == undefined) {
+    return el;
+  }
+  // 布局
+  el += '<div class="widget-wrap" id="repo-info">';
+  // body
+  el += '<div class="widget-body">';
+  el += '<div class="items stellar-ghinfo-api" api="https://api.github.xaoxuu.com/repos/' + repo + '">';
+  el += '<a class="repo" href="https://github.com/' + repo + '" target="_blank" rel="external nofollow noopener noreferrer">';
+    el += '<div class="repo-name flex-row">';
+      el += '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>';
+      el += repo;
+    el += '</div>';
+    el += '<div class="repo-desc"><span type="text" id="description">&nbsp;</span></div>';
+    el += '<div class="grid">';
+      el += '<div class="flex-row">';
+        el += '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg>';
+        el += '<span type="text" id="stargazers_count"></span>';
+      el += '</div>';
+      el += '<div class="flex-row">';
+        el += '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>';
+        el += '<span type="text" id="forks_count"></span>';
+      el += '</div>';
+      el += '<div class="flex-row stellar-ghinfo-api" index="0" api="https://api.github.xaoxuu.com/repos/' + repo + '/tags">';
+        el += '<svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2.5 7.775V2.75a.25.25 0 01.25-.25h5.025a.25.25 0 01.177.073l6.25 6.25a.25.25 0 010 .354l-5.025 5.025a.25.25 0 01-.354 0l-6.25-6.25a.25.25 0 01-.073-.177zm-1.5 0V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 010 2.474l-5.026 5.026a1.75 1.75 0 01-2.474 0l-6.25-6.25A1.75 1.75 0 011 7.775zM6 5a1 1 0 100 2 1 1 0 000-2z"></path></svg>';
+        el += '<span type="text" id="latest-tag-name">0</span>';
+      el += '</div>';
+    el += '</div>';
+  el += '</a>';
+  el += '</div>';
+  el += '</div>';
+  el += '</div>';
+  return el;
+}
+%>
+<%- layoutDiv() %>