Template:Schedule/Eggstra Work: Difference between revisions
From Inkipedia, the Splatoon wiki
(more notes about when it looks scuffed) |
(fixing small widths) |
||
Line 1: | Line 1: | ||
<templatestyles src="Schedule/Big Run/styles.css" /><includeonly>{{BubbleBox|background=grizzco|border=241, 121, 42 |style=flex: 9999 0 300px; overflow-y: auto;|open}} | <templatestyles src="Schedule/Big Run/styles.css" /><includeonly>{{BubbleBox|background=grizzco|border=241, 121, 42 |style=flex: 9999 0 300px; overflow-y: auto;|open}} | ||
<div class="bubbleboxbg-lighter" style="border: 2px solid #ffffff; border-radius: 8px; text-align: center; font-size: 20px; font-weight: bold; margin: 0 1px 1px | <div class="bubbleboxbg-lighter" style="border: 2px solid #ffffff; border-radius: 8px; text-align: center; font-size: 20px; font-weight: bold; margin: 0 1px 1px">{{#switch:{{{game|}}} | ||
|#default=[[File:{{GameShortened|{{{game|S3}}}}} Icon Eggstra Work.svg|24px|link=Eggstra Work]]}} [[Eggstra Work]]</div> | |#default=[[File:{{GameShortened|{{{game|S3}}}}} Icon Eggstra Work.svg|24px|link=Eggstra Work]]}} [[Eggstra Work]]</div> | ||
<div style="display: flex; flex-wrap: wrap; justify-content: center | <div style="display: flex; flex-wrap: wrap; justify-content: center"> | ||
<div style="border: 2px solid #ffffff; border-radius: 8px; min-width: 210px; max-width: 100%; margin: 1px; flex: 1 30% | <div style="border: 2px solid #ffffff; border-radius: 8px; min-width: 210px; max-width: 100%; margin: 1px; flex: 1 30%"> | ||
<div class="bubbleboxbg-lighter mw-customtoggle-bigRunScroll" style="text-align: center; font-weight: bold; overflow: hidden | <div class="bubbleboxbg-lighter mw-customtoggle-bigRunScroll" style="text-align: center; font-weight: bold; overflow: hidden" id="salmonFirst">Global | ||
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-bigRunScroll"><div class="toccolours mw-collapsible-content textscrolldiv"><p class="textscroll">[[File:{{GameShortened|{{{game|S3}}}}} Icon Eggstra Work.svg|24px]] It's time for some Eggstra Work! [[File:{{GameShortened|{{{game|S3}}}}} Icon Eggstra Work.svg|24px]]</p></div></div> | <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-bigRunScroll"><div class="toccolours mw-collapsible-content textscrolldiv"><p class="textscroll">[[File:{{GameShortened|{{{game|S3}}}}} Icon Eggstra Work.svg|24px]] It's time for some Eggstra Work! [[File:{{GameShortened|{{{game|S3}}}}} Icon Eggstra Work.svg|24px]]</p></div></div> | ||
</div> | </div> | ||
<div class="bubbleboxbg-darker" style="padding: 2px 4px 0px 4px; text-align: center | <div class="bubbleboxbg-darker" style="padding: 2px 4px 0px 4px; text-align: center"><!-- | ||
--><span class="splatfestTimer">{{Trim|{{{1}}}}}</span><br><!-- | --><span class="splatfestTimer">{{Trim|{{{1}}}}}</span><br><!-- | ||
--><span class="countdown">{{{countdown}}}|Let's go get those eggs!|</span><br><!-- | --><span class="countdown">{{{countdown}}}|Let's go get those eggs!|</span><br><!-- | ||
--><div style="display: flex; | --><div style="display: flex; justify-content:center; gap:5%; flex-wrap: wrap"><div style="display: inline-block; text-align: center"><div style="display: inline-block; border-radius: 8px; overflow: hidden">[[File:{{GameShortened|{{{game|S3}}}}} Stage {{Trim|{{{2}}}}}.png|200px|link={{Trim|{{{2}}}}}]]</div><br><span style="font-size: large">[[{{Trim|{{{2}}}}}]]</span><br>'''Supplied weapons:'''<br>{{Weapon|{{GameShortened|{{{game|S3}}}}}|Main|{{Trim|{{{3}}}}}|32|icononly|var=Flat}}{{Weapon|{{GameShortened|{{{game|S3}}}}}|Main|{{Trim|{{{4}}}}}|32|icononly|var=Flat}}{{Weapon|{{GameShortened|{{{game|S3}}}}}|Main|{{Trim|{{{5}}}}}|32|icononly|var=Flat}}{{Weapon|{{GameShortened|{{{game|S3}}}}}|Main|{{Trim|{{{6}}}}}|32|icononly|var=Flat}}</div> | ||
<div style="display: inline-block; text-align: center"> | |||
'''Prizes:'''<br><center> | '''Prizes:'''<br><center> | ||
{| | {| | ||
Line 21: | Line 21: | ||
|- | |- | ||
|[[File:S3 Sticker basic {{Trim|{{{prize|Chum}}}}} sticker.png|32px]] || Participation {{#if:{{{50%|}}}|{{!}}{{!}}{{Cost|{{GameShortened|{{{game|S3}}}}}|{{#expr:{{Trim|{{{50%}}}}}-1}} or fewer|ge}}|}} | |[[File:S3 Sticker basic {{Trim|{{{prize|Chum}}}}} sticker.png|32px]] || Participation {{#if:{{{50%|}}}|{{!}}{{!}}{{Cost|{{GameShortened|{{{game|S3}}}}}|{{#expr:{{Trim|{{{50%}}}}}-1}} or fewer|ge}}|}} | ||
|}</center | |}</center></div></div> | ||
</div></div> | </div></div> | ||
</div></div></includeonly><noinclude>__NOTOC__ | </div></div></includeonly><noinclude>__NOTOC__ | ||
Line 28: | Line 28: | ||
== Syntax == | == Syntax == | ||
{| class="wikitable" | {| class="wikitable" | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>start_naoc</code>||Unnamed.||The date and time, expressed as UTC, of the start of the North America/Oceanea Eggstra Work. Must be expressed in the following format: <code style="white-space: nowrap | |<code>start_naoc</code>||Unnamed.||The date and time, expressed as UTC, of the start of the North America/Oceanea Eggstra Work. Must be expressed in the following format: <code style="white-space: nowrap">Mmm dd HH:nn yyyy</code> | ||
*<code>Mmm</code> is the first three letters of the month | *<code>Mmm</code> is the first three letters of the month | ||
*<code>dd</code> is the day of the month (one or two digits) | *<code>dd</code> is the day of the month (one or two digits) | ||
Line 35: | Line 35: | ||
*<code>nn</code> is the minute (two digits), usually zero | *<code>nn</code> is the minute (two digits), usually zero | ||
*<code>yyyy</code> is the year | *<code>yyyy</code> is the year | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>stage</code>||Unnamed.||The name of the stage which the big run will happen on. | |<code>stage</code>||Unnamed.||The name of the stage which the big run will happen on. | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>Weapon 1</code>||Unnamed.||First weapon in the rotation | |<code>Weapon 1</code>||Unnamed.||First weapon in the rotation | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>Weapon 2</code>||Unnamed.||Second weapon in the rotation | |<code>Weapon 2</code>||Unnamed.||Second weapon in the rotation | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>Weapon 3</code>||Unnamed.||Third weapon in the rotation | |<code>Weapon 3</code>||Unnamed.||Third weapon in the rotation | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>Weapon 4</code>||Unnamed.||Fourth weapon in the rotation | |<code>Weapon 4</code>||Unnamed.||Fourth weapon in the rotation | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>start_eu</code>||Unnamed.||The date and time of the start of the Europe Eggstra Work. Follows the same format as <code>start_naoc</code>. | |<code>start_eu</code>||Unnamed.||The date and time of the start of the Europe Eggstra Work. Follows the same format as <code>start_naoc</code>. | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>start_jp</code>||Unnamed.||The date and time of the start of the Japan Eggstra Work. Follows the same format as <code>start_naoc</code>. | |<code>start_jp</code>||Unnamed.||The date and time of the start of the Japan Eggstra Work. Follows the same format as <code>start_naoc</code>. | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>countdown=</code>||Required||The date and time countdown, expressed as UTC, of the start of the North America/Oceanea Eggstra Work. Must be expressed in the following format: <code style="white-space: nowrap | |<code>countdown=</code>||Required||The date and time countdown, expressed as UTC, of the start of the North America/Oceanea Eggstra Work. Must be expressed in the following format: <code style="white-space: nowrap">yyyy/MM/dd HH:nn</code> | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>prize=</code>||Required.|| Name of the prize being awarded<br>(Image file must be named in the form <code><nowiki>File:S3_Sticker _(basic/bronze/silver/gold)_{{prize}}_sticker.png</nowiki></code>)<br>If not stated, defaults to 'Chum' | |<code>prize=</code>||Required.|| Name of the prize being awarded<br>(Image file must be named in the form <code><nowiki>File:S3_Sticker _(basic/bronze/silver/gold)_{{prize}}_sticker.png</nowiki></code>)<br>If not stated, defaults to 'Chum' | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>game=</code>||Required.<br>(default: Splatoon 3)||The <s>[[Template:SiteColor|site color]] of the widget border</s>, logos, and file formats shown. | |<code>game=</code>||Required.<br>(default: Splatoon 3)||The <s>[[Template:SiteColor|site color]] of the widget border</s>, logos, and file formats shown. | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>5%=</code>||Unnamed.|| Top 5% score for a concluded Big Run. | |<code>5%=</code>||Unnamed.|| Top 5% score for a concluded Big Run. | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>20%=</code>||Unnamed.|| Top 20% score for a concluded Big Run. | |<code>20%=</code>||Unnamed.|| Top 20% score for a concluded Big Run. | ||
|- style="vertical-align: top | |- style="vertical-align: top" | ||
|<code>50%=</code>||Unnamed.|| Top 50% score for a concluded Big Run. | |<code>50%=</code>||Unnamed.|| Top 50% score for a concluded Big Run. | ||
|} | |} | ||
Line 101: | Line 101: | ||
== Other testing stuff == | == Other testing stuff == | ||
; Really small screen testing (1st has width 340px, 2nd has width 330px, 3rd is 300px, 4th is 290px) | |||
<div><div style="width: 340px; display:inline-block">{{Schedule/Eggstra Work|May 1 0:00 2023|Gone Fission Hydroplant|Splattershot Jr.|Splat Dualies|Splat Roller|Splat Charger|game=Splatoon 3|countdown=2023/05/01 00:00|prize=Steelhead}}</div><div style="width: 330px; display:inline-block">{{Schedule/Eggstra Work|May 1 0:00 2023|Gone Fission Hydroplant|Splattershot Jr.|Splat Dualies|Splat Roller|Splat Charger|game=Splatoon 3|countdown=2023/05/01 00:00|prize=Steelhead}}</div><div style="width: 300px; display:inline-block">{{Schedule/Eggstra Work|May 1 0:00 2023|Gone Fission Hydroplant|Splattershot Jr.|Splat Dualies|Splat Roller|Splat Charger|game=Splatoon 3|countdown=2023/05/01 00:00|prize=Steelhead}}</div><div style="width: 290px; display:inline-block">{{Schedule/Eggstra Work|May 1 0:00 2023|Gone Fission Hydroplant|Splattershot Jr.|Splat Dualies|Splat Roller|Splat Charger|game=Splatoon 3|countdown=2023/05/01 00:00|prize=Steelhead}}</div></div> | |||
; Really small screen testing (1st has width 340px | |||
<div><div style="width: 340px; display:inline-block | |||
</noinclude> | </noinclude> |
Revision as of 11:40, 16 April 2023
Displays the current Eggstra Work schedule on the Main Page.
Syntax
start_naoc |
Unnamed. | The date and time, expressed as UTC, of the start of the North America/Oceanea Eggstra Work. Must be expressed in the following format: Mmm dd HH:nn yyyy
|
stage |
Unnamed. | The name of the stage which the big run will happen on. |
Weapon 1 |
Unnamed. | First weapon in the rotation |
Weapon 2 |
Unnamed. | Second weapon in the rotation |
Weapon 3 |
Unnamed. | Third weapon in the rotation |
Weapon 4 |
Unnamed. | Fourth weapon in the rotation |
start_eu |
Unnamed. | The date and time of the start of the Europe Eggstra Work. Follows the same format as start_naoc .
|
start_jp |
Unnamed. | The date and time of the start of the Japan Eggstra Work. Follows the same format as start_naoc .
|
countdown= |
Required | The date and time countdown, expressed as UTC, of the start of the North America/Oceanea Eggstra Work. Must be expressed in the following format: yyyy/MM/dd HH:nn
|
prize= |
Required. | Name of the prize being awarded (Image file must be named in the form File:S3_Sticker _(basic/bronze/silver/gold)_{{prize}}_sticker.png )If not stated, defaults to 'Chum' |
game= |
Required. (default: Splatoon 3) |
The |
5%= |
Unnamed. | Top 5% score for a concluded Big Run. |
20%= |
Unnamed. | Top 20% score for a concluded Big Run. |
50%= |
Unnamed. | Top 50% score for a concluded Big Run. |
Remarks
- There is a JavaScript program backing this template that translates UTC times into the user's local time and updates the display according to whether the Eggstra Work has already started or finished.
- Currently uses the 'splatfestTimer' thingy
- If JavaScript is not available, the UTC time will be displayed with the "UTC" designation.
TODO
- When the Schedule/Eggstra Work element is being displayed with a width smaller than 540px (or 560px), (and the prizes thresholds are given(?)), might be worth hiding the 'top 5/20/50%/participation' text somehow, so this template looks less scuffed on smaller screens.
- idk how to do that though.
- Also probably should hide that text in all cases when element is smaller than 300px wide.
- Eggstra Work icon thing
- Make the background less scuffed.
- Currently uses File:Grizzco bg.png, brightness of the grizzco icon within it needs tweaking a bit though to properly fit the background aesthetics
- Probably make the timer display span use a different class than <span class="splatfestTimer"> ... </span>
- Maybe a 'bigRunTimer'?
- This was bodged together from the Template:Schedule/Big Run template, could use some cleanup
- Might need to be updated to display additional stages if Eggstra Work uses more than one stage throughout the duration of the Eggstra Work/Eggstra Work has a stage rotation
- Update to add other relevant Eggstra Work info upon finding out about more info relevant to Eggstra Work
Example
Markup
- Without game parameter
{{Schedule/Eggstra Work|Apr 1 0:00 2022|Spawning Grounds|Splattershot Jr.|Splat Dualies|Splat Roller|Splat Charger|countdown=2022/04/01 00:00}}
- With game parameter and prize parameter
{{Schedule/Eggstra Work|Dec 10 0:00 2024|Sockeye Station|Splattershot Jr.|Splat Dualies|Splat Roller|Splat Charger|game=Splatoon 3|countdown=2024/12/10 00:00|prize=Chum}}
- With game parameter and prize parameter and results parameters
{{Schedule/Eggstra Work|May 1 0:00 2023|Gone Fission Hydroplant|Splattershot Jr.|Splat Dualies|Splat Roller|Splat Charger|game=Splatoon 3|countdown=2023/05/01 00:00|prize=Steelhead|5%=100|20%=80|50%=50}}
Output
Apr 1 0:00 2022
2022/04/01 00:00|Let's go get those eggs!|
2022/04/01 00:00|Let's go get those eggs!|
Dec 10 0:00 2024
2024/12/10 00:00|Let's go get those eggs!|
2024/12/10 00:00|Let's go get those eggs!|
May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
2023/05/01 00:00|Let's go get those eggs!|
Other testing stuff
- Really small screen testing (1st has width 340px, 2nd has width 330px, 3rd is 300px, 4th is 290px)
May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
2023/05/01 00:00|Let's go get those eggs!|
May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
2023/05/01 00:00|Let's go get those eggs!|
May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
2023/05/01 00:00|Let's go get those eggs!|
May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
2023/05/01 00:00|Let's go get those eggs!|