Editing Template:mainpage/Sandbox

<includeonly>
__NOTOC__
<div class="mainpage">
<div class="leftcol">
<div id="banner-blank" class="jcarousel-item banners" style="max-width:800px;max-height:198px;width:auto;height:auto; border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000">[[image:BANNER_Blank.png]]</div>
{{Slider|id=banner-cn|class=banners|list=
{{#if:{{{CN_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner1_caption|}}}}}</div>}}
{{#if:{{{CN_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner2_caption|}}}}}</div>}}
{{#if:{{{CN_banner3_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner3_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner3_caption|}}}}}</div>}}
{{#if:{{{CN_banner4_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner4_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner4_caption|}}}}}</div>}}
{{#if:{{{CN_banner5_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner5_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner5_caption|}}}}}</div>}}
{{#if:{{{CN_banner6_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner6_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner6_caption|}}}}}</div>}}
{{#if:{{{CN_banner7_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner7_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner7_caption|}}}}}</div>}}
{{#if:{{{CN_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{CN_banner8_caption|}}}}}</div>}}
}}
{{Slider|id=banner-kr|class=banners|list=
{{#if:{{{KR_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner1_caption|}}}}}</div>}}
{{#if:{{{KR_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner2_caption|}}}}}</div>}}
{{#if:{{{KR_banner3_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner3_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner3_caption|}}}}}</div>}}
{{#if:{{{KR_banner4_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner4_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner4_caption|}}}}}</div>}}
{{#if:{{{KR_banner5_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner5_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner5_caption|}}}}}</div>}}
{{#if:{{{KR_banner6_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner6_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner6_caption|}}}}}</div>}}
{{#if:{{{KR_banner7_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner7_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner7_caption|}}}}}</div>}}
{{#if:{{{KR_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner8_caption|}}}}}</div>}}
}}
{{Slider|id=banner-tw|class=banners|list=
{{#if:{{{TW_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner1_caption|}}}}}</div>}}
{{#if:{{{TW_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner2_caption|}}}}}</div>}}
{{#if:{{{TW_banner3_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner3_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner3_caption|}}}}}</div>}}
{{#if:{{{TW_banner4_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner4_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner4_caption|}}}}}</div>}}
{{#if:{{{TW_banner5_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner5_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner5_caption|}}}}}</div>}}
{{#if:{{{TW_banner6_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner6_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner6_caption|}}}}}</div>}}
{{#if:{{{TW_banner7_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner7_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner7_caption|}}}}}</div>}}
{{#if:{{{TW_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner8_caption|}}}}}</div>}}
}}
{{Slider|id=banner-jp|class=banners|list=
{{#if:{{{JP_banner1_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner1_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner1_caption|}}}}}</div>}}
{{#if:{{{JP_banner2_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner2_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner2_caption|}}}}}</div>}}
{{#if:{{{JP_banner3_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner3_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner3_caption|}}}}}</div>}}
{{#if:{{{JP_banner4_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner4_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner4_caption|}}}}}</div>}}
{{#if:{{{JP_banner5_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner5_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner5_caption|}}}}}</div>}}
{{#if:{{{JP_banner6_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner6_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner6_caption|}}}}}</div>}}
{{#if:{{{JP_banner7_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner7_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner7_caption|}}}}}</div>}}
{{#if:{{{JP_banner8_image|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_banner8_image|}}}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner8_caption|}}}}}</div>}}
}}
<div id="mainmenu">
<div style="position:absolute;top:-1.5em;bottom:0;left:-5em;right:0;overflow:hidden"><dpl>category=T-Dolls
notnamespace = Category
randomcount=1
format=<div style="position:absolute;padding: 20px 0 0 100px">[[file:Blank.png|link=,%TITLE%|300x300px]]</div>[[image:,%PAGE%,.png|500px|link=]]
</dpl>
</div>
{| cellpadding = "0" cellspacing = "0" style="position:absolute;right:1em;top:-20px;height:auto"
|&nbsp;
&nbsp;
{|
| <div class="hover-button">[[file:Icon_main_dormitory.png|200px|link=Guide:Dormitory Menu]]</div>
|-
| <div class="dropdown"><div class="hover-button">[[file:Icon_main_combat.png|200px|link=Guide:Combat Menu]]</div><div class="dropdown-content" style="margin-left: -175px; margin-bottom: -100px;">
<div style="position:absolute">[[File:Icon_combat_combatmission.jpg|173px|link=Combat Menu#Combat Mission]]</div>[[File:Icon_combat_combatmission2.jpg|173px]]
<div style="position:absolute">[[File:Icon_combat_logisticsupport.jpg|173px|link=Logistic Support]]</div>[[File:Icon_combat_logisticsupport2.jpg|173px]]
<div style="position:absolute">[[File:Icon_combat_combatsimulation.jpg|173px|link=Combat Simulation]]</div>[[File:Icon_combat_combatsimulation2.jpg|173px]]
</div></div>
|}
|
{|
| <div class="dropdown"><div class="hover-button">[[file:Icon_main_factory.png|200px|link=Guide:Factory Menu]]</div><div class="dropdown-content" style="margin-left: 0; margin-bottom: -8px;">
<div style="position:absolute">[[File:Icon_factory_producetdoll.png|173px|link=T-Doll Production]]</div>[[File:Icon_factory_producetdoll2.png|173px]]
<div style="position:absolute">[[File:Icon_factory_produceequipment.png|173px|link=Equipment Production]]</div>[[File:Icon_factory_produceequipment2.png|173px]]
</div></div>
|-
| <div class="hover-button">[[file:Icon_main_formation.png|200px|link=Guide:Formation Menu]]</div>
|}
|}
</div>

<div id="directory" style="position:relative">
{| style="width:100%"
|style="width:33%;vertical-align:top;padding: 0 0.5em"|<H2 style="margin-top:0">Guides</H2>
*[[Guide:Registration|Registration]]
*[[Guide:Tutorial|Getting started]]
*[[Guide:Main Screen|Menu Navigation]]
*[[Guide:Combat Missions|Combat Missions]]
*[[Story]]
*[[Lore]]
<H2 style="margin-top:0">Indexes</H2>
*[[Girls_Frontline_Wiki:T-Doll_Index|T-Doll Index (Image)]]

|style="width:33%;vertical-align:top;padding: 0 0.5em"|<H2 style="margin-top:0">Mechanics</H2>
*[[Combat]]
*[[Logistic Support]]
*[[T-Doll Production]]
*[[Equipment Production]]
*[[Quests]]
*[[Combat Simulation]]
*[[Affection]]
*[[Dormitory]]
*[[Technical Fairies]]
|style="width:33%;vertical-align:top;padding: 0 0.5em"|<H2 style="margin-top:0">News</H2>
*[[Events]]
*[[Updates]]
*[[Future Content]]
<H2 style="margin-top:0">Community</H2>
*[[Project:Policy|Policy]]
*[[Project:Guideline|Guideline]]
*[[Project:Todo List|Todo List]]
*[[Suggestion]]
|}
</div>
</div>
<div class="rightcol">
<div id="timerwidgets" style="max-width:395px;float:left;height:auto">
<div id="update-blank" class="updates {{#if:{{{CN_maintenanceStart_time|}}}|button-glow}}" style="display:block">[[file:Blank.png|link=|395x395px]]</div>
<div id="update-cn" class="updates {{#if:{{{CN_maintenanceStart_time|}}}|button-glow}}">
{{OverlayCaption|100%|{{#if:{{{CN_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{CN_maintenanceStart_time|}}} +0800|<br>until [[{{{CN_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{CN_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
{{OverlayCaption|100%|{{CountDown|maintenanceEnd|{{{CN_maintenanceEnd_time|}}} +0800|<br>until [[{{{CN_maintenanceEnd_link|}}}|the end of maintenance]]|<br>since [[{{{CN_maintenanceEnd_link|}}}|the last maintenance]]}}|top}}[[file:Blank.png|link={{{CN_maintenance1_link|}}}|395x395px]]</div>
<div id="update-kr" class="updates {{#if:{{{KR_maintenanceStart_time|}}}|button-glow}}">
{{OverlayCaption|100%|{{#if:{{{KR_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{KR_maintenanceStart_time|}}} +0800|<br>until [[{{{KR_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{KR_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
{{OverlayCaption|100%|{{CountDown|maintenanceEnd|{{{KR_maintenanceEnd_time|}}} +0800|<br>until [[{{{KR_maintenanceEnd_link|}}}|the end of maintenance]]|<br>since [[{{{KR_maintenanceEnd_link|}}}|the last maintenance]]}}|top}}[[file:Blank.png|link={{{KR_maintenance1_link|}}}|395x395px]]</div>
<div id="update-tw" class="updates {{#if:{{{TW_maintenanceStart_time|}}}|button-glow}}">
{{OverlayCaption|100%|{{#if:{{{TW_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{TW_maintenanceStart_time|}}} +0800|<br>until [[{{{TW_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{TW_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
{{OverlayCaption|100%|{{CountDown|maintenanceEnd|{{{TW_maintenanceEnd_time|}}} +0800|<br>until [[{{{TW_maintenanceEnd_link|}}}|the end of maintenance]]|<br>since [[{{{TW_maintenanceEnd_link|}}}|the last maintenance]]}}|top}}[[file:Blank.png|link={{{TW_maintenance1_link|}}}|395x395px]]</div>
<div id="update-jp" class="updates {{#if:{{{JP_maintenanceStart_time|}}}|button-glow}}">
{{OverlayCaption|100%|{{#if:{{{JP_maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{JP_maintenanceStart_time|}}} +0800|<br>until [[{{{JP_maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{JP_maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
{{OverlayCaption|100%|{{CountDown|maintenanceEnd|{{{JP_maintenanceEnd_time|}}} +0800|<br>until [[{{{JP_maintenanceEnd_link|}}}|the end of maintenance]]|<br>since [[{{{JP_maintenanceEnd_link|}}}|the last maintenance]]}}|top}}[[file:Blank.png|link={{{JP_maintenance1_link|}}}|395x395px]]</div>
<div id="prmotion-blank" class="jcarousel-item promotions" style="visibility:visible;position:inherit">[[File:Promotion_timer.png|20px|left|link=]][[file:Promotion_Blank.png|395px]]</div>
{{PromotionSlider|id=promotion-cn|noarrow=1|list=
{{#if:{{{CN_promotion1_image|}}}{{{CN_promotion1_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion1_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion1|{{{CN_promotion1_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion1_caption|}}}}}</div>}}
{{#if:{{{CN_promotion2_image|}}}{{{CN_promotion2_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion2_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion2|{{{CN_promotion2_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion2_caption|}}}}}</div>}}
{{#if:{{{CN_promotion3_image|}}}{{{CN_promotion3_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion3_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion3|{{{CN_promotion3_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion3_caption|}}}}}</div>}}
{{#if:{{{CN_promotion4_image|}}}{{{CN_promotion4_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion4_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion4|{{{CN_promotion4_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion4_caption|}}}}}</div>}}
{{#if:{{{CN_promotion5_image|}}}{{{CN_promotion5_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion5_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion5|{{{CN_promotion5_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion5_caption|}}}}}</div>}}
{{#if:{{{CN_promotion6_image|}}}{{{CN_promotion6_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion6_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion6|{{{CN_promotion6_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion6_caption|}}}}}</div>}}
{{#if:{{{CN_promotion7_image|}}}{{{CN_promotion7_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion7_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion7|{{{CN_promotion7_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion7_caption|}}}}}</div>}}
{{#if:{{{CN_promotion8_image|}}}{{{CN_promotion8_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{CN_promotion8_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|CN_promotion8|{{{CN_promotion8_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{CN_promotion8_caption|}}}}}</div>}}
}}
{{PromotionSlider|id=promotion-kr|noarrow=1|list=
{{#if:{{{KR_promotion1_image|}}}{{{KR_promotion1_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion1_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion1|{{{KR_promotion1_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion1_caption|}}}}}</div>}}
{{#if:{{{KR_promotion2_image|}}}{{{KR_promotion2_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion2_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion2|{{{KR_promotion2_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion2_caption|}}}}}</div>}}
{{#if:{{{KR_promotion3_image|}}}{{{KR_promotion3_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion3_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion3|{{{KR_promotion3_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion3_caption|}}}}}</div>}}
{{#if:{{{KR_promotion4_image|}}}{{{KR_promotion4_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion4_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion4|{{{KR_promotion4_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion4_caption|}}}}}</div>}}
{{#if:{{{KR_promotion5_image|}}}{{{KR_promotion5_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion5_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion5|{{{KR_promotion5_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion5_caption|}}}}}</div>}}
{{#if:{{{KR_promotion6_image|}}}{{{KR_promotion6_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion6_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion6|{{{KR_promotion6_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion6_caption|}}}}}</div>}}
{{#if:{{{KR_promotion7_image|}}}{{{KR_promotion7_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion7_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion7|{{{KR_promotion7_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion7_caption|}}}}}</div>}}
{{#if:{{{KR_promotion8_image|}}}{{{KR_promotion8_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{KR_promotion8_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion8|{{{KR_promotion8_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{KR_promotion8_caption|}}}}}</div>}}
}}
{{PromotionSlider|id=promotion-tw|noarrow=1|list=
{{#if:{{{TW_promotion1_image|}}}{{{TW_promotion1_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion1_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion1|{{{TW_promotion1_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion1_caption|}}}}}</div>}}
{{#if:{{{TW_promotion2_image|}}}{{{TW_promotion2_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion2_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion2|{{{TW_promotion2_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion2_caption|}}}}}</div>}}
{{#if:{{{TW_promotion3_image|}}}{{{TW_promotion3_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion3_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion3|{{{TW_promotion3_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion3_caption|}}}}}</div>}}
{{#if:{{{TW_promotion4_image|}}}{{{TW_promotion4_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion4_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion4|{{{TW_promotion4_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion4_caption|}}}}}</div>}}
{{#if:{{{TW_promotion5_image|}}}{{{TW_promotion5_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion5_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion5|{{{TW_promotion5_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion5_caption|}}}}}</div>}}
{{#if:{{{TW_promotion6_image|}}}{{{TW_promotion6_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion6_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion6|{{{TW_promotion6_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion6_caption|}}}}}</div>}}
{{#if:{{{TW_promotion7_image|}}}{{{TW_promotion7_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion7_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion7|{{{TW_promotion7_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion7_caption|}}}}}</div>}}
{{#if:{{{TW_promotion8_image|}}}{{{TW_promotion8_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{TW_promotion8_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion8|{{{TW_promotion8_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{TW_promotion8_caption|}}}}}</div>}}
}}
{{PromotionSlider|id=promotion-jp|noarrow=1|list=
{{#if:{{{JP_promotion1_image|}}}{{{JP_promotion1_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion1_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion1|{{{JP_promotion1_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion1_caption|}}}}}</div>}}
{{#if:{{{JP_promotion2_image|}}}{{{JP_promotion2_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion2_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion2|{{{JP_promotion2_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion2_caption|}}}}}</div>}}
{{#if:{{{JP_promotion3_image|}}}{{{JP_promotion3_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion3_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion3|{{{JP_promotion3_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion3_caption|}}}}}</div>}}
{{#if:{{{JP_promotion4_image|}}}{{{JP_promotion4_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion4_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion4|{{{JP_promotion4_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion4_caption|}}}}}</div>}}
{{#if:{{{JP_promotion5_image|}}}{{{JP_promotion5_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion5_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion5|{{{JP_promotion5_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion5_caption|}}}}}</div>}}
{{#if:{{{JP_promotion6_image|}}}{{{JP_promotion6_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion6_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion6|{{{JP_promotion6_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion6_caption|}}}}}</div>}}
{{#if:{{{JP_promotion7_image|}}}{{{JP_promotion7_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion7_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion7|{{{JP_promotion7_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion7_caption|}}}}}</div>}}
{{#if:{{{JP_promotion8_image|}}}{{{JP_promotion8_time|}}}|<div class="jcarousel-item" data-value="{{filepath:{{{JP_promotion8_image|}}}}}">[[File:Promotion_timer.png|20px|left|link=]]{{CountDown|KR_promotion8|{{{JP_promotion8_time|}}} +0800|remaining|past}}[[file:Promotion_Blank.png|395px]]{{OverlayCaption|100%|{{{JP_promotion8_caption|}}}}}</div>}}
}}
</div>
<div id="twitterbox">{{#widget:TwitterFeed}}</div>
<div id=flexible-panel><div style="position:absolute">awefewaoifjweaofiwea</div></div>
</div>
<div id="aboutgame" style="margin-bottom:5px;clear:left">
<H2 style="margin-top:0">About Girls' Frontline</H2>
Developed by Mica Team, Girls' Frontline is a mobile Tactical SLG for Android and iOS where the player takes the role of a newly recruited commander in a Private Military Company named Grifon&Kryuger and completes various tasks by commanding highly advanced androids known as Tactical Dolls.

This wiki provides detailed information and tutorials in English for players that cannot read Chinese.
</div>
{{#Widget:mainpage}}
</includeonly>
<noinclude>{{Documentation}}

==Example==

{{Template:mainpage/Sandbox

|CN_banner1_image = BANNER 2017 DEC 21_A.jpg
|CN_banner1_caption = Operation Gingerbread Men Collecting duration from after maintenance 21st of December 2017 till after maintenance 11th of January 2018 [[Events/2017/December#Operation Gingerbread Men Collecting|Operation Gingerbread Men Collecting]]  

|CN_banner2_image = BANNER 2017 DEC 21.jpg
|CN_banner2_caption = Operation Gingerbread Men Collecting duration from after maintenance 21st of December 2017 till after maintenance 11th of January 2018 [[Events/2017/December#Operation Gingerbread Men Collecting|Operation Gingerbread Men Collecting]]  


|CN_maintenanceEnd_time = 2018 JANUARY 11 14:00
|CN_maintenanceEnd_link = Updates/2018/January#January 4th
|CN_maintenanceStart_time = 2018 JANUARY 11 10:00
|CN_maintenanceStart_link = Updates/2018/January#January_11th








|CN_promotion1_time = 2018 JAN 11 23:59
|CN_promotion1_image = Promotion_2017_DEC_21_A.jpg
|CN_promotion1_caption = [[Events/2017/December#Operation Gingerbread Men Collecting|Operation Gingerbread Men Collecting]], fight normal chapter bosses for Gingerbread men! 

|CN_promotion2_time = 2018 JAN 31 23:59
|CN_promotion2_image = Promotion 2018 JAN 1.jpg
|CN_promotion2_caption = [[Events/2018/January#Daily Discount Package|Daily Discount Package]] available (limited to 1 purchase per day).







|KR_banner1_image = BANNER 2017 JUL 28.jpg
|KR_banner1_caption = [[Events/2017/July#Operation Deep Dive|Operation Deep Dive]] from July 27<sup>nd</sup> 0:00 ~ Aug 26<sup>th</sup> 23:59.

|KR_banner2_image = BANNER_JULY_27_Fairy.jpg
|KR_banner2_caption = Tactical fairy system is now online.


|KR_maintenance1_time = 2017 JULY 20 14:00
|KR_maintenance1_link = Updates/2017/July#July 20th

|KR_maintenance2_time = 2017 AUGUST 3 10:00
|KR_maintenance2_link = Updates/2017/August#August 3rd




|KR_banner3_image = BANNER 2017 JULY 27 Kalina 2D.jpg
|KR_banner3_caption = Live2D for Kalina is now online.

|KR_promotion1_time = 2017 JULY 27 10:59
|KR_promotion1_image = PROMOTION_2017_JULY_14.jpg
|KR_promotion1_caption = [[Updates/2017/July#July 13th|Girls & the Sea]] Procurement event now in progress.

|KR_promotion2_time = 2017 JULY 26 23:59
|KR_promotion2_image = PROMOTION_2017_JULY_14_1.jpg
|KR_promotion2_caption = [[Updates/2017/July#July 13th|New costume packages]] now available. 

|KR_promotion3_time = 2017 JULY 21 23:59
|KR_promotion3_image = Promotion_2017_JULY_2.jpg
|KR_promotion3_caption = [[Events/2017/July#Summer Carnival Special Operation|Summer Carnival Special Operation]] from July 1<sup>st</sup> 0:00  ~ July 21<sup>st</sup> 23:59 

|KR_promotion4_time = 2017 JULY 31 23:59
|KR_promotion4_image = Promotion_2017_JULY_1.jpg
|KR_promotion4_caption = [[Events/2017/July#Daily Discount Package|Daily Discount Package]] available in the cash shop (limited to 1 per day).
}}
</noinclude>