Xargon/ES-DE
1
0
Fork 0
mirror of https://github.com/RetroDECK/ES-DE.git synced 2024-11-22 14:15:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updates artwork for input config, adds compass directions.

Browse source
This commit is contained in:
Hanno Zulla 2018-07-02 11:02:51 +02:00
parent 880064caa6
commit 891c552ce9
40 changed files with 318 additions and 779 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

166
es-core/src/guis/GuiInputConfig.cpp
View file

@ -7,126 +7,42 @@
#include "Log.h" #include "Log.h"
#include "Window.h" #include "Window.h"
// static const int inputCount = 10; struct InputConfigStructure
// static const char* inputName[inputCount] = { "Up", "Down", "Left", "Right", "A", "B", "Start", "Select", "PageUp", "PageDown" }; {
// static const bool inputSkippable[inputCount] = { false, false, false, false, false, false, false, false, true, true }; const char* name;
// static const char* inputDispName[inputCount] = { "UP", "DOWN", "LEFT", "RIGHT", "A", "B", "START", "SELECT", "PAGE UP", "PAGE DOWN" }; const bool skippable;
// static const char* inputIcon[inputCount] = { ":/help/dpad_up.svg", ":/help/dpad_down.svg", ":/help/dpad_left.svg", ":/help/dpad_right.svg", const char* dispName;
// ":/help/button_a.svg", ":/help/button_b.svg", ":/help/button_start.svg", ":/help/button_select.svg", const char* icon;
// ":/help/button_l.svg", ":/help/button_r.svg" }; };
static const int inputCount = 25; static const int inputCount = 25;
static const char* inputName[inputCount] = static const InputConfigStructure GUI_INPUT_CONFIG_LIST[inputCount] =
{ {
"Up", { "Up", false, "D-PAD UP", ":/help/dpad_up.svg" },
"Down", { "Down", false, "D-PAD DOWN", ":/help/dpad_down.svg" },
"Left", { "Left", false, "D-PAD LEFT", ":/help/dpad_left.svg" },
"Right", { "Right", false, "D-PAD RIGHT", ":/help/dpad_right.svg" },
"Start", { "Start", true, "START", ":/help/button_start.svg" },
"Select", { "Select", true, "SELECT", ":/help/button_select.svg" },
"A", { "A", false, "BUTTON A / EAST", ":/help/buttons_east.svg" },
"B", { "B", true, "BUTTON B / SOUTH", ":/help/buttons_south.svg" },
"X", { "X", true, "BUTTON X / NORTH", ":/help/buttons_north.svg" },
"Y", { "Y", true, "BUTTON Y / WEST", ":/help/buttons_west.svg" },
"LeftShoulder", { "LeftShoulder", true, "LEFT SHOULDER", ":/help/button_l.svg" },
"RightShoulder", { "RightShoulder", true, "RIGHT SHOULDER", ":/help/button_r.svg" },
"LeftTrigger", { "LeftTrigger", true, "LEFT TRIGGER", ":/help/button_lt.svg" },
"RightTrigger", { "RightTrigger", true, "RIGHT TRIGGER", ":/help/button_rt.svg" },
"LeftThumb", { "LeftThumb", true, "LEFT THUMB", ":/help/analog_thumb.svg" },
"RightThumb", { "RightThumb", true, "RIGHT THUMB", ":/help/analog_thumb.svg" },
"LeftAnalogUp", { "LeftAnalogUp", true, "LEFT ANALOG UP", ":/help/analog_up.svg" },
"LeftAnalogDown", { "LeftAnalogDown", true, "LEFT ANALOG DOWN", ":/help/analog_down.svg" },
"LeftAnalogLeft", { "LeftAnalogLeft", true, "LEFT ANALOG LEFT", ":/help/analog_left.svg" },
"LeftAnalogRight", { "LeftAnalogRight", true, "LEFT ANALOG RIGHT", ":/help/analog_right.svg" },
"RightAnalogUp", { "RightAnalogUp", true, "RIGHT ANALOG UP", ":/help/analog_up.svg" },
"RightAnalogDown", { "RightAnalogDown", true, "RIGHT ANALOG DOWN", ":/help/analog_down.svg" },
"RightAnalogLeft", { "RightAnalogLeft", true, "RIGHT ANALOG LEFT", ":/help/analog_left.svg" },
"RightAnalogRight", { "RightAnalogRight", true, "RIGHT ANALOG RIGHT", ":/help/analog_right.svg" },
"HotKeyEnable" { "HotKeyEnable", true, "HOTKEY ENABLE", ":/help/button_hotkey.svg" }
};
static const bool inputSkippable[inputCount] =
{
false,
false,
false,
false,
true,
true,
false,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true,
true
};
static const char* inputDispName[inputCount] =
{
"D-PAD UP",
"D-PAD DOWN",
"D-PAD LEFT",
"D-PAD RIGHT",
"START",
"SELECT",
"A",
"B",
"X",
"Y",
"LEFT SHOULDER",
"RIGHT SHOULDER",
"LEFT TRIGGER",
"RIGHT TRIGGER",
"LEFT THUMB",
"RIGHT THUMB",
"LEFT ANALOG UP",
"LEFT ANALOG DOWN",
"LEFT ANALOG LEFT",
"LEFT ANALOG RIGHT",
"RIGHT ANALOG UP",
"RIGHT ANALOG DOWN",
"RIGHT ANALOG LEFT",
"RIGHT ANALOG RIGHT",
"HOTKEY ENABLE"
};
static const char* inputIcon[inputCount] =
{
":/help/dpad_up.svg",
":/help/dpad_down.svg",
":/help/dpad_left.svg",
":/help/dpad_right.svg",
":/help/button_start.svg",
":/help/button_select.svg",
":/help/button_a.svg",
":/help/button_b.svg",
":/help/button_x.svg",
":/help/button_y.svg",
":/help/button_l.svg",
":/help/button_r.svg",
":/help/button_l.svg",
":/help/button_r.svg",
":/help/analog_thumb.svg",
":/help/analog_thumb.svg",
":/help/analog_up.svg",
":/help/analog_down.svg",
":/help/analog_left.svg",
":/help/analog_right.svg",
":/help/analog_up.svg",
":/help/analog_down.svg",
":/help/analog_left.svg",
":/help/analog_right.svg",
":/help/button_hotkey.svg"
}; };
//MasterVolUp and MasterVolDown are also hooked up, but do not appear on this screen. //MasterVolUp and MasterVolDown are also hooked up, but do not appear on this screen.
@ -178,7 +94,7 @@ GuiInputConfig::GuiInputConfig(Window* window, InputConfig* target, bool reconfi
// icon // icon
auto icon = std::make_shared<ImageComponent>(mWindow); auto icon = std::make_shared<ImageComponent>(mWindow);
icon->setImage(inputIcon[i]); icon->setImage(GUI_INPUT_CONFIG_LIST[i].icon);
icon->setColorShift(0x777777FF); icon->setColorShift(0x777777FF);
icon->setResize(0, Font::get(FONT_SIZE_MEDIUM)->getLetterHeight() * 1.25f); icon->setResize(0, Font::get(FONT_SIZE_MEDIUM)->getLetterHeight() * 1.25f);
row.addElement(icon, false); row.addElement(icon, false);
@ -188,7 +104,7 @@ GuiInputConfig::GuiInputConfig(Window* window, InputConfig* target, bool reconfi
spacer->setSize(16, 0); spacer->setSize(16, 0);
row.addElement(spacer, false); row.addElement(spacer, false);
auto text = std::make_shared<TextComponent>(mWindow, inputDispName[i], Font::get(FONT_SIZE_MEDIUM), 0x777777FF); auto text = std::make_shared<TextComponent>(mWindow, GUI_INPUT_CONFIG_LIST[i].dispName, Font::get(FONT_SIZE_MEDIUM), 0x777777FF);
row.addElement(text, true); row.addElement(text, true);
auto mapping = std::make_shared<TextComponent>(mWindow, "-NOT DEFINED-", Font::get(FONT_SIZE_MEDIUM, FONT_PATH_LIGHT), 0x999999FF, ALIGN_RIGHT); auto mapping = std::make_shared<TextComponent>(mWindow, "-NOT DEFINED-", Font::get(FONT_SIZE_MEDIUM, FONT_PATH_LIGHT), 0x999999FF, ALIGN_RIGHT);
@ -251,7 +167,7 @@ GuiInputConfig::GuiInputConfig(Window* window, InputConfig* target, bool reconfi
// only show "HOLD TO SKIP" if this input is skippable // only show "HOLD TO SKIP" if this input is skippable
mList->setCursorChangedCallback([this](CursorState /*state*/) { mList->setCursorChangedCallback([this](CursorState /*state*/) {
bool skippable = inputSkippable[mList->getCursorId()]; bool skippable = GUI_INPUT_CONFIG_LIST[mList->getCursorId()].skippable;
mSubtitle2->setOpacity(skippable * 255); mSubtitle2->setOpacity(skippable * 255);
}); });
@ -317,7 +233,7 @@ void GuiInputConfig::onSizeChanged()
void GuiInputConfig::update(int deltaTime) void GuiInputConfig::update(int deltaTime)
{ {
if(mConfiguringRow && mHoldingInput && inputSkippable[mHeldInputId]) if(mConfiguringRow && mHoldingInput && GUI_INPUT_CONFIG_LIST[mHeldInputId].skippable)
{ {
int prevSec = mHeldTime / 1000; int prevSec = mHeldTime / 1000;
mHeldTime += deltaTime; mHeldTime += deltaTime;
@ -395,7 +311,7 @@ bool GuiInputConfig::assign(Input input, int inputId)
// if this input is mapped to something other than "nothing" or the current row, error // if this input is mapped to something other than "nothing" or the current row, error
// (if it's the same as what it was before, allow it) // (if it's the same as what it was before, allow it)
if(mTargetConfig->getMappedTo(input).size() > 0 && !mTargetConfig->isMappedTo(inputName[inputId], input) && strcmp(inputName[inputId], "HotKeyEnable") != 0) if(mTargetConfig->getMappedTo(input).size() > 0 && !mTargetConfig->isMappedTo(GUI_INPUT_CONFIG_LIST[inputId].name, input) && strcmp(GUI_INPUT_CONFIG_LIST[inputId].name, "HotKeyEnable") != 0)
{ {
error(mMappings.at(inputId), "Already mapped!"); error(mMappings.at(inputId), "Already mapped!");
return false; return false;
@ -404,14 +320,14 @@ bool GuiInputConfig::assign(Input input, int inputId)
setAssignedTo(mMappings.at(inputId), input); setAssignedTo(mMappings.at(inputId), input);
input.configured = true; input.configured = true;
mTargetConfig->mapInput(inputName[inputId], input); mTargetConfig->mapInput(GUI_INPUT_CONFIG_LIST[inputId].name, input);
LOG(LogInfo) << " Mapping [" << input.string() << "] -> " << inputName[inputId]; LOG(LogInfo) << " Mapping [" << input.string() << "] -> " << GUI_INPUT_CONFIG_LIST[inputId].name;
return true; return true;
} }
void GuiInputConfig::clearAssignment(int inputId) void GuiInputConfig::clearAssignment(int inputId)
{ {
mTargetConfig->unmapInput(inputName[inputId]); mTargetConfig->unmapInput(GUI_INPUT_CONFIG_LIST[inputId].name);
} }

20
resources/help/analog_down.svg
View file

@ -1,15 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="37.061" height="37.061" viewBox="0, 0, 37.061, 37.061"> <circle id="circle" cx="32" cy="32" r="30" fill="none" stroke="#fff" stroke-width="3"/>
<g id="Ebene_1"> <polygon id="analog_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M22.145,18.512 C22.145,20.525 20.506,22.161 18.494,22.161 C16.482,22.161 14.844,20.523 14.844,18.512 C14.844,16.499 16.483,14.862 18.494,14.862 C20.507,14.861 22.145,16.499 22.145,18.512 z M16.343,18.512 C16.343,19.698 17.308,20.661 18.493,20.661 C19.678,20.661 20.644,19.696 20.644,18.512 C20.644,17.326 19.678,16.362 18.493,16.362 C17.308,16.361 16.343,17.326 16.343,18.512 z" fill="#FFFFFF"/> <polygon id="analog_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M8.58,15.507 L8.58,21.519 C8.58,21.792 8.43,22.044 8.19,22.176 C7.949,22.308 7.656,22.297 7.424,22.15 L2.74,19.145 C2.309,18.869 2.31,18.159 2.74,17.881 L7.424,14.876 C7.655,14.729 7.948,14.717 8.19,14.85 C8.43,14.98 8.58,15.232 8.58,15.507 z M7.08,20.146 L7.08,16.878 L4.535,18.513 L7.08,20.146 z" fill="#FFFFFF"/> <polygon id="analog_down" points="27,50 37,50 32,57.8" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="analog_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M18.494,33.918 L21.498,29.234 L15.488,29.234 L18.494,33.918 z" fill="#FFFFFF"/> <circle id="analog_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M22.248,29.234 C22.248,29.375 22.208,29.516 22.129,29.639 L19.126,34.323 C18.988,34.538 18.75,34.668 18.495,34.668 C18.24,34.668 18.002,34.538 17.864,34.323 L14.858,29.639 C14.71,29.409 14.7,29.115 14.831,28.873 C14.962,28.633 15.215,28.483 15.489,28.483 L21.499,28.483 C21.773,28.483 22.025,28.631 22.157,28.873 C22.218,28.987 22.248,29.111 22.248,29.234 z M18.494,32.529 L20.126,29.984 L16.861,29.984 L18.494,32.529 z" fill="#FFFFFF"/>
</g>
<path d="M22.248,7.848 C22.248,7.972 22.218,8.094 22.156,8.206 C22.024,8.447 21.772,8.598 21.498,8.598 L15.488,8.598 C15.214,8.598 14.962,8.449 14.83,8.206 C14.699,7.967 14.707,7.673 14.857,7.441 L17.862,2.756 C18,2.541 18.238,2.411 18.493,2.411 C18.748,2.411 18.986,2.541 19.124,2.756 L22.128,7.441 C22.208,7.565 22.248,7.707 22.248,7.848 z M16.86,7.098 L20.126,7.098 L18.493,4.552 L16.86,7.098 z" fill="#FFFFFF"/>
<path d="M34.59,18.513 L34.59,18.513 C34.59,18.768 34.46,19.005 34.245,19.144 L29.561,22.149 C29.33,22.296 29.037,22.307 28.795,22.175 C28.553,22.043 28.404,21.791 28.404,21.518 L28.404,15.506 C28.404,15.233 28.552,14.981 28.795,14.849 C29.035,14.716 29.328,14.728 29.561,14.875 L34.245,17.88 C34.46,18.02 34.59,18.257 34.59,18.513 z M29.906,20.146 L32.451,18.513 L29.906,16.878 L29.906,20.146 z" fill="#FFFFFF"/>
<path d="M18.53,0 C28.765,0 37.061,8.296 37.061,18.531 C37.061,28.765 28.765,37.061 18.53,37.061 C8.296,37.061 0,28.765 0,18.531 C0,8.296 8.296,0 18.53,0 z M18.53,1 C8.849,1 1,8.849 1,18.531 C1,28.212 8.849,36.061 18.53,36.061 C28.212,36.061 36.061,28.212 36.061,18.531 C36.061,8.849 28.212,1 18.53,1 z" fill="#FFFFFF"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 848 B

22
resources/help/analog_left.svg
View file

@ -1,17 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="37.061" height="37.061" viewBox="0, 0, 37.061, 37.061"> <circle id="circle" cx="32" cy="32" r="30" fill="none" stroke="#fff" stroke-width="3"/>
<g id="Ebene_1"> <polygon id="analog_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="analog_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M18.531,22.181 C16.518,22.181 14.882,20.542 14.882,18.53 C14.882,16.518 16.52,14.88 18.531,14.88 C20.544,14.88 22.181,16.519 22.181,18.53 C22.182,20.543 20.544,22.181 18.531,22.181 z M18.531,16.379 C17.345,16.379 16.382,17.344 16.382,18.529 C16.382,19.714 17.347,20.68 18.531,20.68 C19.717,20.68 20.681,19.714 20.681,18.529 C20.682,17.344 19.717,16.379 18.531,16.379 z" fill="#FFFFFF"/> <polygon id="analog_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M21.536,8.616 L15.524,8.616 C15.251,8.616 14.999,8.466 14.867,8.226 C14.735,7.985 14.746,7.692 14.893,7.46 L17.898,2.776 C18.174,2.345 18.884,2.346 19.162,2.776 L22.167,7.46 C22.314,7.691 22.326,7.984 22.193,8.226 C22.063,8.466 21.811,8.616 21.536,8.616 z M16.897,7.116 L20.165,7.116 L18.53,4.571 L16.897,7.116 z" fill="#FFFFFF"/> <polygon id="analog_left" points="14,27 14,37 6.2,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <circle id="analog_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M3.125,18.53 L7.809,21.534 L7.809,15.524 L3.125,18.53 z" fill="#FFFFFF"/>
<path d="M7.809,22.284 C7.668,22.284 7.527,22.244 7.404,22.165 L2.72,19.162 C2.505,19.024 2.375,18.786 2.375,18.531 C2.375,18.276 2.505,18.038 2.72,17.9 L7.404,14.894 C7.634,14.746 7.928,14.736 8.17,14.867 C8.41,14.998 8.56,15.251 8.56,15.525 L8.56,21.535 C8.56,21.809 8.412,22.061 8.17,22.193 C8.056,22.254 7.932,22.284 7.809,22.284 z M4.514,18.53 L7.059,20.162 L7.059,16.897 L4.514,18.53 z" fill="#FFFFFF"/>
</g>
<path d="M29.195,22.284 C29.071,22.284 28.949,22.254 28.837,22.192 C28.596,22.06 28.445,21.808 28.445,21.534 L28.445,15.524 C28.445,15.25 28.594,14.998 28.837,14.866 C29.076,14.735 29.37,14.743 29.602,14.893 L34.287,17.898 C34.502,18.036 34.632,18.274 34.632,18.529 C34.632,18.784 34.502,19.022 34.287,19.16 L29.602,22.164 C29.478,22.244 29.336,22.284 29.195,22.284 z M29.945,16.896 L29.945,20.162 L32.491,18.529 L29.945,16.896 z" fill="#FFFFFF"/>
<path d="M18.53,34.626 L18.53,34.626 C18.275,34.626 18.038,34.496 17.899,34.281 L14.894,29.597 C14.747,29.366 14.736,29.073 14.868,28.831 C15,28.589 15.252,28.44 15.525,28.44 L21.537,28.44 C21.81,28.44 22.062,28.588 22.194,28.831 C22.327,29.071 22.315,29.364 22.168,29.597 L19.163,34.281 C19.023,34.496 18.786,34.626 18.53,34.626 z M16.897,29.942 L18.53,32.487 L20.165,29.942 L16.897,29.942 z" fill="#FFFFFF"/>
</g>
<path d="M18.53,0 C28.765,0 37.061,8.296 37.061,18.531 C37.061,28.765 28.765,37.061 18.53,37.061 C8.296,37.061 0,28.765 0,18.531 C0,8.296 8.296,0 18.53,0 z M18.53,1 C8.849,1 1,8.849 1,18.531 C1,28.212 8.849,36.061 18.53,36.061 C28.212,36.061 36.061,28.212 36.061,18.531 C36.061,8.849 28.212,1 18.53,1 z" fill="#FFFFFF"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 848 B

20
resources/help/analog_right.svg
View file

@ -1,15 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="37.061" height="37.061" viewBox="0, 0, 37.061, 37.061"> <circle id="circle" cx="32" cy="32" r="30" fill="none" stroke="#fff" stroke-width="3"/>
<g id="Ebene_1"> <polygon id="analog_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M18.476,14.898 C20.489,14.898 22.125,16.537 22.125,18.549 C22.125,20.561 20.487,22.199 18.476,22.199 C16.463,22.199 14.826,20.56 14.826,18.549 C14.825,16.536 16.463,14.898 18.476,14.898 z M18.476,20.7 C19.662,20.7 20.625,19.735 20.625,18.55 C20.625,17.365 19.66,16.399 18.476,16.399 C17.29,16.399 16.326,17.365 16.326,18.55 C16.325,19.735 17.29,20.7 18.476,20.7 z" fill="#FFFFFF"/> <polygon id="analog_right" points="50,27 50,37 57.8,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M15.471,28.463 L21.483,28.463 C21.756,28.463 22.008,28.613 22.14,28.853 C22.272,29.094 22.261,29.387 22.114,29.619 L19.109,34.303 C18.833,34.734 18.123,34.733 17.845,34.303 L14.84,29.619 C14.693,29.388 14.681,29.095 14.814,28.853 C14.944,28.613 15.196,28.463 15.471,28.463 z M20.11,29.963 L16.842,29.963 L18.477,32.508 L20.11,29.963 z" fill="#FFFFFF"/> <polygon id="analog_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="analog_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M33.882,18.549 L29.198,15.545 L29.198,21.555 L33.882,18.549 z" fill="#FFFFFF"/> <circle id="analog_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M29.198,14.795 C29.339,14.795 29.48,14.835 29.603,14.914 L34.287,17.917 C34.502,18.055 34.632,18.293 34.632,18.548 C34.632,18.803 34.502,19.041 34.287,19.179 L29.603,22.185 C29.373,22.333 29.079,22.343 28.837,22.212 C28.597,22.081 28.447,21.828 28.447,21.554 L28.447,15.544 C28.447,15.27 28.595,15.018 28.837,14.886 C28.951,14.825 29.075,14.795 29.198,14.795 z M32.493,18.549 L29.948,16.917 L29.948,20.182 L32.493,18.549 z" fill="#FFFFFF"/>
</g>
<path d="M7.812,14.795 C7.936,14.795 8.058,14.825 8.17,14.887 C8.411,15.019 8.562,15.271 8.562,15.545 L8.562,21.555 C8.562,21.829 8.413,22.081 8.17,22.213 C7.931,22.344 7.637,22.336 7.405,22.186 L2.72,19.181 C2.505,19.043 2.375,18.805 2.375,18.55 C2.375,18.295 2.505,18.057 2.72,17.919 L7.405,14.915 C7.529,14.835 7.671,14.795 7.812,14.795 z M7.062,20.183 L7.062,16.917 L4.516,18.55 L7.062,20.183 z" fill="#FFFFFF"/>
<path d="M18.477,2.453 L18.477,2.453 C18.732,2.453 18.969,2.583 19.108,2.798 L22.113,7.482 C22.26,7.713 22.271,8.006 22.139,8.248 C22.007,8.49 21.755,8.639 21.482,8.639 L15.47,8.639 C15.197,8.639 14.945,8.491 14.813,8.248 C14.68,8.008 14.692,7.715 14.839,7.482 L17.844,2.798 C17.984,2.583 18.221,2.453 18.477,2.453 z M20.11,7.137 L18.477,4.592 L16.842,7.137 L20.11,7.137 z" fill="#FFFFFF"/>
<path d="M18.53,0 C28.765,0 37.061,8.296 37.061,18.531 C37.061,28.765 28.765,37.061 18.53,37.061 C8.296,37.061 0,28.765 0,18.531 C0,8.296 8.296,0 18.53,0 z M18.53,1 C8.849,1 1,8.849 1,18.531 C1,28.212 8.849,36.061 18.53,36.061 C28.212,36.061 36.061,28.212 36.061,18.531 C36.061,8.849 28.212,1 18.53,1 z" fill="#FFFFFF"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 848 B

9
resources/help/analog_stick.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="circle" cx="32" cy="32" r="30" fill="none" stroke="#fff" stroke-width="3"/>
<polygon id="analog_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<polygon id="analog_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<polygon id="analog_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<polygon id="analog_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<circle id="analog_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 848 B

18
resources/help/analog_thumb.svg
View file

@ -1,13 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="37.061" height="37.061" viewBox="0, 0, 37.061, 37.061"> <circle id="circle" cx="32" cy="32" r="30" fill="none" stroke="#fff" stroke-width="3"/>
<g id="Ebene_1"> <polygon id="analog_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M18.531,22.181 C16.518,22.181 14.882,20.542 14.882,18.53 C14.882,16.518 16.52,14.88 18.531,14.88 C20.544,14.88 22.181,16.519 22.181,18.53 C22.182,20.543 20.544,22.181 18.531,22.181 z M18.531,16.379 C17.345,16.379 16.382,17.344 16.382,18.529 C16.382,19.714 17.347,20.68 18.531,20.68 C19.717,20.68 20.681,19.714 20.681,18.529 C20.682,17.344 19.717,16.379 18.531,16.379 z" fill="#FFFFFF"/> <polygon id="analog_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M21.536,8.616 L15.524,8.616 C15.251,8.616 14.999,8.466 14.867,8.226 C14.735,7.985 14.746,7.692 14.893,7.46 L17.898,2.776 C18.174,2.345 18.884,2.346 19.162,2.776 L22.167,7.46 C22.314,7.691 22.326,7.984 22.193,8.226 C22.063,8.466 21.811,8.616 21.536,8.616 z M16.897,7.116 L20.165,7.116 L18.53,4.571 L16.897,7.116 z" fill="#FFFFFF"/> <polygon id="analog_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M7.782,14.776 L8.17,14.867 C8.41,14.998 8.56,15.251 8.56,15.525 L8.56,21.535 C8.56,21.809 8.412,22.061 8.17,22.193 C8.056,22.254 7.932,22.284 7.809,22.284 C7.668,22.284 7.527,22.244 7.404,22.165 L2.72,19.162 C2.505,19.024 2.375,18.786 2.375,18.531 C2.375,18.276 2.505,18.038 2.72,17.9 L7.404,14.894 L7.782,14.776 z M7.059,16.897 L4.514,18.53 L7.059,20.162 L7.059,16.897 z" fill="#FFFFFF"/> <polygon id="analog_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M29.195,22.284 C29.071,22.284 28.949,22.254 28.837,22.192 C28.596,22.06 28.445,21.808 28.445,21.534 L28.445,15.524 C28.445,15.25 28.594,14.998 28.837,14.866 C29.076,14.735 29.37,14.743 29.602,14.893 L34.287,17.898 C34.502,18.036 34.632,18.274 34.632,18.529 C34.632,18.784 34.502,19.022 34.287,19.16 L29.602,22.164 C29.478,22.244 29.336,22.284 29.195,22.284 z M29.945,16.896 L29.945,20.162 L32.491,18.529 L29.945,16.896 z" fill="#FFFFFF"/> <circle id="analog_thumb" cx="32" cy="32" r="5" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M18.53,34.626 L18.53,34.626 C18.275,34.626 18.038,34.496 17.899,34.281 L14.894,29.597 C14.747,29.366 14.736,29.073 14.868,28.831 C15,28.589 15.252,28.44 15.525,28.44 L21.537,28.44 C21.81,28.44 22.062,28.588 22.194,28.831 C22.327,29.071 22.315,29.364 22.168,29.597 L19.163,34.281 C19.023,34.496 18.786,34.626 18.53,34.626 z M16.897,29.942 L18.53,32.487 L20.165,29.942 L16.897,29.942 z" fill="#FFFFFF"/>
<path d="M18.53,0 C28.765,0 37.061,8.296 37.061,18.531 C37.061,28.765 28.765,37.061 18.53,37.061 C8.296,37.061 0,28.765 0,18.531 C0,8.296 8.296,0 18.53,0 z M18.53,1 C8.849,1 1,8.849 1,18.531 C1,28.212 8.849,36.061 18.53,36.061 C28.212,36.061 36.061,28.212 36.061,18.531 C36.061,8.849 28.212,1 18.53,1 z" fill="#FFFFFF"/>
<path d="M18.529,22.181 C16.513,22.181 14.879,20.547 14.879,18.53 C14.879,16.514 16.513,14.88 18.529,14.88 C20.546,14.88 22.18,16.514 22.18,18.53 C22.18,20.547 20.546,22.181 18.529,22.181 z" fill="#FFFFFF"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 848 B

22
resources/help/analog_up.svg
View file

@ -1,17 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="37.061" height="37.061" viewBox="0, 0, 37.061, 37.061"> <circle id="circle" cx="32" cy="32" r="30" fill="none" stroke="#fff" stroke-width="3"/>
<g id="Ebene_1"> <polygon id="analog_up" points="27,14 37,14 32,6.2" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="analog_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M14.862,18.567 C14.862,16.554 16.501,14.918 18.513,14.918 C20.525,14.918 22.163,16.556 22.163,18.567 C22.163,20.58 20.524,22.217 18.513,22.217 C16.5,22.218 14.862,20.58 14.862,18.567 z M20.664,18.567 C20.664,17.381 19.699,16.418 18.514,16.418 C17.329,16.418 16.363,17.383 16.363,18.567 C16.363,19.753 17.329,20.717 18.514,20.717 C19.699,20.718 20.664,19.753 20.664,18.567 z" fill="#FFFFFF"/> <polygon id="analog_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M28.427,21.572 L28.427,15.56 C28.427,15.287 28.577,15.035 28.817,14.903 C29.058,14.771 29.351,14.782 29.583,14.929 L34.267,17.934 C34.698,18.21 34.697,18.92 34.267,19.198 L29.583,22.203 C29.352,22.35 29.059,22.362 28.817,22.229 C28.577,22.099 28.427,21.847 28.427,21.572 z M29.927,16.933 L29.927,20.201 L32.472,18.566 L29.927,16.933 z" fill="#FFFFFF"/> <polygon id="analog_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <circle id="analog_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path d="M18.513,3.161 L15.509,7.845 L21.519,7.845 L18.513,3.161 z" fill="#FFFFFF"/>
<path d="M14.759,7.845 C14.759,7.704 14.799,7.563 14.878,7.44 L17.881,2.756 C18.019,2.541 18.257,2.411 18.512,2.411 C18.767,2.411 19.005,2.541 19.143,2.756 L22.149,7.44 C22.297,7.67 22.307,7.964 22.176,8.206 C22.045,8.446 21.792,8.596 21.518,8.596 L15.508,8.596 C15.234,8.596 14.982,8.448 14.85,8.206 C14.789,8.092 14.759,7.968 14.759,7.845 z M18.513,4.55 L16.881,7.095 L20.146,7.095 L18.513,4.55 z" fill="#FFFFFF"/>
</g>
<path d="M14.759,29.231 C14.759,29.107 14.789,28.985 14.851,28.873 C14.983,28.632 15.235,28.481 15.509,28.481 L21.519,28.481 C21.793,28.481 22.045,28.63 22.177,28.873 C22.308,29.112 22.3,29.406 22.15,29.638 L19.145,34.323 C19.007,34.538 18.769,34.668 18.514,34.668 C18.259,34.668 18.021,34.538 17.883,34.323 L14.879,29.638 C14.799,29.514 14.759,29.372 14.759,29.231 z M20.147,29.981 L16.881,29.981 L18.514,32.527 L20.147,29.981 z" fill="#FFFFFF"/>
<path d="M2.417,18.566 L2.417,18.566 C2.417,18.311 2.547,18.074 2.762,17.935 L7.446,14.93 C7.677,14.783 7.97,14.772 8.212,14.904 C8.454,15.036 8.603,15.288 8.603,15.561 L8.603,21.573 C8.603,21.846 8.455,22.098 8.212,22.23 C7.972,22.363 7.679,22.351 7.446,22.204 L2.762,19.199 C2.547,19.059 2.417,18.822 2.417,18.566 z M7.101,16.933 L4.556,18.566 L7.101,20.201 L7.101,16.933 z" fill="#FFFFFF"/>
</g>
<path d="M18.53,0 C28.765,0 37.061,8.296 37.061,18.531 C37.061,28.765 28.765,37.061 18.53,37.061 C8.296,37.061 0,28.765 0,18.531 C0,8.296 8.296,0 18.53,0 z M18.53,1 C8.849,1 1,8.849 1,18.531 C1,28.212 8.849,36.061 18.53,36.061 C28.212,36.061 36.061,28.212 36.061,18.531 C36.061,8.849 28.212,1 18.53,1 z" fill="#FFFFFF"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 848 B

5
resources/help/button_1.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_1" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-0.986328 13.917969h5.878906v28.554687h-6.738281v-16.679687l0.214844-4.101563c-1.471355 1.523438-2.610677 2.708334-3.417969 3.554688l-3.730469-4.082032 7.792969-7.246093z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 523 B

5
resources/help/button_2.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_2" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-0.126953 13.527344c2.591146 0 4.563802 0.703125 5.917969 2.109375 1.354166 1.393229 2.03125 3.307291 2.03125 5.742187 0 1.601563-0.286459 3.131511-0.859375 4.589844-0.572917 1.458333-1.341146 2.897135-2.304688 4.316406-0.950521 1.419271-2.643229 3.671875-5.078125 6.757813h8.828125v5.429687h-16.523437v-4.296875l5.078125-7.1875c0.690104-0.976562 1.217448-1.751302 1.582031-2.324219 0.377604-0.572916 0.794271-1.282552 1.25-2.128906 0.859375-1.614583 1.289062-3.248698 1.289062-4.902344 0-0.898437-0.15625-1.582031-0.46875-2.050781-0.3125-0.481771-0.735677-0.722656-1.269531-0.722656-0.625 0-1.25 0.266927-1.875 0.800781-0.546875 0.481771-1.028646 0.957032-1.445312 1.425782-0.416667 0.46875-0.638021 0.722656-0.664063 0.761718l-3.769531-3.984375c1.328125-1.458333 2.630208-2.545573 3.90625-3.261719 1.289062-0.716145 2.747396-1.074218 4.375-1.074218z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
resources/help/button_3.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_3" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-0.439453 13.527344c1.536458 0 2.916667 0.260416 4.140625 0.78125 1.236979 0.507812 2.233073 1.308594 2.988281 2.402344 0.768229 1.080729 1.152344 2.402343 1.152344 3.964843 0 1.549479-0.384115 2.910156-1.152344 4.082031-0.755208 1.158855-1.842448 2.044271-3.261719 2.65625 1.601563 0.442709 2.825521 1.223959 3.671875 2.34375 0.859375 1.119792 1.289063 2.552084 1.289063 4.296876 0 2.747395-0.898438 4.902343-2.695313 6.464843-1.796875 1.549479-4.147135 2.324219-7.050781 2.324219s-5.234375-0.455729-6.992187-1.367188v-5.664062c1.40625 0.807292 2.890625 1.373698 4.453125 1.699219 0.664062 0.130208 1.295573 0.195312 1.894531 0.195312 1.210937 0 2.115885-0.305989 2.714844-0.917969 0.598958-0.611979 0.898437-1.57552 0.898437-2.890624 0-2.48698-1.425781-3.730469-4.277344-3.730469h-1.328125v-4.6875h1.269532c1.25 0 2.20052-0.319011 2.851562-0.957031 0.651042-0.651042 0.976563-1.601563 0.976563-2.851563 0-0.950521-0.182292-1.673177-0.546875-2.167969-0.364584-0.494791-0.885417-0.742187-1.5625-0.742187-1.223959 0-2.48698 0.390625-3.789063 1.171875-0.3125 0.182291-0.625 0.397135-0.9375 0.644531l-2.636719-3.867187c0.221355-0.260417 0.631511-0.598959 1.230469-1.015626 0.598958-0.429687 1.184896-0.78125 1.757813-1.054687 0.572916-0.286458 1.308593-0.540365 2.207031-0.761719 0.898437-0.234375 1.809896-0.351562 2.734375-0.351562z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

5
resources/help/button_4.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_4" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-1.158203 13.722656h6.992187v17.636719h2.8125v5.097656h-2.8125v5.820313h-6.523437v-5.820313h-9.042969v-4.628906l8.574219-18.105469zm0.585937 10-3.671875 7.636719h3.554688v-5.429687l0.117187-2.207032z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 552 B

19
resources/help/button_a.svg
View file

@ -1,16 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="button_a" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-4.238281 13.664062h8.457031l7.109375 28.671876h-6.875l-1.582031-6.992188h-5.761719l-1.582031 6.992188h-6.855469l7.089844-28.671876zm4.238281 8.75c-0.208333 1.002605-0.761719 3.509115-1.660156 7.519532h3.359375l-1.699219-7.519532z" fill="#fff"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve">
<g>
<g>
<path fill="#FFFFFF" d="M18.914,14.579l-1.682,5.308h3.405l-1.67-5.308H18.914z M18.531,3.029c-8.562,0-15.501,6.94-15.501,15.5
c0,8.563,6.939,15.502,15.501,15.502S34.03,27.091,34.03,18.529C34.03,9.97,27.091,3.029,18.531,3.029z M22.227,24.925
l-0.919-2.913h-4.741l-0.918,2.913h-2.735l4.646-13.509h2.774l4.629,13.509H22.227z"/>
</g>
</g>
<g opacity="0">
<path fill="#FFFFFF" d="M36.961,0.1v36.861H0.1V0.1H36.961 M37.061,0H0v37.06h37.061V0L37.061,0z"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 965 B

After

Width:  |  Height:  |  Size: 583 B

24
resources/help/button_b.svg
View file

@ -1,21 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<svg version="1.1" id="B" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="button_b" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-8.242188 13.78125h7.890626c3.177083 0 5.488281 0.592448 6.933593 1.777344 1.445313 1.184896 2.167969 3.072916 2.167969 5.664062 0 1.653646-0.390625 3.072917-1.171875 4.257813-0.533854 0.846354-1.302083 1.458333-2.304687 1.835937 1.393229 0.533854 2.408854 1.341146 3.046874 2.421875 0.651042 1.067709 0.976563 2.447917 0.976563 4.140625 0 2.630209-0.761719 4.694011-2.285156 6.191406-1.510417 1.484376-3.541667 2.239584-6.09375 2.265626h-9.160157v-28.554688zm6.503907 5.292969v5.859375h1.542969c0.768229 0 1.315104-0.247396 1.640624-0.742188 0.325521-0.507812 0.488282-1.263021 0.488282-2.265625 0-1.015625-0.188802-1.744791-0.566406-2.1875-0.364584-0.442708-0.950521-0.664062-1.757813-0.664062h-1.347656zm0 10.996093v6.914063h1.777343c1.5625 0 2.34375-1.204427 2.34375-3.613281 0-2.200521-0.807291-3.300782-2.421874-3.300782h-1.699219z" fill="#fff"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve">
<g>
<g>
<path fill="#FFFFFF" d="M19.47,18.949h-2.699v3.887h2.496c0.717,0,1.267-0.154,1.644-0.467c0.378-0.313,0.563-0.772,0.563-1.385
c0-0.659-0.16-1.165-0.48-1.513C20.671,19.124,20.163,18.949,19.47,18.949z M20.389,16.63c0.39-0.297,0.585-0.729,0.585-1.299
c0-0.625-0.197-1.086-0.59-1.383s-0.979-0.445-1.758-0.445h-1.855v3.572h1.948C19.442,17.075,19.999,16.927,20.389,16.63z
M18.53,3.031c-8.561,0-15.5,6.938-15.5,15.5c0,8.56,6.939,15.5,15.5,15.5c8.563,0,15.5-6.939,15.5-15.5
C34.03,9.969,27.091,3.031,18.53,3.031z M22.894,23.927c-0.854,0.665-2.063,0.997-3.627,0.997h-5.205V11.416h4.564
c1.59,0,2.83,0.31,3.721,0.929c0.891,0.617,1.336,1.543,1.336,2.773c0,0.625-0.166,1.184-0.496,1.674
c-0.332,0.492-0.813,0.86-1.441,1.108c0.811,0.174,1.418,0.544,1.821,1.113c0.405,0.568,0.607,1.229,0.607,1.977
C24.174,22.283,23.747,23.262,22.894,23.927z"/>
</g>
</g>
<g opacity="0">
<path fill="#FFFFFF" d="M36.961,0.1v36.861H0.1V0.1H36.961 M37.061,0H0v37.06h37.061V0L37.061,0z"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

5
resources/help/button_circle.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="circle" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm0 9c10.47 0 19 8.5303 19 19s-8.5303 19-19 19-19-8.5303-19-19 8.5303-19 19-19zm0 4c-8.308 0-15 6.692-15 15s6.692 15 15 15 15-6.692 15-15-6.692-15-15-15z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 502 B

5
resources/help/button_cross.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_xing" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-14.021 11.98a2.0002 2.0002 0 0 1 1.4355 0.60547l12.586 12.586 12.586-12.586a2.0002 2.0002 0 0 1 1.375-0.60547 2.0002 2.0002 0 0 1 1.4531 3.4336l-12.586 12.586 12.586 12.586a2.0002 2.0002 0 1 1-2.8281 2.8281l-12.586-12.586-12.586 12.586a2.0002 2.0002 0 1 1-2.8281-2.8281l12.586-12.586-12.586-12.586a2.0002 2.0002 0 0 1 1.3926-3.4336z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 689 B

25
resources/help/button_hotkey.svg
View file

@ -1,22 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 13.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 14948) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline" d="M12,4 L52,4 A8,8 90 0,1 60,12 L60,52 A8,8 90 0,1 52,60 L12,60 A8,8 90 0,1 4,52 L4,12 A8,8 90 0,1 12,4Z" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="button_hotkey" d="m12 4a8 8 0 0 0-8 8v40a8 8 0 0 0 8 8h40a8 8 0 0 0 8-8v-40a8 8 0 0 0-8-8h-40zm21.039062 12.302734c2.205868 0 3.894744 0.634451 5.066407 1.904297 1.171662 1.269847 1.757812 3.095918 1.757812 5.478516 0 2.376053-0.58937 4.204077-1.767578 5.480469s-2.867085 1.914062-5.066406 1.914062c-2.199322 0-3.888198-0.63767-5.066406-1.914062s-1.767579-3.110857-1.767579-5.5c0-2.389144 0.589371-4.211995 1.767579-5.46875 1.184753-1.263301 2.87685-1.894532 5.076171-1.894532zm-21.039062 0.226563h3.042969v5.625h5.685547v-5.625h3.033203v14.353515h-3.033203v-6.195312h-5.685547v6.195312h-3.042969v-14.353515zm29.160156 0h10.839844v2.533203h-3.898438v11.820312h-3.042968v-11.820312h-3.898438v-2.533203zm-8.111328 2.306641c-1.210936 0-2.122995 0.410315-2.738281 1.228515-0.615286 0.811654-0.923828 2.017422-0.923828 3.621094 0 3.22698 1.21416 4.841797 3.642578 4.841797 2.428417 0 3.642578-1.614817 3.642578-4.841797 0-3.233526-1.207721-4.84961-3.623047-4.849609zm-21.048828 14.505859h3.425781v6.568359l1.34961-1.6875 4.376953-4.880859h3.800781l-5.636719 6.353515 5.681641 8.001954h-3.890625l-4.232422-6.048828-1.449219 0.923828v5.125h-3.425781v-14.355469zm15.125 0h9.306641v2.494141h-5.878907v3.152343h5.458985v2.494141h-5.458985v3.701172h5.878907v2.513672h-9.306641v-14.355469zm10.75 0h3.712891l3.349609 5.912109 3.371094-5.912109h3.691406l-5.361328 8.767578v5.587891h-3.404297v-5.488282l-5.359375-8.867187z" fill="#fff"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve">
<g>
<g>
<path fill="#FFFFFF" d="M19.165,10.469c-0.752,0-1.36,0.243-1.822,0.727c-0.461,0.485-0.691,1.216-0.691,2.194
c0,0.961,0.237,1.691,0.71,2.187c0.473,0.497,1.075,0.745,1.803,0.745c0.729,0,1.329-0.247,1.795-0.739
c0.468-0.492,0.702-1.231,0.702-2.216c0-0.973-0.229-1.7-0.683-2.179C20.525,10.708,19.921,10.469,19.165,10.469z M28.758,1.565
H8.111c-3.601,0-6.52,2.919-6.52,6.52v20.646c0,3.603,2.919,6.521,6.52,6.521h20.647c3.602,0,6.521-2.918,6.521-6.521V8.085
C35.279,4.485,32.36,1.565,28.758,1.565z M6.008,9.148h1.828v3.343h3.583V9.148h1.829v8.494h-1.829v-3.714H7.836v3.714H6.008
V9.148z M11.827,28.508l-2.49-3.986L7.855,25.94v2.568H6.026v-8.494h1.829v3.771l3.694-3.771h2.459l-3.41,3.309l3.595,5.186
H11.827z M22.026,28.508h-6.887v-8.494h6.715v1.437h-4.886v1.883h4.545v1.433h-4.545v2.31h5.058V28.508z M19.172,17.787
c-1.346,0-2.417-0.385-3.212-1.156c-0.794-0.771-1.192-1.832-1.192-3.184c0-0.866,0.138-1.592,0.414-2.179
c0.206-0.433,0.487-0.821,0.843-1.165c0.357-0.343,0.747-0.598,1.171-0.765c0.564-0.224,1.215-0.336,1.952-0.336
c1.335,0,2.402,0.389,3.203,1.165c0.8,0.776,1.201,1.856,1.201,3.239c0,1.372-0.396,2.444-1.192,3.219
C21.566,17.4,20.502,17.787,19.172,17.787z M27.778,24.945v3.563h-1.823v-3.573l-3.317-4.921h2.144l2.132,3.36L29,20.014h2.106
L27.778,24.945z M31.527,10.585h-2.681v7.057h-1.828v-7.057h-2.687V9.148h7.195V10.585z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

16
resources/help/button_l.svg
View file

@ -1,13 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline" d="M15,19 L49,19 A13,13 90 0,1 62,32 A13,13 90 0,1 49,45 L15,45 A13,13 90 0,1 2,32 A13,13 90 0,1 15,19 Z" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="button_l" d="m15 19a13 13 0 0 0-13 13 13 13 0 0 0 13 13h34a13 13 0 0 0 13-13 13 13 0 0 0-13-13h-34zm12.804688 4.433594h4.101562v13.921875h4.289062v3.210937h-8.390624v-17.132812z" fill="#fff"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M29.254,11.526c3.478,0,6.307,3.14,6.307,6.997c0,3.866-2.829,7.011-6.307,7.011H7.76
c-3.452-0.03-6.26-3.177-6.26-7.011c0-3.828,2.808-6.966,6.247-6.997H29.254 M29.254,10.026c-0.021,0-21.507,0-21.507,0
C3.466,10.064,0,13.846,0,18.523c0,4.678,3.466,8.473,7.747,8.511c0,0,21.483,0,21.507,0c4.313,0,7.807-3.812,7.807-8.511
S33.566,10.026,29.254,10.026L29.254,10.026z"/>
</g>
<polygon fill="#FFFFFF" points="15.92,22.212 21.141,22.212 21.141,20.85 17.543,20.85 17.543,14.833 15.92,14.833 "/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,013 B

After

Width:  |  Height:  |  Size: 544 B

79
resources/help/button_lr.svg
View file

@ -1,69 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0,-16)">
<path id="outline_l" d="M15,19 L49,19 A13,13 90 0,1 62,32 A13,13 90 0,1 49,45 L15,45 A13,13 90 0,1 2,32 A13,13 90 0,1 15,19 Z" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path id="button_l" d="m15 19a13 13 0 0 0-13 13 13 13 0 0 0 13 13h34a13 13 0 0 0 13-13 13 13 0 0 0-13-13h-34zm12.804688 4.433594h4.101562v13.921875h4.289062v3.210937h-8.390624v-17.132812z" fill="#fff"/>
</g>
<g transform="translate(0,+16)">
<path id="outline_r" d="M15,19 L49,19 A13,13 90 0,1 62,32 A13,13 90 0,1 49,45 L15,45 A13,13 90 0,1 2,32 A13,13 90 0,1 15,19 Z" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path id="button_r" d="m15 19a13 13 0 0 0-13 13 13 13 0 0 0 13 13h34a13 13 0 0 0 13-13 13 13 0 0 0-13-13h-34zm12.330078 4.433594h4.546875c1.882813 0 3.273438 0.425781 4.171875 1.277344 0.898438 0.851562 1.347656 2.15625 1.347656 3.914062 0 2.039062-0.699218 3.519531-2.097656 4.441406l3.28125 7.5h-4.324219l-2.625-6.46875h-0.210937v6.46875h-4.089844v-17.132812zm4.089844 3.175781v4.324219h0.304687c0.539063 0 0.929688-0.183594 1.171875-0.550782 0.25-0.367187 0.375-0.921874 0.375-1.664062 0-0.75-0.128906-1.289062-0.386718-1.617188-0.25-0.328124-0.644532-0.492187-1.183594-0.492187h-0.28125z" fill="#fff"/>
</g>
<svg </svg>
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="_x30_"
x="0px"
y="0px"
width="37.061px"
height="37.061px"
viewBox="0 0 37.061 37.061"
enable-background="new 0 0 37.061 37.061"
xml:space="preserve"
sodipodi:docname="button_lr.svg"
inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"><metadata
id="metadata3786"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs3784" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1680"
inkscape:window-height="1050"
id="namedview3782"
showgrid="false"
showguides="false"
inkscape:pagecheckerboard="true"
inkscape:zoom="11.313709"
inkscape:cx="14.821546"
inkscape:cy="23.788243"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="_x30_"><inkscape:grid
type="xygrid"
id="grid3879" /></sodipodi:namedview><g
id="g3777"
transform="translate(0,-10)"><path
d="m 29.254,11.526 c 3.478,0 6.307,3.14 6.307,6.997 0,3.866 -2.829,7.011 -6.307,7.011 H 7.76 C 4.308,25.504 1.5,22.357 1.5,18.523 c 0,-3.828 2.808,-6.966 6.247,-6.997 h 21.507 m 0,-1.5 c -0.021,0 -21.507,0 -21.507,0 C 3.466,10.064 0,13.846 0,18.523 c 0,4.678 3.466,8.473 7.747,8.511 0,0 21.483,0 21.507,0 4.313,0 7.807,-3.812 7.807,-8.511 0,-4.699 -3.495,-8.497 -7.807,-8.497 z"
id="path3775"
inkscape:connector-curvature="0"
style="fill:#ffffff" /></g><polygon
points="21.141,22.212 21.141,20.85 17.543,20.85 17.543,14.833 15.92,14.833 15.92,22.212 "
id="polygon3779"
transform="translate(0,-10)"
style="fill:#ffffff" /><path
inkscape:connector-curvature="0"
style="fill:#ffffff"
d="m 16.97907,26.118344 h 1.779 c 0.722,0 1.117,0.312 1.117,1.022 0,0.747 -0.396,1.06 -1.117,1.06 h -1.779 z m -1.62,6.126 h 1.62 v -2.886 h 1.625 c 0.816,0 1.117,0.342 1.23,1.118 0.082,0.589 0.061,1.304 0.258,1.769 h 1.621 c -0.289,-0.414 -0.279,-1.28 -0.313,-1.748 -0.051,-0.744 -0.275,-1.521 -1.07,-1.728 0,0 1.166,-0.303 1.166,-1.873 0,-1.118 -0.838,-2.036 -2.16,-2.036 h -3.979 z"
id="path3845" /><g
transform="translate(0.00606965,10.032344)"
id="g3849"><path
style="fill:#ffffff"
inkscape:connector-curvature="0"
d="m 29.254,11.526 c 3.478,0 6.307,3.14 6.307,6.996 0,3.866 -2.829,7.012 -6.307,7.012 H 7.76 C 4.308,25.504 1.5,22.357 1.5,18.522 c 0,-3.827 2.808,-6.966 6.247,-6.996 h 21.507 m 0,-1.5 c -0.021,0 -21.507,0 -21.507,0 C 3.466,10.063 0,13.846 0,18.522 c 0,4.679 3.466,8.473 7.747,8.512 0,0 21.483,0 21.507,0 4.313,0 7.807,-3.812 7.807,-8.512 0,-4.699 -3.495,-8.496 -7.807,-8.496 z"
id="path3847" /></g></svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

6
resources/help/button_lt.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<path id="outline" d="M62,19 L62,32 A13,13 90 0,1 49,45 L15,45 A13,13 90 0,1 2,32 L2,19" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<line id="outline2" x1="1" y1="19" x2="63" y2="19" stroke="#fff" stroke-width="2"/>
<path id="button_lt" d="m2 19v13a13 13 0 0 0 13 13h34a13 13 0 0 0 13-13v-13h-60zm19.939453 4.433594h4.101563v13.921875h4.289062v3.210937h-8.390625v-17.132812zm9.667969 0h10.453125v3.222656h-3.1875v13.910156h-4.078125v-13.910156h-3.1875v-3.222656z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 652 B

19
resources/help/button_r.svg
View file

@ -1,16 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline" d="M15,19 L49,19 A13,13 90 0,1 62,32 A13,13 90 0,1 49,45 L15,45 A13,13 90 0,1 2,32 A13,13 90 0,1 15,19 Z" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="button_r" d="m15 19a13 13 0 0 0-13 13 13 13 0 0 0 13 13h34a13 13 0 0 0 13-13 13 13 0 0 0-13-13h-34zm12.330078 4.433594h4.546875c1.882813 0 3.273438 0.425781 4.171875 1.277344 0.898438 0.851562 1.347656 2.15625 1.347656 3.914062 0 2.039062-0.699218 3.519531-2.097656 4.441406l3.28125 7.5h-4.324219l-2.625-6.46875h-0.210937v6.46875h-4.089844v-17.132812zm4.089844 3.175781v4.324219h0.304687c0.539063 0 0.929688-0.183594 1.171875-0.550782 0.25-0.367187 0.375-0.921874 0.375-1.664062 0-0.75-0.128906-1.289062-0.386718-1.617188-0.25-0.328124-0.644532-0.492187-1.183594-0.492187h-0.28125z" fill="#fff"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve">
<path fill="#FFFFFF" d="M16.973,16.086h1.779c0.722,0,1.117,0.312,1.117,1.022c0,0.747-0.396,1.06-1.117,1.06h-1.779V16.086z
M15.353,22.212h1.62v-2.886h1.625c0.816,0,1.117,0.342,1.23,1.118c0.082,0.589,0.061,1.304,0.258,1.769h1.621
c-0.289-0.414-0.279-1.28-0.313-1.748c-0.051-0.744-0.275-1.521-1.07-1.728c0,0,1.166-0.303,1.166-1.873
c0-1.118-0.838-2.036-2.16-2.036h-3.979L15.353,22.212L15.353,22.212z"/>
<g>
<path fill="#FFFFFF" d="M29.254,11.526c3.478,0,6.307,3.14,6.307,6.996c0,3.866-2.829,7.012-6.307,7.012H7.76
c-3.452-0.03-6.26-3.177-6.26-7.012c0-3.827,2.808-6.966,6.247-6.996H29.254 M29.254,10.026c-0.021,0-21.507,0-21.507,0
C3.466,10.063,0,13.846,0,18.522c0,4.679,3.466,8.473,7.747,8.512c0,0,21.483,0,21.507,0c4.313,0,7.807-3.812,7.807-8.512
C37.061,13.823,33.566,10.026,29.254,10.026L29.254,10.026z"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 948 B

6
resources/help/button_rt.svg Normal file
View file

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<path id="outline" d="M62,19 L62,32 A13,13 90 0,1 49,45 L15,45 A13,13 90 0,1 2,32 L2,19" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<line id="outline2" x1="1" y1="19" x2="63" y2="19" stroke="#fff" stroke-width="2"/>
<path id="button_rt" d="m2 19v13a13 13 0 0 0 13 13h34a13 13 0 0 0 13-13v-13h-60zm19.119141 4.433594h4.546875c1.882812 0 3.273437 0.425781 4.171875 1.277344 0.898437 0.851562 1.347656 2.15625 1.347656 3.914062 0 2.039062-0.699219 3.519531-2.097656 4.441406l3.28125 7.5h-4.324219l-2.625-6.46875h-0.210938v6.46875h-4.089843v-17.132812zm11.308593 0h10.453125v3.222656h-3.1875v13.910156h-4.078125v-13.910156h-3.1875v-3.222656zm-7.21875 3.175781v4.324219h0.304688c0.539062 0 0.929687-0.183594 1.171875-0.550782 0.25-0.367187 0.375-0.921874 0.375-1.664062 0-0.75-0.128906-1.289062-0.386719-1.617188-0.25-0.328124-0.644531-0.492187-1.183594-0.492187h-0.28125z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

35
resources/help/button_select.svg
View file

@ -1,25 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline" d="m2 42a7 7 0 0 1 7-7h46a7 7 0 0 1 7 7 7 7 0 0 1-7 7h-46a7 7 0 0 1-7-7z" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <g id ="label_select" fill="#fff">
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path d="m7.5908203 26.665543q0.5175781 0 0.7910156-0.341797 0.2734375-0.351563 0.2734375-0.84961 0-0.507812-0.1464843-0.859375-0.1464844-0.361328-0.4296875-0.664062-0.2832032-0.302735-0.5371094-0.498047-0.2441406-0.205078-0.6152344-0.46875-1.2792969-0.898438-1.8945312-1.894531-0.6054688-0.996094-0.6054688-2.353516 0-1.875 1.1230469-2.96875 1.1328125-1.103516 2.9199219-1.103516t3.5253904 1.044922l-1.044922 2.509766q-0.05859-0.0293-0.302734-0.15625-0.244141-0.136719-0.3125-0.166016-0.06836-0.03906-0.283203-0.136718-0.2148439-0.107422-0.3027346-0.146485l-0.2636718-0.09766q-0.4296875-0.166016-0.8300782-0.166016-0.390625 0-0.625 0.361328-0.2246093 0.351563-0.2246093 0.859375 0 0.498047 0.1269531 0.830079 0.1269531 0.332031 0.390625 0.615234 0.4492187 0.46875 1.1035156 0.898437 1.2988282 0.878907 1.9531252 1.855469 0.664062 0.966797 0.664062 2.333985 0 2.041015-1.09375 3.134765-1.0937497 1.083985-3.1152341 1.083985-2.0117187 0-3.515625-0.84961v-3.203125q2.1289063 1.396485 3.2714844 1.396485z"/>
<g> <path d="m21.125977 17.505386h-3.66211v2.88086h3.398438v2.65625h-3.398438v3.417968h3.66211v2.675782h-7.080079v-14.277344h7.080079z"/>
<g> <path d="m26.838867 26.460464h3.574219v2.675782h-6.992188v-14.277344h3.417969z"/>
<path fill="#FFFFFF" d="M33.217,19.118H3.845C1.722,19.118,0,20.89,0,23.075s1.722,3.957,3.845,3.957h29.372 <path d="m39.602539 17.505386h-3.662109v2.88086h3.398437v2.65625h-3.398437v3.417968h3.662109v2.675782h-7.080078v-14.277344h7.080078z"/>
c2.123,0,3.844-1.771,3.844-3.957C37.061,20.889,35.34,19.118,33.217,19.118z"/> <path d="m46.643555 29.321793q-1.181641 0-2.109375-0.400391-0.917969-0.410156-1.503907-1.083984-0.585937-0.673829-0.966796-1.63086-0.69336-1.738281-0.69336-4.189453 0-1.933594 0.488281-3.564453 0.488282-1.650391 1.660157-2.714844 1.210937-1.074219 3.164062-1.074219 0.859375 0 1.650391 0.253907 0.800781 0.253906 1.728515 0.849609l-0.976562 2.412109q-0.07813-0.07813-0.380859-0.253906-0.302735-0.185547-0.556641-0.292969-0.673828-0.302734-1.259766-0.302734-0.576172 0-0.947265 0.341797-0.371094 0.332031-0.576172 0.820312-0.205078 0.488282-0.322266 1.171875-0.205078 1.103516-0.205078 2.373047 0 4.609375 2.099609 4.609375 0.917969 0 2.72461-1.035156v2.880859q-1.279297 0.830079-3.017578 0.830079z"/>
</g> <path d="m59.680664 17.544449h-2.65625v11.591797h-3.398437v-11.591797h-2.65625v-2.685547h8.710937z"/>
</g> </g>
<path fill="#FFFFFF" d="M33.757,15.549h1.186V9.474h2.124V8.345h-5.433v1.128h2.123V15.549z M30.855,11.007
c-0.126-1.554-1.141-2.864-3.087-2.864c-2.225,0-3.162,1.773-3.162,3.805c0,2.026,0.979,3.804,3.021,3.804
c2.328,0,3.063-1.521,3.229-2.958h-1.28c-0.099,0.757-0.51,1.829-1.743,1.829c-1.175,0-1.988-1.042-1.988-2.546
c0-1.877,0.813-2.808,1.908-2.808c0.999,0,1.704,0.646,1.823,1.737L30.855,11.007L30.855,11.007z M18.659,15.549h4.973V14.42h-3.786
v-1.998h3.573v-1.129h-3.573V9.474h3.721V8.345H18.66L18.659,15.549L18.659,15.549z M12.979,15.549h4.625v-1.188h-3.437V8.345
h-1.188V15.549z M6.714,15.549h4.974V14.42H7.902v-1.998h3.572v-1.129H7.902V9.474h3.726V8.345H6.714V15.549z M0.149,10.372
c0,2.955,4.167,1.398,4.167,3.186c0,0.792-0.673,1.064-1.395,1.064c-0.976,0-1.591-0.456-1.624-1.407H0.015
C0.03,14.73,0.846,15.75,2.882,15.75c1.205,0,2.716-0.484,2.716-2.343c0-3.077-4.213-1.455-4.213-3.146
c0-0.677,0.523-0.991,1.313-0.991c0.99,0,1.388,0.605,1.428,1.163H5.41c-0.152-2.091-1.896-2.29-2.767-2.29
C1.266,8.143,0.149,8.767,0.149,10.372"/>
<g opacity="0">
<path fill="#FFFFFF" d="M36.961,0.1v36.861H0.1V0.1H36.961 M37.061,0H0v37.06h37.061V0L37.061,0z"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

5
resources/help/button_square.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_square" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-14 12h28a2.0002 2.0002 0 0 1 2 2v28a2.0002 2.0002 0 0 1-2 2h-28a2.0002 2.0002 0 0 1-2-2v-28a2.0002 2.0002 0 0 1 2-2zm2 4v24h24v-24h-24z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 494 B

31
resources/help/button_start.svg
View file

@ -1,22 +1,11 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline" d="m2 42a7 7 0 0 1 7-7h46a7 7 0 0 1 7 7 7 7 0 0 1-7 7h-46a7 7 0 0 1-7-7z" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <g id="label_start" fill="#fff">
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path d="m11.02832 26.665543q0.517578 0 0.791016-0.341797 0.273437-0.351563 0.273437-0.84961 0-0.507812-0.146484-0.859375-0.146484-0.361328-0.429687-0.664062-0.283204-0.302735-0.53711-0.498047-0.24414-0.205078-0.615234-0.46875-1.2792971-0.898438-1.8945314-1.894531-0.6054688-0.996094-0.6054688-2.353516 0-1.875 1.1230469-2.96875 1.1328123-1.103516 2.9199223-1.103516 1.787109 0 3.52539 1.044922l-1.044922 2.509766q-0.05859-0.0293-0.302734-0.15625-0.244141-0.136719-0.3125-0.166016-0.06836-0.03906-0.283203-0.136718-0.214844-0.107422-0.302735-0.146485l-0.263671-0.09766q-0.429688-0.166016-0.830079-0.166016-0.390625 0-0.625 0.361328-0.224609 0.351563-0.224609 0.859375 0 0.498047 0.126953 0.830079 0.126953 0.332031 0.390625 0.615234 0.449219 0.46875 1.103516 0.898437 1.298828 0.878907 1.953125 1.855469 0.664062 0.966797 0.664062 2.333985 0 2.041015-1.09375 3.134765-1.09375 1.083985-3.115234 1.083985-2.0117188 0-3.5156251-0.84961v-3.203125q2.1289063 1.396485 3.2714841 1.396485z"/>
<path fill="#FFFFFF" d="M33.065,15.548h1.438V9.471h2.563v-1.13h-6.563v1.13h2.563L33.065,15.548L33.065,15.548z M24.351,11.573 <path d="m25.149414 17.544449h-2.65625v11.591797h-3.398437v-11.591797h-2.65625v-2.685547h8.710937z"/>
V9.471h2.482c0.755,0,1.226,0.292,1.226,1.039c0,0.808-0.432,1.063-1.226,1.063H24.351z M22.917,15.548h1.434v-2.846h2.443 <path d="m36.760742 29.136246h-3.4375l-0.791015-3.496094h-2.88086l-0.791015 3.496094h-3.427735l3.544922-14.335938h4.228516zm-4.814453-6.201172-0.849609-3.759766q-0.15625 0.751953-0.830078 3.759766z"/>
c1.053,0,1.188,0.727,1.188,1.755c0,0.526,0.068,0.89,0.174,1.091h1.552c-0.281-0.395-0.29-1.199-0.29-1.546 <path d="m38.108398 14.858902h3.789063q2.353516 0 3.476562 1.064453 1.123047 1.064453 1.123047 3.261719 0 2.548828-1.748047 3.701172l2.734375 6.25h-3.603515l-2.1875-5.390625h-0.175781v5.390625h-3.408204zm3.408204 2.646484v3.603516h0.253906q0.673828 0 0.976562-0.458984 0.3125-0.458985 0.3125-1.386719 0-0.9375-0.322265-1.347656-0.3125-0.410157-0.986328-0.410157z"/>
c0-1.019-0.18-1.766-0.994-1.945v-0.021c0.643-0.211,1.128-0.797,1.128-1.737c0-1.119-0.563-1.954-2.305-1.954h-4.327L22.917,15.548 <path d="m56.243164 17.544449h-2.65625v11.591797h-3.398437v-11.591797h-2.65625v-2.685547h8.710937z"/>
L22.917,15.548z M14.032,15.548h1.551l0.708-1.786h3.217l0.718,1.786h1.603l-3.045-7.207h-1.704L14.032,15.548z M16.723,12.632 </g>
L17.91,9.59l1.168,3.042H16.723z M9.992,15.548h1.434V9.471h2.567v-1.13H7.425v1.13h2.567V15.548z M0.187,10.368
c0,2.956,5.036,1.4,5.036,3.188c0,0.792-0.813,1.064-1.684,1.064c-1.179,0-1.923-0.456-1.963-1.407H0.026
c0.021,1.516,1.005,2.538,3.469,2.538c1.455,0,3.28-0.486,3.28-2.345c0-3.079-5.093-1.454-5.093-3.148
c0-0.676,0.632-0.988,1.589-0.988c1.196,0,1.676,0.604,1.726,1.161h1.551c-0.185-2.093-2.29-2.292-3.345-2.292
C1.536,8.139,0.187,8.762,0.187,10.368"/>
<g>
<g>
<path fill="#FFFFFF" d="M33.217,19.118H3.845C1.722,19.118,0,20.89,0,23.075s1.722,3.957,3.845,3.957h29.372
c2.123,0,3.844-1.771,3.844-3.957C37.061,20.889,35.34,19.118,33.217,19.118z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

5
resources/help/button_triangle.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_triangle" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-0.052734 7a2.0002 2.0002 0 0 1 1.8105 1.0449l15.934 29.35a2.0002 2.0002 0 0 1-1.7559 2.9531h-31.871a2.0002 2.0002 0 0 1-1.7559-2.9531l15.934-29.35a2.0002 2.0002 0 0 1 1.7051-1.0449zm0.052734 6.1914-12.572 23.156h25.145l-12.572-23.156z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 595 B

19
resources/help/button_x.svg
View file

@ -1,16 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="button_x" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-9.736328 13.722656h6.875l2.929687 7.265625 2.539063-7.265625h7.109375l-6.035156 13.945313 6.523437 14.609375h-7.050781l-3.28125-8.144532-3.007813 8.144532h-7.070312l6.523437-14.824219-6.054687-13.730469z" fill="#fff"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve">
<g>
<g>
<path fill="#FFFFFF" d="M18.53,3.029c-8.561,0-15.5,6.94-15.5,15.5c0,8.563,6.939,15.502,15.5,15.502
c8.563,0,15.5-6.939,15.5-15.502C34.03,9.97,27.091,3.029,18.53,3.029z M21.465,24.925l-2.607-4.87l-2.604,4.87h-3.164l4.11-6.811
l-4.01-6.698h3.138l2.493,4.787l2.533-4.787h3.154L20.5,18.115l4.24,6.811H21.465z"/>
</g>
</g>
<g opacity="0">
<path fill="#FFFFFF" d="M36.961,0.1v36.861H0.1V0.1H36.961 M37.061,0H0v37.06h37.061V0L37.061,0z"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 949 B

After

Width:  |  Height:  |  Size: 557 B

19
resources/help/button_y.svg
View file

@ -1,16 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <circle id="outline" cx="32" cy="32" r="28" fill="none" stroke="#fff" stroke-width="2"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="button_y" d="m32 4a28 28 0 0 0-28 28 28 28 0 0 0 28 28 28 28 0 0 0 28-28 28 28 0 0 0-28-28zm-10.107422 13.722656h7.148438l2.988281 8.847656c0.963542-2.82552 1.953125-5.774739 2.96875-8.847656h7.109375l-6.738281 17.03125v11.523438h-6.757813v-11.328125l-6.71875-17.226563z" fill="#fff"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve">
<g>
<g>
<path fill="#FFFFFF" d="M18.53,3.029c-8.561,0-15.5,6.94-15.5,15.5c0,8.562,6.939,15.502,15.5,15.502
c8.563,0,15.5-6.94,15.5-15.502C34.03,9.97,27.091,3.029,18.53,3.029z M20.102,20.174v4.75h-2.7v-4.89l-4.555-8.618h2.969
l2.95,6.226h0.056l2.95-6.226h2.971L20.102,20.174z"/>
</g>
</g>
<g opacity="0">
<path fill="#FFFFFF" d="M36.961,0.1v36.861H0.1V0.1H36.961 M37.061,0H0v37.06h37.061V0L37.061,0z"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 911 B

After

Width:  |  Height:  |  Size: 531 B

8
resources/help/buttons_east.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline_east" cx="50" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_south" cx="32" cy="50" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_north" cx="32" cy="14" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_west" cx="14" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_east" d="m50 22a10 10 0 0 0-10 10 10 10 0 0 0 10 10 10 10 0 0 0 10-10 10 10 0 0 0-10-10zm-1.695312 4.265625h3.382812l2.84375 11.46875h-2.75l-0.632812-2.796875h-2.304688l-0.632812 2.796875h-2.742188l2.835938-11.46875zm1.695312 3.5c-0.083333 0.401042-0.304687 1.403646-0.664062 3.007813h1.34375l-0.679688-3.007813z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 872 B

8
resources/help/buttons_north.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline_east" cx="50" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_south" cx="32" cy="50" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_north" cx="32" cy="14" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_west" cx="14" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_north" d="m32 4a10 10 0 0 0-10 10 10 10 0 0 0 10 10 10 10 0 0 0 10-10 10 10 0 0 0-10-10zm-3.894531 4.2890625h2.75l1.171875 2.9062495 1.015625-2.9062495h2.84375l-2.414063 5.5781255 2.609375 5.84375h-2.820312l-1.3125-3.257813-1.203125 3.257813h-2.828125l2.609375-5.929688-2.421875-5.4921875z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 849 B

8
resources/help/buttons_south.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline_east" cx="50" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_south" cx="32" cy="50" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_north" cx="32" cy="14" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_west" cx="14" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_south" d="m32 40a10 10 0 0 0-10 10 10 10 0 0 0 10 10 10 10 0 0 0 10-10 10 10 0 0 0-10-10zm-3.507812 4.289062h3.15625c1.270833 0 2.195312 0.23698 2.773437 0.710938s0.867187 1.229167 0.867187 2.265625c0 0.661458-0.15625 1.229167-0.46875 1.703125-0.213541 0.338542-0.520833 0.583333-0.921874 0.734375 0.557291 0.213542 0.963541 0.536458 1.21875 0.96875 0.260416 0.427083 0.390624 0.979167 0.390624 1.65625 0 1.052083-0.304687 1.877604-0.914062 2.476563-0.604167 0.59375-1.416667 0.895833-2.4375 0.90625h-3.664062v-11.421876zm2.601562 2.117188v2.34375h0.617188c0.307291 0 0.526041-0.098958 0.65625-0.296875 0.130208-0.203125 0.195312-0.505208 0.195312-0.90625 0-0.40625-0.075521-0.697917-0.226562-0.875-0.145834-0.177083-0.380209-0.265625-0.703126-0.265625h-0.539062zm0 4.398438v2.765624h0.710938c0.625 0 0.9375-0.48177 0.9375-1.445312 0-0.880208-0.322917-1.320312-0.96875-1.320312h-0.679688z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

8
resources/help/buttons_west.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<circle id="outline_east" cx="50" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_south" cx="32" cy="50" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_north" cx="32" cy="14" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<circle id="outline_west" cx="14" cy="32" r="10" fill="none" stroke="#fff" stroke-width="2"/>
<path id="button_west" d="m14 22a10 10 0 0 0-10 10 10 10 0 0 0 10 10 10 10 0 0 0 10-10 10 10 0 0 0-10-10zm-4.0429688 4.289062h2.8593748l1.195313 3.539063c0.385416-1.130208 0.78125-2.309896 1.1875-3.539063h2.84375l-2.695313 6.8125v4.609376h-2.703125v-4.53125l-2.6874998-6.890626z" fill="#fff"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 821 B

63
resources/help/dpad_all.svg
View file

@ -1,53 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path fill="#FFFFFF" d="M22.085,37.058h-7.111c-2.289,0-3.119-1.866-3.119-3.121v-8.732H3.121C0.831,25.205,0,23.339,0,22.084 <polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
v-7.11c0-2.289,1.867-3.12,3.121-3.12h8.734V3.121c0-2.29,1.865-3.121,3.119-3.121h7.111c2.29,0,3.121,1.867,3.121,3.121v8.733 <circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
h8.731c1.201,0,2.154,0.525,2.684,1.48c0.207,0.375,0.456,1.112,0.429,1.639h0.008v7.11c0,2.29-1.866,3.121-3.121,3.121h-8.731
v8.732C25.206,36.227,23.34,37.058,22.085,37.058z M3.121,13.353C2.745,13.359,1.5,13.492,1.5,14.973v7.11
c0.006,0.376,0.139,1.621,1.621,1.621h10.233v10.232c0.005,0.376,0.139,1.621,1.619,1.621h7.108
c0.384-0.006,1.624-0.142,1.624-1.621V23.705h10.231c0.376-0.006,1.621-0.14,1.621-1.621v-7.121
c-0.005-0.287-0.112-1.609-1.62-1.609H23.707V3.121C23.701,2.745,23.568,1.5,22.086,1.5h-7.111
c-0.376,0.006-1.619,0.139-1.619,1.621v10.232H3.121z"/>
</g>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M18.531,22.181c-2.012,0-3.649-1.638-3.649-3.651c0-2.013,1.637-3.65,3.649-3.65
c2.013,0,3.65,1.638,3.65,3.65C22.181,20.544,20.543,22.181,18.531,22.181z M18.531,16.38c-1.185,0-2.149,0.965-2.149,2.15
c0,1.187,0.964,2.151,2.149,2.151c1.186,0,2.15-0.965,2.15-2.151C20.681,17.344,19.716,16.38,18.531,16.38z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,3.183l-3.005,4.684h6.012L18.53,3.183z"/>
<path fill="#FFFFFF" d="M21.536,8.617h-6.012c-0.274,0-0.526-0.15-0.658-0.39c-0.131-0.241-0.121-0.534,0.027-0.765l3.005-4.684
c0.276-0.431,0.987-0.43,1.262,0l3.007,4.684c0.148,0.231,0.159,0.524,0.027,0.765C22.063,8.467,21.811,8.617,21.536,8.617z
M16.897,7.117h3.267L18.53,4.572L16.897,7.117z"/>
</g>
<g>
<path fill="#FFFFFF" d="M3.125,18.53l4.684,3.004v-6.01L3.125,18.53z"/>
<path fill="#FFFFFF" d="M7.809,22.284c-0.141,0-0.282-0.04-0.405-0.119L2.72,19.161c-0.215-0.137-0.345-0.375-0.345-0.631
s0.13-0.493,0.345-0.631l4.684-3.006c0.23-0.147,0.524-0.159,0.765-0.027c0.24,0.131,0.39,0.384,0.39,0.658v6.01
c0,0.274-0.149,0.526-0.39,0.658C8.056,22.254,7.932,22.284,7.809,22.284z M4.514,18.53l2.545,1.632v-3.265L4.514,18.53z"/>
</g>
<g>
<path fill="#FFFFFF" d="M33.879,18.529l-4.685-3.005v6.01L33.879,18.529z"/>
<path fill="#FFFFFF" d="M29.195,22.284c-0.124,0-0.247-0.03-0.359-0.092c-0.241-0.132-0.391-0.384-0.391-0.658v-6.01
c0-0.274,0.149-0.526,0.391-0.658c0.239-0.132,0.532-0.123,0.765,0.027l4.685,3.005c0.215,0.138,0.345,0.376,0.345,0.631
s-0.13,0.493-0.345,0.631L29.6,22.165C29.477,22.244,29.335,22.284,29.195,22.284z M29.945,16.896v3.266l2.546-1.633
L29.945,16.896z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,33.876l3.007-4.684h-6.012L18.53,33.876z"/>
<path fill="#FFFFFF" d="M18.53,34.626L18.53,34.626c-0.255,0-0.493-0.13-0.631-0.345l-3.005-4.684
c-0.148-0.231-0.158-0.524-0.027-0.765c0.132-0.241,0.384-0.391,0.658-0.391h6.012c0.274,0,0.526,0.149,0.658,0.391
c0.132,0.24,0.121,0.534-0.027,0.765l-3.007,4.684C19.023,34.496,18.785,34.626,18.53,34.626z M16.897,29.942l1.633,2.545
l1.634-2.545H16.897z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

58
resources/help/dpad_down.svg
View file

@ -1,48 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path fill="#FFFFFF" d="M22.086,37.06h-7.111c-2.289,0-3.119-1.866-3.119-3.121v-8.732H3.121C0.831,25.206,0,23.34,0,22.085 <polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
v-7.11c0-2.289,1.867-3.12,3.121-3.12h8.733V3.121C11.855,0.831,13.72,0,14.974,0h7.111c2.29,0,3.121,1.867,3.121,3.121v8.732 <polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
h8.731c2.29,0,3.121,1.865,3.121,3.12v7.11c0,2.29-1.866,3.121-3.121,3.121h-8.731v8.732 <circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
C25.207,36.229,23.341,37.06,22.086,37.06z M3.121,13.354C2.745,13.359,1.5,13.493,1.5,14.974v7.11
c0.006,0.376,0.139,1.621,1.621,1.621h10.233v10.232c0.005,0.376,0.14,1.621,1.619,1.621h7.108
c0.384-0.007,1.624-0.143,1.624-1.621V23.706h10.231c0.376-0.006,1.621-0.14,1.621-1.621v-7.11
c-0.006-0.376-0.14-1.62-1.621-1.62h-10.23V3.121C23.701,2.745,23.567,1.5,22.086,1.5h-7.111
c-0.376,0.006-1.619,0.14-1.619,1.621v10.232L3.121,13.354L3.121,13.354z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M18.531,22.181c-2.013,0-3.649-1.639-3.649-3.651s1.638-3.65,3.649-3.65c2.013,0,3.65,1.639,3.65,3.65
C22.182,20.543,20.544,22.181,18.531,22.181z M18.531,16.379c-1.186,0-2.149,0.965-2.149,2.15s0.965,2.151,2.149,2.151
c1.186,0,2.15-0.966,2.15-2.151C20.682,17.344,19.717,16.379,18.531,16.379z"/>
</g>
<g>
<path fill="#FFFFFF" d="M21.536,8.616h-6.012c-0.273,0-0.525-0.15-0.657-0.39c-0.132-0.241-0.121-0.534,0.026-0.766l3.005-4.684
c0.276-0.431,0.986-0.43,1.264,0l3.005,4.684c0.147,0.231,0.159,0.524,0.026,0.766C22.063,8.466,21.811,8.616,21.536,8.616z
M16.897,7.116h3.268L18.53,4.571L16.897,7.116z"/>
</g>
<g>
<path fill="#FFFFFF" d="M7.809,22.284c-0.141,0-0.282-0.04-0.405-0.119L2.72,19.162c-0.215-0.138-0.345-0.376-0.345-0.631
s0.13-0.493,0.345-0.631l4.684-3.006c0.23-0.148,0.524-0.158,0.766-0.027c0.24,0.131,0.39,0.384,0.39,0.658v6.01
c0,0.274-0.148,0.526-0.39,0.658C8.056,22.254,7.932,22.284,7.809,22.284z M4.514,18.53l2.545,1.632v-3.265L4.514,18.53z"/>
</g>
<g>
<path fill="#FFFFFF" d="M29.195,22.284c-0.124,0-0.246-0.03-0.358-0.092c-0.241-0.132-0.392-0.384-0.392-0.658v-6.01
c0-0.274,0.149-0.526,0.392-0.658c0.239-0.131,0.533-0.123,0.765,0.027l4.685,3.005c0.215,0.138,0.345,0.376,0.345,0.631
s-0.13,0.493-0.345,0.631l-4.685,3.004C29.478,22.244,29.336,22.284,29.195,22.284z M29.945,16.896v3.266l2.546-1.633
L29.945,16.896z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,33.876l3.007-4.684h-6.012L18.53,33.876z"/>
<path fill="#FFFFFF" d="M18.53,34.626L18.53,34.626c-0.255,0-0.492-0.13-0.631-0.345l-3.005-4.684
c-0.147-0.231-0.158-0.524-0.026-0.766s0.384-0.391,0.657-0.391h6.012c0.273,0,0.525,0.148,0.657,0.391
c0.133,0.24,0.121,0.533-0.026,0.766l-3.005,4.684C19.023,34.496,18.786,34.626,18.53,34.626z M16.897,29.942l1.633,2.545
l1.635-2.545H16.897z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

58
resources/help/dpad_left.svg
View file

@ -1,48 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path fill="#FFFFFF" d="M22.086,37.06h-7.111c-2.289,0-3.119-1.866-3.119-3.121v-8.732H3.121C0.831,25.206,0,23.34,0,22.085 <polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
v-7.11c0-2.289,1.867-3.12,3.121-3.12h8.733V3.121C11.855,0.831,13.72,0,14.974,0h7.111c2.29,0,3.121,1.867,3.121,3.121v8.732 <polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
h8.731c2.29,0,3.121,1.865,3.121,3.12v7.11c0,2.29-1.866,3.121-3.121,3.121h-8.731v8.732 <circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
C25.207,36.229,23.341,37.06,22.086,37.06z M3.121,13.354C2.745,13.359,1.5,13.493,1.5,14.974v7.11
c0.006,0.376,0.139,1.621,1.621,1.621h10.233v10.232c0.005,0.376,0.14,1.621,1.619,1.621h7.108
c0.384-0.007,1.624-0.143,1.624-1.621V23.706h10.231c0.376-0.006,1.621-0.14,1.621-1.621v-7.11
c-0.006-0.376-0.14-1.62-1.621-1.62h-10.23V3.121C23.701,2.745,23.567,1.5,22.086,1.5h-7.111
c-0.376,0.006-1.619,0.14-1.619,1.621v10.232L3.121,13.354L3.121,13.354z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M18.531,22.181c-2.013,0-3.649-1.639-3.649-3.651s1.638-3.65,3.649-3.65c2.013,0,3.65,1.639,3.65,3.65
C22.182,20.543,20.544,22.181,18.531,22.181z M18.531,16.379c-1.186,0-2.149,0.965-2.149,2.15s0.965,2.151,2.149,2.151
c1.186,0,2.15-0.966,2.15-2.151C20.682,17.344,19.717,16.379,18.531,16.379z"/>
</g>
<g>
<path fill="#FFFFFF" d="M21.536,8.616h-6.012c-0.273,0-0.525-0.15-0.657-0.39c-0.132-0.241-0.121-0.534,0.026-0.766l3.005-4.684
c0.276-0.431,0.986-0.43,1.264,0l3.005,4.684c0.147,0.231,0.159,0.524,0.026,0.766C22.063,8.466,21.811,8.616,21.536,8.616z
M16.897,7.116h3.268L18.53,4.571L16.897,7.116z"/>
</g>
<g>
<path fill="#FFFFFF" d="M3.125,18.53l4.684,3.004v-6.01L3.125,18.53z"/>
<path fill="#FFFFFF" d="M7.809,22.284c-0.141,0-0.282-0.04-0.405-0.119L2.72,19.162c-0.215-0.138-0.345-0.376-0.345-0.631
s0.13-0.493,0.345-0.631l4.684-3.006c0.23-0.148,0.524-0.158,0.766-0.027c0.24,0.131,0.39,0.384,0.39,0.658v6.01
c0,0.274-0.148,0.526-0.39,0.658C8.056,22.254,7.932,22.284,7.809,22.284z M4.514,18.53l2.545,1.632v-3.265L4.514,18.53z"/>
</g>
<g>
<path fill="#FFFFFF" d="M29.195,22.284c-0.124,0-0.246-0.03-0.358-0.092c-0.241-0.132-0.392-0.384-0.392-0.658v-6.01
c0-0.274,0.149-0.526,0.392-0.658c0.239-0.131,0.533-0.123,0.765,0.027l4.685,3.005c0.215,0.138,0.345,0.376,0.345,0.631
s-0.13,0.493-0.345,0.631l-4.685,3.004C29.478,22.244,29.336,22.284,29.195,22.284z M29.945,16.896v3.266l2.546-1.633
L29.945,16.896z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,34.626L18.53,34.626c-0.255,0-0.492-0.13-0.631-0.345l-3.005-4.684
c-0.147-0.231-0.158-0.524-0.026-0.766s0.384-0.391,0.657-0.391h6.012c0.273,0,0.525,0.148,0.657,0.391
c0.133,0.24,0.121,0.533-0.026,0.766l-3.005,4.684C19.023,34.496,18.786,34.626,18.53,34.626z M16.897,29.942l1.633,2.545
l1.635-2.545H16.897z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

59
resources/help/dpad_leftright.svg
View file

@ -1,49 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path fill="#FFFFFF" d="M22.086,37.06h-7.111c-2.289,0-3.119-1.866-3.119-3.121v-8.732H3.121C0.831,25.206,0,23.34,0,22.085 <polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
v-7.11c0-2.289,1.867-3.12,3.121-3.12h8.733V3.121C11.855,0.831,13.72,0,14.974,0h7.111c2.29,0,3.121,1.867,3.121,3.121v8.732 <polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
h8.731c2.29,0,3.121,1.865,3.121,3.12v7.11c0,2.29-1.866,3.121-3.121,3.121h-8.731v8.732 <circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
C25.207,36.229,23.341,37.06,22.086,37.06z M3.121,13.354C2.745,13.359,1.5,13.493,1.5,14.974v7.11
c0.006,0.376,0.139,1.621,1.621,1.621h10.233v10.232c0.005,0.376,0.14,1.621,1.619,1.621h7.108
c0.384-0.007,1.624-0.143,1.624-1.621V23.706h10.231c0.376-0.006,1.621-0.14,1.621-1.621v-7.11
c-0.006-0.376-0.14-1.62-1.621-1.62h-10.23V3.121C23.701,2.745,23.567,1.5,22.086,1.5h-7.111
c-0.376,0.006-1.619,0.14-1.619,1.621v10.232L3.121,13.354L3.121,13.354z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M18.531,22.181c-2.013,0-3.649-1.639-3.649-3.651s1.638-3.65,3.649-3.65c2.013,0,3.65,1.639,3.65,3.65
C22.182,20.543,20.544,22.181,18.531,22.181z M18.531,16.379c-1.186,0-2.149,0.965-2.149,2.15s0.965,2.151,2.149,2.151
c1.186,0,2.15-0.966,2.15-2.151C20.682,17.344,19.717,16.379,18.531,16.379z"/>
</g>
<g>
<path fill="#FFFFFF" d="M21.536,8.616h-6.012c-0.273,0-0.525-0.15-0.657-0.39c-0.132-0.241-0.121-0.534,0.026-0.766l3.005-4.684
c0.276-0.431,0.986-0.43,1.264,0l3.005,4.684c0.147,0.231,0.159,0.524,0.026,0.766C22.063,8.466,21.811,8.616,21.536,8.616z
M16.897,7.116h3.268L18.53,4.571L16.897,7.116z"/>
</g>
<g>
<path fill="#FFFFFF" d="M3.125,18.53l4.684,3.004v-6.01L3.125,18.53z"/>
<path fill="#FFFFFF" d="M7.809,22.284c-0.141,0-0.282-0.04-0.405-0.119L2.72,19.162c-0.215-0.138-0.345-0.376-0.345-0.631
s0.13-0.493,0.345-0.631l4.684-3.006c0.23-0.148,0.524-0.158,0.766-0.027c0.24,0.131,0.39,0.384,0.39,0.658v6.01
c0,0.274-0.148,0.526-0.39,0.658C8.056,22.254,7.932,22.284,7.809,22.284z M4.514,18.53l2.545,1.632v-3.265L4.514,18.53z"/>
</g>
<g>
<path fill="#FFFFFF" d="M33.879,18.529l-4.685-3.005v6.01L33.879,18.529z"/>
<path fill="#FFFFFF" d="M29.195,22.284c-0.124,0-0.246-0.03-0.358-0.092c-0.241-0.132-0.392-0.384-0.392-0.658v-6.01
c0-0.274,0.149-0.526,0.392-0.658c0.239-0.131,0.533-0.123,0.765,0.027l4.685,3.005c0.215,0.138,0.345,0.376,0.345,0.631
s-0.13,0.493-0.345,0.631l-4.685,3.004C29.478,22.244,29.336,22.284,29.195,22.284z M29.945,16.896v3.266l2.546-1.633
L29.945,16.896z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,34.626L18.53,34.626c-0.255,0-0.492-0.13-0.631-0.345l-3.005-4.684
c-0.147-0.231-0.158-0.524-0.026-0.766s0.384-0.391,0.657-0.391h6.012c0.273,0,0.525,0.148,0.657,0.391
c0.133,0.24,0.121,0.533-0.026,0.766l-3.005,4.684C19.023,34.496,18.786,34.626,18.53,34.626z M16.897,29.942l1.633,2.545
l1.635-2.545H16.897z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

58
resources/help/dpad_right.svg
View file

@ -1,48 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path fill="#FFFFFF" d="M22.086,37.06h-7.111c-2.289,0-3.119-1.866-3.119-3.121v-8.732H3.121C0.831,25.206,0,23.34,0,22.085 <polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
v-7.11c0-2.289,1.867-3.12,3.121-3.12h8.733V3.121C11.855,0.831,13.72,0,14.974,0h7.111c2.29,0,3.121,1.867,3.121,3.121v8.732 <polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
h8.731c2.29,0,3.121,1.865,3.121,3.12v7.11c0,2.29-1.866,3.121-3.121,3.121h-8.731v8.732 <circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
C25.207,36.229,23.341,37.06,22.086,37.06z M3.121,13.354C2.745,13.359,1.5,13.493,1.5,14.974v7.11
c0.006,0.376,0.139,1.621,1.621,1.621h10.233v10.232c0.005,0.376,0.14,1.621,1.619,1.621h7.108
c0.384-0.007,1.624-0.143,1.624-1.621V23.706h10.231c0.376-0.006,1.621-0.14,1.621-1.621v-7.11
c-0.006-0.376-0.14-1.62-1.621-1.62h-10.23V3.121C23.701,2.745,23.567,1.5,22.086,1.5h-7.111
c-0.376,0.006-1.619,0.14-1.619,1.621v10.232L3.121,13.354L3.121,13.354z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M18.531,22.181c-2.013,0-3.649-1.639-3.649-3.651s1.638-3.65,3.649-3.65c2.013,0,3.65,1.639,3.65,3.65
C22.182,20.543,20.544,22.181,18.531,22.181z M18.531,16.379c-1.186,0-2.149,0.965-2.149,2.15s0.965,2.151,2.149,2.151
c1.186,0,2.15-0.966,2.15-2.151C20.682,17.344,19.717,16.379,18.531,16.379z"/>
</g>
<g>
<path fill="#FFFFFF" d="M21.536,8.616h-6.012c-0.273,0-0.525-0.15-0.657-0.39c-0.132-0.241-0.121-0.534,0.026-0.766l3.005-4.684
c0.276-0.431,0.986-0.43,1.264,0l3.005,4.684c0.147,0.231,0.159,0.524,0.026,0.766C22.063,8.466,21.811,8.616,21.536,8.616z
M16.897,7.116h3.268L18.53,4.571L16.897,7.116z"/>
</g>
<g>
<path fill="#FFFFFF" d="M7.809,22.284c-0.141,0-0.282-0.04-0.405-0.119L2.72,19.162c-0.215-0.138-0.345-0.376-0.345-0.631
s0.13-0.493,0.345-0.631l4.684-3.006c0.23-0.148,0.524-0.158,0.766-0.027c0.24,0.131,0.39,0.384,0.39,0.658v6.01
c0,0.274-0.148,0.526-0.39,0.658C8.056,22.254,7.932,22.284,7.809,22.284z M4.514,18.53l2.545,1.632v-3.265L4.514,18.53z"/>
</g>
<g>
<path fill="#FFFFFF" d="M33.879,18.529l-4.685-3.005v6.01L33.879,18.529z"/>
<path fill="#FFFFFF" d="M29.195,22.284c-0.124,0-0.246-0.03-0.358-0.092c-0.241-0.132-0.392-0.384-0.392-0.658v-6.01
c0-0.274,0.149-0.526,0.392-0.658c0.239-0.131,0.533-0.123,0.765,0.027l4.685,3.005c0.215,0.138,0.345,0.376,0.345,0.631
s-0.13,0.493-0.345,0.631l-4.685,3.004C29.478,22.244,29.336,22.284,29.195,22.284z M29.945,16.896v3.266l2.546-1.633
L29.945,16.896z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,34.626L18.53,34.626c-0.255,0-0.492-0.13-0.631-0.345l-3.005-4.684
c-0.147-0.231-0.158-0.524-0.026-0.766s0.384-0.391,0.657-0.391h6.012c0.273,0,0.525,0.148,0.657,0.391
c0.133,0.24,0.121,0.533-0.026,0.766l-3.005,4.684C19.023,34.496,18.786,34.626,18.53,34.626z M16.897,29.942l1.633,2.545
l1.635-2.545H16.897z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

58
resources/help/dpad_up.svg
View file

@ -1,48 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path fill="#FFFFFF" d="M22.086,37.06h-7.111c-2.289,0-3.119-1.866-3.119-3.121v-8.732H3.121C0.831,25.206,0,23.34,0,22.085 <polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
v-7.11c0-2.289,1.867-3.12,3.121-3.12h8.733V3.121C11.855,0.831,13.72,0,14.974,0h7.111c2.29,0,3.121,1.867,3.121,3.121v8.732 <polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
h8.731c2.29,0,3.121,1.865,3.121,3.12v7.11c0,2.29-1.866,3.121-3.121,3.121h-8.731v8.732 <circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
C25.207,36.229,23.341,37.06,22.086,37.06z M3.121,13.354C2.745,13.359,1.5,13.493,1.5,14.974v7.11
c0.006,0.376,0.139,1.621,1.621,1.621h10.233v10.232c0.005,0.376,0.14,1.621,1.619,1.621h7.108
c0.384-0.007,1.624-0.143,1.624-1.621V23.706h10.231c0.376-0.006,1.621-0.14,1.621-1.621v-7.11
c-0.006-0.376-0.14-1.62-1.621-1.62h-10.23V3.121C23.701,2.745,23.567,1.5,22.086,1.5h-7.111
c-0.376,0.006-1.619,0.14-1.619,1.621v10.232L3.121,13.354L3.121,13.354z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M18.531,22.181c-2.013,0-3.649-1.639-3.649-3.651s1.638-3.65,3.649-3.65c2.013,0,3.65,1.639,3.65,3.65
C22.182,20.543,20.544,22.181,18.531,22.181z M18.531,16.379c-1.186,0-2.149,0.965-2.149,2.15s0.965,2.151,2.149,2.151
c1.186,0,2.15-0.966,2.15-2.151C20.682,17.344,19.717,16.379,18.531,16.379z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,3.183l-3.005,4.684h6.012L18.53,3.183z"/>
<path fill="#FFFFFF" d="M21.536,8.616h-6.012c-0.273,0-0.525-0.15-0.657-0.39c-0.132-0.241-0.121-0.534,0.026-0.766l3.005-4.684
c0.276-0.431,0.986-0.43,1.264,0l3.005,4.684c0.147,0.231,0.159,0.524,0.026,0.766C22.063,8.466,21.811,8.616,21.536,8.616z
M16.897,7.116h3.268L18.53,4.571L16.897,7.116z"/>
</g>
<g>
<path fill="#FFFFFF" d="M7.809,22.284c-0.141,0-0.282-0.04-0.405-0.119L2.72,19.162c-0.215-0.138-0.345-0.376-0.345-0.631
s0.13-0.493,0.345-0.631l4.684-3.006c0.23-0.148,0.524-0.158,0.766-0.027c0.24,0.131,0.39,0.384,0.39,0.658v6.01
c0,0.274-0.148,0.526-0.39,0.658C8.056,22.254,7.932,22.284,7.809,22.284z M4.514,18.53l2.545,1.632v-3.265L4.514,18.53z"/>
</g>
<g>
<path fill="#FFFFFF" d="M29.195,22.284c-0.124,0-0.246-0.03-0.358-0.092c-0.241-0.132-0.392-0.384-0.392-0.658v-6.01
c0-0.274,0.149-0.526,0.392-0.658c0.239-0.131,0.533-0.123,0.765,0.027l4.685,3.005c0.215,0.138,0.345,0.376,0.345,0.631
s-0.13,0.493-0.345,0.631l-4.685,3.004C29.478,22.244,29.336,22.284,29.195,22.284z M29.945,16.896v3.266l2.546-1.633
L29.945,16.896z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,34.626L18.53,34.626c-0.255,0-0.492-0.13-0.631-0.345l-3.005-4.684
c-0.147-0.231-0.158-0.524-0.026-0.766s0.384-0.391,0.657-0.391h6.012c0.273,0,0.525,0.148,0.657,0.391
c0.133,0.24,0.121,0.533-0.026,0.766l-3.005,4.684C19.023,34.496,18.786,34.626,18.53,34.626z M16.897,29.942l1.633,2.545
l1.635-2.545H16.897z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

59
resources/help/dpad_updown.svg
View file

@ -1,49 +1,12 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="64" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline_up" d="M22,23.5 L22,6 A4,4 90 0,1 26,2 L38,2 A4,4 90 0,1 42,6 L42,23.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="_x30_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="outline_right" d="M40.5,22 L58,22 A4,4 90 0,1 62,26 L62,38 A4,4 90 0,1 58,42 L40.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
width="37.061px" height="37.061px" viewBox="0 0 37.061 37.061" enable-background="new 0 0 37.061 37.061" xml:space="preserve"> <path id="outline_down" d="M22,40.5 L22,58 A4,4 90 0,0 26,62 L38,62 A4,4 90 0,0 42,58 L42,40.5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <path id="outline_left" d="M23.5,22 L6,22 A4,4 90 0,0 2,26 L2,38 A4,4 90 0,0 6,42 L23.5,42" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="3"/>
<g> <polygon id="dpad_up" points="27,14 37,14 32,6.2" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<g> <polygon id="dpad_right" points="50,27 50,37 57.8,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
<path fill="#FFFFFF" d="M22.086,37.06h-7.111c-2.289,0-3.119-1.866-3.119-3.121v-8.732H3.121C0.831,25.206,0,23.34,0,22.085 <polygon id="dpad_down" points="27,50 37,50 32,57.8" fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
v-7.11c0-2.289,1.867-3.12,3.121-3.12h8.733V3.121C11.855,0.831,13.72,0,14.974,0h7.111c2.29,0,3.121,1.867,3.121,3.121v8.732 <polygon id="dpad_left" points="14,27 14,37 6.2,32" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
h8.731c2.29,0,3.121,1.865,3.121,3.12v7.11c0,2.29-1.866,3.121-3.121,3.121h-8.731v8.732 <circle id="dpad_thumb" cx="32" cy="32" r="5" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/>
C25.207,36.229,23.341,37.06,22.086,37.06z M3.121,13.354C2.745,13.359,1.5,13.493,1.5,14.974v7.11
c0.006,0.376,0.139,1.621,1.621,1.621h10.233v10.232c0.005,0.376,0.14,1.621,1.619,1.621h7.108
c0.384-0.007,1.624-0.143,1.624-1.621V23.706h10.231c0.376-0.006,1.621-0.14,1.621-1.621v-7.11
c-0.006-0.376-0.14-1.62-1.621-1.62h-10.23V3.121C23.701,2.745,23.567,1.5,22.086,1.5h-7.111
c-0.376,0.006-1.619,0.14-1.619,1.621v10.232L3.121,13.354L3.121,13.354z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M18.531,22.181c-2.013,0-3.649-1.639-3.649-3.651s1.638-3.65,3.649-3.65c2.013,0,3.65,1.639,3.65,3.65
C22.182,20.543,20.544,22.181,18.531,22.181z M18.531,16.379c-1.186,0-2.149,0.965-2.149,2.15s0.965,2.151,2.149,2.151
c1.186,0,2.15-0.966,2.15-2.151C20.682,17.344,19.717,16.379,18.531,16.379z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,3.183l-3.005,4.684h6.012L18.53,3.183z"/>
<path fill="#FFFFFF" d="M21.536,8.616h-6.012c-0.273,0-0.525-0.15-0.657-0.39c-0.132-0.241-0.121-0.534,0.026-0.766l3.005-4.684
c0.276-0.431,0.986-0.43,1.264,0l3.005,4.684c0.147,0.231,0.159,0.524,0.026,0.766C22.063,8.466,21.811,8.616,21.536,8.616z
M16.897,7.116h3.268L18.53,4.571L16.897,7.116z"/>
</g>
<g>
<path fill="#FFFFFF" d="M7.809,22.284c-0.141,0-0.282-0.04-0.405-0.119L2.72,19.162c-0.215-0.138-0.345-0.376-0.345-0.631
s0.13-0.493,0.345-0.631l4.684-3.006c0.23-0.148,0.524-0.158,0.766-0.027c0.24,0.131,0.39,0.384,0.39,0.658v6.01
c0,0.274-0.148,0.526-0.39,0.658C8.056,22.254,7.932,22.284,7.809,22.284z M4.514,18.53l2.545,1.632v-3.265L4.514,18.53z"/>
</g>
<g>
<path fill="#FFFFFF" d="M29.195,22.284c-0.124,0-0.246-0.03-0.358-0.092c-0.241-0.132-0.392-0.384-0.392-0.658v-6.01
c0-0.274,0.149-0.526,0.392-0.658c0.239-0.131,0.533-0.123,0.765,0.027l4.685,3.005c0.215,0.138,0.345,0.376,0.345,0.631
s-0.13,0.493-0.345,0.631l-4.685,3.004C29.478,22.244,29.336,22.284,29.195,22.284z M29.945,16.896v3.266l2.546-1.633
L29.945,16.896z"/>
</g>
<g>
<path fill="#FFFFFF" d="M18.53,33.876l3.007-4.684h-6.012L18.53,33.876z"/>
<path fill="#FFFFFF" d="M18.53,34.626L18.53,34.626c-0.255,0-0.492-0.13-0.631-0.345l-3.005-4.684
c-0.147-0.231-0.158-0.524-0.026-0.766s0.384-0.391,0.657-0.391h6.012c0.273,0,0.525,0.148,0.657,0.391
c0.133,0.24,0.121,0.533-0.026,0.766l-3.005,4.684C19.023,34.496,18.786,34.626,18.53,34.626z M16.897,29.942l1.633,2.545
l1.635-2.545H16.897z"/>
</g>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

20
resources/off.svg
View file

@ -1,13 +1,9 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="32" version="1.1" viewBox="0 0 64 32" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline" d="m8 2h48a6 6 90 0 1 6 6v16a6 6 90 0 1-6 6h-48a6 6 90 0 1-6-6v-16a6 6 90 0 1 6-6z" fill="none" stroke="#777" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <g id="label_off" fill="#777">
width="43.916px" height="21.959px" viewBox="0 0 43.916 21.959" enable-background="new 0 0 43.916 21.959" xml:space="preserve"> <path d="m18.283203 7.673828q1.136719-0.480469 2.578125-0.480469t2.566406 0.480469q1.125 0.46875 1.839844 1.277344 0.726563 0.808594 1.183594 1.957031 0.46875 1.136719 0.65625 2.390625 0.199219 1.242188 0.199219 2.695313t-0.199219 2.707031q-0.1875 1.242187-0.65625 2.390625-0.46875 1.148437-1.195313 1.957031-0.726562 0.796875-1.851562 1.277344t-2.566406 0.480469q-1.441407 0-2.578125-0.480469-1.125-0.480469-1.851563-1.277344-0.726562-0.808594-1.195312-1.957031-0.855469-2.109375-0.855469-5.121094 0-4.78125 2.0625-7.03125 0.738281-0.796875 1.863281-1.265625zm2.578125 2.742188q-1.160156 0-1.757812 1.417968-0.585938 1.417969-0.585938 4.160157 0 2.730468 0.585938 4.160156 0.597656 1.417969 1.734375 1.417969 2.296875 0 2.296875-5.578125t-2.273438-5.578125z"/>
<path fill="#777777" d="M29.291,15.69h1.934v-4.113h5.42v-1.479h-5.42V7.704h5.729V6.225h-7.662V15.69z M19.81,15.69h1.936v-4.113 <path d="m38.626953 10.626953h-4.371094v4.113281h4.078125v3.175782h-4.078125v6.667968h-4.078125v-17.132812h8.449219z"/>
h5.416v-1.479h-5.416V7.704h5.725V6.225h-7.66V15.69z M12.378,14.473c-2.166,0-3.404-1.435-3.404-3.517 <path d="m49.642578 10.626953h-4.371094v4.113281h4.078125v3.175782h-4.078125v6.667968h-4.078125v-17.132812h8.449219z"/>
c0-2.083,1.238-3.518,3.404-3.518c2.167,0,3.406,1.435,3.406,3.518C15.784,13.038,14.545,14.473,12.378,14.473 M12.378,15.956 </g>
c3.896,0,5.419-2.335,5.419-5s-1.522-4.997-5.419-4.997c-3.896,0-5.416,2.332-5.416,4.997S8.482,15.956,12.378,15.956"/>
<path fill="#777777" d="M39.664,1.5c1.518,0,2.752,1.234,2.752,2.752v13.455c0,1.518-1.234,2.752-2.752,2.752H4.252
c-1.518,0-2.752-1.234-2.752-2.752V4.252C1.5,2.734,2.734,1.5,4.252,1.5H39.664 M39.664,0H4.252C1.914,0,0,1.914,0,4.252v13.455
c0,2.339,1.914,4.252,4.252,4.252h35.412c2.339,0,4.252-1.913,4.252-4.252V4.252C43.916,1.914,42.003,0,39.664,0L39.664,0z"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

17
resources/on.svg
View file

@ -1,14 +1,5 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg width="64" height="32" version="1.1" viewBox="0 0 64 32" xmlns="http://www.w3.org/2000/svg">
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <path id="outline" d="m8 2h48a6 6 90 0 1 6 6v16a6 6 90 0 1-6 6h-48a6 6 90 0 1-6-6v-16a6 6 90 0 1 6-6z" fill="none" stroke="#777" stroke-linejoin="round" stroke-width="3"/>
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" <path id="label_on" d="m8 2a6 6 0 0 0-6 6v16a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-16a6 6 0 0 0-6-6h-48zm16.271484 5.1933594c0.960938 0 1.816407 0.1601562 2.566407 0.4804687 0.75 0.3125 1.363281 0.7382813 1.839843 1.2773438 0.484375 0.5390625 0.878907 1.1914061 1.183594 1.9570311 0.3125 0.757813 0.53125 1.554688 0.65625 2.390625 0.132813 0.828125 0.199219 1.726563 0.199219 2.695313s-0.066406 1.871093-0.199219 2.707031c-0.125 0.828125-0.34375 1.625-0.65625 2.390625s-0.710937 1.417969-1.195312 1.957031c-0.484375 0.53125-1.101563 0.957031-1.851563 1.277344-0.75 0.320312-1.605469 0.480469-2.566406 0.480469-0.960938 0-1.820313-0.160157-2.578125-0.480469-0.75-0.320313-1.367188-0.746094-1.851563-1.277344-0.484375-0.539062-0.882812-1.191406-1.195312-1.957031-0.570313-1.40625-0.855469-3.113281-0.855469-5.121094 0-3.1875 0.6875-5.53125 2.0625-7.0312499 0.492188-0.53125 1.113281-0.953125 1.863281-1.265625 0.757813-0.3203125 1.617188-0.4804687 2.578125-0.4804687zm9.316407 0.2578125h4.6875l4.113281 9.6210941v-9.6210941h3.84375v17.1328121h-4.664063l-4.113281-9.632812v9.632812h-3.867187v-17.1328121zm-9.316407 2.9648441c-0.773437 0-1.359375 0.472656-1.757812 1.417968-0.390625 0.945313-0.585938 2.332032-0.585938 4.160157 0 1.820312 0.195313 3.207031 0.585938 4.160156 0.398437 0.945312 0.976562 1.417969 1.734375 1.417969 1.53125 0 2.296875-1.859375 2.296875-5.578125s-0.757813-5.578125-2.273438-5.578125z" fill="#777"/>
width="43.916px" height="21.959px" viewBox="0 0 43.916 21.959" enable-background="new 0 0 43.916 21.959" xml:space="preserve">
<g>
<path fill="#777777" d="M15.754,7.461c-2.319,0-3.643,1.434-3.643,3.518c0,2.083,1.325,3.521,3.643,3.521
c2.32,0,3.644-1.437,3.645-3.521C19.399,8.895,18.074,7.461,15.754,7.461z"/>
<path fill="#777777" d="M39.664,0H4.252C1.914,0,0,1.914,0,4.252v13.455c0,2.339,1.914,4.252,4.252,4.252h35.412
c2.339,0,4.252-1.913,4.252-4.252V4.252C43.916,1.914,42.003,0,39.664,0z M15.754,15.979c-4.168,0-5.796-2.334-5.796-5
c0-2.669,1.628-5.001,5.796-5.001c4.17,0,5.798,2.332,5.798,5.001C21.552,13.644,19.924,15.979,15.754,15.979z M33.957,15.715
h-2.332L25.72,8.602h-0.027v7.113h-1.988V6.244h2.373l5.865,7.114h0.027V6.244h1.987V15.715z"/>
</g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB