Template:MainPage: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Undo revision 398062 by Pee (talk) The main page isn't there to be "cool", it's there to be functional. Please stop messing with the main page that's been there for years.)
Tag: Undo
(Undo revision 398057 by THE OWL (talk) The main page isn't there to be "cool", it's there to be functional. Please stop messing with the main page that's been there for years.)
Tag: Undo
Line 1: Line 1:
<noinclude>{{langsp}}</noinclude>
<noinclude>{{langsp}}</noinclude>
<div style="display:flex; flex-direction:column; gap:.8em; align-items:center"> <!--
{{:Main Page/strings|Welcome}}__NOTOC__
--> <span style="color:rgb(255 255 255 / 30%); font-weight:400; font-size:1.2em"> Welcome to the </span> <!--
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900; font-size:2em"> {{SITENAME}} </span>
</div>


<div style="display:flex; gap:3em">
<span style="user-select:none" title="{{:Main Page/strings|Tooltip Signup}}">[[File:Doublearrow.png|12px|{{:Main Page/strings|Tooltip Signup}}|alt=►►|link=Special:Userlogin]] [[Special:Userlogin|'''{{:Main Page/strings|Sign up}}''']]</span> <!-- TODO: Hide the sign up option when user is logged in. Also wikilinks via text probably preventing tooltips from displaying the actual strings one and instead only display the page name you are about to visit.-->
<div style="width:100%; display:flex; flex-direction:column; gap:.5em"> <!--


--> <span style="font-weight:600; font-size:1.1em"> Introduction </span>
<div> {{:Main Page/strings|Welcome}} </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>
<div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp((100%/2) - 1rem, 25rem, 100%),1fr)); column-gap:1.5em">
<div style="display:flex; gap:.8em">
<div style="width:100%; display:flex; flex-direction:column; gap:.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"><!--


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


--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|100px|link=]]</div><!--
<div class="plainlinks" style="background:#222; border-radius:.35em; box-shadow:rgba(0, 0, 0, .45) 0 0 25px; padding:.5em; margin-block:1em; overflow:clip">
<h2 style="background:#7A372F;background-image:linear-gradient(90deg, #7A372F, #9c463d); box-shadow:rgba(122, 55, 47, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.7em .3em; font-size:14px; font-weight:700; height:fit-content">[[File:Icon-GoldSrc.png|32px|link=Half-Life SDK|{{:Main Page/strings|HLSDK Docs}}]]&ensp;[[Half-Life SDK|<span style="color:white" title="{{:Main Page/strings|HLSDK Docs}}">{{:Main Page/strings|HLSDK}}</span>]]&ensp;[[File:Doublearrow white.png|12px|alt=►►|link=Half-Life SDK|{{:Main Page/strings|HLSDK Docs}}]]</h2>
<p style="font-weight:300; padding:.5em .3em">{{:Main Page/strings|HLSDK Desc}}</p>
<h2 style="background:#4A6821;background-image:linear-gradient(90deg, #4A6821, #638a2c); box-shadow:rgba(91, 191, 77, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.7em .3em; font-size:14px; font-weight:700; height:fit-content">[[File:Icon-Source.png|32px|link=SDK Docs|{{:Main Page/strings|SDK Docs}}]]&ensp;[[SDK Docs|<span style="color:white" title="{{:Main Page/strings|SDK Docs}}">{{:Main Page/strings|SDK}}</span>]]&ensp;[[File:Doublearrow white.png|12px|alt=►►|link=SDK Docs|{{:Main Page/strings|SDK Docs}}]]</h2>
<p style="font-weight:300; padding:.5em .3em">{{:Main Page/strings|SDK Desc}}</p>
</div>


