-
Notifications
You must be signed in to change notification settings - Fork 1
/
guide.html
executable file
·105 lines (96 loc) · 6.42 KB
/
guide.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FireSSB | Launcher Guide</title>
<link rel="stylesheet" href="./css/guide.css">
<link rel="icon" href="./assets/app/32.png" type="image/png" />
</head>
<body>
<h1>Content Table</h1>
<ul>
<li><a href="#understanding-ui">Understanding Extension UI</a></li>
<li><a href="#create-new-profile">Create new profile</a></li>
<li>
<a href="#windows-shortcut-launcher">Create a SSB Launcher using Windows shortcut</a>
<ul>
<li><a href="#windows-shortcut-launcher-icon">Change icon of Windows shortcut</a></li>
</ul>
</li>
<li><a href="#linux-shortcut-launcher">Create a SSB Launcher using Linux shortcut</a></li>
<li><a href="#still-questions">Do You Have Still Questions?</a></li>
</ul>
<h1 id="understanding-ui">Understanding App UI</h1>
<img class="guide" src="./assets/guide/extension.png"/>
<p>First <span class="code">URL</span> section is identifying the URL of website that will be opened in SSB Mode</p>
<p><span class="code">Name</span> is identifying the name of website</p>
<p><span class="code">Incognito</span> is identifying will the website run in Incognito mode.</p>
<ul type="decimal">
<li>First action <span class="button"><img src="./assets/icons/tab_move_FILL0_wght400_GRAD0_opsz24.svg" /></span> will fill the <span class="code">URL</span> and <span class="code">name</span> sections from active tab when pressed</li>
<li>Second action <span class="button"><img src="./assets/icons/content_copy_FILL0_wght400_GRAD0_opsz24.svg" /></span> will copy the URL that opens the website in SSB Mode when pressed</li>
<li>Third action <span class="button"><img src="./assets/icons/bookmark_FILL0_wght400_GRAD0_opsz24.svg" /></span> will save the URL that opens the website in SSB Mode as a bookmark when pressed</li>
<li>Fourth action <span class="button"><img src="./assets/icons/open_in_new_FILL0_wght400_GRAD0_opsz24.svg" /></span> will open the active tab in SSB Mode when pressed</li>
<li>Fifth action <span class="button"><img src="./assets/icons/browser_updated_FILL0_wght400_GRAD0_opsz24.svg" /></span> will download a desktop entry that opens the website (Linux only)</li>
<li>Sixth action <span class="button"><img src="./assets/icons/developer_guide_FILL0_wght400_GRAD0_opsz24.svg" /></span> will open the guide when pressed</li>
</ul>
<h1 id="create-new-profile">Create new profile</h1>
<p>Open <span class="code">about:profiles</span> and click "Create a New Profile"</p>
<img class="guide" src="assets/guide/profile1.png"/>
<p>Click to "Next" and write a profile name (<span class="code">firessb</span> could be good example)</p>
<img class="guide" src="assets/guide/profile2.png"/>
<p>Click to "Finish" and install the "FireSSB" extension to this new profile</p>
<img class="guide" src="assets/guide/profile3.png"/>
<p class="warning">Create SSB links with using same browser profile. SSB links that created from another profile, may not work.</p>
<h1 id="windows-shortcut-launcher">Create a SSB Launcher using Windows shortcut</h1>
<p>Create a blank shortcut</p>
<img class="guide" src="assets/guide/shortcut_win1.png"/>
<p>Click to browse</p>
<img class="guide" src="assets/guide/shortcut_win2.png"/>
<p>And choose your browser from "Browse" window</p>
<img class="guide" src="assets/guide/shortcut_win3.png"/>
<p>Click to "OK" and click to end of inputbar that labelled by "Write item location" and write a space (one time) and quote (two times). And paste the SSB url between quotes. Later click "OK"</p>
<img class="guide" src="assets/guide/shortcut_win4.png"/>
<p>Give a name for your app. And click to "End" button.</p>
<img class="guide" src="assets/guide/shortcut_win5.png"/>
<p>Ready your shortcut!</p>
<img class="guide" src="assets/guide/shortcut_win6.png"/>
<p>You can run your application with opening launcher</p>
<img class="guide" src="assets/guide/win.png"/>
<h2 id="windows-shortcut-launcher-icon">Change icon of Windows shortcut</h2>
<p>Note: This guide will assume you have a icon file of the website.</p>
<p>Right click to the shortcut and click to "Properties".</p>
<img class="guide" src="assets/guide/shortcut_win_icon1.png"/>
<p>Click to "Change Icon".</p>
<img class="guide" src="assets/guide/shortcut_win_icon2.png"/>
<p>Click to "Browse" and choose icon</p>
<img class="guide" src="assets/guide/shortcut_win_icon3.png"/>
<p>Click to "OK"</p>
<img class="guide" src="assets/guide/shortcut_win_icon4.png"/>
<p>Click to "Apply"</p>
<img class="guide" src="assets/guide/shortcut_win_icon5.png"/>
<p>And the icon is changed!</p>
<img class="guide" src="assets/guide/shortcut_win_icon6.png"/>
<h1 id="linux-shortcut-launcher">Create a SSB Launcher using Linux shortcut</h1>
<p>On most linux distributions, a <span class="code">.desktop</span> file can be used to create a launchable application. These are often stored in <span class="code">$HOME/.local/share/applications</span> or equivalent path on your system. So create a new <span class="code">{NAME}.desktop</span> file at the path and populate it with:</p>
<pre>[Desktop Entry]
Encoding=UTF-8
Version=1.0
Type=Application
Terminal=false
Exec={browser} -new-window {profile} "{ssb-url}"
Name={name}
Icon={icon}</pre>
<p>Replace the <span class="code">{}</span> areas with their descriptions</p>
<ul>
<li><span class="code">{browser}</span>: Replace with browser command like <span class="code">firefox</span> or <span class="code">librewolf</span></li>
<li><span class="code">{ssb-url}</span>: Replace with url of SSB url of webpage</li>
<li><span class="code">{name}</span>: Replace with your app name</li>
<li><span class="code">{profile}</span>: Replace with <span class="code">-P "<The profile name>"</span> or keep it blank to use default profile</li>
<li><span class="code">{icon}</span>: Replace with your app icon (also you can use <span class="code">applications-internet</span>)</li>
<img class="guide" src="assets/guide/linux.png"/>
</ul>
<h1 id="still-questions">Do You Have Still Questions?</h1>
<a href="https://github.com/malisipi/FireSSB/issues">Report the issues on GitHub</a>
</body>
</html>