hexo-theme-solitude 1.4.2 → 1.4.4

package/layout/includes/footer.pug

@@ -49,11 +49,8 @@ div#footer-bar
                 div.copyright © #{moment(theme.aside.siteinfo.runtime).year()} - #{new Date().getFullYear()} By 
                     a.footer-bar-link(href="/")= config.author
         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')
-            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
+            each item in theme.footer.links
+                a.footer-bar-link(href=url_for(item.url), title=item.name)= item.name
             a.footer-bar-link.cc(href=theme.footer.license)
                 i.scoicon.sco-copyright-line
                 i.scoicon.sco-creative-commons-by-line

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

@@ -2,10 +2,23 @@
 
 div
     script(src=url_for(theme.cdn.main))
+    script(src=url_for(theme.cdn.utils))
 
     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 +50,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/inject/head.pug

@@ -12,7 +12,7 @@ if theme.capsule.enable || theme.music.enable
 if theme.says.home_mini
     link(rel="stylesheet", href=url_for(theme.cdn.swiper_css))
 
-if theme.fancybox
+if theme.lightbox && theme.fancybox
     link(rel="stylesheet", href=url_for(theme.cdn.fancyapps_css))
 
 // Open Graph
@@ -79,9 +79,6 @@ script.
         "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=url_for(theme.cdn.utils))
-
 // custom inject
 if theme.extends.head
     each item in theme.extends.head

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/loading.pug

@@ -1,6 +1,6 @@
 div(id="loading-box" onclick="preloader.endLoading();" style="zoom:1")
     div.loading-bg
