User:AnatoleSerial/Sandbox: Difference between revisions

<templatestyles src="Template:Main Page/styles.css" />

<div style="display:flex; flex-flow:row wrap; justify-content:center;"> <!-- Outer flexbox container, containing the Welcome table + Talent tables on one side and the Infoboxes the other-->

<div style="flex:1 1 588px;"> <!-- Flexbox element containing Welcome table + talent tables -->

{| class="welcome-table"<!-- Welcome table -->

|-

|[[File:HololiveFanWiki-logo-black.png|center|250px|WELCOME!|link=]]

| style="text-align:left; vertical-align:top; " |

===Welcome to the Hololive Fan Wiki!!===

__NOEDITSECTION__

'''Hololive Production''' (Japanese: ホロライブプロダクション ''Hororaibu Purodakushon'') or simply known as '''Hololive''' (Japanese: ホロライブ ''Hororaibu''), is an agency of Virtual YouTubers created by '''Cover Corp'''. As of '''March 30, 2022''' there are now '''68 talents''' under Hololive and its branches '''(34 Hololive, 13 Holostars, 1 INNK Music, 9 Hololive ID, and 11 Hololive EN)'''.

<br />

<div style="display: inline-block; text-align: center; margin:16px">

<span style="display:inline-block; overflow:hidden; border-radius:100%; border-style:solid; border:3px double #C2C2C2">[[File:Members Icon Main Page.png|128x128px|link=Members]]</span>

<br />

[[Members]]

</div>

<div style="display: inline-block; text-align: center; margin:16px">

<span style="display:inline-block; overflow:hidden;">[[File:Logo - Discord (Textless).png|128x128px|link=Fan Discords]]</span>

<br />

[[Fan Discords]]

</div>

<div style="display: inline-block; text-align: center; margin:16px">

<span style="display:inline-block; overflow:hidden; border-radius:100%; border-style:solid; border:3px double #C2C2C2">[[File:Album_Cover_Art_-_Shiny_Smily_Story.jpg|128x128px|link=Original Songs]]</span>

<br />

[[Original Songs]]

</div>

<div style="display: inline-block; text-align: center; margin:16px">

<span style="display:inline-block; overflow:hidden;">[[File:Logo - hololive Alternative (Textless).png|128x128px|link=Hololive Alternative]]</span>

<br />

[[Hololive Alternative]]

</div>

|}

<div style="display:flex; flex-flow:row wrap; justify-content:center;"> <!-- Inner flexbox container, containing two sets of talent tables -->

<div style="margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 532px;"> <!-- Flexbox element for talent table set 1 -->

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | [[Usada Pekora|Usada Construction]]

|-

| style="text-align:center" |

