Difference between revisions of "User:Sirryan2002"

From Paradise Station Wiki
Jump to navigation Jump to search
(saving changes)
 
(81 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="toccolours mw-collapsible" style="width:99%">
<noinclude><div style="z-index:10; box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0 1em 0; padding: 1px; position:sticky; top:1em;">
<div style="background:#32B0FF; border-radius: .2em; color: black; padding: .4em .8em .5em; "><center>
hey you! YEAH YOU! You're a massive nerd.
</center></div></div>
 
<noinclude><div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0 1em 0; padding: 1px;">
<div style="background:Orange; border-radius: .2em; color: black; padding: .4em .8em .5em;"><center>
{|style="text-align:center;"
|'''Oh god oh fuck where is he'''
|-
|'''MISSING:'''[[File:SyndicateScientist.png]]
|                has anyone seen my friend?
|-
|please help me he's been gone for a week and I'm getting scared
|}</center></div></div>
 
<div class="toccolours mw-collapsible" style="width:99%; border-style:inset; border-width:.2em;">
<span style="font-size:1.2em;">'''Sirryans Portal'''</span><br>
<span style="font-size:1.2em;">'''Sirryans Portal'''</span><br>
Wise words at the bottom of [[User:Tylander|this page]]
Wise words at the bottom of [[User:Tylander|this page]]<br>
the russian wiki is a [https://ss220.space/wiki/index.php/%D0%A3%D1%87%D0%B0%D1%81%D1%82%D0%BD%D0%B8%D0%BA:Papa_Leroy gem]
<div class="mw-collapsible-content">
[[File:NotOnMyWatch.jpeg|right|300px|me when people upload jpegs onto the wiki instead of pngs]]
==Links to my subpages==
==Links to my subpages==
sirryan why do you need so many subpages? well I like experimenting with shit and I have nowhere else to put my code :)
sirryan why do you need so many subpages? well I like experimenting and I have nowhere else to put my code :)


[[User:Sirryan2002/WikiGuide]]<br>
[[User:Sirryan2002/WikiGuide]]<br>
[[User:Sirryan2002/WikiStandards]]<br>
[[User:Sirryan2002/TemplateTest]]<br>
[[User:Sirryan2002/TemplateTest]]<br>
[[User:Sirryan2002/WikiStandards]]<br>
[[User:Sirryan2002/TemplateTest2]]<br>
[[User:Sirryan2002/TemplateTest3]] <br>
[[User:Sirryan2002/ColorSchemes]] <br>
[[User:Sirryan2002/GradingTest]] <br>
[[User:Sirryan2002/MainPageRewrite]]


==Links to other important shit I've created==
==Links to other important shit I've created==
[[Project:Maintenance Panel]]<br>
[[Project:Maintenance Panel]]<br>
[[Project:Lore Rework]]
</div>
</div>
</div>
<!-- DIVIDER LINE AND SHIT-->
<!-- DIVIDER LINE AND SHIT-->
Line 19: Line 43:
<!-- DIVIDER LINE AND SHIT-->
<!-- DIVIDER LINE AND SHIT-->
<!-- DIVIDER LINE AND SHIT-->
<!-- DIVIDER LINE AND SHIT-->
</noinclude>


==Tests==
===Template Tests===
{{User:Sirryan2002/TemplateTest|File=burger.png|Theme=Supply}}


<div style="width:99%" class="toccolours">
===Finished Templates===
<span style="font-size:1.8em;">'''Contributing to Paracode: A Guide'''</span> [[File:Paradise2.PNG|right]]<br>
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Tertiary}};  border-style:outset; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Secondary}}; border-radius:.5em; padding: 1px;">
<span style="font-size:1.2em;">
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Primary}}; color:#{{ColorPalette‎‎|{{{Theme}}}|Header Text}}; font-weight:bold; text-align:center; border-style:double; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Primary Bold}}; border-radius:.2em;"><center>'''{{{stafftype}}}'''</center></div>
This guide is intended to teach newbies how to set themselves up for success when attempting to contribute to '''Paracode.'''<br>
<div style="padding: .15em 0 .15em; overflow: auto; align-items: stretch; display: flex;">
Please read this guide from top to bottom.
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Very Light}}; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Light}}; border-radius:.3em; box-shadow: 0 0 .3em #999; width:11em; margin-right: .5em;"><center><br>[[File:{{{img}}}]]<br>'''{{{jobtitle|Job}}}'''</center></div>
{{toc_right}}
<div style="float:left; padding: 0 .1em 0; color:#{{ColorPalette‎‎|{{{Theme}}}|Secondary Text}};">
'''In order to completely contribute to Paradise you will need three things'''
'''Superiors:''' {{{superior|Not defined}}}
# A Text Editor
<br>'''Difficulty:''' {{{difficulty|Not defined}}}
# Github
<br>'''Guides:''' {{{guides|Not defined}}}
# The native editors for BYOND, Dream Daemon and Dream Maker
<br>'''Access:''' {{{access|Not defined}}}
<br>'''Duties:''' {{{duties|Not defined}}}
</div></div></div>


