init...
This commit is contained in:
@@ -0,0 +1,430 @@
|
||||
if site.data.about
|
||||
- let aboutData = site.data.about
|
||||
each item in aboutData
|
||||
- let subtitle = item.subtitle || config.subtitle
|
||||
- let avatarImg = item.avatarImg || theme.avatar.img
|
||||
- let aboutName = item.name || theme.author
|
||||
- let aboutDescription = item.description || config.description
|
||||
- let helloAbout = item.helloAbout
|
||||
- let skillsTips = item.skillsTips
|
||||
- let careers = item.careers
|
||||
- let crrList = careers.list
|
||||
- let crrItem = careers.item
|
||||
- let avatarSkills = item.avatarSkills
|
||||
#about-page
|
||||
.author-box
|
||||
if avatarSkills
|
||||
.author-tag-left
|
||||
each item in avatarSkills.left
|
||||
span.author-tag=item
|
||||
.author-img
|
||||
img.no-lightbox(src=url_for(avatarImg) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar")
|
||||
if avatarSkills
|
||||
.author-tag-right
|
||||
each item in avatarSkills.right
|
||||
span.author-tag=item
|
||||
p.p.center.logo.large 关于我
|
||||
p.p.center.small=subtitle
|
||||
.author-content
|
||||
.author-content-item.myInfoAndSayHello
|
||||
.title1 你好，很高兴认识你👋
|
||||
.title2
|
||||
| 我叫
|
||||
span.inline-word=aboutName
|
||||
.title1=aboutDescription
|
||||
.aboutsiteTips.author-content-item
|
||||
- let { tips, title1, title2, word } = item.aboutsiteTips
|
||||
.author-content-item-tips= tips
|
||||
h2
|
||||
= title1
|
||||
br
|
||||
= title2
|
||||
.mask
|
||||
each wordItem, index in word
|
||||
if index < word.length - 2
|
||||
span(class=(index === 0 ? 'first-tips' : ''))= wordItem
|
||||
span(data-up)= word[word.length - 2]
|
||||
|
|
||||
span(data-show)= word[word.length - 1]
|
||||
|
||||
.hello-about
|
||||
.cursor(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
|
||||
.shapes
|
||||
.shape.shape-1(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
|
||||
.shape.shape-2(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
|
||||
.shape.shape-3(style='translate:none;rotate:none;scale:none;transform:translate(721px,180px)')
|
||||
.content
|
||||
h1=helloAbout
|
||||
|
||||
.author-content
|
||||
.author-content-item.skills
|
||||
.card-content
|
||||
.author-content-item-tips=skillsTips.tips
|
||||
span.author-content-item-title=skillsTips.title
|
||||
.skills-style-group
|
||||
include ../anzhiyu/tags-group-all.pug
|
||||
if site.data.creativity
|
||||
.skills-list
|
||||
each i in site.data.creativity
|
||||
each item, index in i.creativity_list
|
||||
.skill-info
|
||||
.skill-icon(style=`background: ${item.color}`)
|
||||
img.no-lightbox(title=item.name, src=item.icon, alt=item.name)
|
||||
.skill-name
|
||||
span=item.name
|
||||
.etc ...
|
||||
.author-content-item.careers
|
||||
.card-content
|
||||
.author-content-item-tips=careers.tips
|
||||
span.author-content-item-title=careers.title
|
||||
.careers-group
|
||||
if crrList
|
||||
each career in crrList
|
||||
.career-item
|
||||
.circle(style=`background:${career.color ? career.color : "#357ef5"}`)
|
||||
.name=career.desc
|
||||
else
|
||||
.careers-none
|
||||
if careers.img
|
||||
img.author-content-img.no-lightbox(alt=careers.tips, src=url_for(careers.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'`)
|
||||
|
||||
.author-content
|
||||
if theme.LA.enable
|
||||
- let cover = item.statistic.cover
|
||||
.about-statistic.author-content-item(style=`background: url(${cover}) top / cover no-repeat;`)
|
||||
.card-content
|
||||
.author-content-item-tips 数据
|
||||
span.author-content-item-title 访问统计
|
||||
#statistic
|
||||
.post-tips
|
||||
| 统计信息来自
|
||||
a(href='https://invite.51.la/1NzKqTeb?target=V6', target='_blank', rel='noopener nofollow') 51la网站统计
|
||||
.banner-button-group
|
||||
- let link = item.statistic.link
|
||||
- let text = item.statistic.text
|
||||
a.banner-button(onclick=`pjax.loadUrl("${link}")`)
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right
|
||||
|
|
||||
span.banner-button-text=text
|
||||
.author-content-item-group.column.mapAndInfo
|
||||
- let mapBackground = item.map.background
|
||||
- let mapBackgroundDark = item.map.backgroundDark
|
||||
style.
|
||||
.author-content-item.map {
|
||||
background-image: url(#{mapBackground});
|
||||
}
|
||||
[data-theme='dark'] .author-content-item.map {
|
||||
background-image: url(#{mapBackgroundDark});
|
||||
}
|
||||
.author-content-item.map.single
|
||||
- let mapTitle = item.map.title
|
||||
- let mapStrengthenTitle = item.map.StrengthenTitle
|
||||
span.map-title=mapTitle
|
||||
b=mapStrengthenTitle
|
||||
.author-content-item.selfInfo.single
|
||||
- let { selfInfoTips1, selfInfoContentYear, selfInfoTips2, selfInfoContent2, selfInfoTips3, selfInfoContent3 } = item.selfInfo
|
||||
div
|
||||
span.selfInfo-title=selfInfoTips1
|
||||
|
|
||||
span.selfInfo-content#selfInfo-content-year(style='color:#43a6c6')=selfInfoContentYear
|
||||
div
|
||||
span.selfInfo-title=selfInfoTips2
|
||||
|
|
||||
span.selfInfo-content(style='color:#c69043')=selfInfoContent2
|
||||
div
|
||||
span.selfInfo-title=selfInfoTips3
|
||||
|
|
||||
span.selfInfo-content(style='color:#b04fe6')=selfInfoContent3
|
||||
|
||||
.author-content
|
||||
.author-content-item.personalities
|
||||
- let {author_name, personality_type, photo_url, personality_img, name_url, personality_type_color} = item.personalities
|
||||
.author-content-item-tips 性格
|
||||
span.author-content-item-title= author_name
|
||||
.title2(style=`color:${personality_type_color ? personality_type_color : "#ac899c"}`)= personality_type
|
||||
.post-tips
|
||||
| 在
|
||||
a(href='https://www.16personalities.com/', target='_blank', rel='noopener nofollow') 16personalities
|
||||
| 了解更多关于
|
||||
a(target='_blank', rel='noopener external nofollow', href= name_url)= author_name
|
||||
.image
|
||||
img.no-lightbox(src=url_for(personality_img), alt='人格')
|
||||
.author-content-item.myphoto
|
||||
img.author-content-img.no-lightbox(alt='自拍', src=url_for(photo_url))
|
||||
|
||||
.author-content
|
||||
.author-content-item.maxim
|
||||
- let {maxim_tips, maxim_top, maxim_bottom} = item.maxim
|
||||
.author-content-item-tips=maxim_tips
|
||||
span.maxim-title
|
||||
span(style='opacity:.6;margin-bottom:8px')=maxim_top
|
||||
|
|
||||
span=maxim_bottom
|
||||
.author-content-item.buff
|
||||
.card-content
|
||||
- let {buff_tips, buff_top, buff_bottom} = item.buff
|
||||
.author-content-item-tips=buff_tips
|
||||
span.buff-title
|
||||
span(style='opacity:.6;margin-bottom:8px')=buff_top
|
||||
|
|
||||
span=buff_bottom
|
||||
.card-background-icon
|
||||
i.anzhiyufont.anzhiyu-icon-dice-d20
|
||||
|
||||
.author-content
|
||||
- let {game_tips, game_title, game_uid, game_bg} = item.game
|
||||
.author-content-item.game-yuanshen(style=`background: url(${game_bg}) top / cover no-repeat;`)
|
||||
.card-content
|
||||
.author-content-item-tips=game_tips
|
||||
span.author-content-item-title=game_title
|
||||
.content-bottom
|
||||
.icon-group
|
||||
.loading-bar(role='presentation', aria-hidden='true' style=`${game_title != "原神" ? "display: none": ""}`)
|
||||
.tips.game-yuanshen-uid=game_uid
|
||||
.author-content-item.comic-content
|
||||
.card-content
|
||||
- let {comic_tips, comic_title, comic_list} = item.comic
|
||||
.author-content-item-tips=comic_tips
|
||||
.author-content-item-title=comic_title
|
||||
.comic-box
|
||||
if comic_list
|
||||
each i in comic_list
|
||||
a.comic-item(href=i.href, target="_blank", title=i.name)
|
||||
.comic-item-cover
|
||||
img(src=i.cover, alt=i.name)
|
||||
|
||||
.author-content
|
||||
- let {music_tips, music_title, music_link, music_bg} = item.music
|
||||
- let {like_tips, like_title, like_bottom, like_bg} = item.like
|
||||
.author-content-item.like-technology(style=`background: url(${like_bg}) top / cover no-repeat;`)
|
||||
.card-content
|
||||
.author-content-item-tips=like_tips
|
||||
span.author-content-item-title=like_title
|
||||
.content-bottom
|
||||
.tips=like_bottom
|
||||
.author-content-item.like-music(style=`background: url(${music_bg}) top / cover no-repeat;`)
|
||||
.card-content
|
||||
.author-content-item-tips=music_tips
|
||||
span.author-content-item-title=music_title
|
||||
.content-bottom
|
||||
.tips=`跟 ${aboutName} 一起欣赏更多音乐`
|
||||
.banner-button-group
|
||||
a.banner-button(onclick=`pjax.loadUrl("${music_link}")`)
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right
|
||||
|
|
||||
span.banner-button-text 更多推荐
|
||||
|
||||
if page.content
|
||||
.author-content
|
||||
.create-site-post.author-content-item.single
|
||||
!= page.content
|
||||
|
||||
- let rawData = item.reward_list
|
||||
if rawData
|
||||
- let sortedByDate = rawData.slice().sort((a, b) => new Date(b.datatime) - new Date(a.datatime));
|
||||
.author-content
|
||||
.author-content-item.single.reward#about-reward
|
||||
.author-content-item-tips 致谢
|
||||
span.author-content-item-title 赞赏名单
|
||||
.author-content-item-description 感谢因为有你们，让我更加有创作的动力。
|
||||
.reward-list-all
|
||||
- let reward_list_amount = item.reward_list.sort((a,b)=>b.amount - a.amount)
|
||||
each item, index in reward_list_amount
|
||||
.reward-list-item
|
||||
.reward-list-item-name=item.name
|
||||
.reward-list-bottom-group
|
||||
if item.amount >= 50
|
||||
.reward-list-item-money(style='background:var(--anzhiyu-yellow)')=`¥${item.amount}`
|
||||
else
|
||||
.reward-list-item-money=`¥${item.amount + (item.suffix ? item.suffix : "")}`
|
||||
.datatime.reward-list-item-time(datatime=item.datatime)=new Date(item.datatime).toISOString().slice(0, -14)
|
||||
.reward-list-updateDate
|
||||
| 最新更新时间：
|
||||
time.datatime.reward-list-updateDate-time(datatime=sortedByDate[0].datatime)=new Date(sortedByDate[0].datatime).toISOString().slice(0, -14)
|
||||
.about-reward
|
||||
#con
|
||||
#TA-con(onclick="anzhiyu.rewardShowConsole()")
|
||||
#text-con
|
||||
#linght
|
||||
#TA 为TA充电
|
||||
#tube-con
|
||||
svg(viewBox='0 0 1028 385', fill='none', xmlns='http://www.w3.org/2000/svg')
|
||||
path(d='M1 77H234.226L307.006 24H790', stroke='#e5e9ef', stroke-width='20')
|
||||
path(d='M0 140H233.035L329.72 71H1028', stroke='#e5e9ef', stroke-width='20')
|
||||
path(d='M1 255H234.226L307.006 307H790', stroke='#e5e9ef', stroke-width='20')
|
||||
path(d='M0 305H233.035L329.72 375H1028', stroke='#e5e9ef', stroke-width='20')
|
||||
rect(y='186', width='236', height='24', fill='#e5e9ef')
|
||||
ellipse(cx='790', cy='25.5', rx='25', ry='25.5', fill='#e5e9ef')
|
||||
circle(r='14', transform='matrix(1 0 0 -1 790 25)', fill='white')
|
||||
ellipse(cx='790', cy='307.5', rx='25', ry='25.5', fill='#e5e9ef')
|
||||
circle(r='14', transform='matrix(1 0 0 -1 790 308)', fill='white')
|
||||
#mask
|
||||
svg(viewBox='0 0 1028 385', fill='none', xmlns='http://www.w3.org/2000/svg')
|
||||
path(d='M1 77H234.226L307.006 24H790', stroke='#f25d8e', stroke-width='20')
|
||||
path(d='M0 140H233.035L329.72 71H1028', stroke='#f25d8e', stroke-width='20')
|
||||
path(d='M1 255H234.226L307.006 307H790', stroke='#f25d8e', stroke-width='20')
|
||||
path(d='M0 305H233.035L329.72 375H1028', stroke='#f25d8e', stroke-width='20')
|
||||
rect(y='186', width='236', height='24', fill='#f25d8e')
|
||||
ellipse(cx='790', cy='25.5', rx='25', ry='25.5', fill='#f25d8e')
|
||||
circle(r='14', transform='matrix(1 0 0 -1 790 25)', fill='white')
|
||||
ellipse(cx='790', cy='307.5', rx='25', ry='25.5', fill='#f25d8e')
|
||||
circle(r='14', transform='matrix(1 0 0 -1 790 308)', fill='white')
|
||||
#orange-mask
|
||||
svg(viewBox='0 0 1028 385', fill='none', xmlns='http://www.w3.org/2000/svg')
|
||||
path(d='M1 77H234.226L307.006 24H790', stroke='#ffd52b', stroke-width='20')
|
||||
path(d='M0 140H233.035L329.72 71H1028', stroke='#ffd52b', stroke-width='20')
|
||||
path(d='M1 255H234.226L307.006 307H790', stroke='#ffd52b', stroke-width='20')
|
||||
path(d='M0 305H233.035L329.72 375H1028', stroke='#ffd52b', stroke-width='20')
|
||||
rect(y='186', width='236', height='24', fill='#ffd52b')
|
||||
ellipse(cx='790', cy='25.5', rx='25', ry='25.5', fill='#ffd52b')
|
||||
circle(r='14', transform='matrix(1 0 0 -1 790 25)', fill='white')
|
||||
ellipse(cx='790', cy='307.5', rx='25', ry='25.5', fill='#ffd52b')
|
||||
circle(r='14', transform='matrix(1 0 0 -1 790 308)', fill='white')
|
||||
p#people
|
||||
| 共
|
||||
b=item.reward_list.length
|
||||
| 人
|
||||
|
||||
|
||||
script(src=url_for(theme.asset.countup_js))
|
||||
- const ck = theme.LA.ck
|
||||
script(defer).
|
||||
function initAboutPage() {
|
||||
fetch("https://v6-widget.51.la/v6/#{ck}/quote.js")
|
||||
.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 statisticEl = document.getElementById("statistic");
|
||||
|
||||
// 自定义不显示哪个或者显示哪个，如下为不显示 最近活跃访客 和 总访问量
|
||||
let statistic = [];
|
||||
for (let i = 0; i < num.length; i++) {
|
||||
if (!statisticEl) return;
|
||||
if (i == 0) continue;
|
||||
statisticEl.innerHTML +=
|
||||
"<div><span>" + title[i] + "</span><span id=" + title[i] + ">" + num[i] + "</span></div>";
|
||||
queueMicrotask(() => {
|
||||
statistic.push(
|
||||
new CountUp(title[i], 0, num[i], 0, 2, {
|
||||
useEasing: true,
|
||||
useGrouping: true,
|
||||
separator: ",",
|
||||
decimal: ".",
|
||||
prefix: "",
|
||||
suffix: "",
|
||||
})
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
let statisticElement = document.querySelector(".about-statistic.author-content-item");
|
||||
function statisticUP() {
|
||||
if (!statisticElement) return;
|
||||
|
||||
const callback = (entries, observer) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
for (let i = 0; i < num.length; i++) {
|
||||
if (i == 0) continue;
|
||||
queueMicrotask(() => {
|
||||
statistic[i - 1].start();
|
||||
});
|
||||
}
|
||||
observer.disconnect(); // 停止观察元素，因为不再需要触发此回调
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const options = {
|
||||
root: null,
|
||||
rootMargin: "0px",
|
||||
threshold: 0
|
||||
};
|
||||
const observer = new IntersectionObserver(callback, options);
|
||||
observer.observe(statisticElement);
|
||||
}
|
||||
|
||||
const selfInfoContentYear = new CountUp("selfInfo-content-year", 0, #{selfInfoContentYear}, 0, 2, {
|
||||
useEasing: true,
|
||||
useGrouping: false,
|
||||
separator: ",",
|
||||
decimal: ".",
|
||||
prefix: "",
|
||||
suffix: "",
|
||||
});
|
||||
|
||||
let selfInfoContentYearElement = document.querySelector(".author-content-item.selfInfo.single");
|
||||
function selfInfoContentYearUp() {
|
||||
if (!selfInfoContentYearElement) return;
|
||||
|
||||
const callback = (entries, observer) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
selfInfoContentYear.start();
|
||||
observer.disconnect(); // 停止观察元素，因为不再需要触发此回调
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const options = {
|
||||
root: null,
|
||||
rootMargin: "0px",
|
||||
threshold: 0
|
||||
};
|
||||
const observer = new IntersectionObserver(callback, options);
|
||||
observer.observe(selfInfoContentYearElement);
|
||||
}
|
||||
|
||||
selfInfoContentYearUp();
|
||||
statisticUP()
|
||||
});
|
||||
|
||||
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 () {
|
||||
pursuitInterval && clearInterval(pursuitInterval);
|
||||
});
|
||||
|
||||
var helloAboutEl = document.querySelector(".hello-about");
|
||||
helloAboutEl.addEventListener("mousemove", evt => {
|
||||
const mouseX = evt.offsetX;
|
||||
const mouseY = evt.offsetY;
|
||||
gsap.set(".cursor", {
|
||||
x: mouseX,
|
||||
y: mouseY,
|
||||
});
|
||||
|
||||
gsap.to(".shape", {
|
||||
x: mouseX,
|
||||
y: mouseY,
|
||||
stagger: -0.1,
|
||||
});
|
||||
});
|
||||
}
|
||||
if (typeof gsap === "object") {
|
||||
initAboutPage()
|
||||
} else {
|
||||
getScript("!{url_for(theme.asset.gsap_js)}").then(initAboutPage);
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
#album
|
||||
- let album_background = page.top_background
|
||||
.author-content.author-content-item.album.single(style=`${album_background ? `background: url(${album_background}) top / cover no-repeat;` : ""}`)
|
||||
.card-content
|
||||
.author-content-item-tips 相册集
|
||||
span.author-content-item-title 这里是我的相册集哦😯
|
||||
.content-bottom
|
||||
.tips 每一张照片都是一次美好的记忆。
|
||||
.banner-button-group
|
||||
a.banner-button(onclick='pjax.loadUrl("/about/")')
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right(style='font-size: 1.5rem')
|
||||
span.banner-button-text 关于本人
|
||||
.card-album
|
||||
each i in site.data.album
|
||||
.card(onclick=`pjax.loadUrl("${i.path_name}")`)
|
||||
img.card_cover(src=i.cover)
|
||||
.card__content
|
||||
p.card__category=i.class_name
|
||||
h3.card__heading=i.description
|
||||
.album-content-nocover
|
||||
.album-content-nocover
|
||||
.album-content-nocover
|
||||
@@ -0,0 +1,89 @@
|
||||
#album_detail
|
||||
each i in site.data.album
|
||||
- let path_name = (is_current(i.path_name)) ? true : false
|
||||
- type = i.type
|
||||
- let album_detail_background = i.top_background
|
||||
- let album_detail_top_link = i.top_link
|
||||
- let album_detail_top_btn_text = i.top_btn_text
|
||||
if (path_name && i.album_list)
|
||||
.author-content.author-content-item.album.single(style=`${album_detail_background ? `background: url(${album_detail_background}) top / cover no-repeat;` : ""}`)
|
||||
.card-content
|
||||
.author-content-item-tips 相册集
|
||||
span.author-content-item-title=i.class_name
|
||||
.content-bottom
|
||||
.tips=i.description
|
||||
.banner-button-group
|
||||
a.banner-button(onclick=`pjax.loadUrl("${url_for(album_detail_top_link ? album_detail_top_link : '/about')}")`, data-pjax-state)
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right(style='font-size: 1.5rem')
|
||||
span.banner-button-text=album_detail_top_btn_text ? album_detail_top_btn_text : "关于我"
|
||||
section.timeline.page-1
|
||||
if type == 1
|
||||
ul#waterfall.list
|
||||
each item, index in i.album_list
|
||||
li.album-item
|
||||
.album-content
|
||||
p.datacont= item.content
|
||||
if item.image
|
||||
.album-container-img
|
||||
each iten, indey in item.image
|
||||
a.album-content-img(href=item.image[indey], target="_blank", data-fancybox="gallery", data-caption="")
|
||||
img(src=item.image[indey])
|
||||
.album-content-noimg
|
||||
.album-content-noimg
|
||||
.album-content-noimg
|
||||
if item.aplayer
|
||||
.album-music
|
||||
.aplayer.no-destroy(data-id=item.aplayer.id data-server=item.aplayer.server data-type="song" data-order="list" data-preload="none" data-autoplay="false" data-mutex="true" data-theme='var(--anzhiyu-main)')
|
||||
hr
|
||||
.album-bottom
|
||||
.album-info
|
||||
.album-info-time
|
||||
- var datedata = new Date(item.date).toISOString()
|
||||
i.anzhiyufont.anzhiyu-icon-instagram
|
||||
time.datatime(datetime= item.date)= datedata
|
||||
if item.link
|
||||
a.album-content-link(target="_blank", title="跳转到短文指引的链接", href=item.link, rel="external nofollow")
|
||||
i.anzhiyufont.anzhiyu-icon-link
|
||||
| 链接
|
||||
if item.address
|
||||
.album-info-address
|
||||
i.anzhiyufont.anzhiyu-icon-location-dot
|
||||
span=item.address
|
||||
if item.from
|
||||
.album-info-from
|
||||
i.anzhiyufont.anzhiyu-icon-fw-fire
|
||||
span=item.from
|
||||
.album-reply(onclick="rm.rightMenuCommentText(" + `'${item.content}'` + ")")
|
||||
i.anzhiyufont.anzhiyu-icon-message
|
||||
else if type == 2
|
||||
.type-gallery
|
||||
- const rowHeight = i.rowHeight != "undefined" ? i.rowHeight : 220
|
||||
- const limit = i.limit != "undefined" ? i.limit : 10
|
||||
- const lazyload = i.lazyload != "undefined" ? i.lazyload : true
|
||||
- const lazyloadClass = lazyload == true ? "lazyload" : "";
|
||||
- const btn = i.btnLazyload != "undefined" ? i.btnLazyload : false
|
||||
- const btnLazyloadClass = btn == true ? " btn_album_detail_lazyload" : "";
|
||||
- const imgType = i.url ? " url" : " data";
|
||||
- let dataStr = []
|
||||
- let durl = i.url ?? false
|
||||
each item, index in i.album_list
|
||||
each iten, indey in item.image
|
||||
- let obj = {}
|
||||
- obj.url = iten
|
||||
- obj.alt = item.content
|
||||
- obj.title = item.content
|
||||
- obj.address = item.address
|
||||
- dataStr.push(obj)
|
||||
.gallery
|
||||
.fj-gallery(data-rowHeight=rowHeight data-limit=limit class=`${lazyloadClass + btnLazyloadClass + imgType}`)
|
||||
if durl
|
||||
span.gallery-data=durl
|
||||
else
|
||||
span.gallery-data=JSON.stringify(dataStr)
|
||||
if btn
|
||||
button.gallery-load-more
|
||||
span=_p('load_more')
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-down
|
||||
else
|
||||
#album_detail_gallery_load_more
|
||||
|
||||
@@ -0,0 +1,2 @@
|
||||
#tag
|
||||
.category-lists#tag-page-tags!= tags_page_list("categories")
|
||||
@@ -0,0 +1,2 @@
|
||||
#article-container
|
||||
!= page.content
|
||||
@@ -0,0 +1,32 @@
|
||||
#equipment
|
||||
if site.data.equipment
|
||||
each i in site.data.equipment
|
||||
.author-content.author-content-item.fcirclePage.single(style = `background: url(${i.top_background}) left 37% / cover no-repeat !important;`)
|
||||
.card-content
|
||||
.author-content-item-tips=i.class_name
|
||||
span.author-content-item-title=i.description
|
||||
.content-bottom
|
||||
.tips=i.tip
|
||||
each item in i.good_things
|
||||
.goodthings-item
|
||||
h2.goodthings-title= item.title
|
||||
.goodthings-item-description= item.description
|
||||
.equipment-item
|
||||
.equipment-item-content
|
||||
each iten, indey in item.equipment_list
|
||||
.equipment-item-content-item
|
||||
.equipment-item-content-item-cover
|
||||
img.equipment-item-content-item-image(data-lazy-src=url_for(iten.image) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=iten.name)
|
||||
.equipment-item-content-item-info
|
||||
.equipment-item-content-item-name(onclick=`rm.rightmenuCopyText("${iten.name}");anzhiyu.snackbarShow("${_p('Snackbar.copy_equipment_name') + " 【" + iten.name + "】"}");` title=iten.name)= iten.name
|
||||
.equipment-item-content-item-specification= iten.specification
|
||||
.equipment-item-content-item-description= iten.description
|
||||
.equipment-item-content-item-toolbar
|
||||
if iten.link.includes('https://') || iten.link.includes('http://')
|
||||
a.equipment-item-content-item-link(href= iten.link, target='_blank') 详情
|
||||
.bber-reply(onclick="rm.rightMenuCommentText(" + `'${iten.name + " " + iten.specification + " " + iten.description}'` + ")")
|
||||
i.anzhiyufont.anzhiyu-icon-message
|
||||
else
|
||||
a.equipment-item-content-item-link(href= iten.link, target='_blank') 查看文章
|
||||
.bber-reply(onclick="rm.rightMenuCommentText(" + `'${iten.name + " " + iten.specification + " " + iten.description}'` + ")")
|
||||
i.anzhiyufont.anzhiyu-icon-message
|
||||
@@ -0,0 +1,67 @@
|
||||
if site.data.essay
|
||||
each i in site.data.essay
|
||||
#essay_page
|
||||
.author-content.author-content-item.essayPage.single(style = i.top_background ? `background: url(${i.top_background}) left 28% / cover no-repeat;` : "")
|
||||
.card-content
|
||||
.author-content-item-tips=i.title
|
||||
span.author-content-item-title=i.subTitle
|
||||
.content-bottom
|
||||
.tips=i.tips
|
||||
.banner-button-group
|
||||
a.banner-button(href=i.buttonLink)
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right
|
||||
span.banner-button-text=i.buttonText
|
||||
#bber
|
||||
section.timeline.page-1
|
||||
ul#waterfall.list
|
||||
each item, index in i.essay_list
|
||||
if index < i.limit
|
||||
li.bber-item
|
||||
.bber-content
|
||||
p.datacont= item.content
|
||||
if item.image
|
||||
.bber-container-img
|
||||
each iten, indey in item.image
|
||||
a.bber-content-img(href=url_for(item.image[indey]), target="_blank", data-fancybox="gallery", data-caption="")
|
||||
img(src=url_for(item.image[indey]))
|
||||
.bber-content-noimg
|
||||
.bber-content-noimg
|
||||
.bber-content-noimg
|
||||
if item.video
|
||||
.bber-container-img
|
||||
each iten, indey in item.video
|
||||
if (item.video[indey].includes('player.bilibili.com'))
|
||||
div(style="position: relative; padding: 30% 45%;margin-top: 10px;margin-bottom: 10px;")
|
||||
iframe(style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;margin: 0;border-radius: 12px;border: var(--style-border);" src=url_for(item.video[indey]) scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true")
|
||||
else
|
||||
a.bber-content-video(href=url_for(item.video[indey]) data-fancybox="gallery", data-caption="")
|
||||
video(src=url_for(item.video[indey]))
|
||||
.bber-content-noimg
|
||||
.bber-content-noimg
|
||||
.bber-content-noimg
|
||||
if item.aplayer
|
||||
.bber-music
|
||||
meting-js(id=item.aplayer.id, server=item.aplayer.server, type="song", mutex="true",preload="none", theme="var(--anzhiyu-main)", data-lrctype="0", order="list")
|
||||
hr
|
||||
.bber-bottom
|
||||
.bber-info
|
||||
.bber-info-time
|
||||
- var datedata = new Date(item.date).toISOString()
|
||||
i.anzhiyufont.anzhiyu-icon-clock
|
||||
time.datatime(datetime= item.date)= datedata
|
||||
if item.link
|
||||
a.bber-content-link(title="跳转到短文指引的链接", href=url_for(item.link), rel="external nofollow")
|
||||
i.anzhiyufont.anzhiyu-icon-link
|
||||
| 链接
|
||||
if item.from
|
||||
.bber-info-from
|
||||
i.anzhiyufont.anzhiyu-icon-fw-fire
|
||||
span=item.from
|
||||
if item.address
|
||||
.bber-info-from
|
||||
i.anzhiyufont.anzhiyu-icon-location-dot
|
||||
span=item.address
|
||||
.bber-reply(onclick="rm.rightMenuCommentText(" + `'${item.content}'` + ")")
|
||||
i.anzhiyufont.anzhiyu-icon-message
|
||||
#bber-tips(style='color: var(--anzhiyu-secondtext);')
|
||||
="- 只展示最近" + i.limit + "条短文 -"
|
||||
@@ -0,0 +1,25 @@
|
||||
if theme.friends_vue.enable
|
||||
.fcircle_page
|
||||
.author-content.author-content-item.fcirclePage.single(style = `background: url(${theme.friends_vue.top_background}) left 28% / cover no-repeat !important;`)
|
||||
.card-content
|
||||
.author-content-item-tips 友链
|
||||
span.author-content-item-title 最新文章订阅
|
||||
.content-bottom
|
||||
.tips=theme.friends_vue.top_tips
|
||||
.banner-button-group
|
||||
a.banner-button(onclick='pjax.loadUrl("/about")')
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right(style='font-size: 22px; margin-right: 0.25rem')
|
||||
span.banner-button-text 关于本人
|
||||
.title-h2-a
|
||||
.title-h2-a-left
|
||||
h2(style='padding-top:0;margin:.6rem 0 .6rem') 🎣 钓鱼
|
||||
a.random-post-start(href='javascript:fetchRandomPost();')
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-rotate-right
|
||||
.title-h2-a-right
|
||||
a.random-post-all(href='/link/') 全部友链
|
||||
#random-post
|
||||
#hexo-circle-of-friends-root
|
||||
|
||||
if (theme.friends_vue.apiurl)
|
||||
script(defer data-pjax src=url_for(theme.asset.random_friends_post_js))
|
||||
script(defer data-pjax src=url_for(theme.friends_vue.vue_js))
|
||||
@@ -0,0 +1,131 @@
|
||||
#article-container
|
||||
if theme.linkPageTop && theme.linkPageTop.enable
|
||||
#flink-banners
|
||||
.banner-top-box
|
||||
.flink-banners-title
|
||||
.banners-title-small 友情链接
|
||||
.banners-title-big=theme.linkPageTop ? theme.linkPageTop.title : "与数百名博主无限进步"
|
||||
.banner-button-group
|
||||
if (theme.friends_vue.apiurl)
|
||||
a.banner-button.secondary.no-text-decoration(onclick="friendChainRandomTransmission()")
|
||||
i.anzhiyufont.anzhiyu-icon-paper-plane1
|
||||
span.banner-button-text 随机访问
|
||||
if theme.linkPageTop.addFriendPlaceholder && theme.comments.use == 'Twikoo' && theme.twikoo.envId
|
||||
a.banner-button.no-text-decoration(onclick="anzhiyu.addFriendLink()")
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right
|
||||
span.banner-button-text 申请友链
|
||||
#skills-tags-group-all
|
||||
.tags-group-wrapper
|
||||
- function getAvatarWithoutExclamationMark(url) {
|
||||
- const index = url.indexOf('!');
|
||||
- return index !== -1 ? url.substring(0, index) : url;
|
||||
- }
|
||||
each y in [1,2]
|
||||
each i, index in site.data.link.slice(0, 15)
|
||||
- const link_list = i.link_list.slice()
|
||||
- const hundredSuffix = i.hundredSuffix ? i.hundredSuffix : ""
|
||||
- const evenNum = link_list.filter((x, index) => index % 2 === 0);
|
||||
- const oddNum = link_list.filter((x, index) => index % 2 === 1);
|
||||
each item, index2 in link_list.slice(0, Math.min(evenNum.length, oddNum.length))
|
||||
- const index = index2 * 2
|
||||
if (index <= 15 && typeof evenNum[index] !== 'undefined' && typeof oddNum[index] !== 'undefined')
|
||||
- let oddNumAvatar = getAvatarWithoutExclamationMark(oddNum[index].avatar);
|
||||
- let evenNumAvatar = getAvatarWithoutExclamationMark(evenNum[index].avatar);
|
||||
.tags-group-icon-pair
|
||||
a.tags-group-icon.no-text-decoration(href=url_for(evenNum[index].link), title=evenNum[index].name)
|
||||
img.no-lightbox(title=evenNum[index].name, src=url_for(evenNumAvatar + hundredSuffix) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=evenNum[index].name)
|
||||
a.tags-group-icon.no-text-decoration(href=url_for(oddNum[index].link), title=oddNum[index].name)
|
||||
img.no-lightbox(title=oddNum[index].name, src=url_for(oddNumAvatar + hundredSuffix) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=oddNum[index].name)
|
||||
.title-h2-a
|
||||
.title-h2-a-left
|
||||
h2(style='padding-top:0;margin:.6rem 0 .6rem') 🎣 钓鱼
|
||||
a.random-post-start.no-text-decoration(href='javascript:fetchRandomPost();')
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-rotate-right
|
||||
.title-h2-a-right
|
||||
a.random-post-all.no-text-decoration(href='/link/') 全部友链
|
||||
#random-post
|
||||
script(defer data-pjax src=url_for(theme.asset.random_friends_post_js))
|
||||
|
||||
.flink
|
||||
if site.data.link
|
||||
each i in site.data.link
|
||||
if i.class_name
|
||||
h2!= i.class_name + "(" + i.link_list.length + ")"
|
||||
if i.class_desc
|
||||
.flink-desc!=i.class_desc
|
||||
if i.flink_style === 'anzhiyu'
|
||||
div(class=i.lost_contact ? 'anzhiyu-flink-list cf-friends-lost-contact' : 'anzhiyu-flink-list')
|
||||
if i.link_list
|
||||
each item in i.link_list
|
||||
- let color = item.color || ""
|
||||
- let tag = item.tag || ""
|
||||
|
||||
.flink-list-item
|
||||
if color == "vip" && tag
|
||||
span.site-card-tag.vip #[=tag]
|
||||
i.light
|
||||
else if color == "speed" && tag
|
||||
span.site-card-tag.speed #[=tag]
|
||||
else if tag
|
||||
span.site-card-tag(style=`background-color: ${color}`) #[=tag]
|
||||
else if item.recommend
|
||||
span.site-card-tag 荐
|
||||
if i.lost_contact
|
||||
a.cf-friends-link(href=url_for(item.link) title=item.name target="_blank")
|
||||
if theme.lazyload.enable
|
||||
img.no-lightbox(data-lazy-src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name )
|
||||
else
|
||||
img.cf-friends-avatar.no-lightbox(src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name )
|
||||
.flink-item-info
|
||||
.flink-item-name.cf-friends-name-lost-contact= item.name
|
||||
else
|
||||
a.cf-friends-link(href=url_for(item.link) cf-href=url_for(item.link) title=item.name target="_blank")
|
||||
if theme.lazyload.enable
|
||||
img.cf-friends-avatar.no-lightbox(data-lazy-src=url_for(item.avatar), cf-src=url_for(item.avatar), onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name )
|
||||
else
|
||||
img.cf-friends-avatar.no-lightbox(src=url_for(item.avatar) cf-src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name )
|
||||
.flink-item-info
|
||||
.flink-item-name.cf-friends-name= item.name
|
||||
.flink-item-desc(title=item.descr)= item.descr
|
||||
|
||||
else if i.flink_style === 'telescopic'
|
||||
.telescopic-site-card-group
|
||||
each item in i.link_list
|
||||
- let color = item.color || ""
|
||||
- let tag = item.tag || ""
|
||||
- let siteshot = item.siteshot || `https://image.thum.io/get/width/400/crop/800/allowJPG/wait/20/noanimate/${item.link}` || theme.default_img
|
||||
.site-card
|
||||
if color == "vip" && tag
|
||||
span.site-card-tag.vip #[=tag]
|
||||
i.light
|
||||
else if color == "speed" && tag
|
||||
span.site-card-tag.speed #[=tag]
|
||||
else if tag
|
||||
span.site-card-tag(style=`background-color: ${color}`) #[=tag]
|
||||
else if item.recommend
|
||||
span.site-card-tag 荐
|
||||
a.img.no-text-decoration(target='_blank', title=`${item.name}`, href=`${item.link}`, rel='external nofollow')
|
||||
img.flink-avatar(data-lazy-src=siteshot, onerror=`this.onerror=null;this.src='${theme.default_img}'`, alt=item.name, style="pointer-events: none;", src=`${siteshot}`)
|
||||
a.info.cf-friends-link.no-text-decoration(target='_blank', title=`${item.name}`, href=`${item.link}`, cf-href=url_for(item.link), rel='external nofollow')
|
||||
.site-card-avatar
|
||||
img.flink-avatar.cf-friends-avatar.no-fancybox(data-lazy-src=item.avatar, cf-src=url_for(item.avatar), onerror=`this.onerror=null;this.src='${theme.default_img}'`, alt=item.name, src=item.avatar)
|
||||
.site-card-text
|
||||
span.title.cf-friends-name #[=item.name]
|
||||
span.desc(title=`${item.descr}`) #[=item.descr]
|
||||
else if i.flink_style === 'flexcard'
|
||||
.flexcard-flink-list
|
||||
each item in i.link_list
|
||||
a.flink-list-card.cf-friends-link(href=url_for(item.link) cf-href=url_for(item.link) target='_blank' data-title=item.descr)
|
||||
.wrapper.cover
|
||||
- var siteshot = item.siteshot ? url_for(item.siteshot) : 'https://image.thum.io/get/width/400/crop/800/allowJPG/wait/20/noanimate/' + item.link
|
||||
if theme.lazyload.enable
|
||||
img.cover.fadeIn(data-lazy-src=siteshot onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.post_page) + `'` alt='cover' )
|
||||
else
|
||||
img.cover.fadeIn(src=siteshot onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.post_page) + `'` alt='cover' )
|
||||
.info
|
||||
if theme.lazyload.enable
|
||||
img.cf-friends-avatar.no-lightbox.flink-avatar(data-lazy-src=url_for(item.avatar) cf-src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt='cover' )
|
||||
else
|
||||
img.cf-friends-avatar.no-lightbox(src=url_for(item.avatar) cf-src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt='cover' )
|
||||
span.flink-sitename.cf-friends-name= item.name
|
||||
!= page.content
|
||||
@@ -0,0 +1,8 @@
|
||||
#anMusic-page
|
||||
#anMusicBtnGetSong(title="随机周董单曲，打开异世界的大梦")
|
||||
i(class="anzhiyufont anzhiyu-icon-shuffle")
|
||||
#anMusicRefreshBtn(title="立即刷新最新歌单")
|
||||
i(class="anzhiyufont anzhiyu-icon-arrows-rotate")
|
||||
#anMusicSwitching(title="切换歌单")
|
||||
i(class="anzhiyufont anzhiyu-icon-repeat")
|
||||
#anMusic-page-meting
|
||||
@@ -0,0 +1,278 @@
|
||||
#room_page
|
||||
div.house#h
|
||||
div.h-lights
|
||||
div.h-light
|
||||
div.h-light
|
||||
div.h-light
|
||||
div.h-light
|
||||
div.h-light
|
||||
div.h-light
|
||||
|
||||
div.h-shadow
|
||||
//---------------------
|
||||
div.alt
|
||||
div.alt__front.face
|
||||
div.alt__back.face
|
||||
div.alt__right.face
|
||||
div.alt__left.face
|
||||
div.alt__top.face
|
||||
div.light
|
||||
div.light
|
||||
div.light
|
||||
div.light
|
||||
div.light
|
||||
div.light
|
||||
div.light
|
||||
div.light
|
||||
div.light
|
||||
div.alt__bottom.face
|
||||
div.alb
|
||||
div.alb__front.face
|
||||
div.alb__back.face
|
||||
div.alb__right.face
|
||||
div.alb__left.face
|
||||
div.alb__top.face
|
||||
div.alb__bottom.face
|
||||
div.arb
|
||||
div.arb__front.face
|
||||
div.arb__back.face
|
||||
div.arb__right.face
|
||||
div.arb__left.face
|
||||
div.arb__top.face
|
||||
div.arb__bottom.face
|
||||
//---------------------
|
||||
div.blt
|
||||
div.blt__front.face
|
||||
div.blt__back.face
|
||||
div.blt__right.face
|
||||
div.blt__left.face
|
||||
div.blt__top.face
|
||||
div.blt__bottom.face
|
||||
div.blt2
|
||||
div.blt2__front.face
|
||||
div.blt2__back.face
|
||||
div.blt2__right.face
|
||||
div.blt2__left.face
|
||||
div.blt2__top.face
|
||||
div.blt2__bottom.face
|
||||
div.blb
|
||||
div.blb__front.face
|
||||
div.blb__back.face
|
||||
div.blb__right.face
|
||||
div.blb__left.face
|
||||
div.blb__top.face
|
||||
div.blb__bottom.face
|
||||
div.blb2
|
||||
div.blb2__front.face
|
||||
div.blb2__back.face
|
||||
div.blb2__right.face
|
||||
div.blb2__left.face
|
||||
div.blb2__top.face
|
||||
div.blb2__bottom.face
|
||||
//---------------------
|
||||
div.puerta-c
|
||||
div.puerta
|
||||
div.puerta__front.face
|
||||
div.puerta__back.face
|
||||
div.puerta__right.face
|
||||
div.puerta__left.face
|
||||
div.puerta__top.face
|
||||
div.puerta__bottom.face
|
||||
div.puerta-l
|
||||
div.puerta-l__front.face
|
||||
div.puerta-l__back.face
|
||||
div.puerta-l__right.face
|
||||
div.puerta-l__left.face
|
||||
div.puerta-l__top.face
|
||||
div.puerta-l__bottom.face
|
||||
div.puerta-r
|
||||
div.puerta-r__front.face
|
||||
div.puerta-r__back.face
|
||||
div.puerta-r__right.face
|
||||
div.puerta-r__left.face
|
||||
div.puerta-r__top.face
|
||||
div.puerta-r__bottom.face
|
||||
div.puerta-t
|
||||
div.puerta-t__front.face
|
||||
div.puerta-t__back.face
|
||||
div.puerta-t__right.face
|
||||
div.puerta-t__left.face
|
||||
div.puerta-t__top.face
|
||||
div.puerta-t__bottom.face
|
||||
div.cuadro-l
|
||||
div.cuadro-l__front.face
|
||||
div.cuadro-l__back.face
|
||||
div.cuadro-l__right.face
|
||||
div.cuadro-l__left.face
|
||||
div.cuadro-l__top.face
|
||||
div.cuadro-l__bottom.face
|
||||
div.cuadro-r
|
||||
div.cuadro-r__front.face
|
||||
div.cuadro-r__back.face
|
||||
div.cuadro-r__right.face
|
||||
div.cuadro-r__left.face
|
||||
div.cuadro-r__top.face
|
||||
div.cuadro-r__bottom.face
|
||||
div.librero
|
||||
div.librero__front.face
|
||||
div.librero__back.face
|
||||
div.librero__right.face
|
||||
div.librero__left.face
|
||||
div.librero__top.face
|
||||
div.librero__bottom.face
|
||||
div.libros
|
||||
- let lb = 0
|
||||
while lb < 6
|
||||
div.libro
|
||||
div.libro__front.face
|
||||
div.libro__back.face
|
||||
div.libro__right.face
|
||||
div.libro__left.face
|
||||
div.libro__top.face
|
||||
div.libro__bottom.face
|
||||
- lb++
|
||||
div.fotos
|
||||
- let ft = 0
|
||||
while ft < 2
|
||||
div.foto
|
||||
div.foto__front.face
|
||||
div.foto__back.face
|
||||
div.foto__right.face
|
||||
div.foto__left.face
|
||||
div.foto__top.face
|
||||
div.foto__bottom.face
|
||||
- ft++
|
||||
div.cajas
|
||||
- let cj = 0
|
||||
while cj < 3
|
||||
div.caja
|
||||
div.caja__front.face
|
||||
div.caja__back.face
|
||||
div.caja__right.face
|
||||
div.caja__left.face
|
||||
div.caja__top.face
|
||||
div.caja__bottom.face
|
||||
- cj++
|
||||
div.tv
|
||||
div.tv__front.face
|
||||
div.tv__back.face
|
||||
div.tv__right.face
|
||||
div.tv__left.face
|
||||
div.tv__top.face
|
||||
div.tv__bottom.face
|
||||
div.repisa-t
|
||||
div.repisa-t__front.face
|
||||
div.repisa-t__back.face
|
||||
div.repisa-t__right.face
|
||||
div.repisa-t__left.face
|
||||
div.repisa-t__top.face
|
||||
div.repisa-t__bottom.face
|
||||
div.repisa-b
|
||||
div.repisa-b__front.face
|
||||
div.repisa-b__back.face
|
||||
div.repisa-b__right.face
|
||||
div.repisa-b__left.face
|
||||
div.repisa-b__top.face
|
||||
div.repisa-b__bottom.face
|
||||
div.bocina-l
|
||||
div.bocina-l__front.face
|
||||
div.bocina-l__back.face
|
||||
div.bocina-l__right.face
|
||||
div.bocina-l__left.face
|
||||
div.bocina-l__top.face
|
||||
div.bocina-l__bottom.face
|
||||
div.bocina-r
|
||||
div.bocina-r__front.face
|
||||
div.bocina-r__back.face
|
||||
div.bocina-r__right.face
|
||||
div.bocina-r__left.face
|
||||
div.bocina-r__top.face
|
||||
div.bocina-r__bottom.face
|
||||
div.muro
|
||||
div.muro__front.face
|
||||
div.muro__back.face
|
||||
div.muro__right.face
|
||||
div.muro__left.face
|
||||
div.muro__top.face
|
||||
div.muro__bottom.face
|
||||
div.sillon-c
|
||||
div.sillon-b
|
||||
div.sillon-b__front.face
|
||||
div.sillon-b__back.face
|
||||
div.sillon-b__right.face
|
||||
div.sillon-b__left.face
|
||||
div.sillon-b__top.face
|
||||
div.sillon-b__bottom.face
|
||||
div.sillon-t
|
||||
div.sillon-t__front.face
|
||||
div.sillon-t__back.face
|
||||
div.sillon-t__right.face
|
||||
div.sillon-t__left.face
|
||||
div.sillon-t__top.face
|
||||
div.sillon-t__bottom.face
|
||||
div.sillon-l
|
||||
div.sillon-l__front.face
|
||||
div.sillon-l__back.face
|
||||
div.sillon-l__right.face
|
||||
div.sillon-l__left.face
|
||||
div.sillon-l__top.face
|
||||
div.sillon-l__bottom.face
|
||||
div.sillon-r
|
||||
div.sillon-r__front.face
|
||||
div.sillon-r__back.face
|
||||
div.sillon-r__right.face
|
||||
div.sillon-r__left.face
|
||||
div.sillon-r__top.face
|
||||
div.sillon-r__bottom.face
|
||||
div.mesa-c
|
||||
div.mesa
|
||||
div.mesa__front.face
|
||||
div.mesa__back.face
|
||||
div.mesa__right.face
|
||||
div.mesa__left.face
|
||||
div.mesa__top.face
|
||||
div.mesa__bottom.face
|
||||
|
||||
- let np = 0
|
||||
while np < 4
|
||||
div.mesa-p
|
||||
div.mesa-p__front.face
|
||||
div.mesa-p__back.face
|
||||
div.mesa-p__right.face
|
||||
div.mesa-p__left.face
|
||||
div.mesa-p__top.face
|
||||
div.mesa-p__bottom.face
|
||||
- np++
|
||||
|
||||
div.mesa-shadow
|
||||
div.tablet
|
||||
div.tablet__front.face
|
||||
div.tablet__back.face
|
||||
div.tablet__right.face
|
||||
div.tablet__left.face
|
||||
div.tablet__top.face
|
||||
div.tablet__bottom.face
|
||||
|
||||
.description
|
||||
span 哇,被你发现了,这里是我的小房间，要一起玩游戏🎮嘛
|
||||
.banner-button-group
|
||||
a.banner-button(onclick='pjax.loadUrl("/about/")')
|
||||
i.anzhiyufont.anzhiyu-icon-arrow-circle-right(style='font-size: 1.5rem')
|
||||
span.banner-button-text 立刻玩
|
||||
script(async).
|
||||
const h = document.querySelector("#h");
|
||||
const b = document.body;
|
||||
|
||||
let base = e => {
|
||||
var x = e.pageX / window.innerWidth - 0.5;
|
||||
var y = e.pageY / window.innerHeight - 0.5;
|
||||
h.style.transform = `
|
||||
perspective(90vw)
|
||||
rotateX(${y * 4 + 75}deg)
|
||||
rotateZ(${-x * 12 + 45}deg)
|
||||
translateZ(-9vw)
|
||||
translateX(-50%)
|
||||
`;
|
||||
};
|
||||
|
||||
b.addEventListener("pointermove", base);
|
||||
@@ -0,0 +1,4 @@
|
||||
.tag-cloud-list.is-center
|
||||
#tag
|
||||
#tag-page-tags
|
||||
!=tags_page_list("tags")
|
||||
Reference in New Issue
Block a user