Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-09-20 14:21:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Download page design updated

Browse source
This commit is contained in:
Manoj Vivek 2020-07-03 23:52:58 +05:30
parent 71591b5cb5
commit c339d9f12b
2 changed files with 63 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
website/pages/assets/img/logos/brand/apple.svg
View file

@ -1,3 +1,3 @@
<svg width="30" height="36" viewBox="0 0 30 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.6211 19.1257C24.6719 24.5737 29.4276 26.3866 29.4803 26.4097C29.4401 26.5375 28.7204 28.9932 26.9748 31.5298C25.4657 33.7229 23.8996 35.9079 21.4324 35.9531C19.0081 35.9976 18.2286 34.5238 15.457 34.5238C12.6862 34.5238 11.8201 35.9079 9.52526 35.9976C7.1438 36.0873 5.33027 33.6262 3.80877 31.4411C0.699615 26.9716 -1.67642 18.8114 1.51399 13.3031C3.09892 10.5677 5.93131 8.83545 9.00562 8.79104C11.3442 8.74668 13.5514 10.3554 14.981 10.3554C16.4098 10.3554 19.092 8.42077 21.9119 8.7049C23.0924 8.75375 26.4061 9.17904 28.5338 12.2759C28.3623 12.3816 24.5799 14.571 24.6211 19.1257V19.1257ZM20.0649 5.74794C21.3293 4.2262 22.1802 2.1078 21.9481 0C20.1256 0.0728312 17.9219 1.20753 16.6147 2.72844C15.4432 4.07527 14.4172 6.23095 14.6941 8.29703C16.7254 8.4533 18.8005 7.27065 20.0649 5.74794Z" fill="#ADB5BD"/>
<path d="M24.6211 19.1257C24.6719 24.5737 29.4276 26.3866 29.4803 26.4097C29.4401 26.5375 28.7204 28.9932 26.9748 31.5298C25.4657 33.7229 23.8996 35.9079 21.4324 35.9531C19.0081 35.9976 18.2286 34.5238 15.457 34.5238C12.6862 34.5238 11.8201 35.9079 9.52526 35.9976C7.1438 36.0873 5.33027 33.6262 3.80877 31.4411C0.699615 26.9716 -1.67642 18.8114 1.51399 13.3031C3.09892 10.5677 5.93131 8.83545 9.00562 8.79104C11.3442 8.74668 13.5514 10.3554 14.981 10.3554C16.4098 10.3554 19.092 8.42077 21.9119 8.7049C23.0924 8.75375 26.4061 9.17904 28.5338 12.2759C28.3623 12.3816 24.5799 14.571 24.6211 19.1257V19.1257ZM20.0649 5.74794C21.3293 4.2262 22.1802 2.1078 21.9481 0C20.1256 0.0728312 17.9219 1.20753 16.6147 2.72844C15.4432 4.07527 14.4172 6.23095 14.6941 8.29703C16.7254 8.4533 18.8005 7.27065 20.0649 5.74794Z" fill="#000"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 930 B

After

Width:  |  Height:  |  Size: 927 B

104
website/pages/download.html
View file

