-
Notifications
You must be signed in to change notification settings - Fork 37
/
index.html
213 lines (205 loc) · 10.7 KB
/
index.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
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
---
layout: default
---
<div class="jumbotron jumbotron-main">
<div class="container">
<h1>{{ site.name }}</h1>
<p>Screen capture, file sharing and productivity tool</p>
<div>
<button class="btn sharex-download" type="button" data-toggle="collapse" data-target="#download-panel">
Download<i class="fa-solid fa-download"></i>
</button>
<a class="btn" role="button" href="{{ site.github }}">
Source<i class="fa-solid fa-code"></i>
</a>
<a class="btn" role="button" href="/donate">
Donate<i class="fa-solid fa-heart"></i>
</a>
</div>
<div class="collapse" id="download-panel">
<div class="d-inline-block">
<a class="btn sharex-setup" role="button" data-toggle="tooltip" data-placement="bottom" title="" href="{{ site.github }}/releases/latest">
Setup<i class="fa-solid fa-file-arrow-down"></i>
</a>
<a class="btn sharex-portable" role="button" data-toggle="tooltip" data-placement="bottom" title="" href="{{ site.github }}/releases/latest">
Portable<i class="fa-solid fa-file-zipper"></i>
</a>
<a class="btn sharex-dev-build" role="button" data-toggle="tooltip" data-placement="bottom" title="" href="https://github.com/ShareX/DevBuilds/releases/latest">
Dev build<i class="fa-solid fa-file-code"></i><i class="fa-solid fa-star"></i>
</a>
<a class="btn sharex-microsoft-store" role="button" data-toggle="tooltip" data-placement="bottom" title="" href="https://www.microsoft.com/store/apps/9nblggh4z1sp">
Microsoft Store<i class="fa-brands fa-microsoft"></i>
</a>
<a class="btn sharex-steam" role="button" data-toggle="tooltip" data-placement="bottom" title="" href="https://store.steampowered.com/app/400040/ShareX/">
Steam<i class="fa-brands fa-steam"></i>
</a>
</div>
</div>
</div>
</div>
<div>
<div class="container-fluid container-screenshot">
<img class="img-fluid" src="/img/ShareX_Screenshot.png" alt="ShareX screenshot" />
<div>
<a class="btn" role="button" href="/screenshots">
See more screenshots<i class="fa-solid fa-image"></i>
</a>
</div>
</div>
<div id="why-sharex" class="container-fluid container-features">
<div class="container">
<h3><a href="#why-sharex"><i class="fas fa-heart"></i>Why ShareX?</a></h3>
<div class="row">
<div class="col-sm-3">Completely free</div>
<div class="col-sm-3"><a href="{{ site.github }}">Open source</a></div>
<div class="col-sm-3">No advertisements</div>
<div class="col-sm-3">Lightweight</div>
<div class="col-sm-3">Over {{ site.time | date: '%Y' | minus: 2008 }} years of active development</div>
<div class="col-sm-3">Trusted by big companies</div>
<div class="col-sm-3">Designed for power users</div>
<div class="col-sm-3">Quick screen capture sharing</div>
<div class="col-sm-3">Easy GIF recording</div>
<div class="col-sm-3">Supports over 80 destinations</div>
<div class="col-sm-3"><a href="/docs/custom-uploader">Advanced custom uploader support</a></div>
<div class="col-sm-3">Customizable workflow system</div>
</div>
</div>
</div>
<div id="capture" class="container-fluid container-features">
<div class="container">
<h3><a href="#capture"><i class="fas fa-camera"></i>Capture</a></h3>
<h4>Capture methods</h4>
<div class="row">
<div class="col-sm-3">Fullscreen</div>
<div class="col-sm-3">Active window</div>
<div class="col-sm-3">Active monitor</div>
<div class="col-sm-3">Window menu</div>
<div class="col-sm-3">Monitor menu</div>
<div class="col-sm-3">Region</div>
<div class="col-sm-3">Region (Light)</div>
<div class="col-sm-3">Region (Transparent)</div>
<div class="col-sm-3">Last region</div>
<div class="col-sm-3">Custom region</div>
<div class="col-sm-3">Screen recording</div>
<div class="col-sm-3">Screen recording (GIF)</div>
<div class="col-sm-3"><a href="/docs/scrolling-screenshot">Scrolling capture</a></div>
<div class="col-sm-3">Auto capture</div>
</div>
<h4>After capture tasks</h4>
<div class="row">
<div class="col-sm-3">Show quick task menu</div>
<div class="col-sm-3">Show "After capture" window</div>
<div class="col-sm-3">Beautify image</div>
<div class="col-sm-3"><a href="/image-effects">Add image effects</a></div>
<div class="col-sm-3">Open in image editor</div>
<div class="col-sm-3">Copy image to clipboard</div>
<div class="col-sm-3">Pin to screen</div>
<div class="col-sm-3">Print image</div>
<div class="col-sm-3">Save image to file</div>
<div class="col-sm-3">Save image to file as...</div>
<div class="col-sm-3">Save thumbnail image to file</div>
<div class="col-sm-3"><a href="/actions">Perform actions</a></div>
<div class="col-sm-3">Copy file to clipboard</div>
<div class="col-sm-3">Copy file path to clipboard</div>
<div class="col-sm-3">Show file in explorer</div>
<div class="col-sm-3">Scan QR code</div>
<div class="col-sm-3"><a href="/docs/ocr">Recognize text (OCR)</a></div>
<div class="col-sm-3">Show "Before upload" window</div>
<div class="col-sm-3">Upload image to host</div>
<div class="col-sm-3">Delete file locally</div>
</div>
</div>
</div>
<div id="region-capture" class="container-fluid container-features">
<div class="container">
<h3><a href="#region-capture"><i class="fas fa-edit"></i>Region capture</a></h3>
<h4>Region types</h4>
<div class="row">
<div class="col-sm-3">Rectangle</div>
<div class="col-sm-3">Ellipse</div>
<div class="col-sm-3">Freehand</div>
</div>
<h4>Annotation tools</h4>
<div class="row">
<div class="col-sm-3">Rectangle</div>
<div class="col-sm-3">Ellipse</div>
<div class="col-sm-3">Freehand</div>
<div class="col-sm-3">Freehand arrow</div>
<div class="col-sm-3">Line</div>
<div class="col-sm-3">Arrow</div>
<div class="col-sm-3">Text (Outline)</div>
<div class="col-sm-3">Text (Background)</div>
<div class="col-sm-3">Speech balloon</div>
<div class="col-sm-3">Step</div>
<div class="col-sm-3">Magnify</div>
<div class="col-sm-3">Image (File)</div>
<div class="col-sm-3">Image (Screen)</div>
<div class="col-sm-3">Sticker</div>
<div class="col-sm-3">Cursor</div>
<div class="col-sm-3">Smart eraser</div>
<div class="col-sm-3">Blur</div>
<div class="col-sm-3">Pixelate</div>
<div class="col-sm-3">Highlight</div>
<div class="col-sm-3">Crop image</div>
<div class="col-sm-3">Cut out</div>
</div>
</div>
</div>
<div id="upload" class="container-fluid container-features">
<div class="container">
<h3><a href="#upload"><i class="fas fa-cloud-upload-alt"></i>Upload</a></h3>
<h4>Upload methods</h4>
<div class="row">
<div class="col-sm-3">Upload file</div>
<div class="col-sm-3">Upload folder</div>
<div class="col-sm-3">Upload from clipboard</div>
<div class="col-sm-3">Upload text</div>
<div class="col-sm-3">Upload from URL</div>
<div class="col-sm-3">Drag and drop upload</div>
<div class="col-sm-3">Shorten URL</div>
<div class="col-sm-3">Tweet message</div>
<div class="col-sm-3">Watch folder</div>
</div>
<h4>After upload tasks</h4>
<div class="row">
<div class="col-sm-3">Show "After upload" window</div>
<div class="col-sm-3">Shorten URL</div>
<div class="col-sm-3">Share URL</div>
<div class="col-sm-3">Copy URL to clipboard</div>
<div class="col-sm-3">Open URL</div>
<div class="col-sm-3">Show QR code window</div>
</div>
</div>
</div>
<div id="tools" class="container-fluid container-features">
<div class="container">
<h3><a href="#tools"><i class="fas fa-wrench"></i>Productivity tools</a></h3>
<div class="row">
<div class="col-sm-3">Color picker</div>
<div class="col-sm-3">Screen color picker</div>
<div class="col-sm-3">Ruler</div>
<div class="col-sm-3">Pin to screen</div>
<div class="col-sm-3">Image editor</div>
<div class="col-sm-3">Image beautifier</div>
<div class="col-sm-3">Image effects</div>
<div class="col-sm-3">Image viewer</div>
<div class="col-sm-3">Image combiner</div>
<div class="col-sm-3">Image splitter</div>
<div class="col-sm-3">Image thumbnailer</div>
<div class="col-sm-3">Video converter</div>
<div class="col-sm-3">Video thumbnailer</div>
<div class="col-sm-3"><a href="/docs/ocr">OCR</a></div>
<div class="col-sm-3">QR code</div>
<div class="col-sm-3">Hash checker</div>
<div class="col-sm-3">Directory indexer</div>
<div class="col-sm-3">Clipboard viewer</div>
<div class="col-sm-3">Borderless window</div>
<div class="col-sm-3">Inspect window</div>
<div class="col-sm-3">Monitor test</div>
<div class="col-sm-3">DNS changer</div>
</div>
</div>
</div>
</div>
{% include common-js.html %}
<script src="/js/sharex.main.js"></script>