==Quick Jump Section==
<span style="font-size:1.4em;">[[I am a Newbie|I am completely new]]<br>
[[#Git|I have installed Visual Studio but but not Git]]<br>
[[#Commits|I have installed Git but am unsure on how to begin contributing]]








==I am Completely New==
Alright, you're in the situation just about every paradise developer has ran into. How the hell do I learn to contribute? How do I add my code to the server code? Well, there's a few steps to getting you setup.


The first things you should do is [[#Setting up Github|setup Github]]. This will get you registered on github as well as install Github Bash, which is the command line way to code(albeit daunting for beginners).


Next you're going to want to download Github


Next you will need to


</span></div>
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Tertiary}};  border-style:outset; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Secondary}}; border-radius:.5em; padding: 1px; margin: 0 0 0.5em 0; width: 16em; margin-left: 1.4em; margin-bottom: 0.5em; float: right;">
<br>
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Primary}}; color:#{{ColorPalette‎‎|{{{Theme}}}|Header Text}}; font-weight:bold; text-align:center; border-style:solid; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Primary Bold}}; border-radius:.2em; padding: .4em .4em .4em; font-size: 1.2em; line-height:1.2em;">
<div class="toccolours mw-collapsible" style="width:99%">
<center><span style="font-weight: bold;">{{{department}}}
==Setting up & Using Visual Studio Code==
{{{disable|Department}}}</span></center></div>
=== Installing VScode===
<div style="padding: 0.5em 0 0 0;">
<center>[[{{{File}}}]]</center></div>
<div style="font-size: .9em; line-height:1.6em; color:#FFFFFF;"><center>
'''Departmental Head'''<br>
'''{{{departmenthead|placeholder}}}'''
</center></div>


* Go to VSCode's website: https://code.visualstudio.com/
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Very Light}}; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Light}}; border-radius:.3em; box-shadow: 0 0 .2em #999;"><center>'''{{{roleheader}}}'''</center></div>
* Download the appropriate build for your system and install it.
<div style="padding: 0 0.3em; line-height:1.8em; font-size: .9em;">
{{ListCompress| listcontent = <span style="font-size: .95em;">{{{relatedjobs|placeholder - placeholder - placeholder}}}</span>}}
</div>


=== Installing VSCode's plugins===
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Very Light}}; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Light}}; border-radius:.3em; box-shadow: 0 0 .2em #999;"><center>'''{{{guideheader}}}'''</center></div>
* Go to VScode's website and download the following plugins
<div style="padding: 0 0.3em; line-height:1.8em; font-size: .9em;">
* Clicking install will redirect you to VSCode where you can click install and reload it.
{{ListCompress| listcontent = <span style="font-size: .95em;">{{{relatedguides|placeholder - placeholder - placeholder}}}</span>}}
* Syntax highlighting: https://marketplace.visualstudio.com/items?itemName=gbasood.byond-dm-language-support
* Symbol seach: https://marketplace.visualstudio.com/items?itemName=platymuus.dm-langclient
* These plugins are extremely useful for coding in DM and should be considered essential
</div>
</div>
<br>
<div class="toccolours mw-collapsible" style="width:99%">
==Setting up Github==
This part is about setting up Git and setting up your Github account.
===Installing Git Bash===
* Go here: http://git-scm.com/downloads
* Download the Windows Git program. The appropriate, newest one for your operating system
* It should look something like 'Git-2.18.0-64-bit.exe'
* Install it and leave everything on default (just keep clicking next).
* Wait till the installer has finished.
* Done!
===Register On Git===
(Skip if you already have an account, duh)
You'll need a github account to contribute to our repository (The place where the code is stored) properly.
* Head over here: https://github.com/
* Click '''Signup and Pricing''' in the top right-hand corner.
* Click the ''Create free account button'''.
* Create an account with your username and email.
* Done!
===Hide your Email (Optional, Recommended)===
Some of you might want to show on your resume you worked on a spessman fart simulator. Or more practically, SS13 community is dark and full of terrors, and you would want to protect your email-address (Or use a disposable one in the first place).
Oh and, you might want to contribute to ERP servers under alternative account name.
* Log into your account on Github
* Go to the upper right, click your user profile
* A bar should pop up. Click settings
* Go to Email
* Set your email to private. Github will now use a noreply email address for web operations.
* Now you're somewhat more protected!
===Configure Git (Optional)===
* Head here: https://help.github.com/articles/set-up-git/#setting-up-git
* Follow the guide above from steps 2 to 4, you can install Git for Windows if you want however it's not recommended
* Now you have Git all setup, but if you're command line illiterate like me, you'll wanna have some fancy graphics!
===Set up Github Dark Theme===
A bright white theme may not be to your taste, so try this out:
* Read the guide here: https://github.com/StylishThemes/GitHub-Dark
===Additional Help===
<div class="toccolours mw-collapsible mw-collapsed" style="width:99%;">
<span style="font-size:1.2em;">'''Helpful videos for better understanding Github'''</span><br>
<div class="mw-collapsible-content">
<span style="font-size:1.4em;">[https://www.youtube.com/watch?v=ZDR433b0HJY Introduction to Git with Scott Chacon of GitHub]<br>[https://www.youtube.com/watch?v=MYP56QJpDr4 Git from bits up]<br>
[https://www.youtube.com/watch?v=4XpnKHJAok8 Linus Torvalds (The guy who invented Linux, and Git)]</span>
</div></div></div>
<br>
<div class="toccolours mw-collapsible" style="width:99%">
==Forking ParaCode==
Now, visit [https://github.com/ParadiseSS13/Paradise The Paradise Github Repository]  You’ll want to press the '''Fork button''' in the top right corner. <br>
<br>
[[File:ForkingParacode.png]]
Woah, now you have your own repository! Now, let’s combine your repository and VS Code! Now, go back to VS Code and relaunch it. Under the version control sidebar (looks like a tree branch) click Clone Repository. It should look like this:


 
<div style="background:#{{ColorPalette‎‎|{{{Theme}}}|Very Light}}; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#{{ColorPalette‎‎|{{{Theme}}}|Light}}; border-radius:.3em; box-shadow: 0 0 .2em #999;"><center>'''{{{department}}} Areas'''</center></div>
[[File:VSCodeSidebar.png]]
<div style="padding: 0 0.3em; line-height:1.8em; font-size: .9em;">
 
{{ListCompress| listcontent = <span style="font-size: .95em;">{{{location|placeholder}}}</span>}}
 
If that’s not there, you can press <code>Ctrl+Shift+P</code> to open the command palette, then type <code>Git: Clone</code> and then press enter.
<br>
Now, paste the URL of the repository you created in the last step. It should look like this: <code>https://github.com/YOURNAME/Paradise</code> Then, select a folder to keep your local repository. The process of downloading might take a while. Once it’s downloaded, open the folder in VS Code. You now have your own local copy of the code!
 
 
===Necessary Extensions===
Click the Extensions button on the left bar or press <code>Ctrl+Shift+X</code>. It looks like a bunch of squares. You should see 6 recommended extensions. If you don’t, type @recommended into the search bar. You’ll want to install all of these.
 
* BYOND DM Language Support - syntax highlighting for the DM language
* DreamMaker Language Client - fancy features like debugging and jumping to definitions
* EditorConfig for VS Code - loads the standardized editor configuration for the codebase
* GitHub Pull Requests - lets you make a pull request directly from the editor
* Bracket Pair Colorizer 2 - paints matching brackets the same color
* Git Graph - lets you work with branches visually for ease of use
 
===Adding Paracode as an Upstream Repository===
We need to add the main Goonstation repository as a remote now. :satellite:
<br>
To do this, open the command palette and type <code>Git: Add Remote</code> It’ll prompt you for a name, which should be upstream. Then, put <code>https://github.com/ParadiseSS13/Paradise</code> as the URL. Now, you’ll have the main Paradise repository as a remote named upstream: This will let you easily send your pull requests there later.
</div>
</div>


</div></div>


<div class="toccolours mw-collapsible" style="width:99%">
===Tables===
==Making Changes==
First, let’s talk about '''branches'''. First thing to do is to make a new branch on your fork. This is important because you should never make changes to the default(master) branch of your fork. It should remain as a clean slate.
<br>
'''For every PR you make, make a new branch.''' This way, each of your individual projects have their own branch. A commit you make to one branch will not affect the other branches, so you can work on multiple projects at once.
===Branching===
To make a new branch, open up the source control sidebar. Navigate to the More Actions menu (looks like <code>...</code>) and click <code>Checkout to...</code> like this:
 


[[File:VSCodeBranching.png]]


{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#BF5F5F;  border-style:outset; border-width:.2em; border-color:#BF4C4C; border-radius:.5em;"
|+ Title
|-style="background:#BF2626; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#BF1313; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#BF1313; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#BF1313; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#BF1313; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:white; background:#BF4C4C;"
! {{RowHeader|Theme=Security}} | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:white; background:#BF4C4C;"
! {{RowHeader|Theme=Security}} | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:white; background:#BF4C4C;"
! {{RowHeader|Theme=Security}} | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}


Then, click Create new branch. For this guide, I’ll be creating a new hat, so I’ll name my branch <code>hat-landia</code>. If you look at the bottom left hand corner, you’ll see that VS Code has automatically checked out our branch:[[File:VSCodeBranchExample.png]]
<br>
Remember, '''never commit changes to your master branch!''' You can work on any branch as much as you want, as long as you commit the changes to the proper branch.
<br>
Go wild! Make your code changes! This is a guide on how to contribute, not what to contribute. So, I won’t tell you how to code, make sprites, or map changes. If you need help, try asking in the <code>#spriting</code> or the <code>#coding_chat</code> Discord channels.


===Changing Code===
You’ll find your code to edit in the Explorer sidebar of VS Code; if you need to find something, the Search sidebar is just below that.
<br>


<pre>Old-school style: If you want to use DreamMaker instead, go ahead and edit your files there - once you save them, VS Code will detect what you’ve done and you’ll be able to follow the guide from there.</pre>
{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#B17ACC;  border-style:outset; border-width:.2em; border-color:#AA66CC; border-radius:.5em;"
|+ Title
|-style="background:#9C3DCC; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#9528CC; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#9528CC; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#9528CC; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#9528CC; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:white; background:#AA66CC;"
! style="background:#F0EBF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CAC6CC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:white; background:#AA66CC;"
! style="background:#F0EBF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CAC6CC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:white; background:#AA66CC;"
! style="background:#F0EBF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CAC6CC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}


Now, save your changes. If we look at the Source Control tab, we’ll see that we have some new changes. Git has found every change you made to your fork’s repo on your computer! Even if you change a single space in a single line of code, Git will find that change. Just make sure you save your files.
===Testing Your Code===
The easiest way to test your changes is to press '''F5'''. This compiles your code, runs the server and connects you to it, as well as automatically giving you admin permissions. It also starts a debugger that will let you examine what went wrong when a runtime error happens. If you want to avoid the debugger press '''Ctrl + F5''' instead.




This does not automatically make you an administrator in-game so you will need to edit the <code>config/admins.txt</code> file by adding a <code>yourckey - Host </code> line there. Just make sure you don’t commit this file later!


{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#88C58D;  border-style:outset; border-width:.2em; border-color:#65B36C; border-radius:.5em;"
|+ Title
|-style="background:#2A9633; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#0F961A; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#0F961A; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#0F961A; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#0F961A; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:white; background:#65B36C;"
! style="background:#EBF2EC; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#C6CCC7; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:white; background:#65B36C;"
! style="background:#EBF2EC; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#C6CCC7; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:white; background:#65B36C;"
! style="background:#EBF2EC; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#C6CCC7; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}


This compiles the code to a dmb file. Then you can run Dream Daemon, select the dmb file, set security to Trusted and hit GO to run the server. After the server starts you can press the button above the GO / STOP button (now red) to connect.




[[File:DreamDaemon.png]]


{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#FFC166;  border-style:outset; border-width:.2em; border-color:#FFBA4C; border-radius:.5em; color:black;"
|+ Title
|-style="background:#FFAA19; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#FFA500; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#FFA500; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#FFA500; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#FFA500; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:black; background:#FFBA4C;"
! style="background:#F2E4D2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCC0B1; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:black; background:#FFBA4C;"
! style="background:#F2E4D2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCC0B1; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:black; background:#FFBA4C;"
! style="background:#F2E4D2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCC0B1; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}


Be sure to always test not only if your changes work, but also if you didn’t actually break something else that might be related.
===Committing to Your Branch===
Hover over the word '''Changes''' and press the plus sign to stage all modified files. It should look like this:




[[File:VSCodeStageChanges.png]]
{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#EA9879;  border-style:outset; border-width:.2em; border-color:#ED8A63; border-radius:.5em; color:black;"
|+ Title
|-style="background:#EE6A34; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#ED571C; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#ED571C; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#ED571C; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#ED571C; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:black;; background:#ED8A63;"
! style="background:#F2C8BA; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCA99D; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:black;; background:#ED8A63;"
! style="background:#F2C8BA; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCA99D; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:black;; background:#ED8A63;"
! style="background:#F2C8BA; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCA99D; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}


{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#7FA3FF;  border-style:outset; border-width:.2em; border-color:#6691FF; border-radius:.5em; color:black;"
|+ Title
|-style="background:#3269FF; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#195AFF; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#195AFF; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#195AFF; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#195AFF; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:black;; background:#6691FF;"
! style="background:#BACAF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#9DAACC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:black;; background:#6691FF;"
! style="background:#BACAF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#9DAACC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:black;; background:#6691FF;"
! style="background:#BACAF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#9DAACC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}


Or, pick each file you want to change individually. Staged files are the changes you are going to be submitting in commit, and then in your pull request. Once you’ve done that, they’ll appear in a new tab called Staged Changes.


{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#7FD0FF;  border-style:outset; border-width:.2em; border-color:#66C6FF; border-radius:.5em; color:black;"
|+ Title
|-style="background:#32B0FF; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#19A7FF; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#19A7FF; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#19A7FF; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#19A7FF; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:black;; background:#66C6FF;"
! style="background:#BADDF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#9DBACC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:black;; background:#66C6FF;"
! style="background:#BADDF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#9DBACC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:black;; background:#66C6FF;"
! style="background:#BADDF2; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#9DBACC; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}


[[File:VSCodeStagedChanges.png]]




Click on one of the code files you’ve changed now! You’ll see a compare of the original file versus your new file pop up. Here you can see, line by line, every change that you made. Red lines are lines you removed or changed, and green lines are the lines you added or updated. You can even stage or unstage individual lines, by using the More Actions <code>(...)</code> menu in the top right.
{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#7C5C3E;  border-style:outset; border-width:.2em; border-color:#77552F; border-radius:.5em; color:black;"
|+ Title
|-style="background:#7C4C18; color:white; font-weight:bold; text-align:center;"
| style="border-style:double; border-width:.2em; border-color:#7A450C; border-radius:.2em; width:10%;" | Item
| style="border-style:double; border-width:.2em; border-color:#7A450C; border-radius:.2em; width:40%;" | Description
| style="border-style:double; border-width:.2em; border-color:#7A450C; border-radius:.2em; width:20%;" | Additional Info 1
| style="border-style:double; border-width:.2em; border-color:#7A450C; border-radius:.2em; width:20%;" | Additional Info 2
|- style="color:white; background:#77552F;"
! style="background:#F2D5BA; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCB49D; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
| A science HUD fitted with a light amplifier.
| Test
| Test
|- style="color:white; background:#77552F;"
! style="background:#F2D5BA; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCB49D; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
| Test
| Test
|- style="color:white; background:#77552F;"
! style="background:#F2D5BA; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#CCB49D; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
| Test
| Test
|}




Now that you’ve staged your changes, you’re ready to make a commit. At the top of the panel, you’ll see the Message section. Type a descriptive name for you commit, and a description if necessary. Be concise!
{|class="mw-collapsible" cellpadding="4" style="width:80%; background:#753A3A;  border-style:outset; border-width:.2em; border-color:#333333; border-radius:.5em; color:black;"
 
|+ Title
 
|-style="background:#7C1818; color:white; font-weight:bold; text-align:center;"
Make sure you’re checked out on the new branch you created earlier, and click the checkmark! This will make your commit and add it to your branch. It should look like this:
| style="border-style:double; border-width:.2em; border-color:#333333; border-radius:.2em; width:10%;" | Item
 
| style="border-style:double; border-width:.2em; border-color:#333333; border-radius:.2em; width:40%;" | Description
 
| style="border-style:double; border-width:.2em; border-color:#333333; border-radius:.2em; width:20%;" | Additional Info 1
[[File:VSCodeCommit.png]]
| style="border-style:double; border-width:.2em; border-color:#333333; border-radius:.2em; width:20%;" | Additional Info 2
 
|- style="color:white; background:#772F2F;"
 
! style="background:#CC9D9D; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#333333; border-radius:.3em; box-shadow: 0 0 .3em #999;" | NV Science Goggles <br> [[File:Night Vision Science Goggles.png]]
There you go! You have successfully made a commit to your branch. This is still ‘unpublished’, and only on your local computer, as indicated by the little cloud and arrow icon  in the bottom left corner.
| A science HUD fitted with a light amplifier.
 
| Test
 
| Test
===Publishing to GitHub===
|- style="color:white; background:#772F2F;"
Click the GitHub icon on the left sidebar. It looks like a cat in circle. Now, you’ll want to click the + sign that appears in the top left, like this:
! style="background:#CC9D9D; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#333333; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Trashbag of Holding <br> [[File:Bluespace_trashbag.png]]
 
| The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage.
 
| Test
[[File:VSCodeCreatePR.png]]
| Test
 
|- style="color:white; background:#772F2F;"
 
! style="background:#CC9D9D; font-weight:bold; color:black; border-style:double; border-width:.2em; border-color:#333333; border-radius:.3em; box-shadow: 0 0 .3em #999;" | Triphasic Scanning Module <br> [[File:Triphasic_scanning_module.gif]]
 
| A compact, ultra resolution triphasic scanning module used in the construction of certain devices.
Then, select the upstream repo and target the master branch. Then, you’ll be able to select the title of your PR. The extension will make your PR with your selected title and a default description. '''BEFORE SUBMITTING:''' ensure that you have properly created your PR summary and followed the description template.  
| Test
 
| Test
if all goes well, your PR should look like this:
|}
 
 
[[File:ExamplePR.png|600px]]
 
 
If you want to add more commits to your PR, all you need to do is just push those commits to the branch.
</div>
 
 
 
<div class="toccolours mw-collapsible" style="width:99%">
 
 
 
 
</div>

Latest revision as of 22:45, 11 May 2022

hey you! YEAH YOU! You're a massive nerd.

Oh god oh fuck where is he
MISSING:SyndicateScientist.png has anyone seen my friend?
please help me he's been gone for a week and I'm getting scared

Sirryans Portal
Wise words at the bottom of this page
the russian wiki is a gem


Tests

Template Tests

Finished Templates

{{{stafftype}}}

[[File:{{{img}}}]]
Job

Superiors: Not defined
Difficulty: Not defined
Guides: Not defined
Access: Not defined
Duties: Not defined





{{{department}}} Department
[[{{{File}}}]]

Departmental Head
placeholder

{{{roleheader}}}
placeholder - placeholder - placeholder
{{{guideheader}}}
placeholder - placeholder - placeholder
{{{department}}} Areas
placeholder

Tables

Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test


Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test



Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test



Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test


Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test
Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test


Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test


Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test


Title
Item Description Additional Info 1 Additional Info 2
NV Science Goggles
Night Vision Science Goggles.png
A science HUD fitted with a light amplifier. Test Test
Trashbag of Holding
Bluespace trashbag.png
The latest and greatest in custodial convenience, a trashbag that is capable of holding vast quantities of garbage. Test Test
Triphasic Scanning Module
Triphasic scanning module.gif
A compact, ultra resolution triphasic scanning module used in the construction of certain devices. Test Test