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

Merge branch 'master' of github.com:russellballestrini/www.remarkbox.com into master

Browse source
This commit is contained in:
Russell Ballestrini 2021-01-16 14:51:09 -05:00
commit d9d6076219
5 changed files with 91 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

14
custom.css
View file

@ -22,10 +22,18 @@ a.anchor {
}
body {
font-family: "Open Sans", sans-serif;
font-size: 1.8em;
line-height: 1.8;
font-weight: 400;
background-color: #f8f5f5;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}
blockquote {
font-style: italic;
margin-top: 10px;
@ -91,14 +99,14 @@ li {
.has-docked-nav .navbar {
display: block;
padding-top: 15px;
padding-bottom: 10px;
padding-top: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #eee;
}
.navlinks {
float: right;
padding-right: 40px;
padding-right: 20px;
padding-top: 10px;
}

18
finally-a-disqus-alternative.html
View file

@ -45,14 +45,14 @@
<a class="navlink" href="https://www.remarkbox.com/#about">About</a>
<a class="navlink" href="#remarkbox-demo">Demo</a>
<a class="navlink" href="https://www.remarkbox.com/#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>
<a class="button red" href="https://my.remarkbox.com/setup">Join</a>
</div>
</div>
<div style="text-align: right; margin-top: 25px; width: 100%;" class="hidden-on-tablet">
<a class="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
<a class="button red" href="https://my.remarkbox.com/setup" style="margin-right: 40px;">Join</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" style="margin-right: 40px;">Log in</a>
</div>
<a id="free" class="anchor"></a>
@ -175,6 +175,8 @@ Static sites don't have comments and I knew my readers would still want to commu
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>
<img src="/static/img/remarkbox-instant-preview-of-comments.gif" style="background-image: linear-gradient(to right, #e5927c, #ab8b98); float:right; width:340px; margin-left: 40px; padding: 10px;" alt="Remarkbox Demo animated gif">
<p>
<blockquote>"How long could it take to build a comment system?"</blockquote>
</p>
@ -183,7 +185,6 @@ My research found products which would slow down my site, or worse, serve ads! T
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>
<img style="float:right; width:340px; margin-left:40px;" src="https://www.remarkbox.com/static/img/remarkbox-instant-preview-of-comments.gif">
<p>
Remarkbox <b>increases user engagement</b> because it:
@ -197,6 +198,8 @@ Remarkbox <b>increases user engagement</b> because it:
</ul>
</p>
<br>
<p>
... and the best part &mdash;
<span class="avoidwrap">fast page load speeds</span> and absolutely <b>NO ADS!</b>
@ -207,6 +210,9 @@ Remarkbox <b>increases user engagement</b> because it:
<center>
<br>
<br>
<p>
Are you ready to try on your site now?
</p>
@ -300,14 +306,12 @@ Try on your site, risk free, no card required.
<div class="row-padding">
<center>
<b>
Remarkbox &#169;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>
Remarkbox &#169;2016-2020 | 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>

96
index.html
View file

@ -43,14 +43,14 @@
<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" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</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" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
<a class="button red" href="https://my.remarkbox.com/setup" style="margin-right: 40px;">Setup</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" style="margin-right: 40px;">Log in</a>
</div>
<a id="free" class="anchor"></a>
@ -63,9 +63,10 @@
</center>
<center>
<h2 style="margin-top: 0px">Your readers want <span class="avoidwrap">to communicate</span> <span class="avoidwrap">with you.</span></h2>
<!-- <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">We host your comments</span> <span class="avoidwrap">without ads or tracking</span>
<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>
@ -80,12 +81,18 @@
<center>
<span style="font-size: 1.25em;">
<br />
<span class="avoidwrap">Remarkbox <b>engages readers</b></span> <span class="avoidwrap">with your content</span>
<span class="avoidwrap">and works everywhere,</span> <span class="avoidwrap">even <b>static sites</b>.</span>
<span class="avoidwrap">Remarkbox is a hosted <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 />
<span class="avoidwrap">To see <a href="#remarkbox-demo">Remarkbox in action</a></span> scroll <span class="avoidwrap">down to the bottom of this page.</span>
<br />
<br />
@ -93,6 +100,8 @@
<a class="button red" href="https://my.remarkbox.com/setup">Setup Remarkbox</a>
<br />
or <a href="#learn">learn more</a>
<!--
<br />
<br />
<br />
@ -100,6 +109,8 @@
</span>
<br />
<br />
-->
</center>
</div>
@ -131,8 +142,8 @@
<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" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</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>
@ -227,17 +238,15 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<br/>
only
<h3 style="font-weight: bold;">$7<span style="font-size: .5em;">/mo</span></h3>
One moderator <span class="avoidwrap">on one domain</span>
and
<br/>
access to
<a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">Namespace Settings</a> to <span class="avoidwrap">control appearance and behavior.</span>
<br/>
<br/>
<ul>
<li>One moderator</li>
<li>One domain</li>
<li><a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">Control over behavior <span class="avoidwrap">and appearance</span></a></li>
</ul>
<br/>
<b><a href="https://my.remarkbox.com/setup" class="button red">setup</a></b>
<br/>
Try risk free, no credit card required.
<span class="avoidwrap">Try risk free,</span> <span class="avoidwrap">no credit card required.</span>
</div>
<br/>
</div>
@ -248,21 +257,21 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<b>Production Yearly</b>
<br/>
<br/>
<span style="color: #2DB52D; font-size: 20px;">save 42%</span>
<h3 style="font-weight: bold;">$4<span style="font-size: .6em;">/mo</span></h3>
One moderator <span class="avoidwrap">on one domain</span>
and
<br/>
access to
<a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">Namespace Settings</a> to <span class="avoidwrap">control appearance and behavior.</span>
<br/>
<span style="color: #2DB52D;">save 42%</span>
<h4 style="font-weight: bold;">$4<span style="font-size: .4em;"> /mo</span></h4>
<ul>
<li>One moderator</li>
<li>One domain</li>
<li><a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">Control over behavior <span class="avoidwrap">and appearance</span></a></li>
</ul>
<br/>
<s style="color: #AA0000;">$84.00</s> $48.00 per year
<br/>
<br/>
<b><a href="https://my.remarkbox.com/setup" class="button red">setup</a></b>
<br/>
Try risk free, no credit card required.
<span class="avoidwrap">Try risk free,</span> <span class="avoidwrap">no credit card required.</span>
</div>
<div class="redline"></div>
</div>
@ -274,14 +283,13 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<br/>
<br/>
starting at
<h3 style="font-weight: bold;">$119<span style="font-size: .5em;">/mo</span></h3>
Many moderators <span class="avoidwrap">on ten domains</span>
and
<br/>
access to
<a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">Namespace Settings</a> to <span class="avoidwrap">control appearance and behavior.</span>
<br/>
<br/>
<h3 style="font-weight: bold;">$99<span style="font-size: .5em;">/mo</span></h3>
<ul>
<li>Many moderators</li>
<li>Ten domains</li>
<li><a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">Control over behavior <span class="avoidwrap">and appearance</span></a></li>
</ul>
<br/>
<b><a href="https://my.remarkbox.com/setup" class="button red" target="_blank">setup</a></b>
<br/>
@ -303,18 +311,16 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<div class="pricebox">
<b>Development</b>
<h3 style="font-weight: bold;">Free</h3>
One moderator <span class="avoidwrap">on one domain</span>
but
<br/>
<b>No</b> access to <a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">Namespace Settings</a> to <span class="avoidwrap">control appearance and behavior.</span>
<br/>
<br/>
<ul>
<li>One moderator</li>
<li>One domain</li>
<li><a href="https://faq.remarkbox.com/52812d3c-7082-11e7-97ea-040140774501/what-is-a-namespace">No control over behavior <span class="avoidwrap">or appearance</span></a></li>
</ul>
<br/>
<b><a href="https://my.remarkbox.com/setup" class="button red" target="_blank">setup</a></b>
<br/>
Just put the
<a href="https://my.remarkbox.com/setup">snippet</a>
into your HTML
Three simple steps
</div>
<br/>
</div>
@ -501,7 +507,7 @@ The end result is a visitor can comment right away without needing to signup or
<br/>
<center>
<h4>Still note sure?</h4>
<h4>Still not sure?</h4>
You may follow our two-minute <a href="https://my.remarkbox.com/setup">guided setup</a> to add
<br/>
@ -518,7 +524,7 @@ commenting on your site. Free, no credit card required.
<div class="row-padding">
<center>
<b>
Remarkbox &#169;2016-2018 | 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>
Remarkbox &#169;2016-2020 | 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>

2
minimal-demo.html
View file

@ -113,7 +113,7 @@
<span style="font-size: .65em">
<center>
<b>
Remarkbox &#169;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>
Remarkbox &#169;2016-2020 | 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>
</span>

31
privacy-policy.html
View file

@ -22,14 +22,14 @@
<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="button" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
<a class="button red" href="https://my.remarkbox.com/setup">Join</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" href="https://my.remarkbox.com/join-or-log-in?return-to=https://my.remarkbox.com">Log in</a>
<a class="button red" href="https://my.remarkbox.com/setup" style="margin-right: 40px;">Join</a>
<a class="button red" href="https://my.remarkbox.com/setup">Join</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>
<div class="proposition">
@ -43,6 +43,8 @@
<br/>
<div style="background-color: #ffffff; border-radius: 4px; border-style: solid; border-color: rgb(238, 238, 238); border-width: 1px; padding: 40px;">
<h4>Introduction</h4>
<p>
Remarkbox aims to protect your privacy when using our online services. This policy discloses how we process and protect your personal data. This Privacy Policy may be updated or revised. To stay updated visit our website.
@ -98,7 +100,7 @@ Remarkbox sometimes uses Google Analytics on our marketing and landing pages.
<h4>Cookies</h4>
<p>
Remarkbox stores a signed cookies in your web browser, on your computer, to keep your session logged into the service. These cookies will reside under one of our domains or subdomains, or our affiliate domains.
Remarkbox stores signed cookies in your web browser, on your computer, to keep your session logged into the service. These cookies will reside under one of our domains or subdomains, or our affiliate domains.
</p>
<p>
@ -117,13 +119,13 @@ We never share your personal data with anyone without your explicit consent.
</p>
<p>
Based on the consent you've given, we may permit the following companies to use your personal data for processing, but only for the purposes you have given consent to:
Based on the consent you've given, we may permit the following companies to use your personal data for processing, but only for the purposes you have given consent:
</p>
<ul>
<li>Remarkbox - For website comments and/or "frequently asked pages"</li>
<li>Google Analytics - For website analytics</li>
<li>Stripe - For payment processing and subscription management</li>
<li><b>Remarkbox</b> - For website comments and/or "frequently asked pages"</li>
<li><b>Stripe</b> - For payment processing and subscription management</li>
<li><b>Google Analytics</b> - For website analytics</li>
</ul>
<h4>What kinds of automated decision-making or profiling do we perform with your data?</h4>
@ -147,7 +149,7 @@ Additionally, we may retain information from deleted accounts to comply with the
</p>
<p>
Information about you that is no longer necessary and relevant to provide our Services may be de-identified and aggregated with other non-personal data to provide insights which are commercially valuable to Remarkbox, such as statistics of the use of teh Services.
Information about you that is no longer necessary and relevant to provide our Services may be de-identified and aggregated with other non-personal data to provide insights which are commercially valuable to Remarkbox, such as statistics of the use of the Services.
</p>
<h4>What options do you have for managing your personal data with us?</h4>
@ -159,15 +161,15 @@ If you are a natural person of the European Union, you have the right to request
<ul>
<li>Access to the personal data Remarkbox has collected from you</li>
<li>Rectification of the personal data Remarkbox has collected from you</li>
<li>The erasure of the personal data Remarkbox has collected from you ("right to be forgotten")</li>
<li>A restriction to the processing of the personal data Remarkbox has collected from you</li>
<li>An objection to the processing of the personal data Remarkbox has collected from you</li>
<li>Erasure of personal data Remarkbox has collected from you ("right to be forgotten")</li>
<li>Restriction to processing of the personal data Remarkbox has collected from you</li>
<li>Objection to processing of the personal data Remarkbox has collected from you</li>
<li>An extract of your personal data for the purposes of data portability</li>
<li>The withdrawl of your consent to Remarkbox's collection of your personal data</li>
</ul>
<p>
To exercise any of these rights, please contact us with you request.
To exercise any of these rights, please contact us with your request.
</p>
<p>
@ -184,12 +186,13 @@ Remarkbox reserves the right to modify this Privacy Policy at any time. Please r
</div>
</div>
</div>
<div class="row-padding">
<center>
<b>
Remarkbox &#169;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>
Remarkbox &#169;2016-2019 | 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>