hexo-theme-solitude 1.2.6 → 1.3.1

package/layout/includes/inject/body.pug

@@ -1,21 +1,21 @@
 - cdn = theme.cdn.body
+- page.type = is_post() ? 'post' : page.type
 
 script(src=url_for(cdn.pjaxjs))
 if theme.lazyload.enable
-    script(src=url_for(cdn.lazyloadjs))
-script(src=url_for(cdn.snackbarjs))
+    script(src=cdn_url_for("/lib/lazyload.min.js"))
+script(src=cdn_url_for("/lib/snackbar.min.js"))
 if theme.lightbox
-    script(src=url_for(cdn.viewimagejs))
+    script(src=cdn_url_for("/lib/view-image.min.js"))
 if theme.says.home_mini || theme.aside.history.enable
     script(src=url_for(cdn.swiperjs))
 
 if theme.rightside.enable
     include ../widgets/rightside/index.pug
-    script(src='/js/rightside.js')
+    script(src=cdn_url_for("/lib/rightside.min.js"))
 
 div#js-pjax
     if page.type === 'says'
-        script(src=url_for(cdn.waterfalljs))
         script.
             window.addEventListener('resize', utils.throttle(function () {
                 if (document.getElementById('waterfall')) {
@@ -30,18 +30,29 @@ div#js-pjax
             is_post: !{is_post()},
             is_page: !{is_page()},
             is_home: !{is_home()},
-            page: '!{page.type || 'default'}',
+            page: '!{page.type}',
             toc: !{!!page.toc},
             comment: !{!!page.comment},
         }
-if theme.thirdparty.aplayer.enable
+
+// post-ai)
+if theme.thirdparty.ai.enable
+    script(src=cdn_url_for("/lib/sco-ai.min.js"))
+
+if theme.thirdparty.aplayer.enable || theme.music.enable
     script(src=url_for(cdn.aplayerjs))
     script(src=url_for(cdn.metingjs))
     script.
         const meting_api = '!{theme.thirdparty.aplayer.api}';
 
-if theme.post.covercolor
-    script(src='/js/extend/covercolor/local.js')
+if theme.post.covercolor.enable
+    script.
+        const coverColorConfig = {
+            mode: '!{theme.post.covercolor.mode}',
+            api: '!{theme.post.covercolor.api}',
+            time: !{theme.post.covercolor.time},
+        }
+    script(src=cdn_url_for("/lib/cover-color.min.js"))
 
 if theme.footer.randomlink
     include ../widgets/randomlink.pug
@@ -51,20 +62,32 @@ if page.katex
     script(src=url_for(cdn.katexjs))
 
 if theme.aside.welcome.enable
-    script(src='/js/txmap.js')
+    script(src=cdn_url_for("/lib/txmap.min.js"))
+
+// waterfall
+if theme.says.enable
+    script(src=cdn_url_for("/lib/waterfall.min.js"))
 
 if theme.comment.enable
     case theme.comment.type
         when 'twikoo'
-            script(src='/js/extend/comment/twikoo.js')
-            script(src='/js/commentBarrage.js')
+            script(src=cdn_url_for("/js/extend/comment/twikoo/twikoo.js"))
+            script(src=cdn_url_for("/js/extend/comment/twikoo/commentBarrage.js"))
         when 'waline'
-            script(src='/js/extend/comment/waline.js')
+            script(src=cdn_url_for("/js/extend/comment/waline/waline.js"))
+            script(src=cdn_url_for("/js/extend/comment/waline/commentBarrage.js"))
 
 
 // pjax
 include ../widgets/third-party/pjax.pug
 
+// theme
+include ../body/mode
+
+// music
+if theme.music.enable
+    script(src=cdn_url_for("/js/music.js"))
+
 // inject custom body
 if theme.extends.body
     each item in theme.extends.body

package/layout/includes/inject/head.pug

@@ -6,15 +6,11 @@ if theme.verify.baidu
 if theme.verify.google
     meta(name="google-site-verification", content=theme.verify.google)
 
-if theme.loading.pace
-    script(src=cdn.pace, data-pace-options='{ "restartOnRequestAfter":false,"eventLag":false}')
-
-// pwa
-if theme.pwa.enable
-    include ../head/pwa.pug
+if theme.verify.sougou
+    meta(name="sogou_site_verification", content=theme.verify.sougou)
 
 link(rel="stylesheet", href=cdn.scoicon)
-link(rel="stylesheet", href=cdn.snackbarcss)
+link(rel="stylesheet", href=cdn_url_for("/lib/snackbar.min.css"))
 
 // comment
 if theme.comment.enable
@@ -25,6 +21,10 @@ if theme.comment.enable
             script(src=cdn.walinejs)
             link(rel="stylesheet", href=cdn.walinecss)
 
+// pace 胶囊加载条(Capsule loading bar)
+if theme.loading.pace
+    script(src=cdn.pacejs)
+
 // search
 if theme.thirdparty.search.enable
     if theme.thirdparty.search.type === 'algolia'
@@ -34,26 +34,28 @@ if theme.thirdparty.search.enable
         script(src=url_for(cdn.lunrjs))
 
 // aplayer
-if theme.thirdparty.aplayer.enable
+if theme.thirdparty.aplayer.enable || theme.music.enable
     link(rel="stylesheet", href=cdn.aplayercss)
 
 // swiper
 if theme.says.home_mini || theme.aside.history.enable
     link(rel="stylesheet", href=cdn.swipercss)
 
-// custom inject
-if theme.extends.head
-    each item in theme.extends.head
-        != item
-
-// post-ai
-if theme.thirdparty.ai.enable
-    script(src='/lib/chuckle-post-ai.js')
-
 // echarts
 if theme.about.echarts.enable && theme.about.enable
     script(src=url_for(cdn.echartsjs))
 
+// 灰色纪念日(Gray Anniversary)
+if theme.fest.enable
+    include ../head/fest.pug
+
+// Open Graph
+include ../head/opengraph.pug
+
+// pwa
+if theme.pwa.enable
+    include ../head/pwa.pug
+
 script.
     (win => {
             win.saveToLocal = {
@@ -106,8 +108,16 @@ script.
         }
     )(window)
 
-    console.log("%c🔥 程序：Hexo | 主题：Hexo-Theme-Solitude | 作者：DuoSco团队 | 官网：https://github.com/DuoSco/Hexo-theme-solitude 😋", "color:#fff; background: linear-gradient(270deg, #18d7d3, #68b7dd, #8695e6, #986fee); padding: 8px 15px; border-radius: 8px");
+    console.log(
+        "%c🔥 !{_p('head.console')}",
+        "color: #fff; background: linear-gradient(-25deg, #a8edea, #fed6e3); padding: 8px 15px; border-radius: 8px; text-shadow: 2px 2px 4px white; color: black;"
+    );
 
 div
-    script(src="/js/utils.js")
-    script(src="/js/main.js")
+    script(src=cdn_url_for("/js/utils.js"))
+    script(src=cdn_url_for("/js/main.js"))
+
+// custom inject
+if theme.extends.head
+    each item in theme.extends.head
+        != item

package/layout/includes/layout.pug

@@ -1,8 +1,11 @@
+- page.type = is_home() ? 'solitude' : page.type
+
 doctype html
 html(lang=config.language, data-theme="light")
     head
         include ./head.pug
-    body(id="body")
+    body#body(data-type=page.type)
+        canvas#universe
         // loading
         if theme.loading.fullpage
             include ./loading.pug
@@ -13,17 +16,17 @@ html(lang=config.language, data-theme="light")
         // sidebar
         include ./sidebar.pug
 
-        if(page.type !== '404')
-            div(class = is_post() ? 'post' : 'page', id="body-wrap")
-                include ./header.pug
+        #body-wrap(class = is_post() ? 'post' : 'page')
+            include ./header.pug
 
+            if(page.type !== '404')
                 block content
 
                 footer#footer
                     include ./footer.pug
-        else
-            div.error#body-wrap
-                block content
+            else
+                .error#body-wrap
+                    block content
 
         // inject body
         include ./inject/body.pug
@@ -32,4 +35,5 @@ html(lang=config.language, data-theme="light")
         include ./widgets/third-party/search/index.pug
 
         // music
-        include ./widgets/third-party/music.pug
+        if theme.thirdparty.aplayer.enable
+            include ./widgets/third-party/music.pug

package/layout/includes/loading.pug

@@ -22,67 +22,4 @@ script.
     });
     document.addEventListener('pjax:complete', () => {
         preloader.endLoading();
-    });
-style.
-    #loading-box {
-        -webkit-user-select: none;
-    }
-
-    #loading-box .loading-bg {
-        display: flex;
-        width: 100%;
-        height: 100%;
-        position: fixed;
-        background: var(--sco-background);
-        z-index: 1999;
-        opacity: 1;
-        transition: 0.2s;
-        pointer-events: all;
-        animation: showLoading 0.3s 0s backwards;
-    }
-
-    #loading-box.loaded .loading-bg {
-        pointer-events: none;
-        transition: 0.2s;
-        animation: hideLoading 0.3s 0s forwards;
-    }
-
-    #loading-box .loading-img {
-        width: 100px;
-        margin: auto;
-        animation-duration: 0.2s;
-        animation-name: loadingAction;
-        border-radius: 50px;
-        animation-iteration-count: infinite;
-        animation-direction: alternate;
-    }
-
-    @keyframes loadingAction {
-        from {
-            opacity: 1;
-        }
-
-        to {
-            opacity: 0.6;
-        }
-    }
-
-    @keyframes hideLoading {
-        from {
-            opacity: 1;
-        }
-
-        to {
-            opacity: 0;
-        }
-    }
-
-    @keyframes showLoading {
-        from {
-            opacity: 0;
-        }
-
-        to {
-            opacity: 1;
-        }
-    }
+    });