@ -166,13 +166,14 @@
<div class="py-2 py-lg-0">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#Features" class="nav-link" aria-expanded="false" aria-haspopup="true">Features</a>
<a href="/#Features" class="nav-link" aria-expanded="false" aria-haspopup="true">Features</a>
</li>
<li class="nav-item">
<a href="https://github.com/manojVivek/responsively-app/projects/12?fullscreen=true" class="nav-link" aria-expanded="false" aria-haspopup="true" target="_blank">RoadMap</a>
</li>
</ul>
</div>
<a href="download.html" class="btn btn-primary ml-lg-3">Download now</a>
<a class="ml-lg-3 d-none d-lg-block"
href="https://www.producthunt.com/posts/responsively?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-responsively"
target="_blank"><img
@ -206,50 +207,68 @@
<div class="lead mb-4">If the download doesn't start, <a href="#manual" class="light-link">Click here</a> to download manually.</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<img src="assets/img/screenshot.png" alt="Image" class="shadow-lg">
<div class="row mb-4">
<div class="col">
<h2>Available for all major operating systems</h2>
</div>
</div>
</div>
<div class="row text-center mb-4" id="manual">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
<div class="bg-light rounded p-3">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon" src="assets/img/logos/brand/apple.svg" alt="icon" />
</div>
<a id="macOs" class="m-1 btn btn-outline-primary mx-2" href="#macOs">
<span class="m-1">Download for Mac</span>
</a>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
<div class="bg-light rounded p-3">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon" src="assets/img/icons/custom/windows-icon.svg" alt="icon" />
</div>
<a id="windowsOs" class="m-1 btn btn-outline-primary mx-2" href="#windowsOs">
<span class="m-1">Download for Windows</span>
</a>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
<div class="bg-light rounded p-3">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon" src="assets/img/icons/custom/linux-icon.svg" alt="icon" />
</div>
<a id="linuxOs" class="m-1 btn btn-outline-primary mx-2" href="#linuxOs">
<span class="m-1">Download for Linux</span>
</a>
</div>
</div>
</div>
</section>
<section id="manual">
<div class="container text-center">
<div class="row mb-4">
<div class="col">
<h2>Available for all major operating systems</h2>
</div>
</div>
<div class="row text-center">
<div class="col-md-4 mb-5" data-aos="fade-up" data-aos-delay="100">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon" src="assets/img/logos/brand/apple.svg" alt="icon" />
</div>
<a id="macOs" class="m-1 btn btn-white border">
<h4 class="m-1">Download for Mac</h4>
</a>
</div>
<div class="col-md-4 mb-5" data-aos="fade-up" data-aos-delay="200">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon" src="assets/img/icons/custom/windows-icon.svg" alt="icon" />
</div>
<a id="windowsOs" class="m-1 btn btn-white border">
<h4 class="m-1">Download for Windows</h4>
</a>
</div>
<div class="col-md-4 mb-5" data-aos="fade-up" data-aos-delay="300">
<div class="icon-round bg-primary mx-auto mb-4">
<img class="icon" src="assets/img/icons/custom/linux-icon.svg" alt="icon" />
</div>
<a id="linuxOs" class="m-1 btn btn-white border">
<h4 class="m-1">Download for Linux</h4>
</a>
</div>
</div>
<p><em>Feel free to contact us at <a href="mailto:hello@responsively.app">hello@responsively.app</a>, if you need any help.</em></p>
</div>
</section>
</section>
<div class="has-divider">
<div class="divider flip-x bg-primary-3">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="96px" viewBox="0 0 100 100" version="1.1" preserveAspectRatio="none" class="injected-svg" data-src="assets/img/dividers/divider-3.svg">
<path d="M0,0 C6.83050094,50 15.1638343,75 25,75 C41.4957514,75 62.4956597,0 81.2456597,0 C93.7456597,0 99.9971065,0 100,0 L100,100 L0,100"></path>
</svg>
</div>
<div class="container text-center mt-1">
<p><em>Please feel free to contact us on <a href="https://github.com/manojVivek/responsively-app/issues" target="_blank">GitHub</a>, if you need any help.</em></p>
</div>
<div class="divider">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="96px" viewBox="0 0 100 100" version="1.1" preserveAspectRatio="none" class="injected-svg" data-src="assets/img/dividers/divider-2.svg">
<path d="M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z"></path>
</svg>
</div>
<!-- trusted section -->
<footer id="Contact-Us" class="pb-1 bg-primary-3 text-light">
<div class="container">
@ -468,6 +487,7 @@
}
window.addEventListener('load', () => {
return;
setTimeout(() => {
setDownloadURL();
var os = getOS();