{{Member Icon|Usada Pekora|#7DC4FC}}

{{Member Icon|Moona Hoshinova|#CBB3FF}}

{{Member Icon|Shishiro Botan|#A4E5CF}}<br/>

{{Member Icon|Tokoyami Towa|#7B66A8}}

{{Member Icon|Takanashi Kiara|#FF511C}}

{{Member Icon|Amane Kanata|#367CE5}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | [[Minato Aqua|AKUKIN Construction]]

|-

| style="text-align:center" |

{{Member Icon|Minato Aqua|#257AFE}}

{{Member Icon|Aki Rosenthal|#4982FE}}

{{Member Icon|Yuzuki Choco|#FFA4CF}}

{{Member Icon|Houshou Marine|#B33733}}<br/>

{{Member Icon|Ookami Mio|#C2233F}}

{{Member Icon|Yozora Mel|#FF7709}}

{{Member Icon|Momosuzu Nene|#FFB65D}}

{{Member Icon|Roboco|#FFA3CF}}<br/>

{{Member Icon|Yukihana Lamy|#6CCDF8}}

{{Member Icon|Airani Iofifteen|#FDEFEE}}

{{Member Icon|Amane Kanata|#367CE5}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | [[Shiranui Flare|Shiranui Construction]]

|-

| style="text-align:center" |

{{Member Icon|Shiranui Flare|#FD4018}}

{{Member Icon|Omaru Polka|#CF2830}}

{{Member Icon|Sakura Miko|#F60E3E}}

{{Member Icon|Hoshimachi Suisei|#7BACEC}}

{{Member Icon|Shirogane Noel|#AEBBC3}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:304px;" | [[Oozora Subaru|Oozora Construction Circle]]

|-

| style="text-align:center" |

{{Member Icon|Oozora Subaru|#E4F857}}

{{Member Icon|Himemori Luna|#E77DBC}}

{{Member Icon|Natsuiro Matsuri|#F9AC48}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:102px;" | [[Shirakami Fubuki|Shirakami]]

|-

| style="text-align:center" |

{{Member Icon|Shirakami Fubuki|#46BFE6}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:102px;" | [[Akai Haato|HAACHAMA]]

|-

| style="text-align:center" |

{{Member Icon|Akai Haato|#F1476E}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:102px;" | [[Tsunomaki Watame|UBER SHEEP]]

|-

| style="text-align:center" |

{{Member Icon|Tsunomaki Watame|#FDE52A}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:204px;" | SorAZ

|-

| style="text-align:center" |

{{Member Icon|Tokino Sora|#2A69FB}}

{{Member Icon|AZKi|#FA3689}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | Demon Lord's Army

|-

| style="text-align:center" |

{{Member Icon|Sakura Miko|#F60E3E}}

{{Member Icon|Shiranui Flare|#FD4018}}

{{Member Icon|Omaru Polka|#CF2830}}

{{Member Icon|Tsunomaki Watame|#FDE52A}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | Independents

|-

| style="text-align:center" |

{{Member Icon|Murasaki Shion|#8565FC}}

{{Member Icon|Nakiri Ayame|#9C3741}}

{{Member Icon|Nekomata Okayu|#B190FA}}

{{Member Icon|Inugami Korone|#FAE13F}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | [[Hololive 6th Generation|holoX (a.k.a. the new ones)]]

|-

| style="text-align:center" |

{{Member Icon|La+ Darknesss|#441495|Image=Laplus Darknesss}}

{{Member Icon|Takane Lui|#28040D}}

{{Member Icon|Hakui Koyori|#FE68AD}}

{{Member Icon|Sakamata Chloe|#AB0E0C}}

{{Member Icon|Kazama Iroha|#44BFB7}}

|}

</div><!-- Flexbox element for talent table set 1 -->

<div style="margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 532px;"> <!-- Flexbox element for talent table set 2 -->

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | [[Hololive Indonesia|holoID]]

|-

| style="text-align:center" |

{{Member Icon|Ayunda Risu|#FFCFCA}}

{{Member Icon|Moona Hoshinova|#CBB3FF}}

{{Member Icon|Airani Iofifteen|#FDEFEE}}

{{Member Icon|Kureiji Ollie|#B01C4C}}

{{Member Icon|Anya Melfissa|#DAB75B}}

{{Member Icon|Pavolia Reine|#2A64AE}}

{{Member Icon|Vestia Zeta|#97A1AE}}

{{Member Icon|Kaela Kovalskia|#DC2528}}

{{Member Icon|Kobo Kanaeru|#161C4F}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | [[Hololive English|HoloEN]]

|-

| style="text-align:center" |

{{Member Icon|Mori Calliope|#C90D40}}

{{Member Icon|Takanashi Kiara|#FF511C}}

{{Member Icon|Ninomae Ina'nis|#62567E}}

{{Member Icon|Gawr Gura|#5D81C7}}

{{Member Icon|Watson Amelia|#F8DB92}}<br/>

{{Member Icon|IRyS|#3C0024}}<br/>

{{Member Icon|Tsukumo Sana|#FEDE4A}}

{{Member Icon|Ceres Fauna|#A4E5CF}}

{{Member Icon|Ouro Kronii|#0869EC}}

{{Member Icon|Nanashi Mumei|#998274}}

{{Member Icon|Hakos Baelz|#D2251E}}

|}

{| class="wikitable" style="display:inline-block;border:0;margin:0"

|-

! style="width:506px;" | [[Holostars|The Guys]]

|-

| style="text-align:center" |

{{Member Icon|Hanasaki Miyabi|#B22B2B}}

{{Member Icon|Kanade Izuru|#4D65A6}}

{{Member Icon|Arurandeisu|#958C88}}

{{Member Icon|Rikkaroid|#674F54}}<br/>

{{Member Icon|Astel Leda|#F7850A}}

{{Member Icon|Kishido Temma|#EFD0A1}}

{{Member Icon|Yukoku Roberu|#734D57}}<br/>

{{Member Icon|Kageyama Shien|#000000}}

{{Member Icon|Aragami Oga|#A5C14F}}<br/>

{{Member Icon|Yatogami Fuma|#FABF13}}

{{Member Icon|Utsugi Uyu|#F9EEE2}}

{{Member Icon|Hizaki Gamma|#E60012}}

{{Member Icon|Minase Rio|#A4A8D4}}

|}

</div> <!-- Flexbox element for talent table set 2 -->

</div> <!-- Inner flexbox container, containing two sets of talent tables -->

</div> <!-- Flexbox element containing Welcome table + talent tables -->

<div>

{{Hololive Fan Wiki:News}}

{{Hololive Fan Wiki:Event banners|enablescheduling=y|maxevents=3|below=[[Hololive Fan Wiki:Event banners|See all events]]|belowstyle=text-align:right}}

{{Hololive Fan Wiki:Calendar}}

</div>

</div> <!-- Outer flexbox container, containing the Welcome table + Talent tables on one side and the Infoboxes the other-->

== External Links and Resources==

===Official Sites===

* Official Hololive Production websites

**[https://hololive.hololivepro.com Hololive website in Japanese]

**[https://hololive.hololivepro.com/en/ Hololive website in English]

**[https://holostars.hololivepro.com/ Holostars website in Japanese]

**[https://holostars.hololivepro.com/en/ Holostars website in English]

**[https://www.hololive.tv Hololive Production website in Japanese]

** [https://en.hololive.tv Hololive Production website in English]

*[https://schedule.hololive.tv Holodule/hologenda - Official schedule for streams and video premieres]

*[https://shop.hololivepro.com Hololive Production official shop]

*[https://hololive.booth.pm Hololive BOOTH merchandise website]

*[https://www.geekjack.net/cover_character Hololive GeekJack merchandise website]

*[https://www.tokopedia.com/hololivepro Hololive Tokopedia merchandise website]

===Official Social Media===

*[[File:Logo - Reddit (Circle).png|20px]] [https://www.reddit.com/r/Hololive/ /r/Hololive] - Official Subreddit

* [[File:Logo - Twitter (Rounded Square).png|20px]] Official Hololive Production Twitter accounts

**[https://twitter.com/hololivetv Japanese Twitter @hololivetv]

** [https://twitter.com/holostarstv Japanese Twitter @holostarstv]

**[https://twitter.com/hololive_En English Twitter @hololive_En]

**[https://twitter.com/hololive_Id Indonesian Twitter @hololive_Id]

*[[File:Logo - YouTube (Textless).png|20px]] Official Hololive Production YouTube channels by branch

**[https://www.youtube.com/channel/UCJFZiqLMntJufDCHc6bQixg Hololive]

**[https://www.youtube.com/channel/UCWsfcksUUpoEvhia0_ut0bA Holostars]

**[https://www.youtube.com/channel/UCotXwY6s8pWmuWd_snKYjhg Hololive English]

**[https://www.youtube.com/channel/UCfrWoRGlawPQDQxxeIDRP0Q Hololive Indonesia]

*[[File:Logo - NicoNico (Textless).png|20px]] [https://ch.nicovideo.jp/hololive Hololive NicoNico]

*[[File:Logo - facebook (Rounded Square).png|20px]] Official Hololive Production Facebook pages

**[https://www.facebook.com/hololivetv/ Official English Facebook Page @hololivetv]

**[https://www.facebook.com/Hololive-Indonesia-108806367277672/ Official Indonesian Facebook page]

* [[File:Logo - bilibili (Textless).png|20px]] Official Hololive Production Bilibili accounts

**[https://space.bilibili.com/286700005/ Hololive Bilibili]

**[https://space.bilibili.com/444316844/ Holostars Bilibili]

*[[File:Logo - TikTok (Textless).png|20px]] [https://www.tiktok.com/@hololive_official/ @hololive_official] - Official TikTok account

===Fanmade Resources===

*[https://holodex.net/ Fanmade multi-functional tool for stream-watching and karaoke song searching]

*[[Fan Discords]]

Hololive Fan Wiki would like to [[Project:Special Thanks|thank the following]] for their contributions to the wiki before it went live.

__NOTOC__

__NOCACHE__

__NOTITLE__

<!-

| style="background-color:#D9062A;color:#FFFFFF;" |This is a test.

|Hello

| style="background-color:#FAF906;color:#000000;" |This is a test, part 2.

|+Caption text

!Row Class!! Header text!!Header text !! Header text

| '''mobilehide class''' ||Example1||Example2|| Example3

|'''nomobile class'''||Example4||Example5 || Example6

|'''no classes'''

|Example7 || Example8||Example9

|'''mobileonly class'''|| colspan="3" |BIG MOBILE ROW

===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:

*Use CSS + @media to dynamically change the size of the YT `<iframe>` inside a classnamed `<div>` container

*Suggestions are always welcome!

====Cover Songs ====

| style="background-color:#FF4B74;color:#FFFFFF;" |'''Solo Covers'''

| colspan="2" style="text-align:center;" |

| valign="top" |

<br style="clear:both;" />

| style="background-color:#FF4B74;color:#FFFFFF;" |'''Collab Covers'''

| colspan="2" style="text-align:center;" |

| valign="top" |

<ul class="musicbgmbox">

<li>

</ul>

<br style="clear:both;" />

| style="background-color:#FF4B74;color:#FFFFFF;" |'''Elite Covers'''

| colspan="2" style="text-align:center;" |<youtube width="640" height="360">v4n4MyQKI2Q</youtube><br />'''Queen MIKO‼︎F××~😎🎙'''

====BGM====

| style="background-color:#FF4B74;color:#FFFFFF;" |'''Made for Miko'''

| colspan="2" style="text-align:center;" |

| valign="top" |

<li>

<li>

<br style="clear:both;" />

<br style="clear:both;" />

| style="background-color:#FF4B74;color:#FFFFFF;" |'''From DOVA-SYNDROME'''

| colspan="2" style="text-align:center;" |

| valign="top" |

<ul class="musicbgmbox">

<li>

<br style="clear:both;" />

| style="background-color:#FF4B74;color:#FFFFFF;" |'''From Foxtail-Grass Studio'''

| colspan="2" style="text-align:center;" |

| valign="top" |

<br style="clear:both;" />

| style="background-color:#FF4B74;color:#FFFFFF;" |'''From Other Sources'''

| colspan="2" style="text-align:center;" |

| valign="top" |

<br style="clear:both;" />

->