1
0
mirror of https://github.com/mitb-archive/filebot synced 2024-12-23 00:08:51 -05:00

Add dedicated purchase page

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

View File

@ -9,9 +9,6 @@ redirect 302 /mac/purchase.html https://itunes.apple.com/us/app/filebot/id905384
# 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
# TODO: build purchase / checkout page
redirect 302 /purchase.html https://www.filebot.net/#purchase
# redirect to support pages
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

View File

@ -16,7 +16,8 @@ a:hover {
border-bottom: none;
}
a img {
img, video {
vertical-align: middle;
border: none;
}
@ -179,7 +180,6 @@ h1 .description {
.screenshot {
float: right;
background-color: #E6E6E6;
border: thin solid lightgray;
box-shadow: 0px 2px 5px #a2a2a2;
}
@ -494,28 +494,32 @@ div.screencast:hover .play {
content: "* ";
}
#purchase .price {
position: absolute;
#purchase {
margin-bottom: 55px;
}
#purchase .price > span {
#purchase > ul > li.purchase {
position: relative;
left: 10em;
top: 1.3em;
}
#purchase > ul > li.purchase div.tag {
position: absolute;
right: 2em;
bottom: -1em;
padding: 0.3em;
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: smaller;
font-size: 13px;
color: white;
background-color:#F14E4E;
}
#purchase .price > span:after {
#purchase div.tag > span:after {
content: " (incl. tax)";
font-size: xx-small;
position: relative;
@ -523,6 +527,34 @@ div.screencast:hover .play {
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;
}
/**

View File

@ -257,9 +257,9 @@
<span class="quote">We work to better ourselves</span>
<h2>Buy License</h2>
<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 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>
</ul>
</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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB