User:SpaceSmithers/Main Page: Difference between revisions

From tgwiki2
Jump to navigation Jump to search
imported>SpaceSmithers
Border style experiments, formatting fixes and changes, more code comments, and a changelog.
imported>SpaceSmithers
m this is much better with templates, thank you dragomagol
Line 27: Line 27:
</div>
</div>


<!--Box 1: General Information -->
{{ColorCard
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:left"><div align="left">
|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;">
|titletext = General Information
<div style="background: #0E1724; border-radius: .2em; color: #FFFFFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
|headcolor = #0E1724
<!--Header. Tiny flavorful image left and right, plus BIG title.-->
|headtextcolor = #FFFFFF
[[file:NTlogo.png|left|28px]]<big>'''General Information'''</big>[[file:NTlogo.png|right|28px]]</center></div>
|image = NTlogo.png
<div style="padding: 1em; background: lightgray; border-radius: 8px;">
|title = General Information
<div class="center">
|bodycolor = lightgray
<ul style="display: inline-block; padding-left: 0; text-align: left; color: #FFFFFF;">
|bodytextcolor = black
<!--Begin List-->
|bodytext =  
[[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 43: Line 43:
[[File:LCTNTabccRob.png|400px|link=Locations]]<br>
[[File:LCTNTabccRob.png|400px|link=Locations]]<br>
[[File:History.png|400px|link=History portal]]<br>
[[File:History.png|400px|link=History portal]]<br>
</ul>
}}
</div>
</div>
</div>
</div>
</div>
</div>


<!--Maps-->
<!--Maps-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
{{ColorCard
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
|align = left
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
|titletext = Maps
[[file:TGMC Icon Planetside.png|left|24px]]<big>'''Maps'''</big>[[file:TGMC Icon Planetside.png|right|24px]]</center></div>
|headcolor = #0E1724
<div style="padding: 1em; background: #a1c8a1; border-radius: 8px;">
|headtextcolor = #FFFFFF
<div class="center">
|image = TGMC_Icon_Planetside.png
<ul style="display: inline-block; padding-left: 0; text-align: left;">
|title = Maps
<span style="font-size: 120%;"> <div style="border-radius: 8px;">'''[[File:Maps.png|400px|link=Maps]]'''
|bodycolor = #a1c8a1
<center> <!--This needed an extra center for some unknown reason-->
|bodytextcolor = black
|bodytext =  
[[File:Maps.png|400px|link=Maps]]<br>
*[[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 66: Line 62:
*[[https://affectedarc07.github.io/SS13WebMap/TG/KiloStation/ KiloStation]]
*[[https://affectedarc07.github.io/SS13WebMap/TG/KiloStation/ KiloStation]]
*[[https://affectedarc07.github.io/SS13WebMap/TG/TramStation/ Tramstation]]
*[[https://affectedarc07.github.io/SS13WebMap/TG/TramStation/ Tramstation]]
</ul>
}}
</center>
</div>
</div>
</div>
</div>
</div>
</div>


<!--Guides-->
<!--Guides-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
{{ColorCard
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
|align = left
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
|titletext = Guides
[[file:information.png|left|28px]]<big>'''Guides'''</big>[[file:information.png|right|28px]]</center></div>
|headcolor = #0E1724
<div style="padding: 1em; background: #ffaaa1; border-radius: 8px;">
|headtextcolor = #FFFFFF
<center><span style="font-size: 120%; border: 2px solid; background-color: #ffc5bf; padding:4px;">'''[[Guides|All guides]]'''</center>
|image = TGMC_Icon_Planetside.png
<center><div style="width: 100%; font-size: 110%;border-radius: 8px;"><ul>
|title = Maps
<!--Experimenting with border styles-->
|bodycolor = #ffaaa1
|bodytextcolor = black
|bodytext =
<span style="font-size: 120%; border: 2px solid; background-color: #ffc5bf; padding:4px;">'''[[Guides|All guides]]'''</span>
<ul style="display: inline-block; border: 2px dotted; background-color: #ffc5bf; padding:4px;"> [[File:Paper.png|64px|link=Starter guide]]<br>[[Starter guide]]</ul>
<ul style="display: inline-block; border: 2px dotted; background-color: #ffc5bf; padding:4px;"> [[File:Paper.png|64px|link=Starter guide]]<br>[[Starter guide]]</ul>
<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>
<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>
Line 91: Line 83:
<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 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 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>
</div>


<!--links--><div class="wiki-mainpage-column"><div style="width: 49.7%; float:left"><div align="left">
<!--links-->
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
{{ColorCard
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;">
|align = left
<center>[[file:Ian.PNG|left|28px]]<big>'''Cool Links'''</big>[[file:Ian.PNG|right|28px]]</center></div>
|titletext = Cool Links
<div style="padding: 1em; background: #939DAB; border-radius: 8px;">
|headcolor = #0E1724
<div class="center">
|headtextcolor = #FFFFFF
<ul style="display: inline-block; padding-left: 0; text-align: left;">
|image = Ian.PNG
|title = Maps
|bodycolor = #939DAB
|bodytextcolor = black
|bodytext =  
*[[Space law]]
*[[Space law]]
*[[Frequently Asked Questions|FAQ]]
*[[Frequently Asked Questions|FAQ]]
Line 110: Line 101:
*[https://discord.gg/tg13 Discord]
*[https://discord.gg/tg13 Discord]
*[https://github.com/tgstation/tgstation GitHub]
*[https://github.com/tgstation/tgstation GitHub]
</ul>
}}
</div>
</div>
</div>
</div>
</div>
</div>


<!--table4-->
<!--table4-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
{{ColorCard
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
|align = left
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
|titletext = table4
[[file:Ian.PNG|left|28px]]<big>'''table4'''</big>[[file:Ian.PNG|right|28px]]</center></div>
|headcolor = #0E1724
<div style="padding: 1em; background: #716a9a; border-radius: 8px;">
|headtextcolor = #FFFFFF
<div class="center">
|image = Ian.PNG
<ul style="display: inline-block; padding-left: 0; text-align: left;">
|title = Maps
|bodycolor = #716a9a
|bodytextcolor = black
|bodytext =  
[[file:Generic_clown.png]]
[[file:Generic_clown.png]]
</ul>
}}
</div>
</div>
</div>
</div>
</div>
</div>


<!--table6-->
<!--table6-->
<div class="wiki-mainpage-column"><div style="width: 49.7%; float:right"><div align="right">
{{ColorCard
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px; border-radius: 8px;">
|align = left
<div style="background: #0E1724; border-radius: .2em; color: #FFF; padding: .4em .8em .5em; border-radius: 8px;"><center>
|titletext = table6
[[file:Wrench.png|left|24px]]<big>'''table6'''</big>[[file:Wrench.png|right|24px]]</center></div>
|headcolor = #0E1724
<div style="padding: 1em; background: #939DAB; border-radius: 8px;">
|headtextcolor = #FFFFFF
 
|image = Ian.PNG
<div class="center">
|title = Maps
<ul style="display: inline-block; padding-left: 0; text-align: left;">
|bodycolor = #716a9a
|bodytextcolor = black
|bodytext =  
[[file:Generic_clown.png]]
[[file:Generic_clown.png]]
</ul>
}}
</div>
</div>
</div>
</div>
</div>
</div>


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

Revision as of 05:27, 6 April 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