hexo-theme-solitude 1.1.0 → 1.2.1

package/layout/page/rss.ejs

@@ -1,37 +0,0 @@
-<main class="layout hide-aside" id="content-inner">
-    <div id="page">
-        <div class="rss-plan-list">
-            <a class="rss-plan-item rss-plan-wechat" href="<%- theme.footer.rss.wechatOA %>" title="公众号" target="_blank">
-                <div class="rss-plan-description">推送精选文章<br>推送全文</div>
-                <div class="rss-plan-info-group">
-                    <div class="rss-plan-title">公众号订阅</div>
-                    <div class="rss-plan-info">推荐的订阅方式</div>
-                    <img class="rss-plan-icon" src="https://bu.dusays.com/2023/11/01/6541d14a4de78.png" alt="wechat">
-                </div>
-            </a><a class="rss-plan-item rss-plan-mail" href="<%- theme.footer.rss.emailOA %>" rel="external nofollow"
-                   title="竹白" target="_blank">
-                <div class="rss-plan-description">推送全部文章<br>推送封面与简介</div>
-                <div class="rss-plan-info-group">
-                    <div class="rss-plan-title">邮件订阅</div>
-                    <div class="rss-plan-info">推荐的订阅方式</div>
-                    <img class="rss-plan-icon" src="https://bu.dusays.com/2023/11/01/6541d16c3ea22.png" alt="wechat">
-                </div>
-            </a><a class="rss-plan-item rss-plan-rss" href="<%- theme.footer.rss.rssOA %>" title="rss" target="_blank">
-                <div class="rss-plan-description">推送全部文章<br>推送简介</div>
-                <div class="rss-plan-info-group">
-                    <div class="rss-plan-title">RSS</div>
-                    <div class="rss-plan-info">备用订阅方式</div>
-                    <img class="rss-plan-icon" src="https://bu.dusays.com/2023/11/01/6541d184e2a09.png" alt="wechat">
-                </div>
-            </a></div>
-            <%- page.content %>
-
-        <% if(page.comment){ %>
-            <%- partial('partial/compoment/third-party/comments/comment') %>
-        <% } %>
-    </div>
-
-    <% if(page.aside){%>
-        <%- partial('partial/compoment/aside/aside') %>
-    <%} %>
-</main>

package/layout/page/says.ejs

@@ -1,17 +0,0 @@
-<%- partial('partial/compoment/says/banner') %>
-<div id="bber">
-    <section class="timeline page-1">
-        <ul class="list" id="waterfall">
-            <% for(let i in site.data.essay.essay_list){ %>
-                <% const item = site.data.essay.essay_list[i];if(i >= 30)break; %>
-                <li class="item">
-                    <%- partial('partial/compoment/says/saysContent', {item:item}) %>
-                    <%- partial('partial/compoment/says/saysFunction', {item:item}) %>
-                    <hr>
-                    <%- partial('partial/compoment/says/saysBottom', {item:item}) %>
-                </li>
-            <% }; %>
-        </ul>
-    </section>
-</div>
-<div id="bber-tips" style="color: var(--sco-secondtext);">- 只展示最近30条短文 -</div>

package/layout/page/tags.ejs

@@ -1,12 +0,0 @@
-<h1 class="page-title"><%= __('page.tag') %></h1>
-<div class="category-lists">
-    <div class="tag-cloud-list is-center">
-        <% site.tags.data.forEach(data => { %>
-            <a href="<%= url_for(data.path) %>">
-                <span class="tags-punctuation"></span>
-                <%= data.name %>
-                <span class="tagsPageCount"><%= data.length %></span>
-            </a>
-        <% }) %>
-    </div>
-</div>

package/layout/page/tlink.ejs

@@ -1,11 +0,0 @@
-<%- partial('partial/compoment/tlink/banner') %>
-<div class="flink" id="article-container">
-    <% site.data.tlink.links.forEach(data => { %>
-        <h2><%= data.class_name %></h2>
-        <div class="flink-desc"><%= data.descr %></div>
-        <%- partial('partial/compoment/links/linksItem', {data: data.link_list}) %>
-    <% }); %>
-</div>
-<div id="article-container">
-    <%- page.content %>
-</div>

package/layout/page.ejs