--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Development </span>
<div class="plainlinks" style="background:#222; border-radius:.35em; box-shadow:rgba(0, 0, 0, .45) 0 0 25px; padding:.5em; margin-block:1em; overflow:clip">
<div> Everything about game development, level design and much more using Valve Technology. </div>
<h2 style="background:#656821;background-image:linear-gradient(90deg, #656821, #898a2c); box-shadow:rgba(91, 191, 77, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.3em; font-size:14px; font-weight:700; height:fit-content">[[File:Icon-Source 2.png|32px|link=Source 2/Docs|{{:Main Page/strings|S2SDK Docs}}]]&ensp;[[Source 2/Docs|<span style="color:white" title="{{:Main Page/strings|S2SDK Docs}}">{{:Main Page/strings|S2SDK}}</span>]]&ensp;[[File:Doublearrow white.png|12px|alt=►►|link=Source 2/Docs|{{:Main Page/strings|S2SDK Docs}}]]</h2>
</div>
<p style="font-weight:300; padding:.5em .3em">{{:Main Page/strings|S2SDK Desc}}</p>
<div style="height:100%; 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 .8em"> <!--
<h2 style="background:#4B2A2E;background-image:linear-gradient(90deg, #4B2A2E, #5e353a); box-shadow:rgba(75, 42, 46, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.7em .3em; font-size:14px; font-weight:700; height:fit-content">[[File:Dota workshop.png|32px|link=Dota 2 Workshop Tools|{{:Main Page/strings|Dota 2 Tools Docs}}]]&ensp;[[Dota 2 Workshop Tools|<span style="color:white" title="{{:Main Page/strings|Dota 2 Tools Docs}}">{{Dictionary/software|dota2_tools}}</span>]]&ensp;[[File:Doublearrow white.png|12px|alt=►►|link=Dota 2 Workshop Tools]]</h2>
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Recommendations </span> <!--
<h2 style="background:#33496F;background-image:linear-gradient(90deg, #33496F, #425e8f); box-shadow:rgba(51, 73, 111, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.7em .3em; font-size:14px; font-weight:700; height:fit-content">[[File:Steamtours workshop.png|32px|link=SteamVR/Environments|{{:Main Page/strings|SVR Tools Docs}}]]&ensp;[[SteamVR/Environments|<span style="color:white" title="{{:Main Page/strings|SVR Tools Docs}}">{{Dictionary/software|svrh_tools}}</span>]]&ensp;[[File:Doublearrow white.png|12px|alt=►►|link=SteamVR/Environments]]</h2>
--> <div style="display:flex; flex-wrap: wrap; gap:.3em; user-select:none; margin-top:.2em"><!--
<h2 style="background:#294157;background-image:linear-gradient(90deg, #294157, #375775); box-shadow:rgba(41, 65, 87, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.7em .3em; font-size:14px; font-weight:700; height:fit-content">[[File:hlvr workshop.png|32px|link=Half-Life: Alyx Workshop Tools|{{:Main Page/strings|HLA Tools Docs}}]]&ensp;[[Half-Life: Alyx Workshop Tools|<span style="color:white" title="{{:Main Page/strings|HLA Tools Docs}}">{{Dictionary/software|hlvr_tools}}</span>]]&ensp;[[File:Doublearrow white.png|12px|alt=►►|link=Half-Life: Alyx Workshop Tools]]</h2>
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:gldsrc icon.png|20px|link=Half-Life SDK|Half-Life SDK Documentation]] </span> <!--
<h2 style="background:#9E6219;background-image:linear-gradient(90deg, #9E6219, #bd751e); box-shadow:rgba(158, 98, 25, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.7em .3em; font-size:14px; font-weight:700; height:fit-content">[[File:Cs2 workshop.png|32px|link=Counter-Strike 2 Workshop Tools|{{:Main Page/strings|CS2 Tools Docs}}]]&ensp;[[Counter-Strike 2 Workshop Tools|<span style="color:white" title="{{:Main Page/strings|CS2 Tools Docs}}">{{Dictionary/software|cs2_tools}}</span>]]&ensp;[[File:Doublearrow white.png|12px|alt=►►|link=Counter-Strike 2 Workshop Tools]]</h2>
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:icon-Source.png|20px|link=SDK Docs|Source SDK Documentation]] </span><!--
</div>
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:icon-Source 2.png|20px|link=Source 2/Docs|Source 2 Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:dota workshop.png|20px|link=Dota 2 Workshop Tools|Dota 2 Workshop Tools Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:steamtours workshop.png|16px|link=SteamVR/Environments|SteamVR Workshop Tools Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:hlvr workshop.png|20px|link=Half-Life Alyx Workshop Tools|Half-Life: Alyx Workshop Tools Documentation]] </span><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:cs2 workshop.png|20px|link=Counter-Strike 2 Workshop Tools|Counter-Strike 2 Workshop Tools Documentation]] </span>
</div>
</div>
</div>
<div style="width:100%; display:flex; flex-direction:column; gap:.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"><!--


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