-        img.loading-img(src=url_for(theme.site.icon), alt="loading image")
+        img.loading-img.nolazyload(src=url_for(theme.site.icon), alt="loading image")
 
 script.
     const preloader = {

package/layout/includes/page/album.pug

@@ -1,7 +1,6 @@
 include ../widgets/page/banner
 
-- var gallery = site.data.gallery.gallery
-- var album = gallery.find(item => item.album = page.album)
+- var album = page.album
 - var {limit} = theme.album
 
 if album
@@ -11,12 +10,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 +18,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 +33,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/gallery.pug

@@ -1,11 +1,11 @@
 include ../widgets/page/banner
 
-- var gallery = site.data.gallery.gallery
+- var gallery = page.album
 
 if theme.album.enable && gallery
     #gallery
         each item in gallery
-            .gallery-item(onclick="pjax.loadUrl('/" + item.album + "/')")
+            .gallery-item(onclick="pjax.loadUrl('/" + page.url + "/" + item.album + "/')")
                 img.cover(src=item.cover)
                 span.title= item.class_name
                 span.desc= item.descr

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/aside/asideInfoCard.pug

@@ -11,7 +11,7 @@
             .author-info__description!= theme.aside.card.content
             .author-info__description2!= theme.aside.card.content2
         .author-info__bottom-group
-            a.author-info__bottom-group-left(href=theme.about ? "/about/" : "/")
+            a.author-info__bottom-group-left(href=url_for(theme.aside.card.url))
                 .author-info__name= config.author
                 .author-info__desc!= config.subtitle
             .card-info-social-icons.is-center

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

@@ -1,7 +1,7 @@
 script.
     !async function () {
         const htmlTagRegex = /<[^>]+>/g;
-
+        document.querySelector('#bber-talk').innerHTML = '<div class="li-style swiper-slide"><i class="scoicon sco-loading-line"></i></div>';
         await fetch('!{theme.says.mode_link}')
             .then(res => res.json())
             .then(res => {
@@ -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

@@ -1,5 +1,6 @@
 script.
     !async function () {
+        document.querySelector('#bber-talk').innerHTML = '<div class="li-style swiper-slide"><i class="scoicon sco-loading-line"></i></div>'
         await fetch('!{theme.says.mode_link}')
             .then(response => response.json())
             .then(data => {
@@ -17,9 +18,10 @@ script.
                     let video = item.content.match(playerRegex) ? '<i class="scoicon sco-video-fill"></i>' : item.content.match(bilibiliRegex) ? '<i class="scoicon sco-bilibili-line"></i>' : '';
                     let link = item.content.match(linkRegex) ? `<i class="scoicon sco-link"></i>` : '';
 
-                    return `<div class="li-style swiper-slide">${content+aplayer+video+imageBox+link}</div>`
+                    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/award.pug

@@ -7,14 +7,17 @@ if site.data.about.rewardList
             .author-content-item-tips= _p('award.about.tip')
             span.author-content-item-title= _p('award.about.title')
             .author-content-item-description
-               = award.description
+                = award.description
             .reward-list-all
                 each reward in site.data.about.rewardList
                     - sum += reward.money
                     .reward-list-item
                         .reward-list-item-name= reward.name
                         .reward-list-bottom-group
-                            .reward-list-item-money(style=(reward.vip ? "background: var(--sco-vip);" : "")) ¥ #{reward.money}
+                            .reward-list-item-money(style=(reward.vip ? "background: var(--sco-vip);" : ""))
+                                if reward.icon
+                                    i.scoicon(class=reward.icon)
+                                | ¥ #{reward.money}
                             time.datatime.reward-list-item-time(datetime=moment(reward.time).format())
                 if theme.post.award.enable
                     .post-reward
@@ -33,4 +36,4 @@ if site.data.about.rewardList
                                                 img.post-qr-code-img(alt=reward.description, src=reward.image)
                                             .post-qr-code-desc= reward.description
             .reward-list-tips
-                p= award.tips.replace('{sum}', sum)
+                p= award.tips.replace('{sum}', sum.toFixed(2))

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)

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

@@ -37,7 +37,7 @@ if tenyear
                 progressElement.style.setProperty("--progress-percentage", progressPercentage);
                 if(progress > 5){
                     percentageLabelElement.textContent = `${progress.toFixed(0)}%`;
-                    percentageLabelElement.style.left = `calc(${progress}% - 28px)`;
+                    percentageLabelElement.style.left = `calc(${progress}% - 35px)`;
                 }
             }
 

package/layout/includes/widgets/page/says/json.pug

@@ -2,6 +2,7 @@ case theme.says.style
     when 1
         script.
             !async function () {
+                document.querySelector('#waterfall').innerHTML = '<li class="item"><div class="bber-content"><p class="datacont"><i class="scoicon sco-loading-line"></i></p></div></li>'
                 await fetch('!{url_for(theme.says.mode_link)}')
                     .then(res => res.json())
                     .then(res => {
@@ -26,22 +27,24 @@ case theme.says.style
                                             <div class="bber-info">
                                                 <div class="bber-info-time">
                                                     <i class="scoicon sco-calendar-todo-fill"></i>
-                                                    <time class="datetime" datetime="${item.create_time}"></time>
+                                                    <time class="datetime" datetime="${item.date}"></time>
                                                 </div>
-                                                ${item.link ? `<a class="bber-content-link" href="${item.link}" title="跳转到短文指引的链接"><i class="scoicon sco-link-m-line"></i>链接</a>` : ''}
+                                                ${item.link ? `<a class="bber-content-link" href="${item.link}" title="跳转到短文指引的链接" target="_blank"><i class="scoicon sco-link-m-line"></i>链接</a>` : ''}
                                             </div>
                                             ${item.content ? `<a class="bber-reply goComment" onclick="sco.toTalk('${item.content}')"><i class="scoicon sco-chat-fill" style="font-size: 1rem;"></i></a>` : ''}
                                         </div>
                             </li>`
                         }).join('')
+                        sco.reflashEssayWaterFall();
+                        GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg();
+                        GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".bber-content-img img"));
+                        changeTimeFormat();
                     })
-                GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
-                GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".bber-content-img img"));
-                changeTimeFormat()
             }()
     when 2
         script.
             !async function () {
+                document.querySelector('#waterfall').innerHTML = '<li class="item"><div class="bber-content"><p class="datacont"><i class="scoicon sco-loading-line"></i></p></div></li>'
                 await fetch('!{url_for(theme.says.mode_link)}')
                     .then(res => res.json())
                     .then(res => {
@@ -56,10 +59,10 @@ case theme.says.style
                             imageBox = item.images ? `<div class="bber-content-img">${item.images.map(img => `<img src="${img}" title="即刻短文配图" />`).join('')}</div>` : null
                             return `<li class="item">
                                         <div class="meta">
-                                            <img class="no-lightbox no-lazyload avatar" src="!{theme.aside.card.author.img}">
+                                            <img class="no-lightbox nolazyload avatar" src="!{theme.aside.card.author.img}">
                                             <div class="info">
                                                 <span class="bber_nick">#{config.author}</span>
-                                                <time class="datetime bber_date" datetime="${item.create_time}"></time>
+                                                <time class="datetime bber_date" datetime="${item.date}"></time>
                                             </div>
                                             ${item.content ? `<a class="bber-reply goComment" onclick="sco.toTalk('${item.content}')"><i class="scoicon sco-chat-fill" style="font-size: 1rem;"></i></a>` : ''}
                                         </div>
@@ -71,8 +74,9 @@ case theme.says.style
                                         ${aplayer || ''}
                             </li>`
                         }).join('')
-                        GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
+                        sco.reflashEssayWaterFall();
+                        GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg();
                         GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".bber-content-img img"));
-                        changeTimeFormat()
+                        changeTimeFormat();
                     })
             }()

package/layout/includes/widgets/page/says/local.pug

@@ -36,7 +36,7 @@ each item in site.data.essay.essay_list.slice(0, theme.says.strip)
                         i.scoicon.sco-calendar-todo-fill
                         time.datetime(datetime=moment(item.date).format())
                     if item.link
-                        a.bber-content-link(href=url_for(item.link) title="跳转到短文指引的链接")
+                        a.bber-content-link(href=url_for(item.link) title="跳转到短文指引的链接" target="_blank")
                             i.scoicon.sco-link-m-line
                             | 链接
                 if item.content

package/layout/includes/widgets/page/says/memos.pug

@@ -7,7 +7,9 @@ case theme.says.style
                 let bilibiliRegex = /{bilibili,(.*?)}/g;
                 let playerRegex = /{player,(.*?)}/g;
                 let imageRegex = /!\[\]\((.*?)\)/g;
-                let contentRegex = /#.*?\s([^{\n]*)/g
+                let contentRegex = /#.*?\s([^{\n]*)/g;
+
+                document.querySelector('#waterfall').innerHTML = '<i class="scoicon sco-loading-line"></i>'
 
                 await fetch("!{url_for(theme.says.mode_link)}")
                     .then(res => res.json())
@@ -49,11 +51,11 @@ case theme.says.style
                                         </div>
                                     </li>`;
                         }).join('');
+                        sco.reflashEssayWaterFall();
+                        GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg();
+                        GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".bber-content-img img"));
+                        changeTimeFormat();
                     }).catch(error => console.log(error));
-                sco.reflashEssayWaterFall();
-                GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg();
-                GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll(".bber-content-img img"));
-                changeTimeFormat();
             }();
     when 2
         script.
@@ -64,6 +66,8 @@ case theme.says.style
                 let imageRegex = /!\[\]\((.*?)\)/g;
                 let contentRegex = /#.*?\s([^{\n]*)/g
 
+                document.querySelector('#waterfall').innerHTML = '<i class="scoicon sco-loading-line"></i>'
+
                 await fetch("!{url_for(theme.says.mode_link)}")
                     .then(res => res.json())
                     .then(data => {
@@ -84,7 +88,7 @@ case theme.says.style
                             let content = item.content.match(contentRegex).map(item => item.replace(contentRegex, '$1'));
                             return `<li class="item">
                                         <div class="meta">
-                                            <img class="no-lightbox no-lazyload avatar" src="!{theme.aside.card.author.img}">
+                                            <img class="no-lightbox nolazyload avatar" src="!{theme.aside.card.author.img}">
                                             <div class="info">
                                                 <span class="bber_nick">#{config.author}</span>
                                                 <time class="datetime bber_date" datetime="${time}"></time>