@@ -1,45 +0,0 @@
-<main class="layout <%= page.aside ? '' : 'hide-aside' %>" id="content-inner">
-    <div id="page">
-        <% switch (page.type) {
-            case 'categories': %>
-                <%- partial('page/categories') %>
-            <% break;
-            case 'tags': %>
-            <%- partial('page/tags') %>
-            <% break;
-            case 'links': %>
-                <%- partial('page/links') %>
-			<% break;
-            case 'tlink': %>
-                <%- partial('page/tlink') %>
-            <% break;
-			case 'about': %>
-			    <%- partial('page/about') %>
-            <% break;
-            case 'says': %>
-                <%- partial('page/says') %>
-            <% break;
-            case 'equipment': %>
-                <%- partial('page/equipment') %>
-            <% break;
-            case 'circle': %>
-                <%- partial('page/circle') %>
-            <% break;
-            case 'echarts': %>
-                <%- partial('page/echarts') %>
-            <% break;
-            case 'rss': %>
-                <%- partial('page/rss') %>
-            <% break;
-            default: %>
-                <%- partial('page/page') %>
-            <% break;
-        } %>
-        <% if(page.comment){ %>
-            <%- partial('partial/compoment/third-party/comments/comment') %>
-        <% } %>
-    </div>
-    <% if(page.aside){ %>
-        <%- partial('partial/compoment/aside/aside') %>
-    <% } %>
-</main>     

package/layout/partial/body.ejs

@@ -1,7 +0,0 @@
-<div>
-    <%- partial('partial/compoment/inject/body', {cache: true}) %>
-    <%- partial('partial/compoment/third-party/pjax', {cache: true}) %>
-    <% if (theme.extends.body) for (const i of theme.extends.body){ %>
-        <%- i %>
-    <% } %>
-</div>

package/layout/partial/compoment/about/authorinfo.ejs

@@ -1,18 +0,0 @@
-<% const authorinfo = site.data.about.authorinfo; %>
-
-<div class="author-info">
-  <div class="author-tag-left">
-    <% authorinfo.leftTags.forEach(tag => { %>
-      <span class="author-tag"><%= tag %></span>
-    <% }); %>
-  </div>
-  <div class="author-img">
-    <img src="<%= authorinfo.image %>" >
-  </div>
-  <div class="author-tag-right">
-    <% authorinfo.rightTags.forEach(tag => { %>
-      <span class="author-tag"><%= tag %></span>
-    <% }); %>
-  </div>
-</div>
-<div class="author-title">关于我</div>

package/layout/partial/compoment/about/award.ejs

@@ -1,59 +0,0 @@
-<% let sum = 0; %>
-<% if(site.data.about.rewardList){ %>
-<div class="author-content">
-    <div class="author-content-item single reward">
-        <div class="author-content-item-tips">致谢</div>
-        <span class="author-content-item-title">赞赏名单</span>
-        <div class="author-content-item-description">
-            感谢赞赏的人，因为你们，让我感受到写博客这件事情能够给你们创造了价值。这会让我在这条路上走得更远。
-        </div>
-        <div class="reward-list-all">
-            <% site.data.about.rewardList.forEach(function(reward) {
-                sum += reward.money
-            %>
-            <div class="reward-list-item">
-                <div class="reward-list-item-name"><%= reward.name %></div>
-                <div class="reward-list-bottom-group">
-                    <div class="reward-list-item-money" <% if (reward.vip) { %>style="background: var(--sco-vip);"
-                            <% } %>
-                    >¥ <%= reward.money %></div>
-                    <time class="datatime reward-list-item-time" datetime="<%= moment(reward.time).format() %>"></time>
-                </div>
-            </div>
-            <% }); %>
-            <% if(theme.post.award.enable){ %>
-                <div class="post-reward">
-                    <div class="post-reward" onclick="AddRewardMask()"></div>
-                    <div class="reward-button" title="赞赏作者"><i class="heofont icon-hand-heart-fill"></i> 打赏作者
-                    </div>
-                    <div class="reward-main">
-                        <ul class="reward-all">
-                            <span class="reward-title">感谢你赐予我前进的力量</span>
-                            <ul class="reward-group">
-                                <% var rewards = [
-                                    {image: theme?.post?.award?.wechat, description: '微信'},
-                                    {image: theme?.post?.award?.alipay, description: '支付宝'}
-                                ]; %>
-                                <% for (var i = 0; i < rewards.length; i++) { %>
-                                    <li class="reward-item">
-                                        <a href="<%= rewards[i].image %>" target="_blank">
-                                            <img class="post-qr-code-img" alt="<%= rewards[i].description %>"
-                                                 src="<%= rewards[i].image %>">
-                                        </a>
-                                        <div class="post-qr-code-desc">
-                                            <%= rewards[i].description %>
-                                        </div>
-                                    </li>
-                                <% } %>
-                            </ul>
-                        </ul>
-                    </div>
-                </div>
-            <% } %>
-        </div>
-        <div class="reward-list-tips">
-            <p>总金额：¥ <%- sum %>，将全部用于博客的维护</p>
-        </div>
-    </div>
-</div>
-<% } %>

