|
Hiding things with css classes
Hololive.wiki's Polka Editor.
One day, [[User:Demicol|Demicol]] came to the [[Fan_Discords#hololive_5th_Generation|Omaru Polka Fan Discord server]], asking if someone wanted to contribute to Polka's page on the wiki.
{| class="wikitable"
|+ Caption text
|-
! Row Class !! Header text !! Header text !! Header text
|- class="mobilehide"
| '''mobilehide class''' || Example1 || Example2 || Example3
|- class="nomobile" style="background-color:#9999FF;"
| '''nomobile class''' || Example4 || Example5 || Example6
|-
| '''no classes''' || Example7 || Example8 || Example9
|- class="mobileonly" style="background-color:#99FF99;"
| '''mobileonly class''' || colspan="3" | BIG MOBILE ROW
|}
The only fool to accept the job was AnatoleSerial.
<div class="mobilehide" style="background-color:#FFFF99;"> mobilehide class</div>
Now he sees that there's a lot more work to be done around the wiki, so he tries to tackle things one bit at a time -- whenever Polka is not releasing new songs, new PolDen episodes, her own radio show, or adding the new [[Omaru Polka#BGM|30 BGMs]] she used in her latest Minecraft stream (AnatoleSerial is considering writing a crawler that goes through the Audiostock URLs fetching all the information and generating a text file with the wiki-ready output).
<div class="nomobile" style="background-color:#FF9999;"> nomobile class </div>
<div class="mobileonly" style="background-color:#FF99FF;"> onlymobile class </div>
<nomobile>If you are on mobile, you shouldn't see this.</nomobile>
<mobileonly>If you are NOT on mobile, you shouldn't see this.</mobileonly>
A Sucorn, Miofa, 35p and Zain walks into a bar.
He orders a glass of water, and the bartender's specialty.
After drinking, and a brief conversation, he pays for his drink and leaves.
That's it. That's the story. ''There is no punchline''.
==== Social Data ====
==== TO-DO ====
* Screams into the void.
* Lyrics for Surprise Paradise
* Add/Fix more Trivia:
** Relationship with Luca Polka?
** Add links to the most mysterious instruments (i.e. the buddhist bell or the pachi pachi callpy)???
* Recommended videos section?
==== Subpages ====
* [[User:AnatoleSerial/GalleryTest]]: A bug related to the mobile version of the site.
* [[User:AnatoleSerial/GalleryTestSandbox]]: A test site for a lot of things.
[[User:AnatoleSerial/Sandbox]]
==== Testing layouts for song videos ====
=== Original Songs (ideas) ===
Now that we are planning to use layouts that change depending on the resolution (See [[User:AnatoleSerial/Sandbox]]), it would not be a bad idea to also make the size of these videos more "dynamic". Possible ideas:
* New Template: ''Video List''
* Use CSS + @media to dynamically change the size of the YT `<iframe>` inside a classnamed `<div>` container
* Suggestions are always welcome!
<tabber>
Solo=
{| width="100%" align="center" style="text-align:center;"
|
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">LQ_eazT56FA</youtube><br />'''[[HOLOGRAM CIRCUS]]'''
</div>
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">sGT74lcCr70</youtube><br />'''[[Magical Tokki Theme Song|マジカル☆トッキーテーマソング]]'''
</div>
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">TGJ9-1LWFtE</youtube><br />'''[[Po|ぽ]]'''
</div>
<div style="width:320px;display: inline-block;">
<youtube width="320" height="240">vbhgQ_C_jaM</youtube><br />'''[[Everblue|エヴァーブルー]]'''
</div>
|}
|-|
Kazoo=
{| width="100%" align="center" style="text-align:center;"
| <youtube width="640" height="480">-c3QCdjnRmU</youtube><br />'''HOLOGRAM CIRCUS (Kazoo Cover)'''
|}
|-|
Collaboration =
{| width="100%" align="center" style="text-align:center;"
| <youtube width="640" height="480">ekFreTJ3xx8</youtube><br />'''ガラス姫と鏡の従者 (Cover)'''
|}
</tabber>
| 