Difference between revisions of "Sandbox"
From Armagetron
m (Reverted edit of 1147367046, changed back to last version by Wrtlprnft) |
(tourney blurbs / competition hub - rough mockup) |
||
(85 intermediate revisions by 24 users not shown) | |||
Line 1: | Line 1: | ||
− | + | <!-- Ladle --> | |
− | < | + | <!-- Overall Ladle blurb card--> |
− | + | <div style=" | |
− | + | display:inline-block; | |
− | + | width:45%; | |
− | + | float:left; | |
− | + | border:4px solid #fff; | |
+ | border-radius:16px; | ||
+ | margin:1.25%; | ||
+ | background:#fff; | ||
+ | box-shadow: 0px 4px 10px #333;"> | ||
− | = | + | <!-- Green Gradient Box behind ladle number --> |
− | + | <div style=" | |
− | + | display:-webkit-box; | |
− | + | -webkit-box-pack:justify; | |
− | + | -webkit-box-align:justify; | |
+ | width:33%; | ||
+ | border-radius:8px; | ||
+ | background-color:#fff; | ||
+ | padding:1rem; | ||
+ | margin:0; | ||
+ | position: relative; | ||
+ | float:left; | ||
+ | height: 150px; | ||
+ | background-color: #ff6688; | ||
+ | background-image: -webkit-gradient( linear, from( #7fff7f ), to( #3bbb3b ) ); | ||
+ | background-image: -webkit-linear-gradient(#7fff7f, #3bbb3b ); | ||
+ | background-image: -moz-linear-gradient(#7fff7f, #3bbb3b ); | ||
+ | background-image: linear-gradient(#7fff7f, #3bbb3b ); | ||
+ | -moz-box-shadow: inset 0 0 6px #333; | ||
+ | -webkit-box-shadow: inset 0 0 6px #333; | ||
+ | box-shadow: inset 0 0 6px #333; | ||
+ | border-top-right-radius: 33% 50%; | ||
+ | border-bottom-right-radius: 33% 50%; | ||
+ | border-top-left-radius: 12px; | ||
+ | border-bottom-left-radius: 12px;"> | ||
− | + | <!-- Ladle Number --> | |
+ | <span style=" | ||
+ | font-size:5em; | ||
+ | vertical-align:middle; | ||
+ | color:#fff; | ||
+ | text-shadow: 2px 2px 4px #333;"> | ||
+ | {{Ladle Meta|number}} | ||
+ | </span> | ||
+ | </div> | ||
+ | <!--Right side text (ladle, date, challenge board, previous result)--> | ||
+ | <div style=" | ||
+ | display:-webkit-box; | ||
+ | -webkit-box-pack:center; | ||
+ | -webkit-box-align:end; | ||
+ | position:relative; | ||
+ | padding:1rem; | ||
+ | margin:0; | ||
+ | float:right; | ||
+ | height: 150px;"> | ||
+ | <span style="vertical-align: middle;"> | ||
+ | <span style="font-size:3em; margin: auto;">Ladle</span><br /> | ||
+ | <span style="font-size:1em;">{{ucfirst:{{Ladle Meta|date}}}}</span><br /> | ||
+ | [[Ladle/Challenge Board | Challenge Board]] | [[Ladle {{Ladle Meta|previous}} | Previous Result]] | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <!-- SBT --> | |
+ | <!-- Overall SBT blurb card--> | ||
+ | <div style=" | ||
+ | display:inline-block; | ||
+ | width:45%; | ||
+ | float:right; | ||
+ | border:4px solid #fff; | ||
+ | border-radius:16px; | ||
+ | margin:1.25%; | ||
+ | background:#fff; | ||
+ | box-shadow: 0px 4px 10px #333;"> | ||
− | < | + | <!-- Blue Gradient Box behind SBT number --> |
− | + | <div style=" | |
+ | display:-webkit-box; | ||
+ | -webkit-box-pack:justify; | ||
+ | -webkit-box-align:justify; | ||
+ | width:33%; | ||
+ | border-radius:8px; | ||
+ | background-color:#fff; | ||
+ | padding:1rem; | ||
+ | margin:0; | ||
+ | position: relative; | ||
+ | float:left; | ||
+ | height: 150px; | ||
+ | background-color: #ff6688; | ||
+ | background-image: -webkit-gradient( linear, from( #4488ff ), to( #002299 ) ); | ||
+ | background-image: -webkit-linear-gradient(#4488ff, #002299 ); | ||
+ | background-image: -moz-linear-gradient(#4488ff, #002299 ); | ||
+ | background-image: linear-gradient(#4488ff, #002299 ); | ||
+ | -moz-box-shadow: inset 0 0 6px #333; | ||
+ | -webkit-box-shadow: inset 0 0 6px #333; | ||
+ | box-shadow: inset 0 0 6px #333; | ||
+ | border-top-right-radius: 33% 50%; | ||
+ | border-bottom-right-radius: 33% 50%; | ||
+ | border-top-left-radius: 12px; | ||
+ | border-bottom-left-radius: 12px;"> | ||
+ | <!-- SBT Number --> | ||
+ | <span style=" | ||
+ | font-size:5em; | ||
+ | vertical-align:middle; | ||
+ | color:#fff; | ||
+ | text-shadow: 2px 2px 4px #333;"> | ||
+ | 15 | ||
+ | </span> | ||
+ | </div> | ||
+ | <!--Right side text (SBT, date, challenge board, previous result)--> | ||
+ | <div style=" | ||
+ | display:-webkit-box; | ||
+ | -webkit-box-pack:center; | ||
+ | -webkit-box-align:end; | ||
+ | position:relative; | ||
+ | padding:1rem; | ||
+ | margin:0; | ||
+ | float:right; | ||
+ | height: 150px;"> | ||
+ | <span style="vertical-align: middle;"> | ||
+ | <span style="font-size:3em; margin: auto;">SBT</span><br /> | ||
+ | <span style="font-size:1em;">Sunday, August 29th 2021</span><br /> | ||
+ | [[SBT | Challenge Board]] | [[SBT14 | Previous Result]] | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br /> | ||
+ | <!-- TST --> | ||
+ | <!-- Overall TST blurb card--> | ||
+ | <div style=" | ||
+ | display:inline-block; | ||
+ | width:45%; | ||
+ | float:left; | ||
+ | border:4px solid #fff; | ||
+ | border-radius:16px; | ||
+ | margin:1.25%; | ||
+ | background:#fff; | ||
+ | box-shadow: 0px 4px 10px #333;"> | ||
− | + | <!-- Green Gradient Box behind TST number --> | |
− | + | <div style=" | |
− | + | display:-webkit-box; | |
− | + | -webkit-box-pack:justify; | |
− | + | -webkit-box-align:justify; | |
− | + | width:33%; | |
− | + | border-radius:8px; | |
− | + | background-color:#fff; | |
− | + | padding:1rem; | |
− | + | margin:0; | |
− | + | position: relative; | |
− | + | float:left; | |
− | + | height: 150px; | |
− | + | background-color: #ff6688; | |
− | + | background-image: -webkit-gradient( linear, from( #ffff33 ), to( #cccc33 ) ); | |
− | + | background-image: -webkit-linear-gradient(#ffff33, #cccc33 ); | |
− | + | background-image: -moz-linear-gradient(#ffff33, #cccc33 ); | |
− | + | background-image: linear-gradient(#ffff33, #cccc33 ); | |
− | + | -moz-box-shadow: inset 0 0 6px #333; | |
− | + | -webkit-box-shadow: inset 0 0 6px #333; | |
− | + | box-shadow: inset 0 0 6px #333; | |
− | + | border-top-right-radius: 33% 50%; | |
− | + | border-bottom-right-radius: 33% 50%; | |
− | + | border-top-left-radius: 12px; | |
− | + | border-bottom-left-radius: 12px;"> | |
− | |||
− | |||
− | -- | ||
− | |||
+ | <!-- TST Number --> | ||
+ | <span style=" | ||
+ | font-size:5em; | ||
+ | vertical-align:middle; | ||
+ | color:#fff; | ||
+ | text-shadow: 2px 2px 4px #333;"> | ||
+ | 26 | ||
+ | </span> | ||
+ | </div> | ||
+ | <!--Right side text (TST, date, challenge board, previous result)--> | ||
+ | <div style=" | ||
+ | display:-webkit-box; | ||
+ | -webkit-box-pack:center; | ||
+ | -webkit-box-align:end; | ||
+ | position:relative; | ||
+ | padding:1rem; | ||
+ | margin:0; | ||
+ | float:right; | ||
+ | height: 150px;"> | ||
+ | <span style="vertical-align: middle;"> | ||
+ | <span style="font-size:3em; margin: auto;">TST</span><br /> | ||
+ | <span style="font-size:1em;">Sunday, May 16th 2021</span><br /> | ||
+ | [[TST | Challenge Board]] | [[TST-25 | Previous Result]] | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
− | + | <!-- WST --> | |
− | ! | + | <!-- Overall WST blurb card--> |
− | + | <div style=" | |
− | + | display:inline-block; | |
− | + | width:45%; | |
− | + | float:right; | |
− | + | border:4px solid #fff; | |
− | + | border-radius:16px; | |
− | + | margin:1.25%; | |
− | + | background:#fff; | |
− | + | box-shadow: 0px 4px 10px #333;"> | |
− | + | ||
− | + | <!-- Blue Gradient Box behind WST number --> | |
− | + | <div style=" | |
− | + | display:-webkit-box; | |
− | + | -webkit-box-pack:justify; | |
− | + | -webkit-box-align:justify; | |
− | + | width:33%; | |
− | + | border-radius:8px; | |
− | + | background-color:#fff; | |
− | + | padding:1rem; | |
− | | | + | margin:0; |
− | + | position: relative; | |
− | + | float:left; | |
− | + | height: 150px; | |
− | + | background-color: #ff6688; | |
+ | background-image: -webkit-gradient( linear, from( #8866ff ), to( #4422bb ) ); | ||
+ | background-image: -webkit-linear-gradient(#8866ff, #4422bb ); | ||
+ | background-image: -moz-linear-gradient(#8866ff, #4422bb ); | ||
+ | background-image: linear-gradient(#8866ff, #4422bb ); | ||
+ | -moz-box-shadow: inset 0 0 6px #333; | ||
+ | -webkit-box-shadow: inset 0 0 6px #333; | ||
+ | box-shadow: inset 0 0 6px #333; | ||
+ | border-top-right-radius: 33% 50%; | ||
+ | border-bottom-right-radius: 33% 50%; | ||
+ | border-top-left-radius: 12px; | ||
+ | border-bottom-left-radius: 12px;"> | ||
+ | |||
+ | <!-- WST Number --> | ||
+ | <span style=" | ||
+ | font-size:5em; | ||
+ | vertical-align:middle; | ||
+ | color:#fff; | ||
+ | text-shadow: 2px 2px 4px #333;"> | ||
+ | 25 | ||
+ | </span> | ||
+ | </div> | ||
+ | <!--Right side text (WST, date, challenge board, previous result)--> | ||
+ | <div style=" | ||
+ | display:-webkit-box; | ||
+ | -webkit-box-pack:center; | ||
+ | -webkit-box-align:end; | ||
+ | position:relative; | ||
+ | padding:1rem; | ||
+ | margin:0; | ||
+ | float:right; | ||
+ | height: 150px;"> | ||
+ | <span style="vertical-align: middle;"> | ||
+ | <span style="font-size:3em; margin: auto;">WST</span><br /> | ||
+ | <span style="font-size:1em;">Sunday, July 18th 2021</span><br /> | ||
+ | [[WST | Challenge Board]] | [[WST24 | Previous Result]] | ||
+ | </span> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> |
Latest revision as of 08:06, 26 August 2021
166
Ladle
Sunday, March 2nd, 2025
Challenge Board | Previous Result
15
SBT
Sunday, August 29th 2021
Challenge Board | Previous Result
26
TST
Sunday, May 16th 2021
Challenge Board | Previous Result
25
WST
Sunday, July 18th 2021
Challenge Board | Previous Result