package/layout/partial/compoment/about/contentinfo.ejs

@@ -1,33 +0,0 @@
-<% const contentinfo = site.data.about.contentinfo; %>
-<div class="author-content">
-	<div class="author-content-item myInfoAndSayHello">
-		<div class="title1">你好，很高兴认识你👋</div>
-		<div class="title2">我叫 <span class="inline-word"><%= contentinfo.name %></span></div>
-		<div class="title1">是一名 <%= contentinfo.title %></div>
-	</div>
-	<div class="aboutsiteTips author-content-item">
-		<div class="author-content-item-tips">追求</div>
-		<h2>源于<br> 热爱而去<span class="inline-word">创造</span>
-			<div class="mask"><span class="first-tips" data-show=""><%= contentinfo.product %></span><span><%= contentinfo.design %></span><span><%= contentinfo.program %></span><span
-					data-up=""><%= contentinfo.user_experience %></span></div>
-		</h2>
-	</div>
-</div>
-<script>
-	var pursuitInterval = null;
-	pursuitInterval = setInterval(function () {
-	  const show = document.querySelector('span[data-show]')
-	  const next = show.nextElementSibling || document.querySelector('.first-tips')
-	  const up = document.querySelector('span[data-up]')
-	  if (up) {
-		up.removeAttribute('data-up')
-	  }
-	  show.removeAttribute('data-show')
-	  show.setAttribute('data-up', '')
-	  next.setAttribute('data-show', '')
-	}, 2000)
-
-	document.addEventListener('pjax:send', function(){
-	  clearInterval(pursuitInterval);
-	});
-  </script>

package/layout/partial/compoment/about/hobbies.ejs

@@ -1,53 +0,0 @@
-<div class="author-content">
-    <% if(site.data.about.game1){ %>
-        <div class="author-content-item game-apex"
-             style="background: url(<%- site.data.about.game1.img %>) no-repeat top; background-size: cover;">
-            <div class="card-content">
-                <div class="author-content-item-tips"><%= site.data.about.game1.title %></div>
-                <span class="author-content-item-title"><%= site.data.about.game1.subtitle %></span>
-                <div class="content-bottom">
-                    <div class="tips"><%= site.data.about.game1.tips_left %></div>
-                    <div class="tips"><%= site.data.about.game1.tips_right %></div>
-                </div>
-            </div>
-        </div>
-    <% } %>
-    <% if(site.data.about.game2){ %>
-        <div class="author-content-item game-jl"
-             style="background: url(<%= site.data.about.game2.img %>) no-repeat top; background-size: cover;">
-            <div class="card-content">
-                <div class="author-content-item-tips"><%= site.data.about.game2.title %></div>
-                <span class="author-content-item-title"><%= site.data.about.game2.subtitle %></span>
-                <div class="content-bottom">
-                    <div class="tips"><%= site.data.about.game2.tips_left %></div>
-                    <div class="tips"><%= site.data.about.game2.tips_right %></div>
-                </div>
-            </div>
-        </div>
-    <% } %>
-</div>
-<% if(site.data.about.likes){ %>
-    <% const likes = site.data.about.likes; %>
-    <div class="author-content">
-        <% likes.forEach(function(like) { %>
-            <div class="author-content-item <%= like.type %>" style="background: url(<%= like.bg %>) no-repeat center;">
-                <div class="card-content">
-                    <div class="author-content-item-tips"><%= like.tips %></div>
-                    <span class="author-content-item-title"><%= like.title %></span>
-                    <div class="content-bottom">
-                        <div class="tips"><%= like.subtips %></div>
-                        <% if(like.button){ %>
-                            <div class="banner-button-group">
-                                <a class="banner-button" href="<%= like.button_link %>" target="_blank"
-                                   rel="noopener nofollow">
-                                    <i class="scoicon sco-right-btn-fill"></i>
-                                    <span class="banner-button-text"><%= like.button_text %></span>
-                                </a>
-                            </div>
-                        <% } %>
-                    </div>
-                </div>
-            </div>
-        <% }); %>
-    </div>
-<% } %>

