HTML:Song-cats

<style>
.mw-daily-catlinks li > img {
	margin: 0 6px 3px 0;
}

body.skin-citizen .mw-daily-catlinks li {
	display: block;
	padding: var(--space-xxs) var(--space-sm);
	color: var(--color-base);
	border: var(--border-width-base) solid var(--border-color-interactive);
	border-radius: var(--border-radius-pill);
}

body.skin-citizen .mw-daily-catlinks li > a {
	display: inline;
	border: none;
	padding: 0;
}

body.skin-citizen .mw-daily-catlinks:first-line {
	color: var(--color-subtle);
	font-family: var(--font-family-overline);
	font-weight: var(--font-weight-overline);
	line-height: var(--line-height-overline);
	text-transform: var(--text-transform-overline);
	letter-spacing: var(--letter-spacing-overline);
}
</style><script type="module">(window.RLQ??=[]).push([[],async()=>{if(await $.ready,$(`#mw-daily-catlinks`).length)return;let e=[`niconico`,`YouTube`,`bilibili`,`AcFun`,`SoundCloud`],t=$(`.songbox_submission[data-json]`).toArray().map(e=>JSON.parse(e.dataset.json)).filter(t=>e.includes(t.platform?.name??``));if(!t.length)return;let n=$(`#catlinks`).find(`#mw-normal-catlinks`),r=n.find(`ul`),i=e=>{let t=$(`<li>`),n=``;switch(e.name){case`niconico`:n=`/images/e/e0/Niconico_Logo_%282020%29.svg`;break;case`YouTube`:n=`/images/6/60/YouTube_Icon_Red.svg`;break;case`bilibili`:n=`/images/9/9b/Bilibili_favicon.svg`;break;case`AcFun`:n=`/images/7/7b/AcFun_icon.png`;break;case`SoundCloud`:n=`/images/2/2d/SoundCloud_icon.svg`}let r=$(`<img>`,{src:n,decoding:`async`,width:15,height:15,class:`mw-file-element`,"data-file-width":512,"data-file-height":512}).css({width:`15px`,height:`15px`}),i=`${e.year}年`,a=$(`<a>`,{href:`/Category:${encodeURIComponent(`${i}投稿至${e.name}的歌曲`)}`,title:`Category:${i}投稿至${e.name}的歌曲`,text:i}),o=`${e.month}月${e.day}日`,s=$(`<a>`,{href:`/Category:${encodeURIComponent(`${e.month}月${e.day}日投稿至${e.name}的歌曲`)}`,title:`Category:${o}投稿至${e.name}的歌曲`,text:o});return t.append(r,a,s),t},a=/^(20\d{2}年|1?\d月[123]?\d日)投稿至.+的歌曲$/u;r.children(`li`).filter(function(){return a.test($(this).text())}).remove();let o=$(`<div>`,{id:`mw-daily-catlinks`,class:`mw-daily-catlinks`}),s=$(`<ul>`);t.forEach(e=>{let t=i({year:e.date.year,month:e.date.month,day:e.date.day,name:e.platform.name});s.children().filter((e,n)=>$(n).html()===t.html()).length>0||s.append(t)}),n.after(o.append(`日期${wgULS(`分类`,`分類`)}：&ZeroWidthSpace;`,s))}]);</script>