package/layout/includes/mixins/articleSort.pug

@@ -2,13 +2,13 @@
 each post in page.posts.find({ parent: { $exists: false } }).data
     if(year !== post.date.year())
         - year = post.date.year()
-        div.article-sort-item.year #{year}
-    div.article-sort-item
+        .article-sort-item.year #{year}
+    .article-sort-item
         a.article-sort-item-img(href=url_for(post.path) title=post.title)
             img(src=post.cover alt=post.title)
-        div.article-sort-item-info
+        .article-sort-item-info
             a.article-sort-item-title(href=url_for(post.path) title=post.title onclick="window.event.cancelBubble=true;") #{post.title}
-            div.article-sort-item-tags
+            .article-sort-item-tags
                 each tags in post.tags.data
                     a.article-meta__tags(href=url_for(tags.path) onclick="window.event.cancelBubble=true;")
                         span.tags-punctuation #{tags.name}

package/layout/includes/mixins/pagination.pug

@@ -4,5 +4,5 @@ nav#pagination
         !=paginator(options)
         div.toPageGroup
             input#toPageText(oninput="value=value.replace(/[^0-9]/g,'')", maxlength="3", title="跳转到指定页面", onkeyup="if (this.value === '0') this.value = ''")
-            a#toPageButton(onclick="sco.toPage()", data-pjax-state="")
+            a#toPageButton(onclick="sco.toPage()")
                 i.scoicon.sco-show-right-line