package/layout/partial/compoment/about/motto.ejs

@@ -1,17 +0,0 @@
-<div class="author-content">
-    <% const motto = site.data.about.motto; %>
-    <div class="author-content-item maxim">
-        <div class="author-content-item-tips"><%= motto.title %></div>
-        <span class="maxim-title"><span
-                    style="opacity: 0.6;margin-bottom:8px;"><%= motto.prefix %></span><span><%= motto.content %></span></span>
-    </div>
-    <div class="author-content-item buff">
-        <% const expertise = site.data.about.expertise; %>
-        <div class="card-content">
-            <div class="author-content-item-tips"><%= expertise.title %></div>
-            <span class="buff-title"><span style="opacity: 0.6;margin-bottom:8px;"><%= expertise.prefix %><span
-                            class="inline-word"><%= expertise.specialist %></span></span><span><%= expertise.content %><span
-                            class="inline-word"><%= expertise.level %></span></span></span>
-        </div>
-    </div>
-</div>

package/layout/partial/compoment/about/other.ejs

@@ -1,76 +0,0 @@
-<div class="author-content">
-    <% if(site.data.about.tj){ %>
-        <div class="about-statistic author-content-item" style="background: url(<%= site.data.about.tj.img %>);">
-            <div class="card-content">
-                <div class="author-content-item-tips">数据</div>
-                <span class="author-content-item-title">访问统计</span>
-                <div id="statistic"></div>
-                <div class="post-tips">
-                    统计信息来自 <a href="https://invite.51.la/1NzKqTeb?target=V6" target="_blank"
-                                    rel="noopener nofollow">51la网站统计</a>
-                </div>
-                <div class="banner-button-group">
-                    <a class="banner-button" onclick="pjax.loadUrl(&quot;/echart/&quot;)" data-pjax-state="">
-                        <i class="scoicon sco-right-btn-fill"></i>
-                        <span class="banner-button-text">文章统计</span>
-                    </a>
-                </div>
-            </div>
-        </div>
-        <script>
-            fetch("<%= site.data.about.tj.url %>")
-                .then(res => res.text())
-                .then(data => {
-                    let title = ["最近活跃", "今日人数", "今日访问", "昨日人数", "昨日访问", "本月访问", "总访问量"];
-                    let num = data.match(/(<\/span><span>).*?(\/span><\/p>)/g);
-                    num = num.map(el => {
-                        let val = el.replace(/(<\/span><span>)/g, "");
-                        let str = val.replace(/(<\/span><\/p>)/g, "");
-                        return str;
-                    });
-                    let s = document.getElementById("statistic");
-                    let statistic = [];
-                    for (let i = 0; i < num.length; i++) {
-                        if (i == 0 || i == num.length - 1) continue;
-                        s.innerHTML += "<div><span>" + title[i] + "</span><span id=" + title[i] + ">" + num[i] + "</span></div>";
-                    }
-                });
-        </script>
-    <% } %>
-    <% if(site.data.about.oneself){ %>
-        <style>
-            :root {
-                --site-about-oneself-map--light: url(<%= site.data.about.oneself.map.light %>);
-                --site-about-oneself-map--dark: url(<%= site.data.about.oneself.map.dark %>);
-            }
-        </style>
-        <% const oneself = site.data.about.oneself; %>
-        <div class="author-content-item-group column mapAndInfo">
-            <div class="author-content-item map single">
-                <span class="map-title">我现在住在 <b><%= oneself.location %></b></span></div>
-            <div class="author-content-item selfInfo single">
-                <div><span class="selfInfo-title">生于</span>
-                    <span class="selfInfo-content" style="color: #43a6c6;"><%= oneself.birthYear %></span>
-                </div>
-                <div>
-                    <span class="selfInfo-title"><%= oneself.university %></span>
-                    <span class="selfInfo-content" style="color: #c69043;"><%= oneself.major %></span>
-                </div>
-                <div>
-                    <span class="selfInfo-title">现在职业</span>
-                    <span class="selfInfo-content" style="color: #b04fe6;"><%= oneself.occupation %></span>
-                </div>
-            </div>
-        </div>
-    <% } %>
-</div>
-
-<% if(site.data.about.cause){ %>
-    <div class="author-content">
-        <div class="create-site-post author-content-item single">
-            <div class="author-content-item-tips">心路历程</div>
-            <span class="author-content-item-title">为什么建站？</span>
-            <%- site.data.about.cause %>
-        </div>
-    </div>
-<% } %>

