Sandbox: Difference between revisions

From Armagetron Advanced
← Older edit
Cadillac (talk | contribs)
2,722 edits
tourney blurbs / competition hub - rough mockup
 
(95 intermediate revisions by 27 users not shown)
Line 1: Line 1:
== Some heading ==
<!-- Ladle -->
<pre>      sandbox--test out the formatting here
<!-- Overall Ladle blurb card-->
      o  ____          :::::::::::::::::: :::::::::::::::::: __|-----|__
<div style="
      Y_,_|[]| --++++++ |[][][][][][][][]| |[][][][][][][][]| |  [] []  |
display:inline-block;
    {|_|_|__|;|______|;|________________|;|________________|;|_________|;
width:45%;  
      /oo--OO  oo  oo  oo oo      oo oo  oo oo      oo oo  oo    oo
float:left;  
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+</pre>
border:4px solid #fff;  
border-radius:16px;  
margin:1.25%;  
background:#fff;
box-shadow: 0px 4px 10px #333;">


=== A sub-heading ===
<!-- Green Gradient Box behind ladle number -->
* Bullet point
<div style="
* Another
display:-webkit-box;
** How about this?
-webkit-box-pack:justify;
* No.
-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;">


Some <code>code text</code>. Yes, it worked.
<!--        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>


Math doesn't work right now, apparently I have to upgrade the server.  Go ahead and use regular math formatting according to MediaWiki, and don't worry if you can't read it right now.  I'll take care of it.
<!-- 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;">


<math>\sqrt{x^2 + y^2}</math>
<!-- Blue Gradient Box behind SBT number -->
[[Image:Pointoftron2.gif]]
<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

181

Ladle
Sunday, Aug 2, 2026
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
















Retrieved from "http://wiki.armagetronad.org/index.php?title=Sandbox&oldid=57676"