package/layout/includes/nav.pug

@@ -1,22 +1,22 @@
 nav#nav.show
-    div#nav-group
-        div#blog_name
+    #nav-group
+        #blog_name
             if theme.nav.left.enable
-                div.back-home-button(tabindex="-1")
+                .back-home-button(tabindex="-1")
                     i.back-home-button-icon.scoicon.sco-more-fill
                     include ./widgets/nav/left.pug
-            a#site-name(href="/", title="返回博客主页", traget="_self")
+            a#site-name(href="/", title=_p('nav.site_name_title'), target="_self")
                 if theme.site.name.class === 'i_class'
                     i.scoicon(class=theme.site.name.custom, style="font-size: 16px;")
                 else if theme.site.name.class === 'img'
                     img(src=theme.site.name.custom, alt=config.title)
                 else if theme.site.name.class === 'text'
                     span.scoicon= theme.site.name.custom
-        div#page-name-mask
-            div#page-name
-                a#page-name-text(onclick="sco.toTop()")= page.title || config.title
-        div#menus
+        #page-name-mask
+            #page-name
+                a#page-name-text(onclick="sco.toTop()")= title || config.title
+        #menus
             include ./widgets/nav/menu.pug
-        div#nav-left
-        div#nav-right
+        #nav-left
+        #nav-right
             include ./widgets/nav/right.pug

