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 { body {
font-family: "Open Sans", sans-serif;
font-size: 1.8em;
line-height: 1.8;
font-weight: 400;
background-color: #f8f5f5; background-color: #f8f5f5;
overflow-x: hidden; overflow-x: hidden;
} }
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}
blockquote { blockquote {
font-style: italic; font-style: italic;
margin-top: 10px; margin-top: 10px;
@ -91,14 +99,14 @@ li {
.has-docked-nav .navbar { .has-docked-nav .navbar {
display: block; display: block;
padding-top: 15px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 4px;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.navlinks { .navlinks {
float: right; float: right;
padding-right: 40px; padding-right: 20px;
padding-top: 10px; 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="https://www.remarkbox.com/#about">About</a>
<a class="navlink" href="#remarkbox-demo">Demo</a> <a class="navlink" href="#remarkbox-demo">Demo</a>
<a class="navlink" href="https://www.remarkbox.com/#plans">Plans</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" 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> </div>
<div style="text-align: right; margin-top: 25px; width: 100%;" class="hidden-on-tablet"> <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">Setup</a>
<a class="button red" href="https://my.remarkbox.com/setup" style="margin-right: 40px;">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>
<a id="free" class="anchor"></a> <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 - 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>
<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> <p>
<blockquote>"How long could it take to build a comment system?"</blockquote> <blockquote>"How long could it take to build a comment system?"</blockquote>
</p> </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. 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>
<img style="float:right; width:340px; margin-left:40px;" src="https://www.remarkbox.com/static/img/remarkbox-instant-preview-of-comments.gif">
<p> <p>
Remarkbox <b>increases user engagement</b> because it: Remarkbox <b>increases user engagement</b> because it:
@ -197,6 +198,8 @@ Remarkbox <b>increases user engagement</b> because it:
</ul> </ul>
</p> </p>
<br>
<p> <p>
... and the best part &mdash; ... and the best part &mdash;
<span class="avoidwrap">fast page load speeds</span> and absolutely <b>NO ADS!</b> <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> <center>
<br>
<br>
<p> <p>
Are you ready to try on your site now? Are you ready to try on your site now?
</p> </p>
@ -300,14 +306,12 @@ Try on your site, risk free, no card required.
<div class="row-padding"> <div class="row-padding">
<center> <center>
<b> <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> </b>
</center> </center>
</div> </div>
<div class="redline"></div> <div class="redline"></div>
<div class="nav"></div>
</body> </body>
</html> </html>

96
index.html
View file

@ -43,14 +43,14 @@
<a class="navlink" href="#about">About</a> <a class="navlink" href="#about">About</a>
<a class="navlink" href="#remarkbox-demo">Demo</a> <a class="navlink" href="#remarkbox-demo">Demo</a>
<a class="navlink" href="#plans">Plans</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 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>
<div style="text-align: right; margin-top: 25px; width: 100%;" class="hidden-on-tablet"> <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">Setup</a>
<a class="button red" href="https://my.remarkbox.com/setup" style="margin-right: 40px;">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> </div>
<a id="free" class="anchor"></a> <a id="free" class="anchor"></a>
@ -63,9 +63,10 @@
</center> </center>
<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;"> <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> <span class="avoidwrap"><a href="/finally-a-disqus-alternative.html">... read more</a></span>
</p> </p>
</center> </center>
@ -80,12 +81,18 @@
<center> <center>
<span style="font-size: 1.25em;"> <span style="font-size: 1.25em;">
<br /> <span class="avoidwrap">Remarkbox is a hosted <b>comment system</b></span>
<span class="avoidwrap">Remarkbox <b>engages readers</b></span> <span class="avoidwrap">with your content</span> <span class="avoidwrap">built to <b>engage</b> readers</span> <span class="avoidwrap">with your content.</span>
<span class="avoidwrap">and works everywhere,</span> <span class="avoidwrap">even <b>static sites</b>.</span>
<br /> <br />
<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 />
<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> <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 />
<br /> <br />
@ -93,6 +100,8 @@
<a class="button red" href="https://my.remarkbox.com/setup">Setup Remarkbox</a> <a class="button red" href="https://my.remarkbox.com/setup">Setup Remarkbox</a>
<br /> <br />
or <a href="#learn">learn more</a> or <a href="#learn">learn more</a>
<!--
<br /> <br />
<br /> <br />
<br /> <br />
@ -100,6 +109,8 @@
</span> </span>
<br /> <br />
<br /> <br />
-->
</center> </center>
</div> </div>
@ -131,8 +142,8 @@
<a class="navlink" href="#about">About</a> <a class="navlink" href="#about">About</a>
<a class="navlink" href="#remarkbox-demo">Demo</a> <a class="navlink" href="#remarkbox-demo">Demo</a>
<a class="navlink" href="#plans">Plans</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 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>
</div> </div>
@ -227,17 +238,15 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<br/> <br/>
only only
<h3 style="font-weight: bold;">$7<span style="font-size: .5em;">/mo</span></h3> <h3 style="font-weight: bold;">$7<span style="font-size: .5em;">/mo</span></h3>
One moderator <span class="avoidwrap">on one domain</span> <ul>
and <li>One moderator</li>
<br/> <li>One domain</li>
access to <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>
<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> </ul>
<br/>
<br/>
<br/> <br/>
<b><a href="https://my.remarkbox.com/setup" class="button red">setup</a></b> <b><a href="https://my.remarkbox.com/setup" class="button red">setup</a></b>
<br/> <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>
<br/> <br/>
</div> </div>
@ -248,21 +257,21 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<b>Production Yearly</b> <b>Production Yearly</b>
<br/> <br/>
<br/> <br/>
<span style="color: #2DB52D; font-size: 20px;">save 42%</span> <span style="color: #2DB52D;">save 42%</span>
<h3 style="font-weight: bold;">$4<span style="font-size: .6em;">/mo</span></h3> <h4 style="font-weight: bold;">$4<span style="font-size: .4em;"> /mo</span></h4>
One moderator <span class="avoidwrap">on one domain</span> <ul>
and <li>One moderator</li>
<br/> <li>One domain</li>
access to <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>
<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> </ul>
<br/>
<br/> <br/>
<s style="color: #AA0000;">$84.00</s> $48.00 per year <s style="color: #AA0000;">$84.00</s> $48.00 per year
<br/> <br/>
<br/> <br/>
<b><a href="https://my.remarkbox.com/setup" class="button red">setup</a></b> <b><a href="https://my.remarkbox.com/setup" class="button red">setup</a></b>
<br/> <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>
<div class="redline"></div> <div class="redline"></div>
</div> </div>
@ -274,14 +283,13 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<br/> <br/>
<br/> <br/>
starting at starting at
<h3 style="font-weight: bold;">$119<span style="font-size: .5em;">/mo</span></h3> <h3 style="font-weight: bold;">$99<span style="font-size: .5em;">/mo</span></h3>
Many moderators <span class="avoidwrap">on ten domains</span> <ul>
and <li>Many moderators</li>
<br/> <li>Ten domains</li>
access to <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>
<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> </ul>
<br/>
<br/>
<br/> <br/>
<b><a href="https://my.remarkbox.com/setup" class="button red" target="_blank">setup</a></b> <b><a href="https://my.remarkbox.com/setup" class="button red" target="_blank">setup</a></b>
<br/> <br/>
@ -303,18 +311,16 @@ Yes, our goal is to help you capture <a href="https://faq.remarkbox.com/d1f50998
<div class="pricebox"> <div class="pricebox">
<b>Development</b> <b>Development</b>
<h3 style="font-weight: bold;">Free</h3> <h3 style="font-weight: bold;">Free</h3>
One moderator <span class="avoidwrap">on one domain</span> <ul>
but <li>One moderator</li>
<br/> <li>One domain</li>
<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> <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>
<br/> </ul>
<br/>
<br/> <br/>
<b><a href="https://my.remarkbox.com/setup" class="button red" target="_blank">setup</a></b> <b><a href="https://my.remarkbox.com/setup" class="button red" target="_blank">setup</a></b>
<br/> <br/>
Just put the Three simple steps
<a href="https://my.remarkbox.com/setup">snippet</a>
into your HTML
</div> </div>
<br/> <br/>
</div> </div>
@ -501,7 +507,7 @@ The end result is a visitor can comment right away without needing to signup or
<br/> <br/>
<center> <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 You may follow our two-minute <a href="https://my.remarkbox.com/setup">guided setup</a> to add
<br/> <br/>
@ -518,7 +524,7 @@ commenting on your site. Free, no credit card required.
<div class="row-padding"> <div class="row-padding">
<center> <center>
<b> <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> </b>
</center> </center>
</div> </div>

2
minimal-demo.html
View file

@ -113,7 +113,7 @@
<span style="font-size: .65em"> <span style="font-size: .65em">
<center> <center>
<b> <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> </b>
</center> </center>
</span> </span>

31
privacy-policy.html
View file

@ -22,14 +22,14 @@
<div class="navbar hidden-on-tablet"> <div class="navbar hidden-on-tablet">
<a href="https://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a> <a href="https://www.remarkbox.com"><img src="remarkbox-minified.png" class="navlogo" alt="Remarkbox Logo" /></a>
<div class="navlinks"> <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 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> </div>
<div style="text-align: right; margin-top: 25px; width: 100%;" class="hidden-on-tablet"> <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">Join</a>
<a class="button red" href="https://my.remarkbox.com/setup" style="margin-right: 40px;">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>
<div class="proposition"> <div class="proposition">
@ -43,6 +43,8 @@
<br/> <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> <h4>Introduction</h4>
<p> <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. 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> <h4>Cookies</h4>
<p> <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>
<p> <p>
@ -117,13 +119,13 @@ We never share your personal data with anyone without your explicit consent.
</p> </p>
<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> </p>
<ul> <ul>
<li>Remarkbox - For website comments and/or "frequently asked pages"</li> <li><b>Remarkbox</b> - For website comments and/or "frequently asked pages"</li>
<li>Google Analytics - For website analytics</li> <li><b>Stripe</b> - For payment processing and subscription management</li>
<li>Stripe - For payment processing and subscription management</li> <li><b>Google Analytics</b> - For website analytics</li>
</ul> </ul>
<h4>What kinds of automated decision-making or profiling do we perform with your data?</h4> <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>
<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> </p>
<h4>What options do you have for managing your personal data with us?</h4> <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> <ul>
<li>Access to the personal data Remarkbox has collected from you</li> <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>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>Erasure of 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>Restriction to 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>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>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> <li>The withdrawl of your consent to Remarkbox's collection of your personal data</li>
</ul> </ul>
<p> <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>
<p> <p>
@ -184,12 +186,13 @@ Remarkbox reserves the right to modify this Privacy Policy at any time. Please r
</div> </div>
</div> </div>
</div>
<div class="row-padding"> <div class="row-padding">
<center> <center>
<b> <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> </b>
</center> </center>
</div> </div>