moparisthebest/filebot
1
0
Fork 0
mirror of https://github.com/mitb-archive/filebot synced 2024-08-13 17:03:45 -04:00
Code Issues Releases Wiki Activity

Add dedicated purchase page

Browse Source
This commit is contained in:
Reinhard Pointner 2018-06-19 18:04:11 +07:00
parent a3fe08978e
commit fcdb8dbdbf
5 changed files with 135 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
website/.htaccess
View File

@ -9,9 +9,6 @@ redirect 302 /mac/purchase.html https://itunes.apple.com/us/app/filebot/id905384
# redirect donate page # redirect donate page
redirect 302 /donate.html https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=rednoah%40filebot%2enet&lc=US&item_name=FileBot%20Support&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted redirect 302 /donate.html https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=rednoah%40filebot%2enet&lc=US&item_name=FileBot%20Support&currency_code=EUR&bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted
# TODO: build purchase / checkout page
redirect 302 /purchase.html https://www.filebot.net/#purchase
# redirect to support pages # redirect to support pages
redirect 302 /amc.html https://www.filebot.net/forums/viewtopic.php?f=4&t=215 redirect 302 /amc.html https://www.filebot.net/forums/viewtopic.php?f=4&t=215
redirect 302 /manual.html https://www.filebot.net/forums/viewtopic.php?f=3&t=7 redirect 302 /manual.html https://www.filebot.net/forums/viewtopic.php?f=3&t=7

50
website/base.css
View File