package/layout/includes/page/about.pug

@@ -7,4 +7,5 @@ if theme.about.enable && site.data.about
         include ../widgets/page/about/motto
         include ../widgets/page/about/hobbies
         include ../widgets/page/about/other
+        include ../widgets/page/about/tenyear
         include ../widgets/page/about/award

package/layout/includes/page/categories.pug

@@ -1,6 +1,6 @@
-h1.page-title(style='display: inline')= _p('page.category')
-div.category-lists
-    div.tag-cloud-list.is-center
+h1.page-title= _p('page.category')
+.category-lists
+    .tag-cloud-list.is-center
         each item in site.categories.find({ parent: { $exists: false } }).data
             a(href=url_for(item.path))
                 span.tags-punctuation

package/layout/includes/page/default.pug

@@ -1,2 +1,2 @@
-div#article-container
+#article-container
     != page.content

package/layout/includes/page/echarts.pug

@@ -2,6 +2,6 @@
 - var tagLength = theme.about.echarts.tagLength
 - var categoryParent = ""+theme.about.echarts.categoryParent
 
-div#posts-chart(data-start=startDate, style="border-radius: 8px; height: 300px; padding: 10px;")
-div#tags-chart(data-length=tagLength, style="border-radius: 8px; height: 300px; padding: 10px;")
-div#categories-chart(data-parent=categoryParent, style="border-radius: 8px; height: 300px; padding: 10px;")
+#posts-chart(data-start=startDate, style="border-radius: 8px; height: 300px; padding: 10px;")
+#tags-chart(data-length=tagLength, style="border-radius: 8px; height: 300px; padding: 10px;")
+#categories-chart(data-parent=categoryParent, style="border-radius: 8px; height: 300px; padding: 10px;")

package/layout/includes/page/equipment.pug

@@ -1,3 +1,2 @@
-- var pageClass = "sharePage"
 include ../widgets/page/banner
 include ../widgets/page/equipment/content

package/layout/includes/page/links.pug

@@ -1,35 +1,14 @@
-div.flink#banners
+.flink#banners
     include ../widgets/page/links/banner
 if theme.thirdparty.circle.angle.enable
     include ../widgets/page/moments/angle
-div.flink#article-container
+.flink#article-container
     each data in site.data.links.links
-        h2= data.class_name
-        div.flink-desc= data.descr
+        h2= data.class_name + " (" + data.link_list.length + ")"
+        .flink-desc= data.descr
         case data.type
             when 'card'
                 include ../widgets/page/links/linksCard
             when 'item'
                 include ../widgets/page/links/linksItem
-h3(align='end') ——本站友链排序不分先后，所有站点都值得一看。
-if theme.comment.enable
-    h2(id="友情链接申请")= "友情链接申请"
-    div#article-container!= page.content
-    p 请<b>勾选</b>你符合的条件：
-    div#friendlink_checkboxs
-        p
-            label
-                input(type='checkbox', id='checkbox1', onclick='checkForm()')
-                | 我已添加 <b>#{config.title}</b> 博客的友情链接
-        p
-            label
-                input(type='checkbox', id='checkbox2', onclick='checkForm()')
-                | 我的链接主体为 <b>个人</b>，网站类型为<b>博客</b>
-        p
-            label
-                input(type='checkbox', id='checkbox3', onclick='checkForm()')
-                | 我的网站现在可以在中国大陆区域正常访问
-        p
-            label
-                input(type='checkbox', id='checkbox4', onclick='checkForm()')
-                | 网站内容符合中国大陆法律法规
+    != page.content

package/layout/includes/page/moments.pug

@@ -1,4 +1,3 @@
-- var pageClass = "sharePage"
 include ../widgets/page/banner
 if theme.thirdparty.circle.angle.enable
     include ../widgets/page/moments/angle

package/layout/includes/page/music.pug

@@ -0,0 +1,19 @@
+if theme.music.enable
+    #Music-bg
+    #Music-page
+    .Music-loading
+        div APlayer加载中...
+
+    script.
+        if (!window.musicConfig) {
+            window.musicConfig = {
+                userId: '#{theme.music.id}',
+                userServer: "#{theme.music.server}",
+                userType: "#{theme.music.type}",
+                volume: #{theme.music.volume},
+                mutex: #{theme.music.mutex}
+            }
+        }
+
+else
+    include not_configured

