engineering/www.remarkbox.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
www.remarkbox.com/index.html

376 lines
11 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<title>Comments as a service | Remarkbox</title>
<!-- this makes mobile pretty... -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#D40000">
<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%);
}
.proposition {
animation: slide-in 2.5s;
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>
<!-- reviewing the data - https://getmirrorshades.com/view.html?siteKey=NwkBplCe -->
<script async src="https://getmirrorshades.com/agent.js" data-siteId="MA-EWUFWH-64A"></script>
</head>
<body>
<div class="nav">
<a href="#faq">FAQ</a>
<a href="#plans">Plans</a>
<a href="#about">About</a>
<a href="#remarkbox-demo">Demo</a>
</div>
<center><a href="http://www.remarkbox.com"><img src="remarkbox-minified.png" class="banner" style="width: 45%; margin-top: 130px; margin-bottom: 130px; min-width: 300px;" /></a></center>
<div class="proposition">
<div class="container">
<div class="row">
<div class="one-half column">
<center>
<h3>Readers want to <br />communicate with you</h3>
<span style="font-size: 1.25em;">
<br />
Get Remarkbox, the comment system
<br />
that engaged readers prefer to use!
<br />
</span>
<br />
<br />
<br />
<b>Demo on your site in 30s or <a href="#remarkbox-demo">try it out</a> here!</b>
<br />
<br />
</center>
</div>
<div class="one-half column">
<center>
<textarea style="width: 100%; height: 260px; font-size: .7em; color: #999999; border-color: #cccccc;"><!-- Remarkbox - readers want to communicate with you -->
<script type="text/javascript" src="https://demo.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script><script type="text/javascript">thread_fragment=window.location.hash; thread_uri=window.location.href; document.write('<iframe id="remarkbox" src="https://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({inPageLinks: true, initCallback: function(iframe){iframe.iFrameResizer.moveToAnchor(thread_fragment);}}, document.getElementById("remarkbox") );</script><noscript><iframe id="remarkbox" src="https://demo.remarkbox.com/embed?nojs=true" frameborder="0" style="height: 600px; width: 100%; border: none !important;" allowtransparency="true" height="600px" width="100%"></iframe></noscript></textarea>
<br />
<b>&#11014; Remarkbox works everywhere, <span class="avoidwrap">even static sites!</span></b>
</center>
</div>
</div>
</div>
</div>
<br/>
<br/>
<br/>
<div class="reasons row-padding">
<div class="container">
<div class="row">
<div class="one-half column">
<center>
<img src="/static/img/remarkbox-instant-preview-of-comments.gif" width="90%">
</center>
<br/>
</div>
<div class="one-half column" style="padding-left: 5%;">
<h5>Say <u>YES</u> to Privacy!</h5>
<ul>
<li><b>No user tracking</b> - anonymous by default</li>
<li><b>No ads</b> - promote your message only</li>
</ul>
<br/>
<br/>
<h5>Dissolve barriers of engagement</h5>
<ul>
<li><b>No registration</b> - optional email verification</li>
<li><b>Realtime previews</b> - as the user types</li>
<li><b>Looks and feels</b> - like part of your site</li>
</ul>
<br/>
<br/>
<h5>Try it now, risk free</h5>
<ul>
<li><b>Comments on your site</b> - in 30s or less!</li>
<li><b>Free until 5th comment</b> - $5/mo after that</li>
<li><b>Cancel anytime</b> - export comments as JSON</li>
</ul>
</div>
</div>
<br/>
<br/>
<div class="row">
<center>
<h5 style="margin-bottom: 0px">We love our customers & provide exclusive service by email or phone.</h5>
</center>
</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
-->
</div>
</div>
<div class="container row-padding">
<div class="row">
<div class="one-half column">
<h5 id="faq">FAQ</h5>
<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://westworld2.com/">http://westworld2.com</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>
<b>I want to close my account.
May I access my comments?</b>
<br/>
Yes, Remarkbox provides facilities to export your comments.
</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>
-->
</div>
<div class="one-half column">
<h5 id="plans">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&amp;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>
<!--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>
</div>
</div>
</div>
</div>
<div class="graybg row-padding">
<div class="container">
<div class="row">
<div class="one-half column">
<h5>Resilient Web Design</h5>
<p>
Remarkbox follows resilient web design principles.
This means Remarkbox will work even when Javascript does not.
</p>
<p>
When Javascript works, Remarkbox will powerup and enhance the user experience!
</p>
<p>
For more details read: <a href="http://russell.ballestrini.net/capability-driven-presentation/" target="_blank">Capability driven Presentation</a>
</p>
<!--
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 class="one-half column">
<h5 id="about">About Remarkbox</h5>
<p>
<img src="https://lh3.googleusercontent.com/-uAPZy7NmmP0/AAAAAAAAAAI/AAAAAAAAAnI/iG2P43gCL2U/s120-c/photo.jpg" align="left" style="margin-right: 30px;">
<b><a href="http://russell.ballestrini.net/about">Russell Ballestrini</a></b> - <i>Founder</i>
<p>
My vision of Remarkbox started back in 2013 while porting
my blog from Wordpress to Pelican, a static-site-generator.
</p>
<p>
I had a problem: what would I do with my readers comments?
</p>
<p>
My research found solutions which served ads and I didn't want that.
I set out to build my own solution because - <br/>"how long could it possibly take to build an embeddable comment system?" (hint: 3 years)
</p>
Lots of love and thought have gone into making Remarkbox. I hope you and your readers enjoy using it!
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row row-padding">
<h5 id="remarkbox-demo">Remarkbox Demo <span style="font-size: .65em; margin-left: 10px;">try it out! </span></h5>
<!-- Remarkbox - readers want to communicate with you -->
<script type="text/javascript" src="https://demo.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script><script type="text/javascript">thread_fragment=window.location.hash; thread_uri=window.location.href; document.write('<iframe id="remarkbox" src="https://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({inPageLinks: true, initCallback: function(iframe){iframe.iFrameResizer.moveToAnchor(thread_fragment);}}, document.getElementById("remarkbox") );</script><noscript><iframe id="remarkbox" src="https://demo.remarkbox.com/embed?nojs=true" frameborder="0" style="height: 600px; width: 100%; border: none !important;" allowtransparency="true" height="600px" width="100%"></iframe></noscript>
</div>
</div>
<br/>
<br/>
<br/>
<div class="graybg row-padding">
<center>
<b>
&#169;2016-2017 | USA, Connecticut, New London | <a href="https://twitter.com/RussellBal" target="_blank">@russellbal</a>
</b>
</center>
</div>
</body>
</html>
Reference in a new issue View git blame Copy permalink