--> <div style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|80px|link=]]</div><!--
<div>


--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Wiki Editing </span>
{{ValveTechnologyEditable}}
<div> Everything about editing articles, templates and much more related to this wiki. </div>
</div>
<div style="height:100%; 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 .8em"> <!--
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Recommendations </span> <!--
--> <div style="display:flex; flex-wrap: wrap; gap:.3em; user-select:none; margin-top:.2em"><!--
--><span style="display:inline-flex; background-color:rgb(255 255 255 / 10%); border-radius:.3em; padding:.25em .3em .32em.3em"> [[File:icon-task alt.png|20px|link=Valve Developer Community:Tasks|Unfinished tasks for wiki editors]] </span>
</div>
</div>
</div>
</div>


</div>
<div class="plainlinks" style="background:#222; border-radius:.35em; box-shadow:rgba(0, 0, 0, .45) 0 0 25px; padding:.5em; margin-block:1em; overflow:clip">
<h2 style="background:#282828; box-shadow:rgba(0, 0, 0, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.3em; font-size:14px; font-weight:700; height:fit-content">{{:Main Page/strings|FMT}}</h2>
* {{:Main Page/strings|FMT Line 1}}
* {{:Main Page/strings|FMT Line 2}}
* {{:Main Page/strings|FMT Line 3}}
* {{:Main Page/strings|FMT Line 4}}
* {{:Main Page/strings|FMT Line 5}}
* {{:Main Page/strings|FMT Line 6}}
</div>


<div style="width:100%">
<div class="plainlinks" style="background:#222; border-radius:.35em; box-shadow:rgba(0, 0, 0, .45) 0 0 25px; padding:.5em; margin-block:1em; overflow:clip">
<div class="plainlinks" 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 / 13%), rgba(255 255 255 / 3%)); color:#d0d0d0; border:1px solid rgb(255 255 255 / 10%); border-radius:.35em; margin-bottom:1em; overflow:clip">
<h2 style="background:#282828; box-shadow:rgba(0, 0, 0, .05) 0 0 25px; border-bottom:none; border-radius:.35em; padding:.5em; padding-block:.6em; margin:.3em; font-size:14px; font-weight:700; height:fit-content">{{:Main Page/strings|New Wiki}}</h2>
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<p style="font-weight:300; padding:.5em .3em">''{{:Main Page/strings|For Help}}''</p>
<div style="padding:1em; user-select:none">[[File:Source-logo.png|128px|link=Source]]</div>
</div>
<div>{{ValveTechnologyEditable/strings|SourceEngine}}</div>
</div>
<hr style="background-color:rgba(255 255 255 / 3%); margin:0 25px">
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em">
<div style="padding:1em; user-select:none">[[File:SteamLogo.png|128px|link=Steam]]</div>
<div>{{ValveTechnologyEditable/strings|Steam}}</div>
</div>
<div style="background-color:#3D69AE78; border-top:1px solid rgba(255 255 255 / 4%); text-align:center; font-weight:bold; padding:6px 0">
<div> [[Valve Technology|<font style=color:#FFF>{{ValveTechnologyEditable/strings|RAVT}}</font>]]&ensp;[[File:Doublearrow white.png|link=Valve Technology|16px]] </div>
</div>
</div>


<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>
<div style="font-weight:600; color:rgb(255 255 255 / 80%); margin-bottom:.5em"> Statistics </div>
 
<div style="display:flex; flex-wrap:wrap; gap:1em 2em">
</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: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: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"> [[MediaWiki: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>

Revision as of 03:20, 30 April 2024