Initial commit.
This commit is contained in:
commit
b48a4e92e1
169 changed files with 7538 additions and 0 deletions
55
web/views/apps.ejs
Normal file
55
web/views/apps.ejs
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Download Hostr for Mac and Windows | Hostr • Instant Sharing</title>
|
||||
<meta name="description" content="Share anything instantly. From screenshots to zip files to anything else, for free!">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<%- CDN(['/styles/style.css']) %>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="container header clearfix">
|
||||
<a href="/"><img class="logo img-responsive" src="/images/logo_dark.png" height="21" width="26" alt=""></a>
|
||||
</section>
|
||||
|
||||
<section class="container apps">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>Hostr for Mac and Windows</h1>
|
||||
<ul class="list-unstyled">
|
||||
<li>Drag and drop without opening your browser.</li>
|
||||
<li>Get links instantly without waiting for uploads to finish</li>
|
||||
<li>Easily capture and share screenshots.</li>
|
||||
<li>Quick access to recent files.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="downloads">
|
||||
<a href="/apps/mac/Hostr-0.8.0.zip" class="btn btn-primary">Download for Mac</a>
|
||||
<a href="/apps/windows/Hostr-0.7.1.exe" class="btn btn-primary">Download for Windows</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<% include footer.ejs %>
|
||||
<script>
|
||||
var mac = document.getElementById("mac");
|
||||
var windows = document.getElementById("windows");
|
||||
|
||||
</scipt>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
66
web/views/email/activate.html
Normal file
66
web/views/email/activate.html
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Hostr Activation</title>
|
||||
<link href="style.css" media="all" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table class="body-wrap">
|
||||
<tr>
|
||||
<td align="center" width="100%" colspan="2"><img src="https://hostr.co/images/logo-dark-r.png" height="22" width="26" class="logo" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="container" width="600">
|
||||
<div class="content">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-wrap">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Thanks for signing up to Hostr!
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Please confirm your email address by clicking the link below.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
We may need to send you critical information about our service and it is important that we have an accurate email address.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<a href="<%=activationUrl%>" class="btn-primary">Confirm email address</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
— Jonathan Cremin, Hostr Founder
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="footer">
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<td class="aligncenter content-block">Follow <a href="http://twitter.com/gethostr">@gethostr</a> on Twitter.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div></div>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
61
web/views/email/forgot.html
Normal file
61
web/views/email/forgot.html
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Hostr Activation</title>
|
||||
<link href="style.css" media="all" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table class="body-wrap">
|
||||
<tr>
|
||||
<td align="center" width="100%" colspan="2"><img src="https://hostr.co/images/logo-dark-r.png" height="22" width="26" class="logo" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="container" width="600">
|
||||
<div class="content">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-wrap">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
It seems you've forgotten your password :(
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
To set a new password click the link below.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<a href="<%=forgotUrl%>" class="btn-primary">Set New Password</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
— Jonathan Cremin, Hostr Founder
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="footer">
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<td class="aligncenter content-block">Follow <a href="http://twitter.com/gethostr">@gethostr</a> on Twitter.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div></div>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
111
web/views/email/inlined/activate.ejs
Normal file
111
web/views/email/inlined/activate.ejs
Normal file
|
|
@ -0,0 +1,111 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Hostr Activation</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background: #f6f6f6; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; height: 100%; line-height: 1.6; margin: 0; padding: 0; width: 100% !important" bgcolor="#f6f6f6"><style type="text/css">
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6;
|
||||
}
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
h1 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h2 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h3 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h4 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.content {
|
||||
padding: 10px !important;
|
||||
}
|
||||
.content-wrapper {
|
||||
padding: 10px !important;
|
||||
}
|
||||
.invoice {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<table class="body-wrap" style="background: #f6f6f6; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; width: 100%" bgcolor="#f6f6f6">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td align="center" width="100%" colspan="2" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"><img src="https://hostr.co/images/logo-dark-r.png" height="22" width="26" class="logo" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 40px 0 20px; max-width: 100%; padding: 0" /></td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"></td>
|
||||
<td class="container" width="600" style="box-sizing: border-box; clear: both !important; display: block !important; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 auto; max-width: 600px !important; padding: 0; vertical-align: top" valign="top">
|
||||
<div class="content" style="box-sizing: border-box; display: block; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 auto; max-width: 600px; padding: 20px">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0" style="background: #fff; border-radius: 3px; border: 1px solid #e9e9e9; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0" bgcolor="#fff">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-wrap" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 20px; vertical-align: top" valign="top">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
Thanks for signing up to Hostr!
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
Please confirm your email address by clicking the link below.
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
We may need to send you critical information about our service and it is important that we have an accurate email address.
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
<a href="<%=activationUrl%>" class="btn-primary" style="background: #456470; border-color: #456470; border-radius: 5px; border-style: solid; border-width: 10px 20px; box-sizing: border-box; color: #FFF; cursor: pointer; display: inline-block; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 2; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: capitalize">Confirm email address</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
— Jonathan Cremin, Hostr Founder
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="footer" style="box-sizing: border-box; clear: both; color: #999; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 20px; width: 100%">
|
||||
<table width="100%" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="aligncenter content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0 0 20px; text-align: center; vertical-align: top" align="center" valign="top">Follow <a href="http://twitter.com/gethostr" style="box-sizing: border-box; color: #999; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0; text-decoration: underline">@gethostr</a> on Twitter.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div></div>
|
||||
</td>
|
||||
<td style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
106
web/views/email/inlined/forgot.ejs
Normal file
106
web/views/email/inlined/forgot.ejs
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Hostr Activation</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background: #f6f6f6; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; height: 100%; line-height: 1.6; margin: 0; padding: 0; width: 100% !important" bgcolor="#f6f6f6"><style type="text/css">
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6;
|
||||
}
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
h1 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h2 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h3 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h4 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.content {
|
||||
padding: 10px !important;
|
||||
}
|
||||
.content-wrapper {
|
||||
padding: 10px !important;
|
||||
}
|
||||
.invoice {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<table class="body-wrap" style="background: #f6f6f6; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; width: 100%" bgcolor="#f6f6f6">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td align="center" width="100%" colspan="2" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"><img src="https://hostr.co/images/logo-dark-r.png" height="22" width="26" class="logo" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 40px 0 20px; max-width: 100%; padding: 0" /></td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"></td>
|
||||
<td class="container" width="600" style="box-sizing: border-box; clear: both !important; display: block !important; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 auto; max-width: 600px !important; padding: 0; vertical-align: top" valign="top">
|
||||
<div class="content" style="box-sizing: border-box; display: block; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 auto; max-width: 600px; padding: 20px">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0" style="background: #fff; border-radius: 3px; border: 1px solid #e9e9e9; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0" bgcolor="#fff">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-wrap" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 20px; vertical-align: top" valign="top">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
It seems you've forgotten your password :(
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
To set a new password click the link below.
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
<a href="<%=forgotUrl%>" class="btn-primary" style="background: #456470; border-color: #456470; border-radius: 5px; border-style: solid; border-width: 10px 20px; box-sizing: border-box; color: #FFF; cursor: pointer; display: inline-block; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 2; margin: 0; padding: 0; text-align: center; text-decoration: none; text-transform: capitalize">Set New Password</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
— Jonathan Cremin, Hostr Founder
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="footer" style="box-sizing: border-box; clear: both; color: #999; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 20px; width: 100%">
|
||||
<table width="100%" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="aligncenter content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0 0 20px; text-align: center; vertical-align: top" align="center" valign="top">Follow <a href="http://twitter.com/gethostr" style="box-sizing: border-box; color: #999; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0; text-decoration: underline">@gethostr</a> on Twitter.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div></div>
|
||||
</td>
|
||||
<td style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
101
web/views/email/inlined/pro.ejs
Normal file
101
web/views/email/inlined/pro.ejs
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Hostr Pro</title>
|
||||
|
||||
</head>
|
||||
|
||||
<body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; background: #f6f6f6; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; height: 100%; line-height: 1.6; margin: 0; padding: 0; width: 100% !important" bgcolor="#f6f6f6"><style type="text/css">
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6;
|
||||
}
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
h1 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h2 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h3 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h4 {
|
||||
font-weight: 600 !important; margin: 20px 0 5px !important;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
h2 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
h3 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
.container {
|
||||
width: 100% !important;
|
||||
}
|
||||
.content {
|
||||
padding: 10px !important;
|
||||
}
|
||||
.content-wrapper {
|
||||
padding: 10px !important;
|
||||
}
|
||||
.invoice {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<table class="body-wrap" style="background: #f6f6f6; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; width: 100%" bgcolor="#f6f6f6">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td align="center" width="100%" colspan="2" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"><img src="https://hostr.co/images/logo-dark-r.png" height="22" width="26" class="logo" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 40px 0 20px; max-width: 100%; padding: 0" /></td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"></td>
|
||||
<td class="container" width="600" style="box-sizing: border-box; clear: both !important; display: block !important; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 auto; max-width: 600px !important; padding: 0; vertical-align: top" valign="top">
|
||||
<div class="content" style="box-sizing: border-box; display: block; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 auto; max-width: 600px; padding: 20px">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0" style="background: #fff; border-radius: 3px; border: 1px solid #e9e9e9; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0" bgcolor="#fff">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-wrap" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 20px; vertical-align: top" valign="top">
|
||||
<table width="100%" cellpadding="0" cellspacing="0" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
Thanks for upgrading to Hostr Pro!
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
You've signed up for Hostr Pro Monthly at $6/month
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0 0 20px; vertical-align: top" valign="top">
|
||||
— Jonathan Cremin, Hostr Founder
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="footer" style="box-sizing: border-box; clear: both; color: #999; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 20px; width: 100%">
|
||||
<table width="100%" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0">
|
||||
<td class="aligncenter content-block" style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0 0 20px; text-align: center; vertical-align: top" align="center" valign="top">Follow <a href="http://twitter.com/gethostr" style="box-sizing: border-box; color: #999; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; padding: 0; text-decoration: underline">@gethostr</a> on Twitter.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div></div>
|
||||
</td>
|
||||
<td style="box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; vertical-align: top" valign="top"></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
56
web/views/email/pro.html
Normal file
56
web/views/email/pro.html
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Hostr Pro</title>
|
||||
<link href="style.css" media="all" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<table class="body-wrap">
|
||||
<tr>
|
||||
<td align="center" width="100%" colspan="2"><img src="https://hostr.co/images/logo-dark-r.png" height="22" width="26" class="logo" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td class="container" width="600">
|
||||
<div class="content">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-wrap">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Thanks for upgrading to Hostr Pro!
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
You've signed up for Hostr Pro Monthly at $6/month
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
— Jonathan Cremin, Hostr Founder
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="footer">
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<td class="aligncenter content-block">Follow <a href="http://twitter.com/gethostr">@gethostr</a> on Twitter.</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div></div>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
271
web/views/email/style.css
Normal file
271
web/views/email/style.css
Normal file
|
|
@ -0,0 +1,271 @@
|
|||
/* -------------------------------------
|
||||
GLOBAL
|
||||
A very basic CSS reset
|
||||
------------------------------------- */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-size-adjust: none;
|
||||
width: 100% !important;
|
||||
height: 100%;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Let's make sure all tables have defaults */
|
||||
table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
BODY & CONTAINER
|
||||
------------------------------------- */
|
||||
body {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.body-wrap {
|
||||
background-color: #f6f6f6;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: block !important;
|
||||
max-width: 600px !important;
|
||||
margin: 0 auto !important;
|
||||
/* makes it centered */
|
||||
clear: both !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
HEADER, FOOTER, MAIN
|
||||
------------------------------------- */
|
||||
.main {
|
||||
background: #fff;
|
||||
border: 1px solid #e9e9e9;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.content-wrap {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.content-block {
|
||||
padding: 0 0 20px;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
color: #999;
|
||||
padding: 20px;
|
||||
}
|
||||
.footer a {
|
||||
color: #999;
|
||||
}
|
||||
.footer p, .footer a, .footer unsubscribe, .footer td {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
------------------------------------- */
|
||||
h1, h2, h3 {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||||
color: #000;
|
||||
margin: 40px 0 0;
|
||||
line-height: 1.2;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
p, ul, ol {
|
||||
margin-bottom: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
p li, ul li, ol li {
|
||||
margin-left: 5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
LINKS & BUTTONS
|
||||
------------------------------------- */
|
||||
a {
|
||||
color: #456470;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
background-color: #456470;
|
||||
border: solid #456470;
|
||||
/* seems to be a bug stopping this from being applied above */
|
||||
border-color: #456470;
|
||||
border-width: 10px 20px;
|
||||
line-height: 2;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
OTHER STYLES THAT MIGHT BE USEFUL
|
||||
------------------------------------- */
|
||||
.last {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.first {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
ALERTS
|
||||
Change the class depending on warning email, good email or bad email
|
||||
------------------------------------- */
|
||||
.alert {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.alert a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
}
|
||||
.alert.alert-warning {
|
||||
background: #ff9f00;
|
||||
}
|
||||
.alert.alert-bad {
|
||||
background: #d0021b;
|
||||
}
|
||||
.alert.alert-good {
|
||||
background: #68b90f;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
INVOICE
|
||||
Styles for the billing table
|
||||
------------------------------------- */
|
||||
.invoice {
|
||||
margin: 40px auto;
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
.invoice td {
|
||||
padding: 5px 0;
|
||||
}
|
||||
.invoice .invoice-items {
|
||||
width: 100%;
|
||||
}
|
||||
.invoice .invoice-items td {
|
||||
border-top: #eee 1px solid;
|
||||
}
|
||||
.invoice .invoice-items .total td {
|
||||
border-top: 2px solid #333;
|
||||
border-bottom: 2px solid #333;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||
------------------------------------- */
|
||||
@media only screen and (max-width: 640px) {
|
||||
h1, h2, h3, h4 {
|
||||
font-weight: 600 !important;
|
||||
margin: 20px 0 5px !important;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 22px !important;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.content, .content-wrapper {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
.invoice {
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
155
web/views/file.ejs
Normal file
155
web/views/file.ejs
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><%= file.name %> - Hostr, download and share anything.</title>
|
||||
<meta content='Hostr' property='og:site_name'>
|
||||
<meta content='https://hostr.co/<%=file.id %>' property='og:url'>
|
||||
<meta content='<%= file.name %>' property='og:title'>
|
||||
<meta content="Get free file hosting, and cloud sharing on Hostr." property='og:description'>
|
||||
<% if (file.width) { %>
|
||||
<meta name="description" content="<%= file.name %> - Get free file hosting, and cloud sharing on Hostr.">
|
||||
<meta content='https://hostr.co/file/970/<%=file.id %>/<%=file.name %>' property='og:image'>
|
||||
<% } else { %>
|
||||
<meta name="description" content="Download <%= file.name %> fast and free from Hostr - Get free file hosting, and cloud sharing with Hostr." property='og:description'>
|
||||
<% } %>
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
|
||||
<link href='/styles/app.css' rel='stylesheet' type='text/css'>
|
||||
<% if(file.width > 280 && file.height > 150) { %>
|
||||
<meta name="twitter:card" content="photo">
|
||||
<meta name="twitter:site" content="@gethostr">
|
||||
<meta name="twitter:title" content="<%= file.name%>">
|
||||
<meta name="twitter:image" content="<%= baseURL %>/file/970/<%=file.id %>/<%=file.name %>">
|
||||
<meta name="twitter:image:width" content="<%= file.width %>">
|
||||
<meta name="twitter:image:height" content="<%= file.height %>">
|
||||
<% } %>
|
||||
</head>
|
||||
<body>
|
||||
<div id="dropdown-overlay"></div>
|
||||
<section class="container header clearfix ng-scope">
|
||||
<div class="logo pull-left">
|
||||
<a href="/"><img src="/images/logo-dark-r.png" height="22" width="26" alt=""></a>
|
||||
</div>
|
||||
<div class="menu" id="menu">
|
||||
<img src="/images/menu-retina.png" height="6" width="24" alt="" class="dots">
|
||||
|
||||
<div class="dropdown" id="dropdown">
|
||||
<div class="file-info">
|
||||
<% if (file.width) { %><a href="/file/<%=file.id %>/<%=file.name %>" target="_blank">Original File <span class="dimensions">(<%=file.width%>x<%=file.height%>)</span></a><% } %>
|
||||
<div class="meta">
|
||||
<div class="date"><%= file.readableAdded %></div>
|
||||
<span class="filesize"><%= file.readableSize %></span>
|
||||
<span class="num-downloads"><%=(file.downloads|0).toLocaleString() %> <% if (file.width) { %>views<% } else { %>downloads<% } %></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% if (file.width) { %><span class="filename"><%=file.name %></span><% } %>
|
||||
|
||||
</section>
|
||||
<% if (file.width) { %>
|
||||
<section class="container image-preview">
|
||||
<img class="img-responsive" src="/file/970/<%=file.id %>/<%=file.name %>">
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
<% if (!file.width) { %>
|
||||
<section class="container file-preview">
|
||||
<span class="file-icon"></span>
|
||||
<span class="filename"><%=file.name %><span class="filetype"></span></span>
|
||||
|
||||
<form action="/file/<%=file.id %>/<%=file.name %>" class="form-group form-group-lg" method="get" onsubmit="this.submit()">
|
||||
<% if (file.malware) { %>
|
||||
<div class="file-alert">
|
||||
<p>This file has been identified as likely being <strong>malware</strong>, proceed with caution.</p>
|
||||
<p><label for="alert">Type "I want to download malware" in the box below to proceed.</label></p>
|
||||
<p class="agree"><input type="text" id="alert" name="alert" class="form-control" />
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="file-warning">
|
||||
<p>This file has been scanned for viruses but may still not be safe.</p>
|
||||
<p class="agree"><label for="warning"><input type="checkbox" id="warning" name="warning"> I understand and want to download</label>
|
||||
</div>
|
||||
<% } %>
|
||||
<button type="submit" class="btn btn-download btn-lg" id="download">Download</button>
|
||||
</form>
|
||||
</section>
|
||||
<% } %>
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<script>
|
||||
var menu = document.getElementById("menu");
|
||||
var dropdownOverlay = document.getElementById("dropdown-overlay")
|
||||
var dropdown = document.getElementById("dropdown");
|
||||
var toggleMenu = function() {
|
||||
if (dropdown.style.display == "block") {
|
||||
dropdown.style.display = "none";
|
||||
dropdownOverlay.style.display = "none";
|
||||
} else {
|
||||
dropdown.style.display = "block";
|
||||
dropdownOverlay.style.display = "block";
|
||||
}
|
||||
}
|
||||
if (menu.addEventListener) {
|
||||
menu.addEventListener('click', function(evt) {
|
||||
toggleMenu();
|
||||
});
|
||||
dropdownOverlay.addEventListener('click', function(evt) {
|
||||
toggleMenu();
|
||||
});
|
||||
}
|
||||
|
||||
var download = document.getElementById('download');
|
||||
var warning = document.getElementById('warning');
|
||||
if (warning) {
|
||||
var warningToggle = function(evt) {
|
||||
if (warning.checked) {
|
||||
download.disabled = false;
|
||||
} else {
|
||||
download.disabled = true;
|
||||
}
|
||||
};
|
||||
if (!warning.checked) {
|
||||
download.disabled = true;
|
||||
}
|
||||
if (warning.addEventListener) {
|
||||
warning.addEventListener("change", warningToggle);
|
||||
} else {
|
||||
warning.attachEvent("onchange", warningToggle);
|
||||
}
|
||||
|
||||
}
|
||||
var alert = document.getElementById('alert');
|
||||
if (alert) {
|
||||
var alertToggle = function(evt) {
|
||||
if (alert.value.toLowerCase().indexOf("i want to download malware") >= 0) {
|
||||
download.disabled = false;
|
||||
} else {
|
||||
download.disabled = true;
|
||||
}
|
||||
};
|
||||
if (alert.value.toLowerCase() != "i want to download malware") {
|
||||
download.disabled = true;
|
||||
}
|
||||
if (alert.addEventListener) {
|
||||
alert.addEventListener("keyup", alertToggle);
|
||||
} else {
|
||||
alert.attachEvent("onkeyup", alertToggle);
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
17
web/views/footer.ejs
Normal file
17
web/views/footer.ejs
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
<section class="container footer">
|
||||
<img src="/images/bullet-r.png" height=8 width=8 />
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="/apps">Apps</a>
|
||||
</li>
|
||||
<li><a href="/pricing">Pricing</a>
|
||||
</li>
|
||||
<li><a href="mailto:support@hostr.co">Contact</a>
|
||||
</li>
|
||||
<li><a href="/terms">Terms</a>
|
||||
</li>
|
||||
<li><a href="/privacy">Privacy</a>
|
||||
</li>
|
||||
<li><a href="https://twitter.com/gethostr">Twitter</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
61
web/views/forgot.ejs
Normal file
61
web/views/forgot.ejs
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Password Reset | Hostr • Instant Sharing</title>
|
||||
<meta name="description" content="Share anything instantly. From screenshots to zip files to anything else, for free!">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<link href='/styles/style.css' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="container header clearfix">
|
||||
<a href="/"><img class="logo img-responsive" src="/images/logo_dark.png" height="21" width="26" alt=""></a>
|
||||
</section>
|
||||
|
||||
<section class="container user-form clearfix">
|
||||
<p class="lead">Reset your Hostr password.</p>
|
||||
<% if(typeof message !== 'undefined') { %>
|
||||
<div class="alert alert-success alert-signin">
|
||||
<%= message %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="holder">
|
||||
<form role="form" action="/forgot<%= token ? '/' + token : '' %>" method="post">
|
||||
|
||||
<% if(typeof error !== 'undefined') { %>
|
||||
<div class="alert alert-danger">
|
||||
<%= error %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="form-group">
|
||||
<% if (token) { %>
|
||||
<label for="inputEmail">New password</label>
|
||||
<input type="password" name="password" class="form-control input-lg" id="inputPassword" placeholder="Enter your new password">
|
||||
<% } else { %>
|
||||
<label for="inputEmail">Email address</label>
|
||||
<input type="email" name="email" class="form-control input-lg" id="inputEmail" placeholder="Enter the email you signed up with">
|
||||
<% } %>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-block btn-signup">Reset</button>
|
||||
</form>
|
||||
</div>
|
||||
<p class="trail">Actually, I remember it. <a href="/signin">Let me sign in.</a></p>
|
||||
</section>
|
||||
|
||||
|
||||
<% include footer.ejs %>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
105
web/views/index.ejs
Normal file
105
web/views/index.ejs
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" ng-app="hostr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title ng-bind="'Hostr ' + pageTitle">Hostr</title>
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-touch-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-touch-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-touch-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-touch-icon-152x152.png">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-196x196.png" sizes="196x196">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-160x160.png" sizes="160x160">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
|
||||
<meta name="msapplication-TileColor" content="#00aba9">
|
||||
<meta name="msapplication-TileImage" content="/images/mstile-144x144.png">
|
||||
<base href="/">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<link href='/styles/app.css' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body <%= typeof user.email !== "undefined" ? 'dropzone': '' %>>
|
||||
|
||||
<div id="header-messages" ng-show="progress.name || uploadError" class="ng-cloak">
|
||||
<div id="header-progress" ng-show="progress.name">
|
||||
<div class="meter" style="width: {{progress.percent| number:0}}%;"></div><div class="message-label">{{progress.status}} {{progress.name}} • {{progress.percent| number:0}}%</div>
|
||||
</div>
|
||||
<div id="header-error" ng-show="uploadError">
|
||||
<div class="message-label">{{uploadError}}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-show="loadingView" ng-cloak="loadingView">
|
||||
<div class="loading-indicator"></div>
|
||||
</div>
|
||||
|
||||
<div ng-view></div>
|
||||
|
||||
<div ng-show="navError" ng-cloak="navError">
|
||||
<section class="container header clearfix">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2" style='text-align: center;'>
|
||||
<div class="logo">
|
||||
<a href="/"><img src="/images/logo-dark-r.png" height="22" width="26" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="jumbotron error-page">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<h1>404</h1>
|
||||
<h2>We can't find the file you're looking for :(</h2>
|
||||
<p class="lead">The owner may have removed it or it may never have existed in the first place.</p>
|
||||
<a href="/">Try our homepage instead :)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div id="dropdown-overlay" class="ng-cloak" ng-show="showDropdown" ng-click="overlayClick()"></div>
|
||||
<div id="filedrop-overlay"><h1>Drop files to upload</h1></div>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<script>
|
||||
var settings = {
|
||||
apiURL: "<%= apiURL %>",
|
||||
baseURL: "<%= baseURL %>",
|
||||
stripePublic: "<%= stripePublic %>"
|
||||
};
|
||||
</script>
|
||||
<% if (typeof user.email !== 'undefined') { %>
|
||||
<script>
|
||||
window.user = {
|
||||
email: "<%= user.email %>",
|
||||
joined: "<%= user.joined %>",
|
||||
plan: "<%= user.plan %>",
|
||||
maxFileSize: <%= user.maxFileSize %>,
|
||||
token: "<%= user.token %>",
|
||||
md5: "<%= user.md5 %>"
|
||||
};
|
||||
</script>
|
||||
<% } %>
|
||||
<script src='/jspm_packages/system-polyfills.js'></script>
|
||||
<script src='/jspm_packages/system.js'></script>
|
||||
<script src='/config.js'></script>
|
||||
<script>System.import('/build/app');</script>
|
||||
<script src="https://checkout.stripe.com/checkout.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
24
web/views/mac-update-changelog.ejs
Normal file
24
web/views/mac-update-changelog.ejs
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" ng-app="hostr">
|
||||
<head>
|
||||
<title>Hostr Changelog</title>
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<%- CDN(['/styles/app.css']) %>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h3>Hostr 0.7.0</h3>
|
||||
<h4>Changes</h4>
|
||||
<ul>
|
||||
<li>Updated branding</li>
|
||||
<li>Minor bugfixes</li>
|
||||
</ul>
|
||||
<p>Stay tuned for a bigger update coming soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
web/views/mac-update.ejs
Normal file
25
web/views/mac-update.ejs
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<rss version="2.0" xmlns:sparkle="http://www.andymatuschak.org/xml-namespaces/sparkle" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<channel>
|
||||
<title>Hostr's Changelog</title>
|
||||
<link>https://hostr.co/updaters/mac.xml</link>
|
||||
<description>Hostr updates.</description>
|
||||
<language>en</language>
|
||||
<item>
|
||||
<title>Version 0.7.0</title>
|
||||
<sparkle:releaseNotesLink>
|
||||
https://hostr.co/updaters/mac/changelog
|
||||
</sparkle:releaseNotesLink>
|
||||
<pubDate>Mon, 7 Jul 2014 13:20:11 +0000</pubDate>
|
||||
<enclosure url="http://hostr.co/apps/mac/Hostr-0.7.0.zip" sparkle:version="0.7.0" length="1343923" type="application/octet-stream" />
|
||||
</item>
|
||||
<item>
|
||||
<title>Version 0.6.0</title>
|
||||
<sparkle:releaseNotesLink>
|
||||
https://hostr.co/updaters/mac/changelog
|
||||
</sparkle:releaseNotesLink>
|
||||
<pubDate>Wed, 3 May 2013 23:20:11 +0000</pubDate>
|
||||
<enclosure url="http://hostr.co/apps/mac/Hostr-0.6.0.zip" sparkle:version="0.6.0" length="3360915" type="application/octet-stream" />
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
186
web/views/marketing.ejs
Normal file
186
web/views/marketing.ejs
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Hostr • Instant Sharing</title>
|
||||
<meta content='Hostr' property='og:site_name'>
|
||||
<meta content='Instant Sharing' property='og:title'>
|
||||
<meta content='https://hostr.co' property='og:url'>
|
||||
<meta content='https://hostr.co/images/fb.png' property='og:image'>
|
||||
<meta name="description" content="Share anything instantly. From screenshots to zip files to anything else, for free!" property="og:description">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="/images/apple-touch-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="/images/apple-touch-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/images/apple-touch-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/images/apple-touch-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="/images/apple-touch-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/images/apple-touch-icon-152x152.png">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-196x196.png" sizes="196x196">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-160x160.png" sizes="160x160">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
|
||||
<meta name="msapplication-TileColor" content="#00aba9">
|
||||
<meta name="msapplication-TileImage" content="/images/mstile-144x144.png">
|
||||
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
|
||||
<link href='/styles/style.css' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<section class="masthead">
|
||||
<div class="container">
|
||||
<div>
|
||||
<img src="/images/logo.png" alt="logo" height=50 width=50 />
|
||||
<div class="filetypes hidden-xs">
|
||||
<img src="/images/icons.png" height=30 />
|
||||
</div>
|
||||
<div class="filetypes visible-xs">
|
||||
<img src="/images/filetype_header.png" class="img-responsive" />
|
||||
</div>
|
||||
<img src="/images/tagline.png" class="img-responsive" />
|
||||
|
||||
<div><a href="/signup" class="btn btn-mast btn-lg" id="signup">Sign up</a></div>
|
||||
<a href="/signin" class="sign-in">or Sign in</a>
|
||||
</div>
|
||||
<div class="more">
|
||||
<a data-scroll href="#more">Learn More</a>
|
||||
<img src="/images/arrow_down.png" height=6 width=11 />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="container headline" id="more">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<img src="/images/animation.png" class="img-responsive" />
|
||||
<h1>Instant sharing.
|
||||
<div class="tag">new</div>
|
||||
</h1>
|
||||
<p class="lead">
|
||||
No more waiting for files to upload before sharing the links. Start uploading and immediately get the link to share with your friends or anyone. Super useful for those large files you need to share!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="features">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h2>You can share</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row f1">
|
||||
<div class="col-sm-6">
|
||||
<img src="/images/round-icons.png" class="img-responsive" />
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="copy">
|
||||
<h3>... anything and everything ...</h3>
|
||||
<p>From .avi to .zip, all file types are supported not just images. Share screenshots, movie clips, audio... anything you can think of!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row f2">
|
||||
<div class="col-sm-6 visible-xs">
|
||||
<img src="/images/connected.png" class="img-responsive" />
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="copy">
|
||||
<h3>... from anywhere.</h3>
|
||||
<p>Download our Mac and Windows apps to make sharing even simpler, with iOS and Android apps coming soon!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 hidden-xs">
|
||||
<img src="/images/connected.png" class="img-responsive" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container faq">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h2>Still have questions?</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<h4>Do have to I pay for hostr?</h4>
|
||||
<p>Nope, Hostr is free to use! You can upgrade your account to Pro for more features, but Hostr will always be available for free.</p>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>How much can I upload?</h4>
|
||||
<p>You can upload 15 files per day for free and unlimited files per day for Pro users.</p>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>How long are my files stored for?</h4>
|
||||
<p>Files are stored as long as your account is active. In addition, all files are redundantly backed up to Amazon Web Services.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<h4>What is the largest file size I can upload?</h4>
|
||||
<p>You can upload 20MB files with a free account and 500MB files with Pro.</p>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Are there any bandwidth limits?</h4>
|
||||
<p>There are no bandwidth limits, however we reserve the right to suspend hotlinking of images in cases of abuse.</p>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<h4>Will Hostr be around in 6 months?</h4>
|
||||
<p>Many sharing services have come and go, but we've been operating for 8 years. Hostr is a labour of love for us.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row cta">
|
||||
<div class="col-sm-12">
|
||||
<h2>Convinced?</h2>
|
||||
<a href="/signup" class="btn btn-mast btn-lg">Create an account</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container footer">
|
||||
<img src="/images/bullet-r.png" height=8 width=8 />
|
||||
<ul class="nav nav-pills">
|
||||
<li><a href="/apps">Apps</a>
|
||||
</li>
|
||||
<li><a href="/pricing">Pricing</a>
|
||||
</li>
|
||||
<li><a href="mailto:support@hostr.co">Contact</a>
|
||||
</li>
|
||||
<li><a href="/terms">Terms</a>
|
||||
</li>
|
||||
<li><a href="/privacy">Privacy</a>
|
||||
</li>
|
||||
<li><a href="https://twitter.com/gethostr">Twitter</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<script src="/build/lib/smoothscroll.js"></script>
|
||||
<script>
|
||||
smoothScroll.init();
|
||||
</script>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
104
web/views/pricing.ejs
Normal file
104
web/views/pricing.ejs
Normal file
|
|
@ -0,0 +1,104 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Hostr Pro Pricing | Hostr • Instant Sharing</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<%- CDN(['/styles/style.css']) %>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="container header clearfix">
|
||||
<a href="/"><img class="logo img-responsive" src="/images/logo_dark.png" height="21" width="26" alt=""></a>
|
||||
</section>
|
||||
|
||||
<section class="container pro">
|
||||
<div class="row pricing">
|
||||
<div class="col-md-10 col-md-offset-1">
|
||||
<h1>Pricing</h1>
|
||||
<p>Hostr is available to everyone for free, no trial period, just free. If you want to get even more from Hostr, you can upgrade to Hostr Pro.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-md-offset-1">
|
||||
<h2>Hostr Free</h2>
|
||||
|
||||
<h3>Free!</h3>
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li>Simple, Secure file sharing</li>
|
||||
<li>15 Uploads per day</li>
|
||||
<li>Share 25MB files</li>
|
||||
<li>Ads only on popular files</li>
|
||||
</ul>
|
||||
|
||||
<a href="/signup" class="btn btn-success">Sign Up</a>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<h2>Hostr Pro</h2>
|
||||
|
||||
<h3>$6/month</h3>
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li>All the features of Free</li>
|
||||
<li>Unlimited file sharing</li>
|
||||
<li>Share 500MB files</li>
|
||||
<li>No ads, for you or your files</li>
|
||||
</ul>
|
||||
|
||||
<a href="/signup?pro=true" class="btn btn-primary">Go Pro</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container questions">
|
||||
<div class="row">
|
||||
<div class="col-md-10 col-md-offset-1">
|
||||
<h2>Questions?</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-md-offset-1">
|
||||
<h3>Is there a minimum contract?</h3>
|
||||
<p>You can cancel whenever you like. We will downgrade your account at the end of your billing cycle.</p>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<h3>Can I pay yearly?</h3>
|
||||
<p>Not yet, but we do plan to offer it in the near future.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-md-offset-1">
|
||||
<h3>How secure is my credit card?</h3>
|
||||
<p>Every step of the transaction is protected by 256-bit SSL. We use Stripe for our credit card transactions, meaning your card details are never transmitted to us.</p>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<h3>What payment methods do you accept?</h3>
|
||||
<p>We accept Visa, MasterCard, and American Express.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-md-offset-1">
|
||||
<h3>Got more questions?</h3>
|
||||
<p>Hit us up on <a href="mailto:support@hostr.co?subject=Hostr%20Pro%20Question">support@hostr.co</a> and we'll be happy to answer them.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<% include footer.ejs %>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
81
web/views/privacy.ejs
Normal file
81
web/views/privacy.ejs
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Hostr</title>
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<link href="/styles/app.css?cache=1401319820000" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="container header clearfix">
|
||||
<div class="logo">
|
||||
<a href="/"><img src="/images/logo-dark-r.png" height="22" width="26" alt=""></a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-2 col-md-8 col-sm-12">
|
||||
<h2>Privacy Policy</h2>
|
||||
<h3>Introduction</h3>
|
||||
<p>Hostr (we" or "us") values its visitors' privacy. This privacy policy is effective 16th February 2013; it summarizes what information we might collect from a registered user or other visitor ("you"), and what we will and will not do with it.
|
||||
Please note that this privacy policy does not govern the collection and use of information by companies that Hostr does not control, nor by individuals not employed or managed by Hostr. If you visit a Web site that we mention or link to, be sure to review its privacy policy before providing the site with information.</p>
|
||||
<h3>What we do with your personally identifiable information</h3>
|
||||
<p>It is always up to you whether to disclose personally identifiable information to us, although if you elect not to do so, we reserve the right not to register you as a user or provide you with any products or services. "Personally identifiable information" means information that can be used to identify you as an individual, such as, for example:</p>
|
||||
<ul>
|
||||
<li>your name, company, email address, phone number, billing address, and shipping address your Hostr user ID and password</li>
|
||||
<li>credit card information</li>
|
||||
<li>any account-preference information you provide us</li>
|
||||
<li>your computer's domain name and IP address, indicating</li>
|
||||
<li>where your computer is located on the Internet</li>
|
||||
<li>session data for your login session, so that our computer can ‘talk' to yours while you are logged in</li>
|
||||
</ul>
|
||||
<p>If you do provide personally identifiable information to us, either directly or through a reseller or other business partner, we will:
|
||||
not sell or rent it to a third party without your permission — although unless you opt out (see below), we may use your contact information to provide you with information we believe you need to know or may find useful, such as (for example) news about our services and products and modifications to the Terms of Service; take commercially reasonable precautions to protect the information from loss, misuse and unauthorized access, disclosure, alteration and destruction;
|
||||
not use or disclose the information except:</p>
|
||||
<ul>
|
||||
<li>as necessary to provide services or products you have ordered, such as (for example) by providing it to a carrier to deliver products you have ordered;</li>
|
||||
<li>in other ways described in this privacy policy or to which you have otherwise consented; in the aggregate with other information in such a way so that your identity cannot reasonably be determined (for example, statistical compilations);</li>
|
||||
<li>as required by law, for example, in response to a subpoena or search warrant;</li>
|
||||
<li>to outside auditors who have agreed to keep the information confidential;</li>
|
||||
<li>as necessary to enforce the Terms of Service;</li>
|
||||
<li>as necessary to protect the rights, safety, or property of Hostr, its users, or others; this may include (for example) exchanging information with other organizations for fraud protection and/or risk reduction.</li>
|
||||
</ul>
|
||||
<h3>Other information we collect</h3>
|
||||
<p>We may collect other information that cannot be readily used to identify you, such as (for example) the domain name and IP address of your computer. We may use this information, individually or in the aggregate, for technical administration of our Web site(s); research and development; customer- and account administration; and to help us focus our marketing efforts more precisely.</p>
|
||||
<h3>Cookies</h3>
|
||||
<p>Hostr uses "cookies" to store personal data on your computer. We may also link information stored on your computer in cookies with personal data about specific individuals stored on our servers. If you set up your Web browser (for example, Internet Explorer or Firefox) so that cookies are not allowed, you might not be able to use some or all of the features of our Web site(s).</p>
|
||||
<h3>External data storage sites</h3>
|
||||
<p>We may store your data on servers provided by third party hosting vendors with whom we have contracted.</p>
|
||||
<h3>Your privacy responsibilities</h3>
|
||||
<p>To help protect your privacy, be sure:</p>
|
||||
<ul>
|
||||
<li>not to share your user ID or password with anyone else;</li>
|
||||
<li>to take customary precautions to guard against "malware" (viruses, Trojan horses, bots, etc.), for example by installing and updating suitable anti-virus software.</li>
|
||||
</ul>
|
||||
<h3>Changes to this privacy policy</h3>
|
||||
<p>We reserve the right to change this privacy policy as we deem necessary or appropriate because of legal compliance requirements or changes in our business practices. If you have provided us with an email address, we will endeavor to notify you, by email to that address, of any material change to how we will use personally identifiable information.</p>
|
||||
<h3>Questions or comments?</h3>
|
||||
<p>If you have questions or comments about Hostr's privacy policy, send an email to support@hostr.com.</p>
|
||||
<p>Thank you for choosing Hostr!</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<% include footer.ejs %>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
66
web/views/signin.ejs
Normal file
66
web/views/signin.ejs
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Sign in | Hostr • Instant Sharing</title>
|
||||
<meta name="description" content="Share anything instantly. From screenshots to zip files to anything else, for free!">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<link href='/styles/style.css' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="container header clearfix">
|
||||
<a href="/"><img class="logo img-responsive" src="/images/logo_dark.png" height="21" width="26" alt="Hostr" /></a>
|
||||
</section>
|
||||
|
||||
<section class="container user-form clearfix">
|
||||
<p class="lead">Sign in to Hostr.</p>
|
||||
<% if(typeof message !== 'undefined') { %>
|
||||
<div class="alert alert-success alert-signin">
|
||||
<%= message %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="holder">
|
||||
<form role="form" action="/signin" method="post">
|
||||
|
||||
<% if(typeof error !== 'undefined') { %>
|
||||
<div class="alert alert-danger">
|
||||
<%= error %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="form-group">
|
||||
<label for="inputEmail">Email address</label>
|
||||
<input type="email" name="email" class="form-control input-lg" id="inputEmail" placeholder="Enter email" tabindex="1">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputEmail">Password — <a href="/forgot" class="forgot">Forgot it?</a></label>
|
||||
<input type="password" name="password" class="form-control input-lg" id="inputPassword" placeholder="Password" tabindex="2">
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="remember" tabindex="3">Remember me on this computer.</a>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-block btn-signup" tabindex="4">Sign in</button>
|
||||
</form>
|
||||
</div>
|
||||
<p class="trail">Don't have an account? <a href="/signup">Sign up now</a></p>
|
||||
</section>
|
||||
|
||||
|
||||
<% include footer.ejs %>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
64
web/views/signup.ejs
Normal file
64
web/views/signup.ejs
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Hostr • Instant Sharing</title>
|
||||
<meta name="description" content="Share anything instantly. From screenshots to zip files to anything else, for free!">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<link href='/styles/style.css' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="container header clearfix">
|
||||
<a href="/"><img class="logo img-responsive" src="/images/logo_dark.png" height="21" width="26" alt=""></a>
|
||||
</section>
|
||||
|
||||
<section class="container user-form clearfix">
|
||||
<p class="lead">Sign up to Hostr.</p>
|
||||
<div class="holder">
|
||||
<form role="form" action="/signup" method="post">
|
||||
<% if(typeof error !== 'undefined') { %>
|
||||
<div class="alert alert-danger">
|
||||
<%= error %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="form-group">
|
||||
<label for="inputEmail">Email address</label>
|
||||
<input type="email" class="form-control input-lg" id="inputEmail" placeholder="Enter email" name="email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputEmail">Confirm email</label>
|
||||
<input type="email" class="form-control input-lg" id="confirmEmail" placeholder="Confirm email" name="confirm_email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="inputEmail">Password</label>
|
||||
<input type="password" class="form-control input-lg" id="inputPassword" placeholder="Password" name="password">
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="terms">I agree to the <a href="/terms" target="_blank" class="terms">terms of service</a>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<button type="submit" href="#" class="btn btn-block btn-signup">Sign up</button>
|
||||
</form>
|
||||
</div>
|
||||
<p class="trail">Already have an account? <a href="/signin">Sign in</a></p>
|
||||
</section>
|
||||
|
||||
|
||||
<% include footer.ejs %>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
65
web/views/terms.ejs
Normal file
65
web/views/terms.ejs
Normal file
|
|
@ -0,0 +1,65 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Hostr</title>
|
||||
<link rel="icon" type="image/png" href="/images/favicon.png">
|
||||
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<link href="/styles/app.css?cache=1401319820000" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="container header clearfix">
|
||||
<div class="logo">
|
||||
<a href="/"><img src="/images/logo-dark-r.png" height="22" width="26" alt=""></a>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-offset-2 col-md-8 col-sm-12">
|
||||
<h2>Hostr Terms of Service</h2>
|
||||
<h3>Prohibited Content</h3>
|
||||
<h4>Website Hosting</h4>
|
||||
<p>Hotlinking graphics is only permitted in the context of sharing, not for hosting your website.</p>
|
||||
<h4>Copyright Content</h4>
|
||||
<p>The use of warez, media files that you are not the rightful owner of, cracks, and any other forms of copyrighted software that you are not legally allowed to use/distribute are all strictly prohibited.</p>
|
||||
<h4>Pornography</h4>
|
||||
<p>Pornography of any kind is strictly prohibited. Pornography is defined as content which displays or links to displays of genitalia.</p>
|
||||
<h4>Viruses and General Malware</h4>
|
||||
<p>Viruses, Trojans, and any other harmful files or malware are all strictly prohibited.</p>
|
||||
<h4>Passworded Archives</h4>
|
||||
<p>The use of passworded archives is strictly prohibited, Hostr needs to be able to ascertain any archive does not contain any of the above material.</p>
|
||||
<h4>Split Archives</h4>
|
||||
<p>The use of split archives to circumvent the file size limit is strictly prohibited.</p>
|
||||
<hr />
|
||||
|
||||
<p>Breaching any of the above terms may result in your account being terminated without warning.</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h3>Hotlinking</h3>
|
||||
<p>Hotlinking images is permitted. However, abuse of this service may result in temporary limitations on your ability to hotlink. This will not affect your ability to continue using your account. Limitations may imposed permanently for continued abuse.</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p>Hostr reserves the right to remove content for any reason it deems appropriate.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<% include footer.ejs %>
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
ga('create', 'UA-66209-2', 'hostr.co');
|
||||
ga('require', 'displayfeatures');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue