123 lines
3.8 KiB
HTML
123 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Minimal Demo | Remarkbox</title>
|
|
<!-- this makes mobile pretty... -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="theme-color" content="#D40000">
|
|
<style>
|
|
body {font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;}
|
|
.content {width: 640px;}
|
|
.content-wrapper {
|
|
margin-top: 25px;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
color: #AA0000;
|
|
margin-right: 20px;
|
|
margin-left: 20px;
|
|
}
|
|
@media screen and (max-width: 700px) {
|
|
.content {
|
|
width: 95%;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="remarkbox-body">
|
|
|
|
<div class="content-wrapper">
|
|
<div class="content">
|
|
|
|
<div class="navbar hidden-on-tablet">
|
|
<center>
|
|
<a href="http://www.remarkbox.com"><h1>Remarkbox</h1></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="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" href="https://my.remarkbox.com/setup">Log in</a>
|
|
<a class="button red" href="https://my.remarkbox.com/setup">Join</a>
|
|
</div>
|
|
</center>
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<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 with an orderly interface</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<p>
|
|
... and the best part —
|
|
<span class="avoidwrap">fast page load speeds</span> and absolutely <b>NO ADS!</b>
|
|
</p>
|
|
|
|
<div class="container">
|
|
<div class="row row-padding">
|
|
|
|
<a id="remarkbox-demo" class="anchor"></a>
|
|
<h2>Try it out!</h2>
|
|
|
|
<!-- 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 = "c3293984-fa1c-11e7-af74-040140774501";
|
|
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>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<br/><br/>
|
|
<span style="font-size: .65em">
|
|
<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>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|