Permalink
Browse files

WIP

  • Loading branch information...
mistic100 committed Aug 27, 2017
1 parent c936ec6 commit 448abaa8a2d022bec292ebc5a733a9f1a74108e0
Showing with 182 additions and 3 deletions.
  1. BIN assets/img/screenshots/context.png
  2. +182 −3 index.html
Binary file not shown.
View
@@ -98,8 +98,8 @@ <h3>Manage images folders and generate beautiful wallpapers for your multi-monit
</div>
</div>
<div class="main" id="overview">
<div class="section text-center">
<div class="main">
<div class="section text-center" id="overview">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
@@ -218,13 +218,192 @@ <h5 class="mt-0">Configuration</h5>
</div>
<div class="text-center" style="padding-top: 4em;">
<a href="#installation" class="btn btn-outline-danger btn-round">
<a href="#help" class="btn btn-outline-danger btn-round">
Documentation
</a>
</div>
</div>
</div>
<div class="section" id="help">
<div class="container">
<h2 class="title text-center">Documentation</h2>
<div class="nav-tabs-navigation">
<div class="nav-tabs-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#documentation-intro" role="tab"
aria-expanded="true">Introduction</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#documentation-sets" role="tab"
aria-expanded="false">Manage sets</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#documentation-hotkeys" role="tab"
aria-expanded="false">Hotkeys &amp; lock</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#documentation-custom" role="tab"
aria-expanded="false">Custom style</a>
</li>
</ul>
</div>
</div>
<div class="tab-content">
<div class="tab-pane active text-justify" id="documentation-intro" role="tabpanel" aria-expanded="true">
<h3>Presentation</h3>
<p>The core concept of UMWP Autochanger is <b>sets</b>. Basically sets are folders on your computer
where the tool will search for JPEG/PNG/BMP/GIF files up to 3 levels deep.</p>
<p>Once configured the tool will choose a random set among all activated set, then choose one image
file for each monitor. Finally the final wallpaper is built with these files and sended to
Windows desktop manager.</p>
<p>The wallpaper is updated periodically, by default every 60 seconds (configurable).</p>
<img src="assets/img/screenshots/main.png">
<hr>
<h3>Configuration</h3>
<p>In <b><i class="umwp-config"></i> Configuration &#8227; <i class="umwp-settings"></i> Options</b>
menu you can configure the update delay, the shortcuts and some other options.</p>
<p>The <b>Defaults</b> tab is used to define default type, style and mode for new sets.</p>
<p>Additionally you can <b><i class="umwp-export"></i> export</b> and <b><i class="umwp-import"></i>
import</b> the configuration as a XML file, usefull if you plan the reset your system !</p>
<img src="assets/img/screenshots/options1.png">
<hr>
<a class="btn btn-danger btn-link"
href="#help" onclick="$('[href=\'#documentation-sets\']').tab('show')">
Continue reading
</a>
</div>
<div class="tab-pane text-justify" id="documentation-sets" role="tabpanel" aria-expanded="false">
<h3>Add, delete, enable &amp; disable</h3>
<p>To add a set just click on the <i class="umwp-add"></i> menu button, or right-click in the list
and click <i class="umwp-add_color"></i>, an explorer window will open to allow you to choose a
folder.</p>
<p>To delete a set, right-click on it and click on <i class="umwp-delete"></i>.</p>
<p>To enable/disable a set, right-click on it and click on <i class="umwp-enable"></i> or
<i class="umwp-disable"></i>. Active sets are marked with a <i class="umwp-bullet_green"></i>
icon and inactive sets are marked with a <i class="umwp-bullet_red"></i> icon, current sets are
marked with <i class="umwp-bullet_yellow"></i> icon.</p>
<img src="assets/img/screenshots/context.png">
<hr>
<h3>Configure</h3>
<p>Right-click on a set and click on <i class="umwp-edit"></i> to edit it's properties, you can
change the name, style, type, mode, hotkey and lock
(<a onclick="$('[href=\'#documentation-hotkeys\']').tab('show')" href="#help">see
dedicated section</a>) as well as on
which monitors this set is visible.</p>
<p class="alert alert-info"><i class="fa fa-info"></i>
You can edit several sets together by selecting them before right-click. In this mode, names and
shortcuts can't be edited.</p>
<p>There are two types available:</p>
<ul>
<li><b><i class="umwp-w_monitor"></i> Monitor:</b> a different image is used for each monitor
</li>
<li><b><i class="umwp-w_desktop"></i> Desktop:</b> only one image is used for all monitors</li>
</ul>
<p>There are six styles available:</p>
<ul>
<li><b><i class="umwp-im_center"></i> Center</b></li>
<li><b><i class="umwp-im_tile"></i> Tile</b></li>
<li><b><i class="umwp-im_stretch"></i> Stretch</b></li>
<li><b><i class="umwp-im_stretch_prop"></i> Strecth proportional</b></li>
<li><b><i class="umwp-im_fill"></i> Fill</b></li>
<li><b><i class="umwp-im_custom"></i> Custom</b>
(<a onclick="$('[href=\'#documentation-custom\']').tab('show')" href="#help">see
dedicated section</a>)
</li>
</ul>
<p>There are two modes available:</p>
<ul>
<li><b><i class="umwp-mode_random"></i> Random:</b> files are chosen randomly in the set</li>
<li><b><i class="umwp-mode_sequential"></i> Sequential:</b> files are chosen sequentially in
alphabetical order
</li>
</ul>
<img src="assets/img/screenshots/properties.png">
<hr>
<a class="btn btn-danger btn-link"
href="#help" onclick="$('[href=\'#documentation-hotkeys\']').tab('show')">
Continue reading
</a>
</div>
<div class="tab-pane text-justify" id="documentation-hotkeys" role="tabpanel"
aria-expanded="false">
<h3>Hotkeys</h3>
<p>As we already seen, sets state can be changed in the main window. UMWP Autochanger also provides
two mechanisms to quickly change the active set.</p>
<p>The first one is the <b><i class="umwp-quick"></i> Quick change</b> menu available when you
right-click on the system tray icon.</p>
<img src="assets/img/screenshots/tray.png">
<p>The second one are the keyboard shortcuts. Shortcuts are keys combinations you assign to specific
sets or actions.</p>
<p>First of all you have to activate the feature in the main <b><i class="umwp-settings"></i>
Options</b> window, you can also configure Refresh, Hide/Show and Start/Pause shortcuts in this
window.</p>
<p>The sets shortcuts are configured in their respective properties window. Many sets can have the
same shortcut, thus they will be activated together, but actions shortcuts must be unique.</p>
<p class="alert alert-warning"><b>Warning:</b> shortcuts are registered globally on the operating system,
that means they can cause interferences with other softwares, so make sure the shortcuts you
choose are not already used.</p>
<img src="assets/img/screenshots/options3.png">
<hr>
<h3>Lock</h3>
<p>The password lock can be used to prevent unwanted modification of the configuration and activation of sets.</p>
<p>The lock has two modes:</p>
<ul>
<li><b>Lock everything:</b> when locked, nothing can be done in the application without entering the password. The sets list is blurred out.</li>
<li><b>Lock sets:</b> only some specific sets require the password in order to be activated.</li>
</ul>
<p>In both modes, the password is always requested to enter the options.</p>
<img src="assets/img/screenshots/options2.png">
<hr>
<a class="btn btn-danger btn-link"
href="#help" onclick="$('[href=\'#documentation-custom\']').tab('show')">
Continue reading
</a>
</div>
<div class="tab-pane text-justify" id="documentation-custom" role="tabpanel" aria-expanded="true">
<h3>TODO</h3>
<img src="assets/img/screenshots/custom-layout.png">
</div>
</div>
</div>
</div>
<div class="section section-dark text-center" id="testimonies">
<div class="container">
<h2 class="title">They use UMWP Autochanger</h2>

0 comments on commit 448abaa

Please sign in to comment.