Welcome to IOPWiki, Commander.
We are lacking editors focused on Girls' Frontline and Girls' Frontline 2. You can contribute without an account. Learn how to contribute and join our Discord server.

Difference between revisions of "Template:mainpage/Sandbox"

Welcome to IOP Wiki. This website is maintained by the Girls' Frontline community and is free to edit by anyone.

< Template:mainpage

Jump to navigation Jump to search

@@ Line 3: / Line 3: @@
 <div class="mainpage">
 <div class="leftcol">
-{{Slider|id=banner-cn|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;opacity:0;|height=198px|align=|list=
+<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>}}
@@ Line 13: / Line 14: @@
 {{#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|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;display:none|height=198px|align=|list=
+{{Slider|id=banner-kr|class=banners|list=
-{{#if:{{{KR_banner1_image|}}}|<div class="jcarousel-item" data-value="{{{KR_banner1_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner1_caption|}}}}}</div>}}
+{{#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="{{{KR_banner2_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner2_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="{{{KR_banner3_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner3_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="{{{KR_banner4_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner4_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="{{{KR_banner5_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner5_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="{{{KR_banner6_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner6_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="{{{KR_banner7_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner7_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="{{{KR_banner8_image|}}}">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{KR_banner8_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|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;display:none|height=198px|align=|list=
+{{Slider|id=banner-tw|class=banners|list=
-{{#if:{{{TW_banner1_image|}}}|<div class="jcarousel-item" data-value="{{{TW_banner1_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner1_caption|}}}}}</div>}}
+{{#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="{{{TW_banner2_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner2_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="{{{TW_banner3_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner3_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="{{{TW_banner4_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner4_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="{{{TW_banner5_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner5_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="{{{TW_banner6_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner6_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="{{{TW_banner7_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner7_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="{{{TW_banner8_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{TW_banner8_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|width=800px;border: rgb(150,150,150);border-width: 0.25em;border-style: solid;box-shadow: 0px 0px 10px #000;display:none|height=198px|align=|list=
+{{Slider|id=banner-jp|class=banners|list=
-{{#if:{{{JP_banner1_image|}}}|<div class="jcarousel-item" data-value="{{{JP_banner1_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner1_caption|}}}}}</div>}}
+{{#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="{{{JP_banner2_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner2_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="{{{JP_banner3_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner3_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="{{{JP_banner4_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner4_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="{{{JP_banner5_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner5_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="{{{JP_banner6_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner6_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="{{{JP_banner7_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner7_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="{{{JP_banner8_image|}}}" style="opacity:0">[[image:BANNER_Blank.png|link=]]{{OverlayCaption|125%|{{{JP_banner8_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">
@@ Line 110: / Line 111: @@
 <div class="rightcol">
 <div id="timerwidgets" style="max-width:395px;float:left;height:auto">
-<div id=updates class="jcarousel-item {{#if:{{{maintenanceStart_time|}}}|button-glow}}">
+<div id="update-blank" class="updates {{#if:{{{CN_maintenanceStart_time|}}}|button-glow}}" style="display:block">[[file:Blank.png|link=|395x395px]]</div>
-{{OverlayCaption|100%|{{#if:{{{maintenanceStart_time|}}}|{{CountDown|maintenanceStart|{{{maintenanceStart_time|}}} +0800|<br>until [[{{{maintenanceStart_link|}}}|the next maintenance]]|<br>since [[{{{maintenanceStart_link|}}}|the maintenance began]]}}|Time until the next maintenance:<BR>TBA}}}}
+<div id="update-cn" class="updates {{#if:{{{CN_maintenanceStart_time|}}}|button-glow}}">
-{{OverlayCaption|100%|{{CountDown|maintenanceEnd|{{{maintenanceEnd_time|}}} +0800|<br>until [[{{{maintenanceEnd_link|}}}|the end of maintenance]]|<br>since [[{{{maintenanceEnd_link|}}}|the last maintenance]]}}|top}}[[file:Blank.png|link={{{maintenance1_link|}}}|395x395px]]</div>
+{{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}}}}
-{{PromotionSlider|id=promotions|noarrow=1|list=
+{{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>
-{{#if:{{{promotion1_image|}}}{{{promotion1_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion1|{{{promotion1_time|}}} +0800|remaining|past}}[[file:{{{promotion1_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion1_caption|}}}}}</div>}}
+<div id="update-kr" class="updates {{#if:{{{KR_maintenanceStart_time|}}}|button-glow}}">
-{{#if:{{{promotion2_image|}}}{{{promotion2_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion2|{{{promotion2_time|}}} +0800|remaining|past}}[[file:{{{promotion2_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion2_caption|}}}}}</div>}}
+{{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}}}}
-{{#if:{{{promotion3_image|}}}{{{promotion3_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion3|{{{promotion3_time|}}} +0800|remaining|past}}[[file:{{{promotion3_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion3_caption|}}}}}</div>}}
+{{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>
-{{#if:{{{promotion4_image|}}}{{{promotion4_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion4|{{{promotion4_time|}}} +0800|remaining|past}}[[file:{{{promotion4_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion4_caption|}}}}}</div>}}
+<div id="update-tw" class="updates {{#if:{{{TW_maintenanceStart_time|}}}|button-glow}}">
-{{#if:{{{promotion5_image|}}}{{{promotion5_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion5|{{{promotion5_time|}}} +0800|remaining|past}}[[file:{{{promotion5_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion5_caption|}}}}}</div>}}
+{{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}}}}
-{{#if:{{{promotion6_image|}}}{{{promotion6_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion6|{{{promotion6_time|}}} +0800|remaining|past}}[[file:{{{promotion6_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion6_caption|}}}}}</div>}}
+{{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>
-{{#if:{{{promotion7_image|}}}{{{promotion7_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion7|{{{promotion7_time|}}} +0800|remaining|past}}[[file:{{{promotion7_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion7_caption|}}}}}</div>}}
+<div id="update-jp" class="updates {{#if:{{{JP_maintenanceStart_time|}}}|button-glow}}">
-{{#if:{{{promotion8_image|}}}{{{promotion8_time|}}}|<div class="jcarousel-item">[[File:Promotion_timer.png|20px|left]]{{CountDown|promotion8|{{{promotion8_time|}}} +0800|remaining|past}}[[file:{{{promotion8_image|}}}|395px]]{{OverlayCaption|100%|{{{promotion8_caption|}}}}}</div>}}
+{{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>
@@ Line 133: / Line 175: @@
 This wiki provides detailed information and tutorials in English for players that cannot read Chinese.
 </div>
+{{#Widget:mainpage}}
 </includeonly>
 <noinclude>{{Documentation}}
@@ Line 139: / Line 182: @@
 {{Template:mainpage/Sandbox
+<!-- CN Server -->
 |CN_banner1_image = BANNER 2017 DEC 21_A.jpg
@@ Line 146: / Line 191: @@
 |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 Server -->
 |KR_banner1_image = BANNER 2017 JUL 28.jpg
@@ Line 156: / Line 215: @@
 |KR_banner3_caption = Live2D for Kalina is now online.
-|maintenanceEnd_time = 2018 JANUARY 11 14:00
+|KR_maintenanceEnd_time = 2017 JULY 20 14:00
-|maintenanceEnd_link = Updates/2018/January#January 4th
+|KR_maintenanceEnd_link = Updates/2017/July#July 20th
-|maintenanceStart_time = 2018 JANUARY 11 10:00
-|maintenanceStart_link = Updates/2018/January#January_11th
+|KR_maintenanceStart_time = 2017 AUGUST 3 10:00
+|KR_maintenanceStart_link = Updates/2017/August#August 3rd
+|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.
-|promotion1_time = 2018 JAN 11 23:59
+|KR_promotion2_time = 2017 JULY 26 23:59
-|promotion1_image = Promotion_2017_DEC_21_A.jpg
+|KR_promotion2_image = PROMOTION_2017_JULY_14_1.jpg
-|promotion1_caption = [[Events/2017/December#Operation Gingerbread Men Collecting|Operation Gingerbread Men Collecting]], fight normal chapter bosses for Gingerbread men!
+|KR_promotion2_caption = [[Updates/2017/July#July 13th|New costume packages]] now available.
-|promotion2_time = 2018 JAN 31 23:59
+|KR_promotion3_time = 2017 JULY 21 23:59
-|promotion2_image = Promotion 2018 JAN 1.jpg
+|KR_promotion3_image = Promotion_2017_JULY_2.jpg
-|promotion2_caption = [[Events/2018/January#Daily Discount Package|Daily Discount Package]] available (limited to 1 purchase per day).
+|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>

Latest revision as of 11:35, 12 January 2018

Template documentation[create]

Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Please add categories to the /doc subpage. Subpages of this template.

Example[edit]

Operation Gingerbread Men Collecting duration from after maintenance 21st of December 2017 till after maintenance 11th of January 2018 Operation Gingerbread Men Collecting

Operation Deep Dive from July 27^nd 0:00 ~ Aug 26^th 23:59.

Tactical fairy system is now online.

Live2D for Kalina is now online.

Guides

Registration
Getting started
Menu Navigation
Combat Missions
Story
Lore

Indexes

T-Doll Index (Image)

Mechanics

Combat
Logistic Support
T-Doll Production
Equipment Production
Quests
Combat Simulation
Affection
Dormitory
Technical Fairies

News

Events
Updates
Future Content

Community

Policy
Guideline
Todo List
Suggestion

2018 JANUARY 11 10:00 +0800
until the next maintenance2018 JANUARY 11 10:00 +0800
since the maintenance began

2018 JANUARY 11 14:00 +0800
until the end of maintenance2018 JANUARY 11 14:00 +0800
since the last maintenance

2017 AUGUST 3 10:00 +0800
until the next maintenance2017 AUGUST 3 10:00 +0800
since the maintenance began

2017 JULY 20 14:00 +0800
until the end of maintenance2017 JULY 20 14:00 +0800
since the last maintenance

Time until the next maintenance:
TBA

+0800
until [[|the end of maintenance]] +0800
since [[|the last maintenance]]

Time until the next maintenance:
TBA

+0800
until [[|the end of maintenance]] +0800
since [[|the last maintenance]]

2018 JAN 11 23:59 +0800 remaining2018 JAN 11 23:59 +0800 past

Operation Gingerbread Men Collecting, fight normal chapter bosses for Gingerbread men!

2018 JAN 31 23:59 +0800 remaining2018 JAN 31 23:59 +0800 past

Daily Discount Package available (limited to 1 purchase per day).

2017 JULY 27 10:59 +0800 remaining2017 JULY 27 10:59 +0800 past

Girls & the Sea Procurement event now in progress.

2017 JULY 26 23:59 +0800 remaining2017 JULY 26 23:59 +0800 past

New costume packages now available.

2017 JULY 21 23:59 +0800 remaining2017 JULY 21 23:59 +0800 past

Summer Carnival Special Operation from July 1^st 0:00 ~ July 21^st 23:59

2017 JULY 31 23:59 +0800 remaining2017 JULY 31 23:59 +0800 past

Daily Discount Package available in the cash shop (limited to 1 per day).

Tweets about #少女前線 -RT

awefewaoifjweaofiwea

About Girls' Frontline

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.

Retrieved from "http://iopwiki.com/index.php?title=Template:mainpage/Sandbox&oldid=32231"

Category:

Templates with missing documentation

Difference between revisions of "Template:mainpage/Sandbox"

Latest revision as of 11:35, 12 January 2018

Example[edit]

Guides

Indexes

Mechanics

News

Community

About Girls' Frontline

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

Navigation

Guide

Mechanics (GFL)

Mechanics (PNC)

Dolls

Items & Equipment

Enemies

Community

Tools