new file: finally-a-disqus-alternative.html
modified: index.html
This commit is contained in:
root
parent
b69e8ab4a7
commit
b759004596
2 changed files with 302 additions and 6 deletions
296
finally-a-disqus-alternative.html
Normal file
296
finally-a-disqus-alternative.html
Normal file
|
|
@ -0,0 +1,296 @@
|
|||
<!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.0">
|
||||
|
||||
<meta name="theme-color" content="#D40000">
|
||||
|
||||
<link rel="stylesheet" href="normalize.css">
|
||||
<link rel="stylesheet" href="skeleton.css">
|
||||
<link href="https://cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="custom.css">
|
||||
|
||||
<script src="jquery-3.2.0.slim.min.js"></script>
|
||||
<script src="custom.js"></script>
|
||||
<script src="https://my.remarkbox.com/static/js/iframe-resizer/iframeResizer.min.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="http://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
|
||||
|
||||
<div class="navlinks">
|
||||
<a class="navlink" href="#plans">Plans</a>
|
||||
<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="button" href="#beta">Log in</a>
|
||||
<a class="button red" href="#beta">Join</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="text-align: right; margin-top: 25px; width: 100%;" class="hidden-on-tablet">
|
||||
<a class="button" href="#beta">Log in</a>
|
||||
<a class="button red" href="#beta" style="margin-right: 40px;">Join</a>
|
||||
</div>
|
||||
|
||||
<a id="free" class="anchor"></a>
|
||||
|
||||
<div class="proposition">
|
||||
<div class="container">
|
||||
|
||||
<center><a href="http://www.remarkbox.com">
|
||||
<img src="remarkbox-minified.png" class="herologo" alt="Remarkbox Logo" /></a>
|
||||
<h2><span class="avoidwrap">Looking for an </span> <span class="avoidwrap">alternative comment system?</span></h2>
|
||||
</center>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<span style="font-size: 1.25em;">
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<h4>Say <u>No</u> to tracking and Ads!</h4>
|
||||
|
||||
<p>
|
||||
Free comment systems track your and your visitor's activity to serve advertisements.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
These advertisements are <b>costing you money and reputation</b>!
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Let me explain ...
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>These ads slow down your page load speeds!</li>
|
||||
<li>These ads distract your readers from your content!</li>
|
||||
<li>These ads are out of your control and could hurt your brand and image!</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
<a href="https://news.ycombinator.com/item?id=13636741" target="_blank" rel="nofollow">But</a>
|
||||
<a href="https://notes.ayushsharma.in/2017/09/im-killing-disqus-comments-on-my-blog-heres-why" target="_blank" rel="nofollow">don't</a>
|
||||
<a href="https://news.ycombinator.com/item?id=5220072" target="_blank" rel="nofollow">take</a>
|
||||
my
|
||||
<a href="https://news.ycombinator.com/item?id=14028667" target="_blank" rel="nofollow">word</a>
|
||||
for
|
||||
<a href="https://blog.disqus.com/security-alert-user-info-breach" target="_blank" rel="nofollow">it</a>.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Here at Remarkbox we respect your privacy and never serve ads. In fact, we only <span class="avoidwrap"><b>promote your message</b></span> because we work for you, not them!
|
||||
</p>
|
||||
<br>
|
||||
|
||||
<h4>Say <u>No</u> to Distracting and Misleading user interfaces!</h4>
|
||||
|
||||
<p>
|
||||
Free commenting systems often have a cluttered and distracting user experience.
|
||||
These distractions will cause your visitors to bounce.
|
||||
It almost appears like "platforms" are trying to pull your readers away from your site!
|
||||
</p>
|
||||
|
||||
<p>
|
||||
One of the major platforms displays a <b>fake "1 notification"</b> message for all unauthenticated users.
|
||||
This fake notification count aims to trigger the viewers fear-of-missing-out and they <u>will</u> click away from your site.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
We all want a better way ...
|
||||
</p>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<h3>Remarkbox is the Alternative</h3>
|
||||
|
||||
<p>
|
||||
Remarkbox was created as a comment system that <b>works for the site owner</b>, not against them.
|
||||
<p>
|
||||
|
||||
<p>
|
||||
<img src="https://lh3.googleusercontent.com/-uAPZy7NmmP0/AAAAAAAAAAI/AAAAAAAAAnI/iG2P43gCL2U/s200-c/photo.jpg" align="left" style="margin-right: 20px; margin-top: 5px;">
|
||||
My name is <a href="http://russell.ballestrini.net/about">Russell Ballestrini</a> and I started working on Remarkbox back in 2014 to solve a problem I had after moving my Wordpress blog to a <b>static site</b>.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
I knew my readers would still want to communicate with me so I started the search for the <span class="avoidwrap"><b>perfect embedded comment system</b></span> to promote discussion.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
My research found solutions 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'm finally ready to share Remarkbox: a hosted comment service that <span class="avoidwrap"><b>embeds in your pages</b></span> to keep the conversation in the same place as 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>
|
||||
I'm in the process of hand selecting group of users to help me test. Would you be interested in joining a list to hear more about it?
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="#beta">Yes! I would like to follow this product's journey.</a>
|
||||
</p>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
</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;">
|
||||
<a id="beta" class="anchor"></a>
|
||||
<h4><span class="avoidwrap">Remarkbox is</span> <span class="avoidwrap">almost ready!</span></h4>
|
||||
|
||||
|
||||
<span class="avoidwrap">Join the list for <b>early access</b> to</span>
|
||||
<span class="avoidwrap"> updates and advanced features</span>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<!-- Begin MailChimp Signup Form -->
|
||||
<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" style="text-align: center;">
|
||||
<!-- 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>
|
||||
<center>
|
||||
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" style="padding: auto;" required>
|
||||
<input type="submit" value="join beta" name="subscribe" id="mc-embedded-subscribe" class="button">
|
||||
</center>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--End mc_embed_signup-->
|
||||
|
||||
Space is <b>limited</b> and active testers will<br>
|
||||
earn a <b>big lifetime discount</b>, so sign up!
|
||||
</div>
|
||||
|
||||
<div class="three columns"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row row-padding">
|
||||
|
||||
<a id="remarkbox-demo" class="anchor"></a>
|
||||
<h4>Remarkbox Demo <span style="font-size: .65em; margin-left: 10px;">try it out! </span></h4>
|
||||
|
||||
<!-- Remarkbox - Your readers want to communicate with you -->
|
||||
<div id="remarkbox-div">
|
||||
<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 = "potato";
|
||||
var thread_uri = window.location.href;
|
||||
var thread_fragment = window.location.hash;
|
||||
function create_remarkbox_iframe() {
|
||||
var src = "https://my.remarkbox.com/embed?rb_owner_key=" + rb_owner_key + "&thread_uri=" + thread_uri;
|
||||
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>
|
||||
|
||||
<hr>
|
||||
|
||||
<br/>
|
||||
<center>
|
||||
<h5>We need you to join the <a href="#beta">beta</a> test!</h5>
|
||||
</center>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row-padding">
|
||||
<center>
|
||||
<b>
|
||||
Remarkbox ©2016-2017 | USA, Connecticut, New London | <a href="https://twitter.com/RussellBal" target="_blank">@russellbal</a> | <a href="https://twitter.com/remarkbox" target="_blank">@Remarkbox</a>
|
||||
</b>
|
||||
</center>
|
||||
</div>
|
||||
<div class="redline"></div>
|
||||
|
||||
<div class="nav"></div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
12
index.html
12
index.html
|
|
@ -118,11 +118,11 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<center>
|
||||
<h3 style="margin-top: 80px">Looking for a <span class="avoidwrap">Disqus alternative?</span></h3>
|
||||
<h3 style="margin-top: 80px">Looking for <span class="avoidwrap">an alternative</span> <span class="avoidwrap">comment system?</span></h3>
|
||||
</center>
|
||||
Disqus serves advertisements and has a distracting user experience which causes your visitors to bounce. We all want a better way.
|
||||
As a result, Remarkbox was created as a comment system that <b>works for the site owner</b>, not against them.
|
||||
<span class="avoidwrap"><a href="#learn">... read more</a></span>
|
||||
Free coment systems serve advertisements and often have a distracting user experience which cause your visitors to bounce.
|
||||
We all want a better way. As a result, Remarkbox was created as a comment system that <b>works for the site owner</b>, not against them.
|
||||
<span class="avoidwrap"><a href="/finally-a-disqus-alternative.html">... read more</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -189,7 +189,7 @@ The end result is a visitor can comment right away without needing to signup or
|
|||
|
||||
<h5>Say <u>No</u> to tracking and Ads!</h5>
|
||||
|
||||
Other comment systems, like Facebook and Disqus, track your (and your visitor's) activity to serve ads.
|
||||
Free comment systems, track your (and your visitor's) activity to serve ads.
|
||||
<br>
|
||||
<br>
|
||||
Here at Remarkbox we respect your privacy and never serve ads. In fact, we only <b>promote your message</b> because we work for you, not them!
|
||||
|
|
@ -326,7 +326,7 @@ Here at Remarkbox we respect your privacy and never serve ads. In fact, we only
|
|||
|
||||
<div class="six columns" style="text-align: center;">
|
||||
<a id="beta" class="anchor"></a>
|
||||
<h4>Remarkbox is almost ready!</h4>
|
||||
<h4><span class="avoidwrap">Remarkbox is</span> <span class="avoidwrap">almost ready!</span></h4>
|
||||
|
||||
<span class="avoidwrap">Join the list for <b>early access</b> to</span>
|
||||
<span class="avoidwrap"> updates and advanced features</span>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue