279 lines
11 KiB
Smarty
279 lines
11 KiB
Smarty
<div id="help-view">
|
|
|
|
<ul class="tabs">
|
|
<li>
|
|
<a class="big-button" href="#/help/about">About</a>
|
|
</li>
|
|
<li>
|
|
<a class="big-button" href="#/help/keyboard">Keyboard</a>
|
|
</li>
|
|
<li>
|
|
<a class="big-button" href="#/help/search-syntax">Search syntax</a>
|
|
</li>
|
|
<li>
|
|
<a class="big-button" href="#/help/comments">Comments</a>
|
|
</li>
|
|
<li>
|
|
<a class="big-button" href="#/help/tos">Terms of service</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div data-tab="about">
|
|
<h1>About</h1>
|
|
|
|
<p>Szurubooru is an image board engine inspired by services such as
|
|
Danbooru, Gelbooru and Moebooru. Its name <a
|
|
href="http://sjp.pwn.pl/sjp/;2527372">has its roots in Polish language and
|
|
has onomatopeic meaning of scraping or scrubbing</a>. It is pronounced as
|
|
<em>shoorubooru</em>.</p>
|
|
|
|
<h1>Registration</h1>
|
|
|
|
<p>By default, szurubooru is shipped as an invite-only app. In other words,
|
|
in order to use the service, you need to register and have someone inside
|
|
accept your registration. The e-mail you enter during account creation is
|
|
only used to retrieve your Gravatar and activate your account. Only you can
|
|
see it (well, except the database staff… we won’t spam your
|
|
mailbox anyway).</p>
|
|
|
|
<p>Oh, and you can delete your account at any time. Posts you uploaded will
|
|
stay, unless some angry admin removes them.</p>
|
|
</div>
|
|
|
|
<div data-tab="keyboard">
|
|
<h1>Keyboard shortcuts</h1>
|
|
|
|
<p>You can use your keyboard to navigate around the site. There are a few
|
|
shortcuts:</p>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Hotkey</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><code>[Q]</code></td>
|
|
<td>Focus search field, if available</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><code>[A]</code> and <code>[D]</code></td>
|
|
<td>Go to newer/older page or post</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><code>[F]</code></td>
|
|
<td>Cycle post fit mode</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><code>[E]</code></td>
|
|
<td>Edit post</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td><code>[P]</code></td>
|
|
<td>Focus first post in post list</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>Additionally, each item in top navigation can be accessed using feature
|
|
called “access keys”. Pressing underlined letter while holding
|
|
Shfit or Alt+Shift (depending on your browser) will go to the desired page
|
|
(most browsers) or focus the link (IE).</p>
|
|
</div>
|
|
|
|
<div data-tab="search-syntax">
|
|
<h1>Search syntax</h1>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Command</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<%
|
|
var table = [
|
|
{search: 'Haruhi', description: 'containing tag “Haruhi”'},
|
|
{search: '-Kyon', description: 'not containing tag “Kyon”'},
|
|
{search: 'uploader:David', description: 'uploaded by user David'},
|
|
{search: 'comment:David', description: 'commented by David'},
|
|
{search: 'fav:David', description: 'favorited by David'},
|
|
{search: 'fav_count:4', description: 'favorited by exactly four users'},
|
|
{search: 'fav_count:4,5', description: 'favorited by four or five users'},
|
|
{search: 'fav_count:4..', description: 'favorited by at least four users'},
|
|
{search: 'fav_count:..4', description: 'favorited by at most four users'},
|
|
{search: 'fav_count:4..6', description: 'favorited by at least four, but no more than six users'},
|
|
{search: 'comment_count:3', description: 'having exactly three comments'},
|
|
{search: 'score:4', description: 'having score of 4'},
|
|
{search: 'tag_count:7', description: 'tagged with exactly seven tags'},
|
|
{search: 'date:today', description: 'posted today'},
|
|
{search: 'date:yesterday', description: 'posted yesterday'},
|
|
{search: 'date:2000', description: 'posted in year 2000'},
|
|
{search: 'date:2000-01', description: 'posted in January, 2000'},
|
|
{search: 'date:2000-01-01', description: 'posted on January 1st, 2000'},
|
|
{search: 'id:1', description: 'having specific post ID'},
|
|
{search: 'name:<em>hash</em>', description: 'having specific post name (hash in full URLs)'},
|
|
{search: 'type:image', description: 'only image posts'},
|
|
{search: 'type:flash', description: 'only Flash posts'},
|
|
{search: 'type:youtube', description: 'only Youtube posts'},
|
|
{search: 'type:video', description: 'only video posts'},
|
|
{search: 'special:liked', description: 'posts liked by currently logged in user'},
|
|
{search: 'special:disliked', description: 'posts disliked by currently logged in user'},
|
|
{search: 'special:fav', description: 'posts added to favorites by currently logged in user'},
|
|
];
|
|
_.each(table, function(row) { %>
|
|
<tr>
|
|
<td><a href="#/posts/query=<%= row.search %>"><code><%= row.search %></code></a></td>
|
|
<td><%= row.description %></td>
|
|
</tr>
|
|
<% }) %>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>Most of the commands support ranged and composites values, e.g.
|
|
<code>id:<em>number</em></code> operator supports respectively <a
|
|
href="#/posts/query=id:5..7"><code>id:5..7</code></a> and <a
|
|
href="#/posts/query=id:5,10,15"><code>id:5,10,15</code></a>. You can
|
|
combine tags and negate any of them for interesting results. <a
|
|
href="#/posts/query=sea -fav_count:..8 type:flash
|
|
uploader:Pirate"><code>sea -fav_count:8.. type:swf
|
|
uploader:Pirate</code></a> will show you flash files tagged as sea, that
|
|
were liked by seven people at most, uploaded by user Pirate.</p>
|
|
|
|
<p>All of the above can be sorted using additional tag in form of
|
|
<code>order:<em>keyword</em></code>:</p>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Command</th>
|
|
<th>Description</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<%
|
|
var table = [
|
|
{search: 'order:random', description: 'as random as it can get'},
|
|
{search: 'order:id', description: 'highest to lowest post ID (default browse view)'},
|
|
{search: 'order:date', description: 'newest to oldest (pretty much same as above)'},
|
|
{search: '-order:date', description: 'oldest to newest'},
|
|
{search: 'order:date,asc', description: 'oldest to newest (ascending order, default = descending)'},
|
|
{search: 'order:score', description: 'highest scored'},
|
|
{search: 'order:file_size', description: 'largest files first'},
|
|
{search: 'order:tag_count', description: 'with most tags'},
|
|
{search: 'order:fav_count', description: 'loved by most'},
|
|
{search: 'order:comment_count', description: 'most commented first'},
|
|
{search: 'order:fav_date', description: 'recently added to favorites'},
|
|
{search: 'order:comment_date', description: 'recently commented'},
|
|
{search: 'order:feature_date', description: 'recently featured'},
|
|
];
|
|
_.each(table, function(row) { %>
|
|
<tr>
|
|
<td><a href="#/posts/query=<%= row.search %>"><code><%= row.search %></code></a></td>
|
|
<td><%= row.description %></td>
|
|
</tr>
|
|
<% }) %>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p>As shown with <a
|
|
href="#/posts/query=-order:date"><code>-order:date</code></a>, any of them
|
|
can be reversed in the same way as negating other tags: by placing a dash
|
|
before the tag.</p>
|
|
</div>
|
|
|
|
<div data-tab="comments">
|
|
<h1>Comments</h1>
|
|
<p>Comments support Markdown syntax, extended by some handy tags:</p>
|
|
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td><code>@426</code></td>
|
|
<td>links to post number 426</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>#Dragon_Ball</code></td>
|
|
<td>links to tag “Dragon_Ball”</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>+Pirate</code></td>
|
|
<td>links to user “Pirate”</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>~~new~~</code></td>
|
|
<td>adds strike-through</td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>[spoiler]Lelouch survives[/spoiler]</td>
|
|
<td>marks text as spoiler and hides it</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div data-tab="tos">
|
|
<h1>Terms of service</h1>
|
|
|
|
<p>By accessing <%= title %> (“Site”) you agree to the
|
|
following Terms of Service. If you do not agree to these terms, then please
|
|
do not access the Site.</p>
|
|
|
|
<ul>
|
|
<li>The Site is presented to you AS IS, without any warranty, express
|
|
or implied. You will not hold the Site or its staff members liable for
|
|
damages caused by the use of the site.</li>
|
|
<li>The Site reserves the right to delete or modify your account, or
|
|
any content you have posted to the site.</li>
|
|
<li>The Site reserves the right to change these Terms of Service
|
|
without prior notice.</li>
|
|
<li>If you are a minor, then you will not use the Site.</li>
|
|
<li>You are using the Site only for personal use.</li>
|
|
<li>You will not spam, troll or offend anyone.</li>
|
|
<li>You accept that the Site is not liable for any content that you may stumble upon.</li>
|
|
</ul>
|
|
|
|
<p><strong>Prohibited content</strong></p>
|
|
|
|
<ul>
|
|
<li>Child pornography: any photograph or photorealistic drawing or
|
|
movie that depicts children in a sexual manner. This includes nudity,
|
|
explicit sex, implied sex, or sexually persuasive positions.</li>
|
|
|
|
<li>Bestiality: any photograph or photorealistic drawing or movie that
|
|
depicts humans having sex (either explicit or implied) with other
|
|
non-human animals.</li>
|
|
|
|
<li>Any depiction of extreme mutilation, extreme bodily distension,
|
|
feces.</li>
|
|
|
|
<li>Personal images: any image that is suspected to be uploaded for
|
|
personal use. This includes, but is not limited to, avatars and forum
|
|
signatures.</li>
|
|
</ul>
|
|
|
|
<h1>Privacy policy</h1>
|
|
|
|
<p>The Site will not disclose the IP address or email address of any user
|
|
except to the staff.</p>
|
|
|
|
Posts, comments, favorites, ratings and other actions linked to your
|
|
account will be stored in the Site’s database. The “Upload
|
|
anonymously” option allows you to post content without linking it to
|
|
your account – meaning your nickname will not be stored in the
|
|
database nor shown in the “Uploader” field.</p>
|
|
|
|
<p>Cookies are used to store your session data in order to keep you logged
|
|
in and personalize your web experience.</p>
|
|
</div>
|
|
|
|
</div>
|