package/layout/partial/compoment/about/personalities.ejs

@@ -1,11 +0,0 @@
-<% const personalities = site.data.about.personalities; %>
-<div class="author-content">
-    <div class="author-content-item personalities">
-      <div class="author-content-item-tips"><%= personalities.tips %></div>
-      <span class="author-content-item-title"><%= personalities.title %></span>
-      <div class="title2" style="color: <%= personalities.color %>;"><%= personalities.type %></div>
-      <div class="image"><img src="<%= personalities.image %>"></div>
-      <div class="post-tips">在 <a href="https://www.16personalities.com/" target="_blank" rel="noopener nofollow"><%= personalities.linkText %></a> 了解更多关于 <a target="_blank" rel="noopener external nofollow" href="<%= personalities.typeLink %>"><%= personalities.typeName %></a></div>
-    </div>
-    <div class="author-content-item myphoto"><img class="author-content-img" src="<%= personalities.myphoto %>" alt="自拍"></div>
-  </div>

package/layout/partial/compoment/about/skillsinfo.ejs

@@ -1,62 +0,0 @@
-<div class="author-content">
- <% const skills = site.data.about.skills; %>
-    <div class="author-content-item skills">
-        <div class="card-content">
-        <div class="author-content-item-tips"><%= skills.title %></div>
-        <span class="author-content-item-title"><%= skills.subtitle %></span>
-        <div class="skills-style-group">
-            <div class="tags-group-all">
-            <div class="tags-group-wrapper">
-                <div class="tags-group-all">
-                    <div class="tags-group-wrapper" >
-                        <% for (let i = 0; i < 2; i++) { %>
-                            <% skills.tags.reduce(function(acc, tag, index) { %>
-                                <% if (index % 2 === 0) { %>
-                                    <% if (index !== 0) { %>
-                                    </div>
-                                    <% } %>
-                                    <div class="tags-group-icon-pair">
-                                <% } %>
-                                <div class="tags-group-icon" style="background:<%= tag.color %>">
-                                    <img src="<%= tag.icon %>" title="<%= tag.title %>">
-                                </div>
-                                <% if (index === skills.tags.length - 1) { %>
-                                    </div>
-                                <% } %>
-                            <% }, '') %>
-                        <% } %>
-                    </div>      
-                </div>
-            </div>
-            </div>
-            <div class="skills-list">
-            <% skills.tags.forEach(function(tag){ %>
-            <div class="skill-info">
-                <div class="skill-icon" style="background:<%= tag.color %>">
-                <img src="<%= tag.icon %>" title="<%= tag.title %>">
-                </div>
-                <div class="skill-name"> <span><%= tag.title %></span></div>
-            </div>
-            <% }); %>
-            <div class="etc">...</div>
-            </div>
-        </div>
-        </div>
-    </div>
-    <% const careers = site.data.about.careers; %>
-    <div class="author-content-item careers">
-        <div class="card-content">
-        <div class="author-content-item-tips"><%= careers.title %></div>
-        <span class="author-content-item-title"><%= careers.subtitle %></span>
-        <div class="careers-group">
-            <% careers.items.forEach(function(item) { %>
-            <div class="careers-item">
-                <div class="circle" style="background: <%= item.color %>"></div>
-                <div class="name"><%= item.school %>, <%= item.major %></div>
-            </div>
-            <% }); %>
-        </div>
-        <img class="author-content-img" src="<%= careers.image %>" alt="<%= careers.title %>">
-        </div>
-    </div>
-</div> 

package/layout/partial/compoment/aside/aside.ejs

