489 lines
15 KiB
HTML
489 lines
15 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<title>Hosted Comments Service | Remarkbox</title>
|
|
|
|
<!-- this makes mobile pretty... -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<meta name="theme-color" content="#D40000">
|
|
|
|
<link rel="stylesheet" href="normalize.css">
|
|
<link rel="stylesheet" href="skeleton.css">
|
|
<link rel="stylesheet" href="custom.css">
|
|
|
|
<script src="jquery-3.2.0.slim.min.js"></script>
|
|
<script src="custom.js"></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','https://www.google-analytics.com/analytics.js','ga');
|
|
ga('create', 'UA-82107349-1', 'auto');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body class="remarkbox-body">
|
|
|
|
<a id="top" class="anchor"></span>
|
|
|
|
<div class="redline"></div>
|
|
|
|
<div class="navbar hidden-on-tablet">
|
|
<a href="https://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
|
|
|
<div class="navlinks">
|
|
<a class="navlink" href="https://faq.remarkbox.com">FAQ</a>
|
|
<a class="navlink" href="https://meta.remarkbox.com">Meta</a>
|
|
<a class="navlink" href="#about">About</a>
|
|
<a class="navlink" href="#remarkbox-demo">Demo</a>
|
|
<a class="navlink" href="#plans">Plans</a>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup</a>
|
|
<a class="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="text-align: right; margin-top: 25px; width: 100%;" class="hidden-on-tablet">
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup</a>
|
|
<a class="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com" style="margin-right: 40px;">Log in</a>
|
|
</div>
|
|
|
|
<a id="free" class="anchor"></a>
|
|
|
|
<div class="proposition">
|
|
<div class="container">
|
|
|
|
<center><a href="https://www.remarkbox.com">
|
|
<img src="remarkbox-minified.png" class="herologo" alt="Remarkbox Logo" /></a>
|
|
</center>
|
|
|
|
<center>
|
|
<!-- <h2 style="margin-top: 0px">Readers want <span class="avoidwrap">to communicate</span> <span class="avoidwrap">with you.</span></h2> -->
|
|
<h2 style="margin-top: 0px">Communicate <span class="avoidwrap">with your readers</span></h2>
|
|
<p style="font-size: 1.25em;">
|
|
<span class="avoidwrap">Hosted comments without</span> <span class="avoidwrap">ads or tracking</span>
|
|
<span class="avoidwrap"><a href="/finally-a-disqus-alternative.html">... read more</a></span>
|
|
</p>
|
|
</center>
|
|
|
|
<br />
|
|
<br />
|
|
<br />
|
|
|
|
<div class="row">
|
|
<div class="seven columns">
|
|
|
|
<center>
|
|
<span style="font-size: 1.25em;">
|
|
|
|
<span class="avoidwrap">Remarkbox is an open source </span> <span class="avoidwrap"><b>comment system</b></span>
|
|
<span class="avoidwrap">built to <b>engage</b> readers</span> <span class="avoidwrap">with your content.</span>
|
|
<br />
|
|
<br />
|
|
|
|
<!--
|
|
A reader's comment is worth
|
|
a thousand <b>keywords</b> so
|
|
capture the <b>long tail</b>
|
|
with user generated content!
|
|
<br />
|
|
<br />
|
|
-->
|
|
|
|
To see <span class="avoidwrap"><a href="#remarkbox-demo">Remarkbox in action</a></span><span class="avoidwrap">scroll to the bottom of this page.</span>
|
|
<br />
|
|
<br />
|
|
<br />
|
|
<a class="button blue" href="https://pypi.org/project/remarkbox/" target="_ blank">PyPi</a>
|
|
<a class="button blue" href="https://git.unturf.com/engineering/remarkbox/remarkbox" target="_ blank">Source Code</a>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup Remarkbox</a>
|
|
<br />
|
|
or <a href="#learn">learn more</a>
|
|
|
|
<!--
|
|
<br />
|
|
<br />
|
|
<br />
|
|
Setup on your site <span class="avoidwrap">in <b>5 minutes</b> or less!</span> <br> <span class="avoidwrap">Try risk free,</span> <span class="avoidwrap">no credit card required.</span>
|
|
</span>
|
|
<br />
|
|
<br />
|
|
-->
|
|
|
|
</center>
|
|
|
|
</div>
|
|
|
|
<div class="five columns" style="background-image: linear-gradient(to right, #e5927c, #ab8b98);">
|
|
<center>
|
|
<img src="/static/img/remarkbox-instant-preview-of-comments.gif" style="margin-top: 8px; width: 96%;" alt="Remarkbox Demo animated gif">
|
|
</center>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="nav hidden-on-tablet">
|
|
<div>
|
|
<a href="https://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
|
|
|
<div class="navlinks">
|
|
<a class="navlink" href="https://faq.remarkbox.com">FAQ</a>
|
|
<a class="navlink" href="https://meta.remarkbox.com">Meta</a>
|
|
<a class="navlink" href="#about">About</a>
|
|
<a class="navlink" href="#remarkbox-demo">Demo</a>
|
|
<a class="navlink" href="#plans">Plans</a>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup</a>
|
|
<a class="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="reasons row-padding">
|
|
<a id="learn" class="anchor"></a>
|
|
<center>
|
|
<h4>Your search for the perfect <span class="avoidwrap">hosted comment system ends today</span></h4>
|
|
<br/>
|
|
</center>
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="five columns" style="background-image: linear-gradient(to right, #e5927c, #ab8b98);">
|
|
|
|
<center>
|
|
<img src="/static/img/remarkbox-instant-preview-of-comments.gif" style="margin-top: 8px; width: 96%;" alt="Remarkbox Demo animated gif">
|
|
<span style="font-size: .85em; color: white; font-weight: bold;">Markdown and syntax highlighted code blocks!</span>
|
|
</center>
|
|
|
|
</div>
|
|
<div class="seven columns" style="padding-left: 20px;">
|
|
|
|
|
|
<h5 style="padding-top: 0px;">You switched to static for speed ...</h5>
|
|
|
|
<p>
|
|
But your comment system is slowing you down.
|
|
</p>
|
|
|
|
<p>
|
|
<b>You already know that —</b>
|
|
</p>
|
|
|
|
<ul>
|
|
<li>
|
|
your page is only as fast as your slowest resource
|
|
</li>
|
|
|
|
<li>
|
|
search engines rank using page load speeds
|
|
</li>
|
|
|
|
<li>
|
|
free comment systems have a business model that prioritizes ad revenue (and hijacking your traffic and readers) over page speed
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<p>
|
|
<b>But did you know that Remarkbox's priority is to help you rank higher in search?</b>
|
|
</p>
|
|
|
|
<p>
|
|
Yes, one of our goals is to help capture <a href="https://faq.remarkbox.com/d1f50998-bb29-11e7-951f-040140774501/do-remarkbox-comments-help-with-seo-and-search" target="_blank">search traffic from the long tail keywords in your user generated comments</a> while we keep your page load speeds as fast as possible.
|
|
</p>
|
|
|
|
<p>We optimize for speed and take a minimalist approach by default so that your comments stay lean and feel like part of your site, not something bolted on.</p>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<center>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Setup Remarkbox</a>
|
|
<br />
|
|
or see <a href="#remarkbox-demo">it in action</a>
|
|
</center>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container row-padding" style="max-width: 960px">
|
|
|
|
<a id="plans" class="anchor"></a>
|
|
<center><h4>Plans and Pricing</h4></center>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div class="row">
|
|
|
|
<div class="one-half column">
|
|
<div class="redline"></div>
|
|
<div class="pricebox deal">
|
|
<b>Production Yearly</b>
|
|
<br/>
|
|
<br/>
|
|
<span style="color: #2DB52D;">Pay what you can!</span>
|
|
<h4 style="font-weight: bold;">$0<span style="font-size: .4em;">/mo</span></h4>
|
|
|
|
One moderator on a few domains with complete control over <a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">behavior & appearance</a>
|
|
|
|
<div style="padding: 30px; text-align: left;">
|
|
Our business model depends on reciprocity and trust to succeed. We do not set price, but wish for you to contribute what you feel the software and service is worth.
|
|
</div>
|
|
|
|
<b><a href="https://my.remarkbox.com/setup" class="button red">Setup Namespace</a></b>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<span class="avoidwrap">Risk free,</span> <span class="avoidwrap">no credit card required.</span>
|
|
</div>
|
|
<div class="redline"></div>
|
|
</div>
|
|
<div class="one-half column">
|
|
<div class="redline"></div>
|
|
<div class="pricebox deal">
|
|
<b>Did you know?</b>
|
|
|
|
<div style="padding: 30px; text-align: left;">
|
|
Did you know Remarkbox powers it's own <a href="https://faq.remarkbox.com/">FAQ</a> and <a href="https://meta.remarkbox.com/">Meta</a> websites?
|
|
Yes, it's true Remarkbox may operate as a forum in stand alone mode. If this is interesting to you reach out to <a href="https://russell.ballestrini.net/contact">Russell</a>.
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="redline"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="graybg row-padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="three columns"> </div>
|
|
|
|
<div class="six columns" style="text-align: center;">
|
|
</div>
|
|
|
|
<div class="three columns"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
<div class="row-padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="six columns" style="padding-left: 5%">
|
|
|
|
<a id="about" class="anchor"></a>
|
|
<h4>About Remarkbox</h4>
|
|
|
|
<p>
|
|
<img src="https://russell.ballestrini.net/uploads/profile/russell-ballestrini-2020.jpg" align="left" style="margin-right: 20px; margin-top: 5px; width: 300px;">
|
|
<b><a href="https://russell.ballestrini.net/about">Russell Ballestrini</a></b> - <i>Founder</i>
|
|
|
|
<br>
|
|
|
|
I started work on Remarkbox back in 2014 to solve a problem I had after moving my Wordpress blog to a <b>static site</b>.
|
|
</p>
|
|
|
|
<p>
|
|
Static sites don't have comments and I knew my readers would still want to communicate with me so I started a search for the perfect <span class="avoidwrap"><b>embedded comment system</b></span> to promote discussion.
|
|
</p>
|
|
|
|
<p>
|
|
My research found products which would slow down my site, or worse, serve ads! That very day, I set out to build my own solution because -
|
|
</p>
|
|
|
|
<p>
|
|
<blockquote>"How long could it take to build a comment system?"</blockquote>
|
|
</p>
|
|
|
|
<p>
|
|
... 3 years later, I launched Remarkbox: a hosted comment service which <b>embeds in your pages</b> to keep the conversation with your content.
|
|
</p>
|
|
|
|
<p>
|
|
Remarkbox <b>increases user engagement</b> because it:
|
|
</p>
|
|
|
|
<p>
|
|
<ul>
|
|
<li>allows a visitor to discuss your content right away without an account</li>
|
|
<li>supports <b>Markdown</b> with real-time comment previews</li>
|
|
<li>supports deeply nested replies and has an orderly user interface</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<p>
|
|
... and the best part - fast page load speeds and absolutely <b>NO ADS!</b>
|
|
</p>
|
|
|
|
<p>
|
|
Try on your site now, risk free, no card required.
|
|
</p>
|
|
|
|
<p>
|
|
<center>
|
|
<a href="https://my.remarkbox.com/setup" class="button red">Setup Remarkbox</a>
|
|
</center>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="six columns" style="padding-left: 5%">
|
|
|
|
<h5>Do comments help with SEO ?</h5>
|
|
|
|
<p>
|
|
Do Remarkbox <a href="https://faq.remarkbox.com/d1f50998-bb29-11e7-951f-040140774501/do-remarkbox-comments-help-with-seo-and-search">comments help with SEO</a> and search?
|
|
</p>
|
|
|
|
<p>
|
|
<b>Spoiler:</b> Yes!
|
|
</p>
|
|
|
|
<br />
|
|
|
|
<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="https://russell.ballestrini.net/capability-driven-presentation/" target="_blank">Capability driven Presentation</a>
|
|
</p>
|
|
|
|
<h5>Increase User Engagement</h5>
|
|
|
|
Everyone knows asking a visitor to create an account acts like a barrier to engagement.
|
|
With Remarkbox, a visitor may interact with your content <b>without</b> an account.
|
|
<br>
|
|
<br>
|
|
When a user leaves a comment we collect their email address and send a verification email to log them in.
|
|
<br>
|
|
<br>
|
|
The end result is a visitor can comment right away without needing to signup or remember a password.
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="redline"></div> -->
|
|
|
|
<!-- <div class="graybg"> -->
|
|
<div>
|
|
<div class="container">
|
|
<div class="row row-padding">
|
|
|
|
<a id="remarkbox-demo" class="anchor"></a>
|
|
|
|
<!-- Remarkbox - Your readers want to communicate with you -->
|
|
<div id="remarkbox-div" style="background-color: #ffffff; border-radius: 4px; border-style: solid; border-color: rgb(238, 238, 238); border-width: 1px;">
|
|
|
|
<h4 style="padding-left: 34px; margin-bottom: 0px;">Comments <span style="font-size: .65em; font-color: #cccccc;">Give it a try!</span></h4>
|
|
|
|
<noscript>
|
|
<iframe id=remarkbox-iframe src="https://my.remarkbox.com/embed?nojs=true" style="height:600px;width:100%;border:none!important" tabindex=0></iframe>
|
|
</noscript>
|
|
</div>
|
|
|
|
<script src="https://my.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.js"></script>
|
|
<script>
|
|
var rb_owner_key = "c3293984-fa1c-11e7-af74-040140774501";
|
|
var thread_uri = window.location.href;
|
|
var thread_title = window.document.title;
|
|
var thread_fragment = window.location.hash;
|
|
function create_remarkbox_iframe() {
|
|
var src = "https://my.remarkbox.com/embed?rb_owner_key=" + rb_owner_key + "&thread_title=" + escape(thread_title) + "&thread_uri=" + encodeURIComponent(thread_uri) + thread_fragment;
|
|
var ifrm = document.createElement("iframe");
|
|
ifrm.setAttribute("id", "remarkbox-iframe");
|
|
ifrm.setAttribute("scrolling", "no");
|
|
ifrm.setAttribute("src", src);
|
|
ifrm.setAttribute("frameborder", "0");
|
|
ifrm.setAttribute("tabindex", "0");
|
|
ifrm.setAttribute("title", "Remarkbox");
|
|
ifrm.style.width = "100%";
|
|
document.getElementById("remarkbox-div").appendChild(ifrm);
|
|
}
|
|
create_remarkbox_iframe();
|
|
iFrameResize(
|
|
{
|
|
checkOrigin: ["https://my.remarkbox.com"],
|
|
inPageLinks: true,
|
|
initCallback: function(e) {e.iFrameResizer.moveToAnchor(thread_fragment)}
|
|
},
|
|
document.getElementById("remarkbox-iframe")
|
|
);
|
|
</script>
|
|
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<center>
|
|
<h4>Still not sure?</h4>
|
|
|
|
Follow our two-minute <a href="https://my.remarkbox.com/setup">guided setup</a> to try Remarkbox on your site.
|
|
|
|
<br>
|
|
No credit card required.
|
|
|
|
</center>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<div class="row-padding">
|
|
<center>
|
|
<b>
|
|
Remarkbox ©2016-2022 | USA, Connecticut, New London | <a href="https://twitter.com/RussellBal" target="_blank">@russellbal</a> | <a href="https://twitter.com/remarkbox" target="_blank">@Remarkbox</a> | <a href="/privacy-policy.html">Privacy</a>
|
|
</b>
|
|
</center>
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div class="redline"></div>
|
|
|
|
<span style="display: none;">potato</span>
|
|
|
|
</body>
|
|
|
|
</html>
|