Template:Schedule/Eggstra Work: Difference between revisions

From Inkipedia, the Splatoon wiki
(Suggestions for how to make the template look less scuffed on smaller screens)
(more notes about when it looks scuffed)
Line 71: Line 71:
* 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.
* 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.
** 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
* Eggstra Work icon thing
Line 105: Line 106:
; Scuffed version (500px div, you can see that the participation egg quota looks terrible - no egg quota looks passable).
; Scuffed version (500px div, you can see that the participation egg quota looks terrible - no egg quota looks passable).
<div><div style="width: 500px; 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|5%=100|20%=80|50%=50}}</div><div style="width: 500px; 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>
<div><div style="width: 500px; 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|5%=100|20%=80|50%=50}}</div><div style="width: 500px; 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 - smallest possible width that looks alright with no quotas given. 2nd has width 330px, goes downhill from there (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>
</noinclude>
</noinclude>

Revision as of 11:03, 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
  • Mmm is the first three letters of the month
  • dd is the day of the month (one or two digits)
  • HH is the hour in 24-hour time (one or two digits)
  • nn is the minute (two digits), usually zero
  • yyyy is the year
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 site color of the widget border, logos, and file formats shown.
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

Global

It's time for some Eggstra Work!

Global

It's time for some Eggstra Work!

Global

It's time for some Eggstra Work!

May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|


Other testing stuff

Displayed within a div with width 540px (smallest possible width that doesn't look totally scuffed) and within a div with width 560px (smallest wdith with a participation egg quota that stays within one line)
Global

It's time for some Eggstra Work!

May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
Global

It's time for some Eggstra Work!

May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
Scuffed version (500px div, you can see that the participation egg quota looks terrible - no egg quota looks passable).
Global

It's time for some Eggstra Work!

May 1 0:00 2023
2023/05/01 00:00|Let's go get those eggs!|
Global

It's time for some Eggstra Work!

Really small screen testing (1st has width 340px - smallest possible width that looks alright with no quotas given. 2nd has width 330px, goes downhill from there (3rd is 300px, 4th is 290px)).
Global

It's time for some Eggstra Work!

Global

It's time for some Eggstra Work!

Global

It's time for some Eggstra Work!

Global

It's time for some Eggstra Work!