Hololive Fan Wiki:Projects/Music and BGM Box Renewal

From Hololive Fan Wiki
Revision as of 13:25, 7 October 2021 by Aesulus (talk | contribs) (mark Ina's page as completed)
Template:Music and BGM Box is currently being redesigned.
We advise all project participants to suspend progress on this project until the redesign is completed.
We apologize for the inconvenience.

Project Description

All current Covers and BGM songs in each talent page use either Template:Music Cover Box or Template:BGM Box. These formats don't look good, and are not very versatile.

We have devised a new template to replace these two: Template:Music and BGM Box. This Template is designed to work under a specific format, as seen in Miko's Cover Songs Discography, and includes thumbnails for the respective music.

The main Template is courtesy of User:TaikunZ, with CSS layout research and implementation from User:Aesulus and User:AnatoleSerial.

Format

Start with a Collapsible container's header:

{| class="mw-collapsible mw-collapsed wikitable" width="100%" align="center" style="text-align:center;"
|-
| style="background-color:#FF4B74;color:#FFFFFF;"| '''Solo Covers'''
! width="69px"| 
|-
| colspan="2" style="text-align:center;"| 
{| align="center" width="100%" style="text-align:center;"
|-
| valign="top"|

On the next line, we create the Flexbox Container:

<ul class="musicbgmbox">

Then we create each Music and BGM Box inside a pair of <li> ... </li> tags:

<li>
{{Music and BGM Box
| Type          = BGM, Solo Cover, or Collab Cover
| Title         = 
| Title ENR     = English/Romaji
| Image         = 
| Main Link     = {{YouTube|}}
| Credits       = Link/Name (Credit)
}}
</li>

After all the Music Boxes, close the Flexbox Container and the Collapsible Container:

</li>
</ul>
<br style="clear:both;"/>
|}
|}

The <br style="clear:both;"/> is for layout purposes -- do not forget it!

Progress Tracker

The objective is to change all uses of Template:Music Cover Box and Template:BGM Box into Template:Music and BGM Box.

This is a list of all pages that use either of those templates. Make sure to put your username next to a page if you want to work on it to prevent reduplication of effort by others. Once a page is done, move it to Completed and add the date it was completed.

Tip: you can add your username quickly by using a pipe trick.

Active

Completed