hexo-theme-shokax 0.5.0 → 0.5.2

package/layout/_partials/layout.pug

@@ -1,137 +1,137 @@
-include ../_mixin/breadcrumb.pug
-include ../_mixin/sidebar.pug
-include ../_mixin/widgets.pug
-
-- var covers = _cover_index(page, 6)
-- var enableFixedCover = theme.homeConfig?.fixedCover
-- var enablePreload = theme.homeConfig?.coverConfig?.enablePreload
-- var enableCover = theme.homeConfig?.coverConfig?.enableCover
-
-doctype html
-html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'filter: grayscale(1);':'' )
-    head
-        != partial('_partials/head/head.pug', {}, {cache: true})
-        if enablePreload && enableCover
-            if enableFixedCover
-                link(rel="preload" href=theme.homeConfig.fixedCover as="image" fetchpriority="high")
-            else if Array.isArray(covers)
-                each image in covers
-                    link(rel="preload" href!=image as="image" fetchpriority="high")
-            else
-                link(rel="preload" href!=covers as="image" fetchpriority="high")
-
-        != partial('_partials/head/head_com.pug')
-        != shokax_inject('head')
-        block head
-        title
-            block title
-                != `${alternate?alternate + " = ":""}${title}${subtitle?" = "+subtitle:""}`
-    body(itemscope itemtype="http://schema.org/WebPage")
-        != partial('_partials/loading.pug', {}, {cache: true})
-        div(id="container")
-            header(id="header" itemscope itemtype="http://schema.org/WPHeader")
-                div(class="inner")
-                    div(id="brand")
-                        div(class="pjax")
-                            block header
-                                a(href=config.root class="logo" rel="start")
-                                    if alternate
-                                        p(class="artboard")
-                                            != alternate
-                                    h1(itemprop="name headline" class="title")
-                                        != title
-                                if subtitle
-                                    p(class="meta" itemprop="description")
-                                        != `= ${subtitle} =`
-
-                    != partial('_partials/header.pug', {}, {cache: true})
-                div(id="imgs" class="pjax")
-                    if enableCover
-                        if theme.homeConfig.gradient || enableFixedCover
-                            //- cover不可用时用Bing随机图片代替
-                            - var coverImage = theme.homeConfig?.fixedCover || "https://7ed.net/bing/api"
-                            img(src=coverImage loading="eager" decoding="async" fetchpriority="high" alt=title)
-                        else
-                            if covers.length === 6
-                                ul
-                                    each image in covers
-                                        li(class="item" style=`background-image: url("${image}");`)
-                            else
-                                img(src=covers loading="eager" decoding="async" fetchpriority="high" alt=title)
-            div(id="waves")
-                svg(class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto")
-                    defs
-                        path(id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z")
-                    g(class="parallax")
-                        use(xlink:href="#gentle-wave" x="48" y="0")
-                        use(xlink:href="#gentle-wave" x="48" y="3")
-                        use(xlink:href="#gentle-wave" x="48" y="5")
-                        use(xlink:href="#gentle-wave" x="48" y="7")
-            main
-                div(class="inner")
-                    div(id="main" class="pjax")
-                        block content
-                    div(id="sidebar")
-                        block sidebar
-                            +sidebarRender
-                    div(class="dimmer")
-                div(id="player")
-            footer(id="footer")
-                div(class="inner")
-                    div(class="widgets")
-                        +WRender
-                    != partial('_partials/footer.pug', {}, {cache: true})
-        - var ccIcon = '<i class="ic i-creative-commons"></i>'
-        - var ccText = theme.creative_commons.license.toUpperCase()
-        - var audioValue
-        if page.audio
-            - audioValue = JSON.stringify(page.audio);
-
-        else if page.audio === false
-            - audioValue = JSON.stringify({});
-        else
-            - audioValue = "undefined"
-
-        - var ccIcon = '<i class="ic i-creative-commons"></i>'
-        - var ccText = theme.creative_commons.license.toUpperCase()
-        script(data-config type="text/javascript").
-            var LOCAL = {
-                ispost: !{is_post()},
-                path: `#{_permapath(page.path)}`,
-                favicon: {
-                    show: `#{__('favicon.show')}`,
-                    hide: `#{__('favicon.hide')}`
-                },
-                search: {
-                    placeholder: "!{__('search.placeholder')}",
-                    empty: "!{__('search.empty')}",
-                    stats: "!{__('search.stats')}"
-                },
-                nocopy: "!{!!page.nocopy}",
-                copyright: `!{page.copyright !== false ? (page.nocopy === true ? __("tips.nocopy") : __("tips.copyright", ccIcon + ccText)) : undefined}`,
-                copy_tex: #{!!page.math},
-                katex: #{!!page.math},
-                mermaid: #{!!page.mermaid},
-                audio: !{audioValue},
-                nocopy: #{!!page.nocopy},
-                outime: #{page.outime !== false},
-                template: `!{__('outime.template')}`,
-                quiz: {
-                    choice: `#{__('quiz.choice')}`,
-                    multiple: `#{__('quiz.multiple')}`,
-                    true_false: `#{__('quiz.true_false')}`,
-                    essay: `#{__('quiz.essay')}`,
-                    gap_fill: `#{__('quiz.gap_fill')}`,
-                    mistake: `#{__('quiz.mistake')}`
-                }
-            };
-
-        != partial('_partials/third-party/baidu-analytics.pug', {}, {cache: true})
-        != partial('_partials/third-party/clarity.pug', {}, {cache: true})
-        != partial('_partials/third-party/google-analytics.pug', {}, {cache: true})
-
-        != _js('siteInit.js')
-
-        != shokax_inject('bodyEnd')
-
-
+include ../_mixin/breadcrumb.pug
+include ../_mixin/sidebar.pug
+include ../_mixin/widgets.pug
+
+- var covers = _cover_index(page, 6)
+- var enableFixedCover = theme.homeConfig?.fixedCover
+- var enablePreload = theme.homeConfig?.coverConfig?.enablePreload
+- var enableCover = theme.homeConfig?.coverConfig?.enableCover
+
+doctype html
+html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'filter: grayscale(1);':'' )
+    head
+        != partial('_partials/head/head.pug', {}, {cache: true})
+        if enablePreload && enableCover
+            if enableFixedCover
+                link(rel="preload" href=theme.homeConfig.fixedCover as="image" fetchpriority="high")
+            else if Array.isArray(covers)
+                each image in covers
+                    link(rel="preload" href!=image as="image" fetchpriority="high")
+            else
+                link(rel="preload" href!=covers as="image" fetchpriority="high")
+
+        != partial('_partials/head/head_com.pug')
+        != shokax_inject('head')
+        block head
+        title
+            block title
+                != `${alternate?alternate + " = ":""}${title}${subtitle?" = "+subtitle:""}`
+    body(itemscope itemtype="http://schema.org/WebPage")
+        != partial('_partials/loading.pug', {}, {cache: true})
+        div(id="container")
+            header(id="header" itemscope itemtype="http://schema.org/WPHeader")
+                div(class="inner")
+                    div(id="brand")
+                        div(class="pjax")
+                            block header
+                                a(href=config.root class="logo" rel="start")
+                                    if alternate
+                                        p(class="artboard")
+                                            != alternate
+                                    h1(itemprop="name headline" class="title")
+                                        != title
+                                if subtitle
+                                    p(class="meta" itemprop="description")
+                                        != `= ${subtitle} =`
+
+                    != partial('_partials/header.pug', {}, {cache: true})
+                div(id="imgs" class="pjax")
+                    if enableCover
+                        if theme.homeConfig.gradient || enableFixedCover
+                            //- cover不可用时用Bing随机图片代替
+                            - var coverImage = theme.homeConfig?.fixedCover || "https://7ed.net/bing/api"
+                            img(src=coverImage loading="eager" decoding="async" fetchpriority="high" alt=title)
+                        else
+                            if covers.length === 6
+                                ul
+                                    each image in covers
+                                        li(class="item" style=`background-image: url("${image}");`)
+                            else
+                                img(src=covers loading="eager" decoding="async" fetchpriority="high" alt=title)
+            div(id="waves")
+                svg(class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto")
+                    defs
+                        path(id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z")
+                    g(class="parallax")
+                        use(xlink:href="#gentle-wave" x="48" y="0")
+                        use(xlink:href="#gentle-wave" x="48" y="3")
+                        use(xlink:href="#gentle-wave" x="48" y="5")
+                        use(xlink:href="#gentle-wave" x="48" y="7")
+            main
+                div(class="inner")
+                    div(id="main" class="pjax")
+                        block content
+                    div(id="sidebar")
+                        block sidebar
+                            +sidebarRender
+                    div(class="dimmer")
+                div(id="player")
+            footer(id="footer")
+                div(class="inner")
+                    div(class="widgets")
+                        +WRender
+                    != partial('_partials/footer.pug', {}, {cache: true})
+        - var ccIcon = '<i class="ic i-creative-commons"></i>'
+        - var ccText = theme.creative_commons.license.toUpperCase()
+        - var audioValue
+        if page.audio
+            - audioValue = JSON.stringify(page.audio);
+
+        else if page.audio === false
+            - audioValue = JSON.stringify({});
+        else
+            - audioValue = "undefined"
+
+        - var ccIcon = '<i class="ic i-creative-commons"></i>'
+        - var ccText = theme.creative_commons.license.toUpperCase()
+        script(data-config type="text/javascript").
+            var LOCAL = {
+                ispost: !{is_post()},
+                path: `#{_permapath(page.path)}`,
+                favicon: {
+                    show: `#{__('favicon.show')}`,
+                    hide: `#{__('favicon.hide')}`
+                },
+                search: {
+                    placeholder: "!{__('search.placeholder')}",
+                    empty: "!{__('search.empty')}",
+                    stats: "!{__('search.stats')}"
+                },
+                nocopy: "!{!!page.nocopy}",
+                copyright: `!{page.copyright !== false ? (page.nocopy === true ? __("tips.nocopy") : __("tips.copyright", ccIcon + ccText)) : undefined}`,
+                copy_tex: #{!!page.math},
+                katex: #{!!page.math},
+                mermaid: #{!!page.mermaid},
+                audio: !{audioValue},
+                nocopy: #{!!page.nocopy},
+                outime: #{page.outime !== false},
+                template: `!{__('outime.template')}`,
+                quiz: {
+                    choice: `#{__('quiz.choice')}`,
+                    multiple: `#{__('quiz.multiple')}`,
+                    true_false: `#{__('quiz.true_false')}`,
+                    essay: `#{__('quiz.essay')}`,
+                    gap_fill: `#{__('quiz.gap_fill')}`,
+                    mistake: `#{__('quiz.mistake')}`
+                }
+            };
+
+        != partial('_partials/third-party/baidu-analytics.pug', {}, {cache: true})
+        != partial('_partials/third-party/clarity.pug', {}, {cache: true})
+        != partial('_partials/third-party/google-analytics.pug', {}, {cache: true})
+
+        != _js('siteInit.js')
+
+        != shokax_inject('bodyEnd')
+
+

package/layout/_partials/loading.pug

@@ -1,13 +1,13 @@
-div(id="loading")
-    div(class="cat")
-        div(class="body")
-        div(class="head")
-            div(class="face")
-        div(class="foot")
-            div(class="tummy-end")
-            div(class="bottom")
-            div(class="legs left")
-            div(class="legs right")
-        div(class="paw")
-            div(class="hands left")
-            div(class="hands right")
+div(id="loading")
+    div(class="cat")
+        div(class="body")
+        div(class="head")
+            div(class="face")
+        div(class="foot")
+            div(class="tummy-end")
+            div(class="bottom")
+            div(class="legs left")
+            div(class="legs right")
+        div(class="paw")
+            div(class="hands left")
+            div(class="hands right")

package/layout/_partials/pagination.pug

@@ -1,4 +1,4 @@
-if page.prev || page.next
-    nav(class="pagination")
-        div(class="inner")
-            != paginator({prev_text: '<i class="ic i-angle-left" aria-label="' + __('accessibility.prev_page') + '"></i>',next_text: '<i class="ic i-angle-right" aria-label="' + __('accessibility.next_page') + '"></i>',mid_size : 1,escape   : false})
+if page.prev || page.next
+    nav(class="pagination")
+        div(class="inner")
+            != paginator({prev_text: '<i class="ic i-angle-left" aria-label="' + __('accessibility.prev_page') + '"></i>',next_text: '<i class="ic i-angle-right" aria-label="' + __('accessibility.next_page') + '"></i>',mid_size : 1,escape   : false})

package/layout/_partials/post/copyright.pug

@@ -1,20 +1,20 @@
-if page.copyright !== false
-    - var ccIcon = '<i class="ic i-creative-commons"><em>(CC)</em></i>'
-    - var ccText = theme.creative_commons.license.toUpperCase()
-    div(id="copyright")
-        ul
-            li(class="author")
-                strong
-                    != __('post.copyright.author') + __('symbol.colon')
-                != page.author || author
-                i(class="ic i-at")
-                    em @
-                != title
-            li(class="link")
-                strong
-                    != __('post.copyright.link') + __('symbol.colon')
-                != _url(page.permalink, page.permalink, {title: page.title})
-            li(class="license")
-                strong
-                    != __('post.copyright.license_title') + __('symbol.colon')
-                != page.copyright !== true ? __('post.copyright.license_content', _url(ccURL, ccIcon + ccText)) : __("post.copyright.nocopy")
+if page.copyright !== false
+    - var ccIcon = '<i class="ic i-creative-commons"><em>(CC)</em></i>'
+    - var ccText = theme.creative_commons.license.toUpperCase()
+    div(id="copyright")
+        ul
+            li(class="author")
+                strong
+                    != __('post.copyright.author') + __('symbol.colon')
+                != page.author || author
+                i(class="ic i-at")
+                    em @
+                != title
+            li(class="link")
+                strong
+                    != __('post.copyright.link') + __('symbol.colon')
+                != _url(page.permalink, page.permalink, {title: page.title})
+            li(class="license")
+                strong
+                    != __('post.copyright.license_title') + __('symbol.colon')
+                != page.copyright !== true ? __('post.copyright.license_content', _url(ccURL, ccIcon + ccText)) : __("post.copyright.nocopy")

package/layout/_partials/post/footer.pug

@@ -1,20 +1,20 @@
-div(class="meta")
-    if theme.twikoo.enable || theme.waline.pageview
-        span(class="item")
-            span(class="icon")
-                i(class="ic i-eye")
-            span(class="text")
-                !=__('footer.total_views') + __('symbol.colon')
-            - var prefixedPath = post.path.startsWith('/') ? post.path : '/' + post.path
-            span(id="twikoo_visitors" class="waline-pageview-count" data-path=prefixedPath)
-                !=__('footer.loading')
-    if date(post.date) !== date(post.updated) || time(post.date) !== time(post.updated)
-        span(class="item")
-            span(class="icon")
-                i(class="ic i-calendar-check")
-            span(class="text")
-                != __('post.edited') + __('symbol.space')
-            time(title=__('post.modified') + __('symbol.colon') + full_date(post.updated) itemprop="dateModified" datetime=moment(post.updated).format())
-                != date(post.updated)
-    
-    != shokax_inject('postMeta')
+div(class="meta")
+    if theme.twikoo.enable || theme.waline.pageview
+        span(class="item")
+            span(class="icon")
+                i(class="ic i-eye")
+            span(class="text")
+                !=__('footer.total_views') + __('symbol.colon')
+            - var prefixedPath = post.path.startsWith('/') ? post.path : '/' + post.path
+            span(id="twikoo_visitors" class="waline-pageview-count" data-path=prefixedPath)
+                !=__('footer.loading')
+    if date(post.date) !== date(post.updated) || time(post.date) !== time(post.updated)
+        span(class="item")
+            span(class="icon")
+                i(class="ic i-calendar-check")
+            span(class="text")
+                != __('post.edited') + __('symbol.space')
+            time(title=__('post.modified') + __('symbol.colon') + full_date(post.updated) itemprop="dateModified" datetime=moment(post.updated).format())
+                != date(post.updated)
+    
+    != shokax_inject('postMeta')

package/layout/_partials/post/nav.pug

@@ -1,17 +1,17 @@
-mixin navpost(item, type)
-    - var enableNextGradientCover = theme?.homeConfig?.coverConfig?.enableNextGradientCover
-    - var postText = item.title || item.link || __('post.untitled')
-    - var lastcat = item.categories.last()
-    - var itemlink = `<span class="type">${__('post.' + type)}</span>${lastcat && lastcat.name ? `<span class="category"><i class="ic i-flag"></i>${lastcat.name}</span>` : ''}<h3>${postText}</h3>`
-    if enableNextGradientCover
-        != _url(item.path, itemlink, {itemprop: 'url', rel: type, title: postText, style: `background-image: linear-gradient(to bottom right, ${random_color()}, ${random_color()});`})
-    else
-        != _url(item.path, itemlink, {itemprop: 'url', rel: type, 'data-background-image': _cover(item), title: postText})
-
-div(class="post-nav")
-    div(class="item left")
-        if post.next
-            +navpost(post.next, 'prev')
-    div(class="item right")
-        if post.prev
-            +navpost(post.prev, 'next')
+mixin navpost(item, type)
+    - var enableNextGradientCover = theme?.homeConfig?.coverConfig?.enableNextGradientCover
+    - var postText = item.title || item.link || __('post.untitled')
+    - var lastcat = item.categories.last()
+    - var itemlink = `<span class="type">${__('post.' + type)}</span>${lastcat && lastcat.name ? `<span class="category"><i class="ic i-flag"></i>${lastcat.name}</span>` : ''}<h3>${postText}</h3>`
+    if enableNextGradientCover
+        != _url(item.path, itemlink, {itemprop: 'url', rel: type, title: postText, style: `background-image: linear-gradient(to bottom right, ${random_color()}, ${random_color()});`})
+    else
+        != _url(item.path, itemlink, {itemprop: 'url', rel: type, 'data-background-image': _cover(item), title: postText})
+
+div(class="post-nav")
+    div(class="item left")
+        if post.next
+            +navpost(post.next, 'prev')
+    div(class="item right")
+        if post.prev
+            +navpost(post.prev, 'next')

package/layout/_partials/post/post.pug

@@ -1,42 +1,42 @@
-- var temp = post.lang || config.language
-article(itemscope itemtype="http://schema.org/Article" class="post block" lang=temp)
-    link(itemprop="mainEntityOfPage" href!=post.permalink)
-    span(hidden itemprop="author" itemscope itemtype="http://schema.org/Person")
-        meta(itemprop="image" content=url_for(theme.statics + theme.assets + '/' + theme.sidebar.avatar))
-        meta(itemprop="name" content=author)
-        meta(itemprop="description" content=`${ subtitle }, ${ description }`)
-    span(hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization")
-        meta(itemprop="name" content=title)
-    div(class=`body md${post.direction && post.direction.toLowerCase() === 'rtl'? rtl:""}` itemprop="articleBody")
-        if post.photos && post.photos.length
-            div(class="gallery" itemscope itemtype="http://schema.org/ImageGallery")
-                each photo in post.photos
-                    img(loading="lazy" decoding="async" src=_image_url(photo, post.path) itemprop="contentUrl")
-        if theme.summary.enable && page.layout === 'post'
-            div(class='tabs' id='summary')
-                div(class="show-btn")
-                div(class="nav")
-                    ul(class="special")
-                div(class="tab" data-id="summary" data-title="自我介绍")
-                    p
-                        != get_introduce()
-                div(class="tab active" data-id="summary" data-title="文章概括")
-                    p
-                        != get_summary(page)
-
-
-        != post.content
-        if post.tags && post.tags.length
-            div(class="tags")
-                each tag in post.tags.toArray()
-                    a(href!=url_for(tag.path) rel="tag")
-                        i(class="ic i-tag")
-                        != tag.name
-    footer
-        != partial('_partials/post/footer.pug')
-        if theme.reward.enable
-            != partial('_partials/post/reward.pug', {}, {cache: true})
-        if theme.creative_commons.license
-            != partial('_partials/post/copyright.pug')
-    
-    != shokax_inject('postBodyEnd')
+- var temp = post.lang || config.language
+article(itemscope itemtype="http://schema.org/Article" class="post block" lang=temp)
+    link(itemprop="mainEntityOfPage" href!=post.permalink)
+    span(hidden itemprop="author" itemscope itemtype="http://schema.org/Person")
+        meta(itemprop="image" content=url_for(theme.statics + theme.assets + '/' + theme.sidebar.avatar))
+        meta(itemprop="name" content=author)
+        meta(itemprop="description" content=`${ subtitle }, ${ description }`)
+    span(hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization")
+        meta(itemprop="name" content=title)
+    div(class=`body md${post.direction && post.direction.toLowerCase() === 'rtl'? rtl:""}` itemprop="articleBody")
+        if post.photos && post.photos.length
+            div(class="gallery" itemscope itemtype="http://schema.org/ImageGallery")
+                each photo in post.photos
+                    img(loading="lazy" decoding="async" src=_image_url(photo, post.path) itemprop="contentUrl")
+        if theme.summary.enable && page.layout === 'post'
+            div(class='tabs' id='summary')
+                div(class="show-btn")
+                div(class="nav")
+                    ul(class="special")
+                div(class="tab" data-id="summary" data-title="自我介绍")
+                    p
+                        != get_introduce()
+                div(class="tab active" data-id="summary" data-title="文章概括")
+                    p
+                        != get_summary(page)
+
+
+        != post.content
+        if post.tags && post.tags.length
+            div(class="tags")
+                each tag in post.tags.toArray()
+                    a(href!=url_for(tag.path) rel="tag")
+                        i(class="ic i-tag")
+                        != tag.name
+    footer
+        != partial('_partials/post/footer.pug')
+        if theme.reward.enable
+            != partial('_partials/post/reward.pug', {}, {cache: true})
+        if theme.creative_commons.license
+            != partial('_partials/post/copyright.pug')
+    
+    != shokax_inject('postBodyEnd')

package/layout/_partials/post/reward.pug

@@ -1,18 +1,18 @@
-if page.reward !== false
-    div(class="reward")
-        button
-            i(class="ic i-heartbeat")
-            != __('reward.donate')
-        p
-            != __('reward.text')
-        div(id="qr")
-            each image, name  in theme.reward.account
-                - var builtin = ['wechatpay', 'alipay', 'paypal', 'bitcoin']
-                if builtin.includes(name)
-                    - var translation = __('reward.' + name)
-                else
-                    - var translation = name
-                div
-                    img(loading="lazy" src=`${url_for(theme.statics + theme.assets + image) }` alt=`${ author } ${ translation }`)
-                    p
-                        != translation
+if page.reward !== false
+    div(class="reward")
+        button
+            i(class="ic i-heartbeat")
+            != __('reward.donate')
+        p
+            != __('reward.text')
+        div(id="qr")
+            each image, name  in theme.reward.account
+                - var builtin = ['wechatpay', 'alipay', 'paypal', 'bitcoin']
+                if builtin.includes(name)
+                    - var translation = __('reward.' + name)
+                else
+                    - var translation = name
+                div
+                    img(loading="lazy" src=`${url_for(theme.statics + theme.assets + image) }` alt=`${ author } ${ translation }`)
+                    p
+                        != translation

package/layout/_partials/sidebar/menu.pug

@@ -1,37 +1,37 @@
-mixin item(name, path, parent, sublist)
-    - var trimn = (str)=>{return str!=null?str.trim():"";}
-    - var path = path.split('||')
-    - var itemURL = path[0].trim()
-    - if (!itemURL.startsWith('http')){ itemURL = itemURL.replace('//', '/') }
-    - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
-    - var menuText = __('menu.' + name).replace('menu.', '')
-    if parent
-        li(class="item dropdown")
-            if itemURL === '/'
-                a(href="#" onclick="return false;")
-                    != menuIcon + menuText
-            else
-                != _url(itemURL, menuIcon + menuText, {rel: 'section'})
-            ul(class="submenu")
-                each subvalue, subname in sublist
-                    - var path = subvalue.split('||')
-                    - var itemURL = path[0].trim()
-                    - if (itemURL==='/') itemURL='javascript:void(0)'
-                    - var menuText = __('menu.' + subname).replace('menu.', '')
-                    if subname === 'default'
-                        - var menuText = __('menu.' + name).replace('menu.', '')
-                    else
-                        - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
-                        li(class="item")
-                            != _url(itemURL, menuIcon + menuText, {rel: 'section'})
-    else
-        li(class="item")
-            != _url(itemURL, menuIcon + menuText, {rel: 'section'})
-
-each value, name in theme.menu
-    if value.toString() === '[object Object]'
-        each subvalue, subname in value
-            if subname === 'default'
-                +item(name, subvalue, true, value)
-    else
-        +item(name, value)
+mixin item(name, path, parent, sublist)
+    - var trimn = (str)=>{return str!=null?str.trim():"";}
+    - var path = path.split('||')
+    - var itemURL = path[0].trim()
+    - if (!itemURL.startsWith('http')){ itemURL = itemURL.replace('//', '/') }
+    - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
+    - var menuText = __('menu.' + name).replace('menu.', '')
+    if parent
+        li(class="item dropdown")
+            if itemURL === '/'
+                a(href="#" onclick="return false;")
+                    != menuIcon + menuText
+            else
+                != _url(itemURL, menuIcon + menuText, {rel: 'section'})
+            ul(class="submenu")
+                each subvalue, subname in sublist
+                    - var path = subvalue.split('||')
+                    - var itemURL = path[0].trim()
+                    - if (itemURL==='/') itemURL='javascript:void(0)'
+                    - var menuText = __('menu.' + subname).replace('menu.', '')
+                    if subname === 'default'
+                        - var menuText = __('menu.' + name).replace('menu.', '')
+                    else
+                        - var menuIcon = '<i class="ic i-' + trimn(path[1]) + '"></i>'
+                        li(class="item")
+                            != _url(itemURL, menuIcon + menuText, {rel: 'section'})
+    else
+        li(class="item")
+            != _url(itemURL, menuIcon + menuText, {rel: 'section'})
+
+each value, name in theme.menu
+    if value.toString() === '[object Object]'
+        each subvalue, subname in value
+            if subname === 'default'
+                +item(name, subvalue, true, value)
+    else
+        +item(name, value)