390 lines
9.4 KiB
HTML
390 lines
9.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<link rel="stylesheet" href="normalize.css">
|
|
<link rel="stylesheet" href="skeleton.css">
|
|
<link rel="stylesheet" href="custom.css">
|
|
<style type="text/css">
|
|
.banner {
|
|
animation: slide-in .5s;
|
|
transform: translateY(0%);
|
|
}
|
|
|
|
.container {
|
|
animation: slide-in 2s;
|
|
transform: translateY(0%);
|
|
}
|
|
|
|
@keyframes slide-in {
|
|
0% {
|
|
transform: translateY(100vh);
|
|
}
|
|
}
|
|
|
|
@-ms-keyframes slide-in {
|
|
0% {
|
|
transform: translateY(100%);
|
|
}
|
|
}
|
|
|
|
|
|
.one-half.column {
|
|
width: 100%;
|
|
}
|
|
|
|
@media (min-width: 1080px) {
|
|
.one-half.column {
|
|
width: 48%;
|
|
}
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<center><a href="http://www.remarkbox.com"><img src="remarkbox.png" width="35%" class="banner" /></a></center>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="one-half column">
|
|
|
|
<center>
|
|
<h3>Comment Service</h3>
|
|
<br/>
|
|
<span style="font-size: 1.25em;">
|
|
Readers want to communicate with you.
|
|
<br/>
|
|
Remarkbox lets them without friction.
|
|
<br/>
|
|
<br/>
|
|
Works everywhere, even static sites.
|
|
<br/>
|
|
</span>
|
|
</center>
|
|
|
|
</div>
|
|
<div class="one-half column">
|
|
|
|
<center>
|
|
<textarea style="width: 100%; height: 230px; font-size: .7em; color: #999999; border-color: #cccccc;">
|
|
<!-- Remarkbox - Let your readers communicate with you -->
|
|
<script type="text/javascript" src="http://demo.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script>
|
|
<script type="text/javascript">
|
|
thread_uri = (window.location != window.parent.location) ? document.referrer: document.location;
|
|
document.write('<iframe id="remarkbox" src="http://demo.remarkbox.com/embed?thread_uri=' + thread_uri + '" title="remarkbox" width="100%" style="width: 100% !important; border: none !important; overflow: hidden !important;" allowtransparency="true" scrolling="no" horizontalscrolling="no" verticalscrolling="no" tabindex="0" seamless></iframe>');
|
|
iFrameResize( [], document.getElementById('remarkbox') );
|
|
</script></textarea>
|
|
<b>Demo on your site in 30s or less.</b>
|
|
</center>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
<div class="one-half column">
|
|
<center>
|
|
<img src="/static/img/remarkbox-instant-preview-of-comments.gif">
|
|
</center>
|
|
</div>
|
|
<div class="one-half column">
|
|
|
|
<h5>Dissolve barriers of engagement.</h5>
|
|
|
|
<ul>
|
|
<li>
|
|
Readers don't register. They verify their email to log in.
|
|
</li>
|
|
<li>
|
|
Comment previews are shown as the user types.
|
|
</li>
|
|
<li>
|
|
Remarkbox feels like part of the site.
|
|
</li>
|
|
</ul>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<h5>Promote only your messages.</h5>
|
|
|
|
<p>
|
|
<ul>
|
|
<li>
|
|
Remarkbox will <u>not</u> display advertisements to <i>your</i> readers.
|
|
</li>
|
|
<li>
|
|
We will fight to help you win.
|
|
</li>
|
|
<li>
|
|
Tell us your reason for migrating and get 1 month free.
|
|
</li>
|
|
</ul>
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
|
|
<center>
|
|
<h5>We love our customers & provide exclusive service by email or phone.</h5>
|
|
</center>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<!--
|
|
<p>
|
|
Comment spam happens.
|
|
We make it hard on spammers and easy on you if our filters get tricked.
|
|
</p>
|
|
-->
|
|
|
|
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
|
|
<h5>About Remarkbox</h5>
|
|
|
|
<p>
|
|
<img src="https://lh3.googleusercontent.com/-uAPZy7NmmP0/AAAAAAAAAAI/AAAAAAAAAnI/iG2P43gCL2U/s100-c/photo.jpg" align="left" style="margin-right: 30px;">
|
|
<b>Russell Ballestrini</b> - <i>Founder</i>
|
|
|
|
<p>
|
|
My vision of Remarkbox started back in 2013 as I prepared to port
|
|
my blog from Wordpress to Pelican, a static-site-generator.
|
|
I had a problem. What would I do with my readers comments?
|
|
</p>
|
|
|
|
<p>
|
|
All of my research found solutions which served ads - I didn't want that.
|
|
In the end, I decided to build an embedable comment system.
|
|
After a few prototypes, I had a eureka moment.
|
|
I would merge the idea of an embedable comment system with a Q&A site.
|
|
</p>
|
|
|
|
<p>
|
|
The result is Remarkbox, a single web application which may serve either use case.
|
|
</p>
|
|
|
|
<p>
|
|
My confidence to scale Remarkbox <!--, product, and open source project -->
|
|
stems from my success operating <a href="https://linkpeek.com" target="_blank">LinkPeek, your webpage screenshot service</a>.
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<!--
|
|
<p>
|
|
If you wonder why I would do something crazy like open source my product, watch
|
|
Bryan Cantrill's talk on "Corporate Open Source Anti-patterns":
|
|
<p>
|
|
https://www.youtube.com/watch?v=Pm8P4oCIY3g
|
|
-->
|
|
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
<div class="one-half column">
|
|
|
|
<h5>FAQ</h5>
|
|
|
|
<p>
|
|
<b>I want to close my account.
|
|
May I access my comments?</b>
|
|
<br/>
|
|
Yes, Remarkbox provides facilities to export your comments.
|
|
</p>
|
|
|
|
|
|
<!--
|
|
<p>
|
|
May I migrate from Wordpress to Remarkbox?
|
|
Yes, Describe how to use our ETL tool.
|
|
</p>
|
|
|
|
<p>
|
|
May I migrate from Disqus to Remarkbox?
|
|
Yes, Describe how to use our ETL tool.
|
|
</p>
|
|
|
|
<p>
|
|
May I migrate from open source Remarkbox to hosted Remarkbox?
|
|
Yes, Describe how to use our ETL tool.
|
|
</p>
|
|
|
|
<p>
|
|
May I migrate from Remarkbox to open source Remarkbox?
|
|
Yes, Describe how to use our ETL tool.
|
|
</p>
|
|
-->
|
|
|
|
<p style="margin-bottom: 10px;">
|
|
<b>Do you have any real examples?</b>
|
|
<ul style="margin-left: 20px;">
|
|
<li><a href="http://russell.ballestrini.net/random.html" target="_blank">http://russell.ballestrini.net/random.html</a></li>
|
|
<li><a href="http://www.remarkbox.com/#remarkbox">http://www.remarkbox.com/#remarkbox</a></li>
|
|
<li><a href="http://webscale.plumbing/managing-apt-repos-in-s3-using-lambda" target="_blank">http://webscale.plumbing</a></li>
|
|
<li><a href="http://gumyum.com/" target="_blank">http://gumyum.com</a></li>
|
|
</ul>
|
|
</p>
|
|
|
|
<!--
|
|
<p>
|
|
<b>Do you have a trial or demo?</b>
|
|
<br/>
|
|
Yes, we have a Remarkbox demo hosted at <a href='http://demo.remarkbox.com'>http://demo.remarkbox.com</a>
|
|
<br/>Note: the demo resets itself periodically.
|
|
</p>
|
|
-->
|
|
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
</div>
|
|
<div class="one-half column">
|
|
|
|
<h5>Plans and Pricing</h5>
|
|
|
|
<b>Beta signup</b> <i>mailchimp list, 2 messages a month</i>
|
|
|
|
<br />
|
|
<br />
|
|
|
|
<!-- Begin MailChimp Signup Form -->
|
|
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
|
|
<style type="text/css">
|
|
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
|
|
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
|
|
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
|
|
</style>
|
|
<div id="mc_embed_signup">
|
|
<form action="//ballestrini.us2.list-manage.com/subscribe/post?u=c64d1bc4e5a99ee1343dba0fc&id=b4deeab70b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
|
<div id="mc_embed_signup_scroll">
|
|
|
|
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
|
|
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
|
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_c64d1bc4e5a99ee1343dba0fc_b4deeab70b" tabindex="-1" value=""></div>
|
|
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!--End mc_embed_signup-->
|
|
|
|
<span style="font-size: .7em">
|
|
We hope to provide enough value that customers would pay $5/mo for a multi tenant account.
|
|
We also know some Enterprises desire dedicated resources, so we will likely release installable packages (rpm/deb/docker/ami)
|
|
</span>
|
|
|
|
<!--
|
|
Embedded mode
|
|
$5 per month per domain
|
|
|
|
Works anywhere HTML is supported.
|
|
|
|
<b>Stand alone mode</b> <i>$99 per month</i>
|
|
|
|
<p>
|
|
We dedicate resources for your FAQ site.<br/>
|
|
Bring your own domain, theme, and branding.
|
|
</p>
|
|
|
|
<b>Enterprise</b> <i>$299 per month</i>
|
|
|
|
<p>
|
|
We give you a deb or rpm package and you install inside your enterprise.
|
|
Includes email support, integration assistance, upgrades, and patches.
|
|
(We know how to scale in the cloud too)
|
|
</p>
|
|
|
|
Open source
|
|
Free
|
|
|
|
Link to github.com
|
|
-->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<br />
|
|
<br />
|
|
<br />
|
|
|
|
<!-- Remarkbox -->
|
|
<script type="text/javascript" src="http://demo.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script>
|
|
<script type="text/javascript">
|
|
thread_uri = (window.location != window.parent.location) ? document.referrer: document.location;
|
|
document.write('<iframe id="remarkbox" src="http://demo.remarkbox.com/embed?thread_uri=' + thread_uri + '" title="remarkbox" width="100%" style="width: 100% !important; border: none !important; overflow: hidden !important;" allowtransparency="true" scrolling="no" horizontalscrolling="no" verticalscrolling="no" tabindex="0" seamless></iframe>');
|
|
iFrameResize( [], document.getElementById('remarkbox') );
|
|
</script>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<div style="background-color: #e3ddda; padding: 100px;">
|
|
<center>
|
|
<b>
|
|
2016 | USA, Connecticut, New London
|
|
</b>
|
|
</center>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<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','https://www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-82107349-1', 'auto');
|
|
ga('send', 'pageview');
|
|
|
|
</script>
|
|
|
|
</html>
|