-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathcontribute.htm
More file actions
498 lines (476 loc) · 28.9 KB
/
contribute.htm
File metadata and controls
498 lines (476 loc) · 28.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contribute to the site! - FRAMED. Screenshot Community</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/theme_20250102.css" type="text/css" />
<link rel="stylesheet" href="css/theme_colors_20220814.css" type="text/css" />
<link rel="stylesheet" href="css/styles/vs.css">
<!--fa6-->
<link rel="stylesheet" href="fontawesome/css/brands.min.css">
<link rel="stylesheet" href="fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="fontawesome/css/regular.min.css">
<link rel="stylesheet" href="fontawesome/css/solid.min.css">
<link rel="stylesheet" href="fontawesome/css/v4-font-face.min.css">
<link rel="stylesheet" href="fontawesome/css/v4-shims.min.css">
</head>
<body role="document">
<div class="grid-for-nav">
<nav data-toggle="nav-shift" class="nav-side stickynav">
<div class="side-nav-search">
<a href="index.htm"><i class="fa fa-home"></i> FRAMED. Screenshot Community</a>
<div role="search">
<form id="search-form" class="form" action="Docnet_search.htm" method="get">
<input type="text" name="q" placeholder="Search docs" />
</form>
</div>
</div>
<div class="menu menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
<ul>
<li class="tocentry"><a href="index.htm">Home</a>
</li>
<li class="tocentry"><a href="basics.htm">The Basics</a>
</li>
<li class="tocentry">
<span class="navigationgroup"><i class="fa fa-caret-right"></i> <a href="Gameguides.htm">Game guides</a></span>
</li>
<li class="tocentry">
<span class="navigationgroup"><i class="fa fa-caret-right"></i> <a href="GeneralGuides/index.htm">General guides</a></span>
</li>
<li class="tocentry">
<span class="navigationgroup"><i class="fa fa-caret-right"></i> <a href="PhotographyGuides/index.htm">Photography guides</a></span>
</li>
<li class="tocentry">
<span class="navigationgroup"><i class="fa fa-caret-right"></i> <a href="ReshadeGuides/index.htm">Reshade guides</a></span>
</li>
<li class="tocentry"><a href="cheattablearchive.htm">Cheat Table Archive</a>
</li>
<li class="tocentry"><a href="the_photomode_wishlist.htm">The Photomode Wishlist</a>
</li>
<li class="tocentry"><a href="inmemoriam.htm">In Memoriam</a>
</li>
<li class="tocentry current"><a class="current" href="contribute.htm">Contribute to the site!</a>
<ul class="currentrelative">
<li class="tocentry"><a href="#writing-guides">Writing guides</a></li>
<li class="tocentry"><a href="#making-headers">Making headers</a></li>
<li class="tocentry"><a href="#images">Images</a></li>
<li class="tocentry"><a href="#alert-boxes">Alert boxes</a></li>
<li class="tocentry"><a href="#summaries">Summaries</a></li>
<li class="tocentry"><a href="#image-comparisons">Image comparisons</a></li>
<li class="tocentry"><a href="#controller-buttons">Controller buttons</a></li>
<li class="tocentry"><a href="#game-stores">Game stores</a></li>
<li class="tocentry"><a href="#publishing-guides">Publishing guides</a></li>
</ul>
<li class="tocentry"><a href="joinus.htm">FRAMED Discord</a>
</li>
</ul>
<br/>
<ul>
<li class="tocentry">
<ul>
<li>
<span class="navigationgroup">Galleries</span>
</li>
<li class="tocentry">
<a href="/HallOfFramed/" target="_blank">Hall of FRAMED</a>
</li>
</ul>
</li>
<li class="tocentry">
<ul>
<li>
<span class="navigationgroup">Projects</span>
</li>
<li class="tocentry">
<a href="/HOFWallpaper/" target="_blank">HoF Wallpaper</a>
</li>
<li class="tocentry">
<a href="/framed-wrapped/" target="_blank">A Year of FRAMED</a>
</li>
</ul>
</li>
</ul>
<div class="toc-footer">
<span class="text-small">
<hr/>
<a href="https://github.com/FransBouma/DocNet" target="_blank">Made with <i class="fa fa-github"></i> DocNet</a>
</span>
</div>
</div>
</nav>
<section data-toggle="nav-shift" class="nav-content-wrap">
<nav class="nav-top" role="navigation" aria-label="top navigation">
<i data-toggle="nav-top" class="fa fa-bars"></i>
<a href="index.htm">FRAMED. Screenshot Community</a>
</nav>
<div class="nav-content">
<div role="navigation" aria-label="breadcrumbs navigation">
<div class="breadcrumbs">
<ul><li><a href="index.htm">Home</a></li> / <li><a href="contribute.htm">Contribute to the site!</a></li></ul>
</div>
<hr />
</div>
<div role="main">
<div class="section">
<div class="figure">
<img src="Images/contribute_header.png" alt="Contribute to the site!" title="Help us out!" class="autosize shadowed" />
<p><i>Industria</i>, <a href="https://framedsc.com/HallOfFramed/?imageId=1633772229" target="_blank">shot</a> by nyxikri</p>
</div>
<p><center> <b><font size=+3 face="Galano Grotesque Alt">We want you!</font></b> <br>
<i>We're looking for authors! Don't know what to write? Check our</i> <a href="https://github.com/framedsc/Sitesource/issues?q=is%3Aissue+is%3Aopen+label%3A%22needs+author%22" target="_blank"><b>issue tracker</b></a>. </center></p>
<p><a href="https://framedsc.com/" target="_blank">framedsc.com</a> is an open-collaboration project, written and maintained by a community of volunteers. We welcome anyone willing to contribute their own knowledge and expertise on anything relevant, be it to <a href="./Gameguides.htm">our game guides</a>, a <a href="./GeneralGuides/tinyplanetsguide.htm">cool technique you know of</a>, or anything you think could be useful to someone!</p>
<hr />
<h2 id="writing-guides">Writing guides<a class="headerlink" href="#writing-guides" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>If you're interested in writing a guide for the site, please <a href="https://mega.nz/file/fIdh0AyZ#v44xeHlL_j6hzjn5r7phXRqCBEfCOiWiiUEQEOb14-c" target="_blank">download this template</a>. It contains everything you need to get started - a Markdown template for a game guide and a .PSD + font file to generate a header. There are two versions of guide templates, one for <a href="./Gameguides.htm">PC guides</a> and one for <a href="./Consoleguides.htm">Console guides</a>.</p>
<p>We recommend writing with <a href="https://vscode.dev/" target="_blank">Visual Studio Code</a> as it has a Markdown preview similar to how the site looks. The site is built with DocNet, however, which includes Markdown extensions not found in the VS Code preview. Learn more about <a href="http://fransbouma.github.io/DocNet/WritingcontentusingMarkdown.htm" target="_blank">DocNet's additional features</a>, or continue reading to learn about some handy formatting features.</p>
<p>The site also supports HTML in Markdown if you want the formatting of your guides to be a little fancier. The centred text above was written in the .MD like so:</p>
<pre><code class="HTML"><center> <b><font size=+3 face="Galano Grotesque Alt">We want you!</font></b> <br>
<i>We're looking for authors! Don't know what to write? Check our</i> <a href="<URL>" target="_blank"><b>issue tracker</b></a>. </center>
</code></pre>
<h3 id="hosting-files">Hosting files<a class="headerlink" href="#hosting-files" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h3>
<p>We don't host any tools or utilities in the repository itself. If you would like to contribute any tool or utility, we recommend using a filehost like <a href="https://mega.nz" target="_blank">mega.nz</a>. If the tool is hosted publicly on say a modding site or forum, please link to the post instead.</p>
<p>An exception to this is cheat tables. We prefer to archive those internally, provided that you are the author or have been given permission by the author to have them archived on the site. Include them alongside your submitted files.</p>
<h3 id="updating-guides">Updating guides<a class="headerlink" href="#updating-guides" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h3>
<p>If you notice an error in a guide or you simply want to extend an existing guide, you may access the <a href="https://github.com/framedsc/Sitesource" target="_blank">site source</a>. From there, open the markdown folder and navigate to the .md file of the guide you wish to edit. You may download the .md file and edit it offline, or you can use GitHub's editing tool to make a quick edit that will request a pull to the site immediately.</p>
<p><img src="Images/contribute_edit-example.png" alt="edit guide" class="shadowed autosize" width="340" height="156" /></p>
<h4 id="marking-outdated-guides">Marking outdated guides<a class="headerlink" href="#marking-outdated-guides" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h4>
<p>There are some outdated tools and guides on the site that we haven't been able to catch! If you notice any of them, do alert the site admins or create a pull request adding the following <a href="#alert-boxes">alert box</a> underneath the summary table.</p>
<div class="alert alert-neutral"><span class="alert-title"><i class="fa fa-info-circle"></i> Info</span><p>This guide and its tools are <strong>outdated</strong>. Please help to <a href="https://framedsc.com/contribute.htm#updating-guides" target="_blank">update</a> the contents of this guide with relevant information. <em>(September 2020)</em> </p>
</div><pre class="nocode">[...]
Game version | 1.19.0
@alert neutral
This guide and its tools are **outdated**. Please help to [update](https://framedsc.com/contribute.htm#updating-guides) the contents of this guide with relevant information. *([estimate the last month the information was relevant])*
@end
</pre><p>Similarly, there are some guides for UE4 games that were written before the UUU was released, referencing cheat tables that are no longer necessary. <em>Alternatively, they may be unique UE4 games that require additional game-specific info.</em> These guides can be marked using this alert box.</p>
<div class="alert alert-neutral"><span class="alert-title"><i class="fa fa-info-circle"></i> Info</span><p>This guide is for an Unreal Engine 4 game that can use the <a href="https://framedsc.com/GeneralGuides/universal_ue4_consoleunlocker.htm" target="_blank">Universal Unreal Unlocker</a>. </p>
</div><pre class="nocode">@alert neutral
This guide is for an Unreal Engine 4 game that can use the [Universal Unreal Unlocker](https://framedsc.com/GeneralGuides/universal_ue4_consoleunlocker.htm).
@end
</pre><h3 id="etiquette">Etiquette<a class="headerlink" href="#etiquette" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h3>
<p>We're generally not too concerned with how you write and format a guide, so long as the information is coherent and presentable. A site admin will help to clean up any incorrect syntax before publishing.</p>
<p>When it comes to updating game guides, headers will not be updated.</p>
<p>Unless all download pages are dead and the author is uncontactable, we will not rehost files without the author's permission.</p>
<h4 id="crediting-yourself">Crediting yourself<a class="headerlink" href="#crediting-yourself" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h4>
<p>You may credit yourself at the end of your non-game guides if you feel like it. Game guides don't have credits, but more often than not the headers used are from the guide authors themselves.</p>
<hr />
<h2 id="making-headers">Making headers<a class="headerlink" href="#making-headers" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>When making a header for your guide, you may use any shot from the game, including your own. We recommend picking one that allows for good readability of text.</p>
<p>Here are two examples of great headers. The text lies wholly in the dark left side of the shot, contrasting and reading well.<br />
<img src="Images\alienisolation_header.png" alt="good header eg1" class="shadowed autosize" width="896" height="180" />
<img src="Images\nioh2_header.png" alt="good header eg2" class="shadowed autosize" width="896" height="180" /></p>
<p>After you've picked your shot, place it above the Base layer and ensure it's clipped to it. If it isn't, alt-click on the divider between the two layers. You should see a small down-arrow appear. Arrange the shot as you see fit.</p>
<p>Once the shot has been arranged, duplicate it by alt-clicking and dragging the layer below the Base layer. You can also <code>Ctrl + J</code> to duplicate and move it below. Go up to <code>Filter > Blur > Gaussian Blur...</code> and add a 26.3 radius blur to this duplicated layer to create the blurred border.</p>
<p>Your Photoshop layers should look like so:<br />
<img src="Images\contribute_pslayers.png" alt="photoshop layers" class="shadowed autosize" width="285" height="211" /></p>
<p>Export it as a .PNG and rename appropriately.</p>
<p>The header template includes a network of guides that can be enabled and disabled with <code>Ctrl + ;</code>. These can be used to help you compose a header or as safety margins. In the rare case that a game title is so long it doesn't fit in the header, decrease the font size until it fits in the rightmost margin.</p>
<div class="figure">
<img src="Images\contribute_nnk2header.png" alt="long game title" title="Font size had to be reduced to 31" class="shadowed autosize" width="896" height="180" />
<p>Font size had to be reduced to 31</p>
</div>
<hr />
<h2 id="images">Images<a class="headerlink" href="#images" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>If your guide has images, use this line to embed them:</p>
<pre><code class="Markdown">{.shadowed .autosize}
</code></pre>
<p>For the subtitle to show, there has to be an empty line above this line.</p>
<p>Images will be sorted into the Images folder by the site admins. You may place them in a subfolder if you'd like to organise them. </p>
<p>There are a few CSS classes you can use in the Markdown line above to further format your images.</p>
<table class="table table-bordered-all table-responsive">
<thead>
<tr>
<th>Class</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>.shadowed</code></td>
<td>Adds a drop shadow to the image. <strong>Please include this class.</strong></td>
</tr>
<tr>
<td><code>.autosize</code></td>
<td>Resizes the image if it's too large. <strong>Please include this class.</strong></td>
</tr>
<tr>
<td><code>.center</code></td>
<td>Centers an image.</td>
</tr>
<tr>
<td><code>.smaller</code></td>
<td>Reduces the width of an image. Useful if including long vertical images.</td>
</tr>
</tbody>
</table>
<p>These are added at the end of the Markdown line, in between <code>{}</code>.</p>
<p>You can also use HTML to embed them instead, if you want a bit more formatting.</p>
<pre><code class="HTML"><div class="figure">
<img src="Images/image.png" alt="title" title="Tooltip that appears when you hover" class="autosize shadowed" />
<p>subtitle</p>
</div>
</code></pre>
<h4 id="accepted-images">Accepted images<a class="headerlink" href="#accepted-images" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h4>
<p>Images on the site should be in a .PNG / high-quality .JPG format, under 1MB. While there are no current size limits, images on the site are resized to 896px width (with the .autosize tag, which should be added to all images). They don't have to be resized to that width, but we would prefer it if you kept image sizes reasonable.</p>
<p>For excessively large images (say you want to include a full-res screenshot for some reason), they may be hosted externally. Use a trusted, reliable imagehost like <a href="https://imgur.com/upload" target="_blank">Imgur</a>.</p>
<hr />
<h2 id="alert-boxes">Alert boxes<a class="headerlink" href="#alert-boxes" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<div class="alert alert-neutral"><span class="alert-title"><i class="fa fa-info-circle"></i> Info</span><p>You may have noticed that the site has a bunch of these alert boxes!</p>
</div><div class="alert alert-tip"><span class="alert-title"><i class="fa fa-info-circle"></i> Tip</span><p>They're handy for highlighting certain pieces of information!</p>
</div><div class="alert alert-info"><span class="alert-title"><i class="fa fa-info-circle"></i> Info</span><p>Whether you want to break off a part of your guide to talk about it more in detail...</p>
</div><div class="alert alert-warning"><span class="alert-title"><i class="fa fa-warning"></i> Warning!</span><p>...or if you want to warn users about something that could happen...</p>
</div><div class="alert alert-warning"><span class="alert-title"><i class="fa fa-warning"></i> Important!</span><p>Alert boxes are a useful addition to your guide!</p>
</div><div class="alert alert-danger"><span class="alert-title"><i class="fa fa-times-circle"></i> Danger!</span><p>FAILURE TO READ THE README WILL RESULT IN PROSECUTION.</p>
</div><p>Alert boxes can be added by wrapping text around <code>@alert [box type]</code> and <code>@end</code>, like so:</p>
<pre class="nocode">@alert neutral
You may have noticed that the site has a bunch of these alert boxes!
@end
</pre><p>The box types mostly correspond to their title above, <code>@alert tip</code> produces a green alert box, <code>@alert info</code> produces a blue alert box, so on and so forth. The exception is <code>@alert neutral</code>, which produces the black alert boxes.</p>
<hr />
<h2 id="summaries">Summaries<a class="headerlink" href="#summaries" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>Some parts of your guides can be hidden away by a dropdown if necessary.</p>
<p><details>
<summary>Click me!</summary>
Hello! I'm some text that's been hidden away because I don't want to be visible all the time!
</details></p>
<p>These can be used to hide tables, images, or anything else that you feel might break the flow of the guide.</p>
<pre><code class="HTML"><details>
<summary>Click me!</summary>
Hello! I'm some text that's been hidden away because I don't want to be visible all the time!
</details>
</code></pre>
<p>These summaries also support an <code>important</code> class, if you need the dropdown to stand out. Use <code><summary class=important></code> to add one.
<details>
<summary class=important>Now you really have to click me!</summary>
Hello! I'm even more text that's been hidden away, but my author really wanted you to read me. Maybe I'm supposed to be hiding a super long table that would interrupt the guide, but it's still an important table for you to be referencing at some point. </p>
<p>While we're here, it's a good time to should mention that these summary dropdowns <b>don't support punctuation formatting.</b> You need to use HTML to bold, italicise, and further format your text in these.
</details></p>
<hr />
<h2 id="image-comparisons">Image comparisons<a class="headerlink" href="#image-comparisons" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>The site supports sliders to compare two images, if you'd like to show off a before/after or anything similar.</p>
<div class="slider container" style="aspect-ratio: 64/27">
<div class="slider__img slider__img-after">
<p>after ReShade</p>
<img src="Images/basics_doom2.jpg" />
</div>
<div class="slider__img slider__img-before">
<p>before ReShade</p>
<img src="Images/basics_doom1.jpg" />
</div>
<input type="range" min="0" max="100" value="50" step="0.01"
id="slider" class="slider__input"
autocomplete="off" onwheel="this.blur()"
/>
</div>
<div class="figure"><p>Subtitle. Shots by ItsYFP</p></div>
<p>This is done wholly through HTML in your Markdown file:</p>
<pre><code class="HTML"><div class="slider container" style="aspect-ratio: 64/27">
<div class="slider__img slider__img-after">
<p>This is the after text.</p>
<img src="Images/after.jpg" />
</div>
<div class="slider__img slider__img-before">
<p>This is the before text.</p>
<img src="Images/before.jpg" />
</div>
<input type="range" min="0" max="100" value="50" step="0.01"
id="slider" class="slider__input"
autocomplete="off" onwheel="this.blur()"
/>
</div>
<div class="figure"><p>This is the subtitle text.</p></div>
</code></pre>
<p>The 'before' image does come after the 'after' image. <strong>Ensure both images are of the same aspect ratio and change <code>aspect-ratio</code> in the first line to match.</strong></p>
<hr />
<h2 id="controller-buttons">Controller buttons<a class="headerlink" href="#controller-buttons" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>The site supports display of Xbox buttons through a font. You can use these to embellish a controls table like so:</p>
<table class="table table-bordered-all table-responsive">
<thead>
<tr>
<th>Gamepad</th>
<th>Command</th>
</tr>
</thead>
<tbody>
<tr>
<td><font face="Controller">{ / }</font></td>
<td>Move camera up / down</td>
</tr>
<tr>
<td><font face="Controller">[ / ]</font></td>
<td>Tilt camera left / right</td>
</tr>
<tr>
<td><font face="Controller">W / X</font></td>
<td>Zoom in / out</td>
</tr>
</tbody>
</table>
<p>The syntax for this is a little messy as it involves wrapping the specific glyphs in HTML:</p>
<pre><code class="Markdown"><font face="Controller">{ / }</font> | Move camera up / down
<font face="Controller">[ / ]</font> | Tilt camera left / right
<font face="Controller">W / X</font> | Zoom in / out
</code></pre>
<p>The site also supports PlayStation buttons, if you'd like to use <font face="ControllerPS">[ ] { }</font> instead of <font face="Controller">[ ] { }</font>. To switch to them, use <code>"ControllerPS"</code> instead of <code>"Controller"</code>.</p>
<p>This feature is unique to the site and not supported by Markdown previews. You may generate previews of the site following our <a href="https://github.com/framedsc/Sitesource" target="_blank">readme</a> if you'd like to see how they look.</p>
<table class="table table-bordered-all table-responsive">
<thead>
<tr>
<th>Input</th>
<th>Output</th>
<th>Input</th>
<th>Output</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>7 8 9</code> <br> <code>4 5 6</code> <br> <code>1 2 3</code></td>
<td><font face="Controller">7 8 9 <br> 4 5 6 <br> 1 2 3</font></td>
<td><code>7 8 9</code> <br> <code>4 5 6</code> <br> <code>1 2 3</code></td>
<td><font face="ControllerPS">7 8 9 <br> 4 5 6 <br> 1 2 3</font></td>
</tr>
<tr>
<td><code>< ></code></td>
<td><font face="Controller">< ></font></td>
<td><code>< ></code></td>
<td><font face="ControllerPS">< ></font></td>
</tr>
<tr>
<td><code>Q W E</code> <br> <code>A S D</code> <br> <code>Z X C</code></td>
<td><font face="Controller">Q W E <br> A S D <br> Z X C</font></td>
<td><code>Q W E</code> <br> <code>A S D</code> <br> <code>Z X C</code></td>
<td><font face="ControllerPS">Q W E <br> A S D <br> Z X C</font></td>
</tr>
<tr>
<td><code>x y</code> <br> <code>a b</code></td>
<td><font face="Controller">x y <br> a b </font></td>
<td><code>s t</code> <br> <code>x c</code></td>
<td><font face="ControllerPS">s t <br> x c </font></td>
</tr>
<tr>
<td><code>[ ]</code> <br> <code>{ }</code></td>
<td><font face="Controller">[ ] <br> { }</font></td>
<td><code>[ ]</code> <br> <code>{ }</code></td>
<td><font face="ControllerPS">[ ] <br> { }</font></td>
</tr>
<tr>
<td><code>v g m</code></td>
<td><font face="Controller">v g m</font></td>
<td><code>o h r</code></td>
<td><font face="ControllerPS">o h r</font></td>
</tr>
</tbody>
</table>
<p><em>Inputs are <strong>case-sensitive</strong>!</em><br />
<em>Controller Font by <a href="http://www.thealmightyguru.com/Wiki/index.php?title=Controller_Font" target="_blank">Dean Tersigni</a></em></p>
<hr />
<h2 id="game-stores">Game stores<a class="headerlink" href="#game-stores" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>The site also supports game store icons to specify in which store the game has to be in order for the tools to work (or in which ones it was tested) alongside the game version. You can use these like the following:</p>
<table class="table table-bordered-all table-responsive">
<thead>
<tr>
<th>Feature</th>
<th>Supported</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>Game version</td>
<td><font face="Stores">S E M</font> 1.42</td>
</tr>
</tbody>
</table>
<p>With the syntaxis for this being:</p>
<pre><code class="Markdown">Game version | <font face="Stores">S E M</font> 1.42
</code></pre>
<p>Once again, this feature is unique to the site and not supported by Markdown previews. You may generate previews of the site following our <a href="https://github.com/framedsc/Sitesource" target="_blank">readme</a> if you'd like to see how they look.</p>
<table class="table table-bordered-all table-responsive">
<thead>
<tr>
<th>Store</th>
<th>Input</th>
<th>Output</th>
</tr>
</thead>
<tbody>
<tr>
<td>Battle.net</td>
<td><code><font face="Stores"> B </font></code></td>
<td><font face="Stores"> B </font></td>
</tr>
<tr>
<td>EA Desktop</td>
<td><code><font face="Stores"> D </font></code></td>
<td><font face="Stores"> D </font></td>
</tr>
<tr>
<td>Epic Games Store</td>
<td><code><font face="Stores"> E </font></code></td>
<td><font face="Stores"> E </font></td>
</tr>
<tr>
<td>GOG Galaxy</td>
<td><code><font face="Stores"> G </font></code></td>
<td><font face="Stores"> G </font></td>
</tr>
<tr>
<td>Microsoft Store</td>
<td><code><font face="Stores"> M </font></code></td>
<td><font face="Stores"> M </font></td>
</tr>
<tr>
<td>Rockstar Launcher</td>
<td><code><font face="Stores"> R </font></code></td>
<td><font face="Stores"> R </font></td>
</tr>
<tr>
<td>Steam</td>
<td><code><font face="Stores"> S </font></code></td>
<td><font face="Stores"> S </font></td>
</tr>
<tr>
<td>Ubisoft Connect</td>
<td><code><font face="Stores"> U </font></code></td>
<td><font face="Stores"> U </font></td>
</tr>
</tbody>
</table>
<p><em>As with the controller fonts, inputs are <strong>case-sensitive</strong>!</em><br />
<em>The store icons belong to their respective owners.</em> </p>
<hr />
<h2 id="publishing-guides">Publishing guides<a class="headerlink" href="#publishing-guides" title="Permalink to this headline"><i class="fa fa-link" aria-hidden="true"></i></a></h2>
<p>Once you're done writing a guide, you may contact one of the site admins (listed on the <a href="./index.htm">homepage</a>) to get it added. Please zip up your guide and all relevant assets into one compressed folder. Alternatively, you may submit a <a href="https://github.com/framedsc/Sitesource/pulls" target="_blank">pull request</a> to the GitHub repository. </p>
<p>Once sent over, a site admin will look through your submission to ensure everything'll look good on the site before we put it up.</p>
<p>Thanks for contributing to FRAMED!</p>
</div>
</div>
<footer>
<hr />
<div role="contentinfo">
© 2019-2026 FRAMED. All rights reserved.
</div>
</footer>
</div>
</section>
</div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/modernizr-2.8.3.min.js"></script>
<script src="js/highlight.pack.js"></script>
<script src="js/theme.js"></script>
<script src="js/comparisons.js"></script>
</body>
</html>