Permalink
Browse files

WIP

  • Loading branch information...
mistic100 committed Aug 27, 2017
1 parent 510061b commit c936ec60f1f05a43298929ebf56492877cf218b0
View
Binary file not shown.
View
@@ -50,7 +50,7 @@
}
}
/* fix footer */
/* various fixes */
.footer .copyright {
padding: 0;
margin: 0;
@@ -61,4 +61,31 @@
line-height: 1.1em;
padding: 10px 15px;
}
}
[class^="umwp-"], [class*=" umwp-"] {
display: inline-block;
vertical-align: middle;
}
/* guide */
.guide-item {
margin-bottom: 2em;
position: relative;
}
.guide-item img {
width: 96px;
height: 96px;
}
.guide-item:not(:last-child)::before {
content: '';
position: absolute;
bottom: -1.9em;
left: 47px;
height: 1.8em;
width: 3px;
border-radius: 1px;
background: rgba(0, 0, 0, 0.05);
}
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
View
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
View
@@ -91,8 +91,7 @@
<div class="motto text-center">
<h1>Unleash your desktop wallpaper</h1>
<h3>Manage images folders and generate beautiful wallpapers for your multi-monitors Windows desktop.</h3>
<br/>
<a href="#overview" class="btn btn-outline-neutral btn-round">
<a href="#overview" class="btn btn-outline-neutral btn-round" style="margin-top: 2em;">
<i class="fa fa-info-circle" style="font-size: 1.5em; padding-right: 1.5em;"></i> Learn more
</a>
</div>
@@ -143,7 +142,6 @@ <h4 class="info-title">Folders</h4>
<div class="description">
<h4 class="info-title">Shortcuts</h4>
<p>Change current wallpaper with your keyboard without stopping what you are doing.</p>
<a href="#pkp" class="btn btn-link btn-danger">See more</a>
</div>
</div>
</div>
@@ -155,7 +153,6 @@ <h4 class="info-title">Shortcuts</h4>
<div class="description">
<h4 class="info-title">Patchwork</h4>
<p>Generate unique patchworks with your own photos.</p>
<a href="#pkp" class="btn btn-link btn-danger">See more</a>
</div>
</div>
</div>
@@ -167,16 +164,68 @@ <h4 class="info-title">Patchwork</h4>
<div class="description">
<h4 class="info-title">Password</h4>
<p>Prevent unwanted eyes to see your photos by setting a password to some folders.</p>
<a href="#pkp" class="btn btn-link btn-danger">See more</a>
</div>
</div>
</div>
</div>
<div class="text-center" style="padding-top: 4em;">
<a href="#installation" class="btn btn-outline-danger btn-round">
Installation guide
</a>
<a href="#testimonies" class="btn btn-outline-default btn-round">
Testimonies
</a>
</div>
</div>
</div>
<div class="section section-gray" id="installation">
<div class="container">
<h2 class="title text-center">Install UMWP Autochanger</h2>
<div class="guide-list">
<div class="media guide-item">
<img class="d-flex mr-3" src="assets/img/guide/gears.png">
<div class="media-body">
<h5 class="mt-0">Install &amp; launch UMWP Autochanger</h5>
Download the installation package or the portable ZIP with the link above and install it like
any software.
</div>
</div>
<div class="media guide-item">
<img class="d-flex mr-3" src="assets/img/guide/folder.png">
<div class="media-body">
<h5 class="mt-0">Add your first set</h5>
Click on the <b><i class="umwp-add"></i> Add set</b> button and select a folder containing image
files.
</div>
</div>
<div class="media guide-item">
<img class="d-flex mr-3" src="assets/img/guide/refresh.png">
<div class="media-body">
<h5 class="mt-0">Apply</h5>
Click on the <b><i class="umwp-refresh"></i> Refresh</b> button, the wallpaper will randomly
change every 60 seconds.
</div>
</div>
<div class="media guide-item">
<img class="d-flex mr-3" src="assets/img/guide/book.png">
<div class="media-body">
<h5 class="mt-0">Configuration</h5>
Read the documentation to learn about all the awesome features of UMWP Autochanger.
</div>
</div>
</div>
<div class="text-center" style="padding-top: 4em;">
<a href="#installation" class="btn btn-outline-danger btn-round">
Documentation
</a>
</div>
</div>
</div>
<div class="section section-dark text-center">
<div class="section section-dark text-center" id="testimonies">
<div class="container">
<h2 class="title">They use UMWP Autochanger</h2>
<div class="row">
@@ -255,11 +304,11 @@ <h6 class="card-category">God</h6>
</ul>
</nav>
<div class="credits ml-auto">
<span class="copyright">
© 2014-<script>document.write(new Date().getFullYear())</script> <a
<span class="copyright">
© 2014-<script>document.write(new Date().getFullYear())</script> <a
href="https://www.strangeplanet.fr">strangeplanet.fr</a>,
made with <i class="fa fa-heart heart"></i> by Damien "Mistic" Sorel
</span>
</span>
</div>
</div>
</div>

0 comments on commit c936ec6

Please sign in to comment.