package/layout/includes/page/not_configured.pug

@@ -0,0 +1,18 @@
+style.
+    .not-configured {
+        display: flex;
+        justify-content: center;
+        font-size: 18px;
+        font-weight: bold;
+        height: 80vh;
+        align-items: center
+    }
+    .not-configured strong {
+        padding: 0 4px;
+        border-bottom: 2px dotted var(--sco-lighttext)
+    }
+
+.not-configured
+    .title 请前往
+        strong 主题配置文件
+        | 进行配置

package/layout/includes/page/rss.pug

@@ -1,22 +1,20 @@
-main.layout.hide-aside#content-inner
-    #page
-        .rss-plan-list
-            a.rss-plan-item.rss-plan-wechat(href=theme.footer.rss.wechatOA, title="公众号", target="_blank")
-                .rss-plan-description 推送精选文章<br>推送全文
-                .rss-plan-info-group
-                    .rss-plan-title 公众号订阅
-                    .rss-plan-info 推荐的订阅方式
-                    img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d14a4de78.png", alt="wechat")
-            a.rss-plan-item.rss-plan-mail(href=theme.footer.rss.emailOA, rel="external nofollow", title="email", target="_blank")
-                .rss-plan-description 推送全部文章<br>推送封面与简介
-                .rss-plan-info-group
-                    .rss-plan-title 邮件订阅
-                    .rss-plan-info 推荐的订阅方式
-                    img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d16c3ea22.png", alt="email")
-            a.rss-plan-item.rss-plan-rss(href=theme.footer.rss.rssOA, title="rss", target="_blank")
-                .rss-plan-description 推送全部文章<br>推送简介
-                .rss-plan-info-group
-                    .rss-plan-title RSS
-                    .rss-plan-info 备用订阅方式
-                    img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d184e2a09.png", alt="rss")
-        != page.content
+.rss-plan-list
+    a.rss-plan-item.rss-plan-wechat(href=theme.footer.rss.wechatOA, title="公众号")
+        .rss-plan-description 推送精选文章<br>推送全文
+        .rss-plan-info-group
+            .rss-plan-title 公众号订阅
+            .rss-plan-info 推荐的订阅方式
+            img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d14a4de78.png", alt="wechat")
+    a.rss-plan-item.rss-plan-mail(href=theme.footer.rss.emailOA, title="email")
+        .rss-plan-description 推送全部文章<br>推送封面与简介
+        .rss-plan-info-group
+            .rss-plan-title 邮件订阅
+            .rss-plan-info 推荐的订阅方式
+            img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d16c3ea22.png", alt="email")
+    a.rss-plan-item.rss-plan-rss(href=theme.footer.rss.rssOA, title="rss")
+        .rss-plan-description 推送全部文章<br>推送简介
+        .rss-plan-info-group
+            .rss-plan-title RSS
+            .rss-plan-info 备用订阅方式
+            img.rss-plan-icon(src="https://bu.dusays.com/2023/11/01/6541d184e2a09.png", alt="rss")
+!= page.content

package/layout/includes/page/says.pug

@@ -1,5 +1,4 @@
 if theme.says.enable
-    - var pageClass = "sharePage"
     include ../widgets/page/banner
     #bber
         section.timeline.page-1
@@ -14,7 +13,7 @@ if theme.says.enable
                         if theme.says.style === 1
                             hr
                             include ../widgets/page/says/saysBottom
-    #bber-tips(style="color: var(--sco-secondtext);") - 只展示最近30条短文 -
+    #bber-tips - 只展示最近30条短文 -
 
 script.
     sco.reflashEssayWaterFall()

package/layout/includes/page/tags.pug

@@ -1,6 +1,6 @@
-h1.page-title(style='display: inline-block')= __('page.tag')
-div.category-lists
-    div.tag-cloud-list.is-center
+h1.page-title= __('page.tag')
+.category-lists
+    .tag-cloud-list.is-center
         each tag in site.tags.find({ parent: { $exists: false } }).data
             a(href=url_for(tag.path))
                 span.tags-punctuation

package/layout/includes/page/tlink.pug

@@ -1,4 +1,3 @@
-- var pageClass = "sharePage"
 include ../widgets/page/banner
 .flink#article-container
     each data in site.data.tlink.links

package/layout/includes/sidebar.pug

@@ -1,17 +1,17 @@
 div#sidebar(style="zoom: 1;")
     div#menu-mask(style="display: none;")
     div#sidebar-menus
-        span.sidebar-menu-item-title= "功能"
+        span.sidebar-menu-item-title= __('sidebar.title1')
         div.sidebar-menu-item
-            a.darkmode_switchbutton.menu-child(onclick="sco.switchDarkMode()", title="显示模式切换", href="javascript:void(0);" rel="nofollow" data-pjax-state)
-                i.scoicon.sco-moon-clear-fill(style="font-size: 1rem;")
-                span= "显示模式"
+            a.darkmode_switchbutton.menu-child(onclick="sco.switchDarkMode()", href="javascript:void(0);")
+                i.scoicon.sco-moon-clear-fill
+                span= __('sidebar.darkmode')
         if theme.nav.left.enable
             include ./widgets/nav/left.pug
         include ./widgets/nav/menu.pug
-        span.sidebar-menu-item-title= "标签"
+        span.sidebar-menu-item-title= __('sidebar.title2')
         div.card-widget.card-tags.card-archives.card-webinfo.card-allinfo
             div.card-tag-cloud
-                each tag in site.tags.data
-                    a(href=url_for(tag.path), style="font-size: 1rem; color: #d3d3d3")= tag.name
+                each tag in site.tags.find({ parent: { $exists: false } }).data
+                    a(href=url_for(tag.path))= tag.name
                         sup= tag.length

package/layout/includes/widgets/aside/aside.pug

@@ -1,18 +1,30 @@
 .aside-content#aside-content
-    - var noSticky, Sticky;
+    - var noSticky, Sticky, customNoSticky, customSticky;
     if(is_home())
         - noSticky = theme.aside.home.noSticky.split(',')
         - Sticky = theme.aside.home.Sticky.split(',')
+        - customNoSticky = site.data.aside?.home?.noSticky
+        - customSticky = site.data.aside?.home?.Sticky
     else if(is_post())
         - noSticky = theme.aside.post.noSticky.split(',')
         - Sticky = theme.aside.post.Sticky.split(',')
+        - customNoSticky = site.data.aside?.post?.noSticky
+        - customSticky = site.data.aside?.post?.Sticky
     else if(is_page() || is_archive() || is_tag() || is_category())
         - noSticky = theme.aside.page.noSticky.split(',')
         - Sticky = theme.aside.page.Sticky.split(',')
+        - customNoSticky = site.data.aside?.page?.noSticky
+        - customSticky = site.data.aside?.page?.Sticky
     each item in noSticky
         include ./asideSwitch.pug
+    if customNoSticky
+        each item in customNoSticky
+            include ./asideCustom.pug
     .sticky_layout
         if page.toc
             include ./asideToc.pug
         each item in Sticky
             include ./asideSwitch.pug
+        if customSticky
+            each item in customSticky
+                include ./asideCustom.pug

package/layout/includes/widgets/aside/asideArchive.pug

@@ -1,9 +1,11 @@
+- var archive = theme.aside.archive
+
 ul.card-archive-list
-    - var type = locals.type ? locals.type : 'year'
+    - var type = archive.type ? archive.type : 'year'
     each value, key in getArchiveLength(type)
         li.card-archive-list-item
-            a.card-archive-list-link(onclick=`pjax.loadUrl('/archives/${key}/')`, data-pjax-state="", href="javascript:void(0);")
+            a.card-archive-list-link(onclick=`pjax.loadUrl('/archives/${key}/')`, href="javascript:void(0);")
                 span.card-archive-list-date= key
                 .card-archive-list-count-group
                     span.card-archive-list-count= value
-                    span.card-archive-list-count-unit 篇
+                    span.card-archive-list-count-unit= __('console.archive_unit')

package/layout/includes/widgets/aside/asideCustom.pug

@@ -0,0 +1,6 @@
+.card-widget(class=item.class_name, id=item.id_name)
+    .item-headline
+        i(class=item.icon)
+        span=item.name
+    .item-content
+        != item.html