User:THE OWL/Sandbox/Future version of the article: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
 
(12 intermediate revisions by 2 users not shown)
Line 2: Line 2:
<div style="display:flex; justify-content:center; width:100%; min-height:640px; overflow:hidden; position:absolute; z-index:-1">
<div style="display:flex; justify-content:center; width:100%; min-height:640px; overflow:hidden; position:absolute; z-index:-1">


<div style="opacity:0.08; user-select:none; pointer-events:none; -webkit-mask-image:linear-gradient(to right, transparent, black 5%, black 95%, transparent); position: absolute"> [[File:Half-Life Alyx - Screenshot 8.jpg]] </div>
<div style="opacity:0.08; user-select:none; pointer-events:none; -webkit-mask-image:linear-gradient(to right, transparent, black 5%, black 95%, transparent); position: absolute"> [[File:Counter-Strike_2_-_Screenshot_5.jpg]] </div>


<div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:relative; margin-top:auto"></div>
<div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:relative; margin-top:auto"></div>
Line 17: Line 17:


--> <span style="font-weight:600; font-size:1.1em"> Introduction </span>
--> <span style="font-weight:600; font-size:1.1em"> Introduction </span>
<div> Whether you're building a triple-A commercial project or a [[modification]] for {{hl2|3.1}}, you'll want to [[Special:Userlogin|sign up]] as a Valve developer today. It's free to join and is open to anyone working with the [[Source|Source engine]] and its [[SDK Installation|software development kit]]. </div> <!--
<div> Whether you're building a triple-A commercial project or a [[modification]] for {{hl2|3.1}}, you'll want to [[Special:Userlogin|sign up]] as a Valve developer today. It's free to join and is open to anyone working with the [[Source|Source engine]] and its [[SDK Installation|software development kit]]. </div> <div> [[Special:UserLogin|<span style="background-image:linear-gradient(135deg, rgba(94 137 219 / 17%), rgba(255 255 255 / 2%)); border:1px solid rgba(255, 255, 255, 0.1); border-radius: .8em; padding:.3em .6em">Sign up to become part of the community!</span>]] </div> <!--


--> <span style="font-weight:600; font-size:1.1em; margin-top:1em"> Your choice today </span>
--> <span style="font-weight:600; font-size:1.1em; margin-top:1em"> Your choice today </span>
Line 24: Line 24:
<div style="min-height:230px; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(255 155 255 / 10%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em"><!--
<div style="min-height:230px; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(255 155 255 / 10%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em"><!--


--> [[Main Page|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]<!--
--> [[Development Docs|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]<!--


--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|100px|link=]]</div><!--
--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|100px|link=]]</div><!--
Line 47: Line 47:
<div style="min-height:230px; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(255 155 155 / 10%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em"><!--
<div style="min-height:230px; box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:radial-gradient(ellipse at left top, rgba(255 155 155 / 10%), transparent 60%), linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; overflow:hidden; position:relative; padding:.5em .8em"><!--


--> [[Main Page|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]<!--
--> [[Help:Contents|<span style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:1"> </span>]]<!--


--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|80px|link=]]</div><!--
--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|80px|link=]]</div><!--
Line 83: Line 83:
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em">
<div style="box-shadow:0 4px 6px rgba(0 0 0 / 10%),0 15px 36px rgba(0 0 0 / 20%); background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgb(255 255 255 / 4%); border-radius:.4em; padding:.5em">
<div style="font-weight:600; color:rgb(255 255 255 / 80%); margin-bottom:.5em"> Statistics </div>
<div style="font-weight:600; color:rgb(255 255 255 / 80%); margin-bottom:.5em"> Statistics </div>
<div style="display:flex; gap:.8em">
<div style="display:flex; flex-wrap:wrap; gap:1em 2em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:Icon-gnome-systemusers.png|36px|link=]] </div> <!--
<div style="min-width:144px; display:flex; gap:.8em">
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 46,539 </span>  <span style="color:rgb(255 255 255 / 30%)"> Users </span> </div>
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:edit-copy.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 13,970 </span>  <span style="color:rgb(255 255 255 / 30%)"> Articles </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-document-properties.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 410,864 </span>  <span style="color:rgb(255 255 255 / 30%)"> Edits </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-document-open.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 15,223 </span>  <span style="color:rgb(255 255 255 / 30%)"> Files </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 46,539 </span>  <span style="color:rgb(255 255 255 / 30%)"> Users </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 72 </span>  <span style="color:rgb(255 255 255 / 30%)"> Active Users </span> </div>
</div>
<div style="min-width:144px; display:flex; gap:.8em">
<div style="background-color: rgb(255 255 255 / 10%); border-radius:.3em; user-select:none; pointer-event:none; padding:.4em"> [[File:icon-gnome-systemusers.png|36px|link=]] </div> <!--
--> <div style="display:flex; flex-direction:column; justify-content:center"> <span style="font-size:1.4em; font-weight:900; color:rgb(255 255 255 / 80%)"> 32 </span>  <span style="color:rgb(255 255 255 / 30%)"> Administrators </span> </div>
</div>
</div>
<div style="display:flex; flex-direction:column; background-color:rgba(0, 0, 0, 0.25); border-radius:.3em; position:relative; padding:.3em .6em; margin-top:1em"> [[Special:Version|<span style="width:100%; height:100%; position:absolute; top:0; left:0"></span>]]<!--
--> <span style="color:rgb(255 255 255 / 60%)"> 1.31.10 </span> <!--
--> <span style="color:rgb(255 255 255 / 30%)"> Current MediaWiki version </span>
</div>
</div>
</div>
</div>

Latest revision as of 10:12, 12 May 2024