@@ -1,28 +0,0 @@
-<div class="aside-content" id="aside-content">
-    <% 
-        var noSticky, Sticky;
-        if(is_home()){
-            noSticky = theme.aside.home.noSticky.split(',') 
-            Sticky = theme.aside.home.Sticky.split(',')    
-        }
-        if(is_post()){
-            noSticky = theme.aside.post.noSticky.split(',')   
-            Sticky = theme.aside.post.Sticky.split(',')   
-        }
-        if(is_page() || is_archive() || is_tag() || is_category()){
-            noSticky = theme.aside.page.noSticky.split(',')   
-            Sticky = theme.aside.page.Sticky.split(',') 
-        }
-    %>
-    <% if(noSticky)noSticky.forEach(item => { %>
-        <%- partial('partial/compoment/aside/asideSwitch', {item: item}) %>
-    <% }); %>
-    <div class="sticky_layout">
-        <% if(page.toc){ %>
-            <%- partial('partial/compoment/aside/asideToc') %>
-        <% } %>    
-        <% if(Sticky)Sticky.forEach(item => { %>
-            <%- partial('partial/compoment/aside/asideSwitch', {item: item}) %>
-        <% }); %>
-    </div>
-</div>

package/layout/partial/compoment/aside/asideAllInfo.ejs

@@ -1,6 +0,0 @@
-<div class="card-widget card-tags card-archives card-webinfo card-allinfo">
-    <%- partial('partial/compoment/aside/asideTag', {cache: true}) %>
-    <%- partial('partial/compoment/aside/asideArchive', {cache: true}) %>
-    <hr>
-    <%- partial('partial/compoment/aside/asideWebInfo', {cache: true}) %>
-</div>

package/layout/partial/compoment/aside/asideArchive.ejs

@@ -1,11 +0,0 @@
-<ul class="card-archive-list">
-    <% var type = locals.type ? locals.type : 'year'; %>
-    <% for(const [key, value] of Object.entries(getArchiveLength(type))){ %>
-        <li class="card-archive-list-item"><a class="card-archive-list-link" onclick="pjax.loadUrl('/archives/<%= key %>/')" data-pjax-state=""><span
-            class="card-archive-list-date"><%= key %></span>
-            <div class="card-archive-list-count-group"><span class="card-archive-list-count"><%= value %></span><span
-                    class="card-archive-list-count-unit">篇</span></div>
-            </a>
-        </li>
-    <% } %>    
-</ul>

package/layout/partial/compoment/aside/asideFlipCard.ejs

@@ -1,72 +0,0 @@
-<style>
-    #aside-content .card-widget.card-platform {
-        background: var(--sco-main);
-        display: flex;
-        justify-content: center;
-        align-content: center;
-        padding: 0;
-        cursor: pointer;
-        border: none;
-        height: 110px;
-        border: var(--style-border);
-        transition: 0.6s
-    }
-    #aside-content .card-widget.card-platform:before {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        top: 0;
-        background: url("<%- theme.aside.flip.favicon || 'https://img.meuicat.com/blog/14.webp' %>") center center no-repeat;
-        content: '';
-        background-size: cover
-    }
-    #aside-content .card-widget.card-platform:hover:before {
-        filter: blur(12px) saturate(1.5);
-        transition: .3s
-    }
-    #aside-content .card-widget #flip-wrapper {
-        perspective: 1000;
-        position: relative;
-        width: 235px;
-        height: 110px;
-        z-index: 1
-    }
-    #aside-content .card-platform #flip-wrapper:hover #flip-content {
-        transform: rotateY(180deg)
-    }
-    #aside-content .card-platform #flip-wrapper #flip-content {
-        width: 100%;
-        height: 100%;
-        transform-style: preserve-3d;
-        transition: cubic-bezier(0, 0, 0, 1.29) 0.3s
-    }
-    #aside-content .card-platform #flip-wrapper #flip-content .face {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        -webkit-backface-visibility: hidden;
-        backface-visibility: hidden;
-        background: url("<%- theme.aside.flip.face || 'https://img.meuicat.com/blog/15.webp' %>") center center no-repeat;
-        background-size: 100%
-    }
-    #aside-content .card-platform #flip-wrapper #flip-content .face.back {
-        display: block;
-        -webkit-transform: rotateY(180deg);
-        transform: rotateY(180deg);
-        box-sizing: border-box;
-        background: url("<%- theme.aside.flip.backface || 'https://img.meuicat.com/blog/16.webp' %>") center center no-repeat;
-        background-size: 100%
-    }
-    [data-theme='dark'] #aside-content .card-widget.card-platform {
-        background: var(--sco-card-bg)
-    }
-</style>
-<div class="card-widget card-platform">
-    <div id="flip-wrapper">
-        <div id="flip-content">
-            <div class="face"></div>
-            <div class="back face"></div>
-        </div>
-    </div>
-</div>