@ -16,7 +16,8 @@ a:hover {
border-bottom: none; border-bottom: none;
} }
a img { img, video {
vertical-align: middle;
border: none; border: none;
} }
@ -179,7 +180,6 @@ h1 .description {
.screenshot { .screenshot {
float: right; float: right;
background-color: #E6E6E6; background-color: #E6E6E6;
border: thin solid lightgray;
box-shadow: 0px 2px 5px #a2a2a2; box-shadow: 0px 2px 5px #a2a2a2;
} }
@ -494,14 +494,18 @@ div.screencast:hover .play {
content: "* "; content: "* ";
} }
#purchase .price { #purchase {
position: absolute; margin-bottom: 55px;
} }
#purchase .price > span { #purchase > ul > li.purchase {
position: relative; position: relative;
left: 10em; }
top: 1.3em;
#purchase > ul > li.purchase div.tag {
position: absolute;
right: 2em;
bottom: -1em;
padding: 0.3em; padding: 0.3em;
border: 0.1em solid rgba(255,255,255,0); border: 0.1em solid rgba(255,255,255,0);
@ -509,13 +513,13 @@ div.screencast:hover .play {
text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35); text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
text-align: center; text-align: center;
font-size: smaller; font-size: 13px;
color: white; color: white;
background-color:#F14E4E; background-color:#F14E4E;
} }
#purchase .price > span:after { #purchase div.tag > span:after {
content: " (incl. tax)"; content: " (incl. tax)";
font-size: xx-small; font-size: xx-small;
position: relative; position: relative;
@ -523,6 +527,34 @@ div.screencast:hover .play {
left: 0.1em; left: 0.1em;
} }
#purchase > a.paddle_button {
position: relative;
display: block;
margin: 30px 260px 50px 80px;
padding: 15px;
font-size: larger;
vertical-align: middle;
text-align: center;
}
#purchase > a.paddle_button div.tag {
position: absolute;
right: 5em;
bottom: -1.6em;
padding: 4px;
border: 0.1em solid rgba(255,255,255,0);
border-radius: 0.4em;
text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
text-align: center;
font-size: 13px;
color: white;
background-color:#F14E4E;
}
/** /**

4
website/index.html
View File

@ -257,9 +257,9 @@
<span class="quote">We work to better ourselves</span> <span class="quote">We work to better ourselves</span>
<h2>Buy License</h2> <h2>Buy License</h2>
<ul class="list"> <ul class="list">
<li class="year">Purchase a <a href="#!" class="paddle_button" data-theme="none" data-allow-quantity="false" data-referrer="web" data-product="532439">1 year universal license</a><div class="price"><span class="paddle-gross" data-product="532439">US$6.00</span></div></li> <li class="purchase year">Purchase a <a href="@{link.app.purchase}#web">1 year universal license</a><div class="tag"><span class="paddle-gross" data-product="532439">US$6.00</span></div></li>
<li class="note">A valid license is required to unlock FileBot.</li> <li class="note">A valid license is required to unlock FileBot.</li>
<li class="note">A single license is valid on all platforms and can be used on up to 5 machines.</li> <li class="note">A single license is valid on all platforms and can be used on multiple machines.</li>
<li class="note"><a href="https://get.filebot.net/windows/" target="windows_store">Windows Store</a> and <a href="https://get.filebot.net/mac/" target="itunes_store">Mac App Store</a> purchases do not require a separate license.</li> <li class="note"><a href="https://get.filebot.net/windows/" target="windows_store">Windows Store</a> and <a href="https://get.filebot.net/mac/" target="itunes_store">Mac App Store</a> purchases do not require a separate license.</li>
</ul> </ul>
</div> </div>

91
website/purchase.html Normal file
View File

@ -0,0 +1,91 @@
<!DOCTYPE html>
<html>
<head>
<title>Buy FileBot License</title>
<link rel="stylesheet" href="base.css">
<link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
<script type="text/javascript">
Paddle.Setup({
vendor: 32405
});
</script>
</head>
<body>
<div class="page">
<div class="navigation">
<div>
<ul>
<li><a href="https://www.filebot.net/forums/">Forums</a></li>
<li><a href="https://www.filebot.net/forums/viewtopic.php?f=3&amp;t=7">FAQ</a></li>
<li><a href="https://www.filebot.net/#download">Download</a></li>
</ul>
</div>
</div>
<div class="header">
<a href="https://www.filebot.net/"><img class="logo" alt="logo" src="images/filebot.logo.svg" width="64" height="64" /></a>
<h1>
FileBot
<span class="description">Purchase a universal license</span>
</h1>
</div>
<div class="content">
<div class="screenshot" style="background-color: white; padding: 0px 0px 0px 0px">
<img alt="screenshot" src="screenshots/license.png" width="149" height="116">
</div>
<div class="section about">
<h2>Buy</h2>
<p>
FileBot may be downloaded and evaluated for free, however a license must be purchased for continued use. Licenses are per-user, rather than per-machine, so you can enjoy FileBot on as many computers and operating systems as you wish with your license.
</p>
</div>
<div id="purchase" class="section purchase">
<a id="year" href="#!" class="paddle_button" data-allow-quantity="false" data-referrer="web" data-product="532439">
Buy FileBot License (1 year)
<div class="tag"><span class="paddle-gross" data-product="532439">US$6.00</span></div>
</a>
<ul class="list">
<li class="note">A valid license is required to unlock FileBot.</li>
<li class="note">A single license is valid on all platforms and can be used on multiple machines.</li>
<li class="note"><a href="https://get.filebot.net/windows/" target="windows_store">Windows Store</a> and <a href="https://get.filebot.net/mac/" target="itunes_store">Mac App Store</a> purchases do not require a separate license.</li>
</ul>
</div>
<script type="text/javascript">
$(window).on('load', function() {
var deployment = location.hash.substring(1)
if (deployment) {
Paddle.Checkout.open({
product: 532439,
allowQuantity: false,
referring_domain: deployment
});
}
});
</script>
<p class="suggestion" style="margin-top: 250px">
Need some help getting started? Join the <a href="https://www.filebot.net/forums/viewforum.php?f=8">forums</a> and ask.
</p>
<div class="footer">
<p><a href="https://www.filebot.net/">FileBot Media Renamer</a> | Copyright @{tstamp.year} @{package.company}</p>
</div>
</div>
</div>
</body>
</html>

BIN
website/screenshots/license.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB