User:U.ayaao.p/Sandbox/New main page info

This page is a work in progress.

Hey there, fellow EN-wiki admins (and abroad). You may know that I'm currently proposing a new layout for the VTuber Wiki's main page. I'm assuming you've already read this forum post, loaded the CSS, and seen the new design for yourself. Now, perhaps you're wondering, "how do I actually make everything here work?"

I'm going to explain just that.

How to install this site-wide
Text will appear here soon.

Going Deeper
Now that you have installed the new main page site-wide, you may notice there are several things different from the previous main page. I'm gonna explain what changed and why.

The Syntax Changes
Because the new code was written (almost) completely from scratch, there are bound to be differences in how some sections used to look in code. For example, the VTubers list.

VTubers list
While it is true that, according to my proposal, the English wiki won't have the VTubers list as it currently is, I think it would be interesting to compare how it would look if it did. So let's do just that. The current VTubers list code: Game Club Project Enogu Barara & Karen 22/7 (Nanabun no Nijuuni) Hacka Doll And the new one's code:  Game Club Project  Enogu  Barara & Karen  22/7 (Nanabun no Nijuuni)  Hacka Doll You may have noticed that the code has become more complex compared to its previous version, as it no longer solely relies on wikitext bracket links ( bracket links ). I believe this new approach is more logical and in line with traditional website coding practices. The previous code structure was uncommon for websites, while the new code implements cards in a more traditional manner. Whether this is appropriate for a MediaWiki powered site, I cannot say for certain. I simply followed the familiar style I'm used to.

And by the way, here's what each of them outputs. Current Code: Virtual Groups Game Club Project Enogu Barara & Karen 22/7 (Nanabun no Nijuuni) Hacka Doll

The New Code: Virtual Groups  Game Club Project  Enogu <div class="vyw-card__img"> <div class="vyw-card__text">Barara & Karen <div class="vyw-card__img"> <div class="vyw-card__text">22/7 (Nanabun no Nijuuni) <div class="vyw-card__img"> <div class="vyw-card__text">Hacka Doll