User:THE OWL/Sandbox/Pages/Main Page: Difference between revisions
< User:THE OWL | Sandbox | Pages
Jump to navigation
Jump to search
(Beginning to use {{page}} and {{string}}) |
No edit summary |
||
(19 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{DISPLAYTITLE: | {{DISPLAYTITLE:Redesign Preview – Main Page}} | ||
<div class="plainlinks" style="display:flex; flex-direction:column; align-items:center; width:100%; box-sizing:border-box; border:1px solid; border-image:linear-gradient(0deg, transparent, #323232) 1%; padding: 0 10px; margin-bottom: 40px"> | |||
<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: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=" | </div> | ||
<div style="max-width:1080px; width:100%; display:flex; flex-direction:column; gap:5em; margin-top:4em; z-index:1"> | |||
<div style="display:flex; flex-direction:column; gap:.8em; align-items:center"> <!-- | |||
--> <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> | ||
<div style=" | <div style="display:flex; gap:3em"> | ||
<div style="width:100%; display:flex; flex-direction:column; gap:.5em"> <!-- | |||
--> <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> [[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> <!-- | |||
| | |||
<div style="display: | --> <span style="font-weight:600; font-size:1.1em; margin-top:1em"> Your choice today </span> | ||
<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 style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-gnome-terminal.png|100px|link=]]</div><!-- | ||
--> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Development </span> | |||
<div> Everything about game development, level design and much more using Valve Technology. </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:gldsrc icon.png|20px|link=Half-Life SDK|Half-Life SDK Documentation]] </span> <!-- | |||
--><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><!-- | |||
--><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 style="opacity:.15; user-select:none; rotate:335deg; position:absolute; right:-.5em; bottom:-.5em">[[File:icon-essay.png|80px|link=]]</div><!-- | |||
<!-- | --> <span style="color:rgb(255 255 255 / 80%); font-weight:900"> Wiki Editing </span> | ||
<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"> <!-- | ||
</div> | --> <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> | ||
<div> | <div style="width:100%"> | ||
<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"> | |||
<div style="display:flex; align-items:center; padding:.5em 1.2em; gap:1em"> | |||
<div style="padding:1em; user-select:none">[[File:Source-logo.png|128px|link=Source]]</div> | |||
<div>{{MainPage/ValveTechnology/strings|Engine}}</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>{{MainPage/ValveTechnology/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>{{MainPage/ValveTechnology/strings|ReadMore}}</font>]] [[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 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 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: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> | |||
<div | <div style="text-align:center"> <!-- | ||
< | --> © 2005–{{CURRENTYEAR}} [https://www.valvesoftware.com/en/ Valve Corporation]. All rights reserved. All trademarks are property of their respective owners in the US and other countries. See the [[Valve Developer Community:Terms of Use|Terms of Use]] for details. | ||
<div style="width:100%; display:flex; gap:.5em; justify-content:center; margin-top:.8em"> <!-- | |||
-->[[Valve Developer Community:About|<span style="background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgba(255, 255, 255, 0.1); border-radius: .8em; padding:.3em .6em">About Valve Developer Community</span>]]·<!-- | |||
-->[https://store.steampowered.com/privacy_agreement/ <span style="background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgba(255, 255, 255, 0.1); border-radius: .8em; padding:.3em .6em">Privacy Policy</span>]·<!-- | |||
-->[[Valve Developer Community:Third Party Legal Notices|<span style="background-image:linear-gradient(135deg, rgba(255 255 255 / 5%), rgba(255 255 255 / 2%)); border:1px solid rgba(255, 255, 255, 0.1); border-radius: .8em; padding:.3em .6em">Third Party Legal Notices</span>]] | |||
</div> | |||
</div> | |||
</div> | |||
< | |||
< | |||
</div> | </div> | ||
Latest revision as of 15:51, 23 August 2025
Welcome to the Valve Developer Community
Introduction
Whether you're building a triple-A commercial project or a modification for Half-Life 2, you'll want to sign up as a Valve developer today. It's free to join and is open to anyone working with the Source engine and its software development kit.
Your choice today
The engine under the hood of Half-Life 2 can make your game a success. Let Source™ do the heavy lifting so that your team can focus on building great games.
© 2005–2025 Valve Corporation. All rights reserved. All trademarks are property of their respective owners in the US and other countries. See the Terms of Use for details.