Template:Software page: Difference between revisions
Jump to navigation
Jump to search
Idea:This template should standardize software pages (mostly game and mod pages). Also, it should make it easier for developers to find documentation.
Idea:It should become like pages from Steam, ModDB or who knows what else.
Idea:The Docs subpage (FOR DEVELOPERS) should contain a table similar to the table from Half-Life: Alyx Workshop Tools page.
mNo edit summary |
mNo edit summary |
||
Line 28: | Line 28: | ||
<div style="display:flex; justify-content:center; width:100%; position:relative"> | <div style="display:flex; justify-content:center; width:100%; position:relative"> | ||
<div style="display:flex; justify-content:center; align-items:start; width: 100%; height: 100%; overflow:hidden; position:absolute; z-index:-1"> | <div style="display:flex; justify-content:center; align-items:start; width: 100%; height: 100%; overflow:hidden; position:absolute; z-index:-1"> | ||
<div style="opacity:.1">[[File:PUNT - Screenshot 3.jpg]]</div> | <div style="opacity:.1; user-select:none; pointer-events:none">[[File:PUNT - Screenshot 3.jpg]]</div> | ||
<div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:absolute; bottom:0"></div> | <div style="width:100%; height:200px; background-image:linear-gradient(0deg, #262626 2%, transparent); position:absolute; bottom:0"></div> | ||
</div> | </div> | ||
<div style="display:flex; width:1000px; margin:0 auto; margin-top:40px; z-index:1"> | <div style="display:flex; width:1000px; margin:0 auto; margin-top:40px; z-index:1"> | ||
<div style="display:flex; width:100%; margin-right:20px"> | <div style="display:flex; width:100%; user-select:none; pointer-events:none; margin-right:20px"> | ||
<div style="width:100%; height:369px; background:#202020; border-radius:6px; overflow:hidden">[[File:PUNT - Screenshot 1.jpg|656px]]</div> | <div style="width:100%; height:369px; background:#202020; border-radius:6px; overflow:hidden">[[File:PUNT - Screenshot 1.jpg|656px]]</div> | ||
</div> | </div> | ||
<div style="display:flex; flex-direction:column; gap:10px; width:324px; background:rgba(0,0,0,.1); border-radius:6px"> | <div style="display:flex; flex-direction:column; gap:10px; width:324px; background:rgba(0,0,0,.1); border-radius:6px"> | ||
<div style="width:100%; height:151px; background:#202020; border-radius:6px; overflow:hidden">[[File:GameCover-PUNT.jpg|324px|link=]]</div> | <div style="width:100%; height:151px; background:#202020; border-radius:6px; overflow:hidden; user-select:none; pointer-events:none">[[File:GameCover-PUNT.jpg|324px|link=]]</div> | ||
<div style="padding:0 10px">PUNT is a first person puzzle platformer running on the Source Engine. Set in a retro-futuristic alternate history, the future is today! Using the E.M.M.A., navigate the puzzles of Harmonics and overcome obstacles of increasing complexity.</div> | <div style="padding:0 10px">PUNT is a first person puzzle platformer running on the Source Engine. Set in a retro-futuristic alternate history, the future is today! Using the E.M.M.A., navigate the puzzles of Harmonics and overcome obstacles of increasing complexity.</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 11:44, 23 February 2023



Example of the layout of developer pages:
- Team Fortress 2/Docs
- Team Fortress 2/Level Design
- Team Fortress 2/Creating items
- Team Fortress 2/...
PUNT is a first person puzzle platformer running on the Source Engine. Set in a retro-futuristic alternate history, the future is today! Using the E.M.M.A., navigate the puzzles of Harmonics and overcome obstacles of increasing complexity.