User:SpaceSmithers/Main Page: Difference between revisions

From /tg/station 13 Wiki
Jump to navigation Jump to search
SpaceSmithers (talk | contribs)
Main page concept work.
SpaceSmithers (talk | contribs)
Border style experiments, formatting fixes and changes, more code comments, and a changelog.
Line 1: Line 1:
__NOTOC__
__NOTOC__
{{Under construction
{{Under construction
|reason = Main page needs some appealing graphics and less full https links. This page is basically a copy of [[TGMC|the TGMC homepage]], with some inspiration from Paradise Station's wiki homepage, all modified to suit /tg/station. The formatting is a nightmare, so expect pretty much everything to change. If you want to add something, go for it; its better to add content now and format later than to be stuck endlessly reformatting after every edit. Hopefully most of this will be turned into templates, along with code comments for better readability and maintenance. Currently, the only comments are labels that divide each bubble. Also, map links take you to affectedarcs map viewer!
|reason = Main page needs some appealing graphics and less full https links. This page is basically a copy of [[TGMC|the TGMC homepage]], with some inspiration from Paradise Station's wiki homepage, all modified to suit /tg/station. If you want to add something, go for it. Everything may be subject to change, so its better to add the content before getting caught in a formatting cycle. Hopefully most of this will be turned into templates, along with code comments for better readability and maintenance. This also doubles as my sandbox for all sorts of formatting stuff. Also, map links take you to affectedarcs map viewer!
}}
{{Important
|Title=Notable Changes
|Note=
*<s>Stolen</s> borrowed [[TGMC|TGMC layout]]
*Map links will direct you to affectarc's map viewer.
*Less wordy, more visuals.
*Uses the soulless title image uploaded by [[User:Kokonut|Kokonut]].
*Still somewhat modular despite all the fancy stuff. (It acts strange sometimes but it'll be fine once documented)
|Image=ゆっくりチルノ.png
|Color=cyan
}}
}}
<div style="max-width: 1080px; margin: auto;">
<div style="max-width: 1080px; margin: auto;">
<div style="margin-bottom:50px; text-align: center;"> [[File:Title.png|link=Main_Page]]</div>
<div style="margin-bottom:50px; text-align: center;"> [[File:Titlesoulless.png|link=Main_Page]]</div>
<p style="text-align: center; font-size:13pt; margin-bottom:20px;">''Space Station 13 is a paranoia-laden roleplaying game set against the backdrop of a nonsensical, metal death trap masquerading as a space station.''
<p style="text-align: center; font-size:13pt; margin-bottom:20px;">''Space Station 13 is a paranoia-laden roleplaying game set against the backdrop of a nonsensical, metal death trap masquerading as a space station.''
''Read more [[What is SS13|here]].''
''Read more [[What is SS13|here]].''
Line 16: Line 27:
</div>
</div>


<!--General Information -->
<!--Box 1: General Information -->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:left"><div align="left">
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:left"><div align="left">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="background: #0E1724; border-radius: .2em; color: #FFFFFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
<div style="background: #0E1724; border-radius: .2em; color: #FFFFFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
<!--Header. Tiny flavorful image left and right, plus BIG title.-->
[[file:NTlogo.png|left|28px]]<big>'''General Information'''</big>[[file:NTlogo.png|right|28px]]</center></div>
[[file:NTlogo.png|left|28px]]<big>'''General Information'''</big>[[file:NTlogo.png|right|28px]]</center></div>
<div style="padding: 1em; background: lightgray; border-radius: 8px;">
<div style="padding: 1em; background: lightgray; border-radius: 8px;">
<div class="center">
<div class="center">
<ul style="display: inline-block; padding-left: 0; text-align: left; color: #FFFFFF;">
<ul style="display: inline-block; padding-left: 0; text-align: left; color: #FFFFFF;">
<!--Begin List-->
[[File:Rules.png|400px|link=Rules]]<br>
[[File:Rules.png|400px|link=Rules]]<br>
[[File:New_players_assistant.png|400px|link=Starter guide]]<br>
[[File:New_players_assistant.png|400px|link=Starter guide]]<br>
Line 29: Line 42:
[[File:GMTabccRob.png|400px|link=Game Mode]]<br>
[[File:GMTabccRob.png|400px|link=Game Mode]]<br>
[[File:LCTNTabccRob.png|400px|link=Locations]]<br>
[[File:LCTNTabccRob.png|400px|link=Locations]]<br>
[[File:History.png|400px|link=History portal]]<br>
</ul>
</ul>
</div>
</div>
Line 38: Line 52:


<!--Maps-->
<!--Maps-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="left">
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
Line 45: Line 59:
<div class="center">
<div class="center">
<ul style="display: inline-block; padding-left: 0; text-align: left;">
<ul style="display: inline-block; padding-left: 0; text-align: left;">
<span style="font-size: 120%;"> <div style="border-radius: 8px;">'''[[File:Maps.png|400px|link=Maps]]'''
<center> <!--This needed an extra center for some unknown reason-->
*[[https://affectedarc07.github.io/SS13WebMap/TG/MetaStation/ Metastation]]
*[[https://affectedarc07.github.io/SS13WebMap/TG/MetaStation/ Metastation]]
*[[https://affectedarc07.github.io/SS13WebMap/TG/DeltaStation/ DeltaStation]]
*[[https://affectedarc07.github.io/SS13WebMap/TG/DeltaStation/ DeltaStation]]
Line 51: Line 67:
*[[https://affectedarc07.github.io/SS13WebMap/TG/TramStation/ Tramstation]]
*[[https://affectedarc07.github.io/SS13WebMap/TG/TramStation/ Tramstation]]
</ul>
</ul>
</center>
</div>
</div>
</div>
</div>
Line 59: Line 76:


<!--Guides-->
<!--Guides-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:left"><div align="left">
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
[[file:Guidestemp.png|left|28px]]<big>'''Guides'''</big>[[file:Guidestemp.png|right|28px]]</center></div>
[[file:information.png|left|28px]]<big>'''Guides'''</big>[[file:information.png|right|28px]]</center></div>
<div style="padding: 1em; background: salmon; border-radius: 8px;">
<div style="padding: 1em; background: #ffaaa1; border-radius: 8px;">
<center><span style="font-size: 120%;">'''[[Guides|All guides]]</center>
<center><span style="font-size: 120%; border: 2px solid; background-color: #ffc5bf; padding:4px;">'''[[Guides|All guides]]'''</center>
<div style="column-count:2;-moz-column-count:2;-webkit-column-count:2;">
<center><div style="width: 100%; font-size: 110%;border-radius: 8px;"><ul>
*[[File:Paper.png|64px|link=Starter guide]] [[Starter guide]]
<!--Experimenting with border styles-->
*[[File:SMed.png|64px|link=Guide to medicine]] [[Guide to medicine]]
<ul style="display: inline-block; border: 2px dotted; background-color: #ffc5bf; padding:4px;"> [[File:Paper.png|64px|link=Starter guide]]<br>[[Starter guide]]</ul>
*[[File:Beaker.png|64px|link=Guide to chemistry]] [[Guide to chemistry]]
<ul style="display: inline-block; border: 2px dashed; background-color: #ffc5bf; padding:4px;"> [[File:SMed.png|64px|link=Guide to medicine]]<br>[[Guide to medicine|Medicine]]</ul>
*[[File:Supermatter_shard.png|50px|link=Guide to the Supermatter]] [[Guide to the Supermatter]]
<ul style="display: inline-block; border: 2px double; background-color: #ffc5bf; padding:4px;"> [[File:Beaker.png|64px|link=Guide to chemistry]]<br>[[Chemistry]]</ul>
 
<ul style="display: inline-block; border: 2px groove; background-color: #ffc5bf; padding:4px;"> [[File:Supermatter_shard.png|45px|link=Guide to the Supermatter]]<br>[[Supermatter|Supermatter Engine]]</ul>
</div>
<ul style="display: inline-block; border: 2px ridge; background-color: #ffc5bf; padding:4px;"> [[File:CheeseburgerNew.png|64px|link=Guide to food]]<br>[[Guide to food|Food]]</ul>
<ul style="display: inline-block; border: 2px hidden; background-color: #ffc5bf; padding:4px;"> [[File:AlliesCocktail.gif|64px|link=Guide to drinks]]<br>[[Guide to drinks|Drinks]]</ul>
<ul style="display: inline-block; border: 2px dotted; background-color: #ffc5bf; padding:4px;"> [[File:Ripley.png|64px|link=Guide to robotics]]<br>[[Guide to robotics|Robotics]]</ul>
</ul></div></center>
</div>
</div>
</div>
</div>
Line 78: Line 98:
</div>
</div>


<!--table4-->
<!--links--><div class="wiki-mainpage-column"><div style="width: 49.7%; float:left"><div align="left">
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="left">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;">
[[file:Ian.PNG|left|28px]]<big>'''table4'''</big>[[file:Ian.PNG|right|28px]]</center></div>
<center>[[file:Ian.PNG|left|28px]]<big>'''Cool Links'''</big>[[file:Ian.PNG|right|28px]]</center></div>
 
<div style="padding: 1em; background: #939DAB; border-radius: 8px;">
<div style="padding: 1em; background: #716a9a; border-radius: 8px;">
<div class="center">
<div class="center">
<ul style="display: inline-block; padding-left: 0; text-align: left;">
<ul style="display: inline-block; padding-left: 0; text-align: left;">
[[file:Generic_clown.png]]
*[[Space law]]
*[[Frequently Asked Questions|FAQ]]
*[http://tgstation13.org/phpBB/ Forum]
*[https://discord.gg/tg13 Discord]
*[https://github.com/tgstation/tgstation GitHub]
</ul>
</ul>
</div>
</div>
Line 96: Line 118:
</div>
</div>


<!--links-->
<!--table4-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:left"><div align="left">
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;">
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
<center>[[file:Ian.PNG|left|28px]]<big>'''Cool Links'''</big>[[file:Ian.PNG|right|28px]]</center></div>
[[file:Ian.PNG|left|28px]]<big>'''table4'''</big>[[file:Ian.PNG|right|28px]]</center></div>
<div style="padding: 1em; background: #939DAB; border-radius: 8px;">
<div style="padding: 1em; background: #716a9a; border-radius: 8px;">
 
<div class="center">
<div class="center">
<ul style="display: inline-block; padding-left: 0; text-align: left;">
<ul style="display: inline-block; padding-left: 0; text-align: left;">
*[[Space law]]
[[file:Generic_clown.png]]
*[[Frequently Asked Questions|FAQ]]
*[http://tgstation13.org/phpBB/ Forum]
*[https://discord.gg/tg13 Discord]
*[https://github.com/tgstation/tgstation GitHub]
</ul>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
Line 120: Line 136:


<!--table6-->
<!--table6-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="left">
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
Line 137: Line 153:
</div>
</div>


<!-- This is commented out. DON'T FORGET TO UNCOMMENT IF THIS EVER GETS PUSHED!!!!!!
[[Category:SS13]]
[[Category:SS13]]
-->

Revision as of 07:44, 7 March 2022


This page is currently under construction!

The following page is currently in the process of being created, is undergoing a major structural rework and/or is being moved.
The reason for this is: "Main page needs some appealing graphics and less full https links. This page is basically a copy of the TGMC homepage, with some inspiration from Paradise Station's wiki homepage, all modified to suit /tg/station. If you want to add something, go for it. Everything may be subject to change, so its better to add the content before getting caught in a formatting cycle. Hopefully most of this will be turned into templates, along with code comments for better readability and maintenance. This also doubles as my sandbox for all sorts of formatting stuff. Also, map links take you to affectedarcs map viewer!"



File:ゆっくりチルノ.png Notable Changes
  • Stolen borrowed TGMC layout
  • Map links will direct you to affectarc's map viewer.
  • Less wordy, more visuals.
  • Uses the soulless title image uploaded by Kokonut.
  • Still somewhat modular despite all the fancy stuff. (It acts strange sometimes but it'll be fine once documented)


Space Station 13 is a paranoia-laden roleplaying game set against the backdrop of a nonsensical, metal death trap masquerading as a space station. Read more here.

General Information






table4
table6