Template:Nuke: Difference between revisions
From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
SomebodyRum (talk | contribs) new template |
SomebodyRum (talk | contribs) reworked (still wip) nuke template |
||
| Line 1: | Line 1: | ||
it was probably easier to just stick a image but this one resize automatically to page size, isnt that awesome? | |||
pre-saving this before doing the final polishes. (removing the huge amount of padding ect + images) | |||
<!-- | |||
================================================== | |||
|}< | TEMPLATE NAME: Nuke Warning | ||
================================================== | |||
--> | |||
<includeonly><div style="display: flex; align-items: stretch; margin: 15px auto; width: 90%; max-width: 850px; font-family: sans-serif; text-align: center; line-height: 1.4; color: #000; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.3));"> | |||
<!-- 1. TAIL BOX (Dynamically matches body height) --> | |||
<div style="width: 70px; flex-shrink: 0; background: linear-gradient(180deg, #555 0%, #999 25%, #bbb 50%, #999 75%, #555 100%); border: 3px solid #333; border-radius: 6px 0 0 6px; position: relative; z-index: 3;"></div> | |||
<!-- 2. NECK SHAFT & FINS (Moved to z-index: 1 so it sits behind the cone) --> | |||
<div style="width: 50px; position: relative; flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; margin-left: -3px; z-index: 1;"> | |||
<!-- Central Neck Shaft --> | |||
<div style="width: 100%; height: 70px; background: linear-gradient(180deg, #555 0%, #999 25%, #bbb 50%, #999 75%, #555 100%); border-top: 3px solid #333; border-bottom: 3px solid #333; box-sizing: border-box; position: relative; z-index: 2;"></div> | |||
<!-- Top Diagonal Fin --> | |||
<div style="position: absolute; top: 0; left: 0; width: 80px; height: calc(50% - 35px); background: #333; clip-path: polygon(0 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%); z-index: 1;"> | |||
<!-- Inner Gray Part for Top Fin --> | |||
<div style="width: 100%; height: 100%; background: linear-gradient(180deg, #555 0%, #777 50%, #999 100%); clip-path: polygon(0 4px, calc(100% - 5px) 100%, 0 100%); -webkit-clip-path: polygon(0 4px, calc(100% - 5px) 100%, 0 100%);"></div> | |||
</div> | |||
<!-- Bottom Diagonal Fin --> | |||
<div style="position: absolute; bottom: 0; left: 0; width: 80px; height: calc(50% - 35px); background: #333; clip-path: polygon(0 0, 100% 0, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 0 100%); z-index: 1;"> | |||
<!-- Inner Gray Part for Bottom Fin --> | |||
<div style="width: 100%; height: 100%; background: linear-gradient(180deg, #999 0%, #777 50%, #555 100%); clip-path: polygon(0 0, calc(100% - 5px) 0, 0 calc(100% - 4px)); -webkit-clip-path: polygon(0 0, calc(100% - 5px) 0, 0 calc(100% - 4px));"></div> | |||
</div> | |||
</div> | |||
<!-- 3. OUTWARD TAPER (Cone) (Moved to z-index: 2 so it sits in front of the fins) --> | |||
<div style="width: 60px; flex-shrink: 0; background: #333; clip-path: polygon(0 calc(50% - 35px), 100% 0, 100% 100%, 0 calc(50% + 35px)); -webkit-clip-path: polygon(0 calc(50% - 35px), 100% 0, 100% 100%, 0 calc(50% + 35px)); margin-left: -1px; z-index: 2;"> | |||
<div style="margin: 3px 0; height: calc(100% - 6px); background: linear-gradient(180deg, #555 0%, #999 25%, #bbb 50%, #999 75%, #555 100%); clip-path: polygon(0 calc(50% - 32px), 100% 0, 100% 100%, 0 calc(50% + 32px)); -webkit-clip-path: polygon(0 calc(50% - 32px), 100% 0, 100% 100%, 0 calc(50% + 32px));"></div> | |||
</div> | |||
<!-- 4. MAIN BODY (Expands based on text) --> | |||
<div style="flex-grow: 1; background: linear-gradient(180deg, #555 0%, #999 25%, #bbb 50%, #999 75%, #555 100%); border-top: 3px solid #333; border-bottom: 3px solid #333; border-left: 3px solid #333; border-right: none; padding: 15px 25px; min-height: 110px; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 5;"> | |||
<div style="background: transparent !important;"> | |||
<span style="font-size: 135%; font-weight: 700;">[[File:Radioative.png|20px|link=]] {{{title|{{PAGENAME}}}}} {{#if:{{{plural|}}}|are|is}} a LAST RESORT NUKE that will leave <span style="color: rgb(95,0,0);">Ṇ̶́̏̂̈́̅ͅÓ̶͇̭̦̆̅ ̸̖̠̚S̶̟͑͛̀͘Ú̶̧͍̫͓̜͛̔͐̑R̵͕̲̬͕̿V̷̝̫̌̋̍Ì̵̥̉̽̕V̷̧̰̭͇̄O̴͕̦̪̠̦͘Ř̸̩̂͝Ş̵̺̠͙̈́͗̉</span> [[File:Radioative.png|20px|link=]]</span><br/> | |||
<span style="font-size: 95%;">The following media may only be utilized upon its ratification by President [[Quote]] when [[Death of soyjak.party|the end times]] are approaching.</span><br/> | |||
<span style="font-weight: 700; color: #8b0000;">''Find a nuclear bunker ₦Ø₩''</span> | |||
<div style="margin-top: 10px; background: transparent !important;">{{{audio|<choose uncached><option>[[File:Big Chungus (song).mp3]]</option></choose>}}}</div> | |||
</div> | |||
</div> | |||
<!-- 5. NOSE CONE --> | |||
<div style="width: 90px; flex-shrink: 0; background: linear-gradient(180deg, #555 0%, #999 25%, #bbb 50%, #999 75%, #555 100%); border: 3px solid #333; border-radius: 0 999px 999px 0;"></div> | |||
</div></includeonly><noinclude> | |||
<div style="margin: 20px 0; padding: 15px; border: 1px solid #aaa; background: #f9f9f9;"> | |||
<div style="font-size: 1.2em; font-weight: bold; margin-bottom: 10px; color: #333;">Template Live Preview:</div> | |||
{{{{FULLPAGENAME}} | title = Example Title }} | |||
</div> | |||
{{Documentation|content= | |||
== Template documentation == | |||
This template renders a "Little Boy" style atomic bomb. The tail assembly and nose cone automatically scale their height to match the text inserted into the main body. | |||
=== Usage === | |||
<pre> | |||
{{NukeWarning | |||
| title = This item | |||
| plural = | |||
| audio = | |||
}} | |||
</pre> | |||
=== Parameters === | |||
* '''title''': The subject of the warning. Defaults to the current page name. | |||
* '''plural''': Provide any text (e.g., `yes`) to change the phrasing from "is" to "are". | |||
* '''audio''': A custom audio player block. If empty, defaults to the standard randomized audio block. | |||
}} | |||
</noinclude> | |||
Revision as of 15:30, 10 April 2026
it was probably easier to just stick a image but this one resize automatically to page size, isnt that awesome?
pre-saving this before doing the final polishes. (removing the huge amount of padding ect + images)
Template Live Preview:
it was probably easier to just stick a image but this one resize automatically to page size, isnt that awesome?
pre-saving this before doing the final polishes. (removing the huge amount of padding ect + images)
File:Radioative.png Example Title is a LAST RESORT NUKE that will leave Ṇ̶́̏̂̈́̅ͅÓ̶͇̭̦̆̅ ̸̖̠̚S̶̟͑͛̀͘Ú̶̧͍̫͓̜͛̔͐̑R̵͕̲̬͕̿V̷̝̫̌̋̍Ì̵̥̉̽̕V̷̧̰̭͇̄O̴͕̦̪̠̦͘Ř̸̩̂͝Ş̵̺̠͙̈́͗̉ File:Radioative.png
The following media may only be utilized upon its ratification by President Quote when the end times are approaching.
Find a nuclear bunker ₦Ø₩
Template documentationTemplate documentation
This template renders a "Little Boy" style atomic bomb. The tail assembly and nose cone automatically scale their height to match the text inserted into the main body.
Usage
{{NukeWarning
| title = This item
| plural =
| audio =
}}
Parameters
- title: The subject of the warning. Defaults to the current page name.
- plural: Provide any text (e.g., `yes`) to change the phrasing from "is" to "are".
- audio: A custom audio player block. If empty, defaults to the standard randomized audio block.
