@josojo/realitycheck-contracts
Version:
RealityCheck demo
944 lines (859 loc) • 85.7 kB
HTML
<!-- svg icon by Google Material icons (https://material.io/icons/) -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>RealityCheck Demo</title>
<meta name="description" content="RealityCheck Demo">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div class="tooltip tooltip--checkyourqa">
Check your Q&A
</div>
<div id="primary-container">
<header id="site-header">
<div id="site-header-inner">
<h1 id="site-title">
<a href="index.html"><img id="site-logo" src="assets/image/logomark.svg"></a>
</h1>
<a href="" class="rcbrowser__open-button" data-target-id="id0">Post a Question</a>
<a href="questions-and-answers.html">Browse Questions</a>
<a href="">Help Center</a>
<a class="search-button" href="#search"></a>
<div id="your-qa-button-container">
<a id="your-qa-button" class="rcbrowser__open-button" href="" title="Your Question & Answer" data-target-id="id2">
<span id="push-icon"></span>
</a>
</div>
</div>
</header>
<div id="site-introduction">
<div id="site-slogan">Quick check the <span>correct</span> facts.</div>
<h2 id="site-description">Reality Check is a crowd-sourced information platform running on the Ethereum blockchain. With financial incentives to provide accurate information, Reality Check is the fastest way to get the facts in the post-truth era.</h2>
<div id="site-introduction__buttons">
<a id="post-a-question-button" class="rcbrowser__open-button" data-target-id="id0" href="">Post a Question</a>
<a id="browse-question-button" href="questions-and-answers.html">Browse Questions</a>
</div>
</div>
<div id="scrolltodiscover-container">
<div id="scrolltodiscover">
<div class="arrow-down-icon-container">
<div class="arrow-down-icon"></div>
</div>
<span>Scroll to Discover</span>
</div>
</div>
<div id="cover"></div>
</div>
<div id="main">
<div id="questions-container">
<div class="questions">
<h3 class="questions-header">
<span class="questions-header__icon questions-header__icon--best" aria-hidden="true"><span></span></span>
<span>Best Questions</span>
</h3>
<div class="questions-list">
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id1">
Which of the following are mammals?
</a>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id4">
Which won the game of Yankees and Rays on May 9, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id5">
What is 2 + 2?
</a>
<div class="questions__item__footer">
1 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id6">
Did you delay the British Airways 8 / Boeing 777 flights from Tokyo to the UK for over 6 hours?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id7">
What is the world's best selling music album in 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id10">
Did rain more than 6 mm in Munich on May 6, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id1">
Which of the following are mammals?
</a>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id4">
Which won the game of Yankees and Rays on May 9, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id5">
What is 2 + 2?
</a>
<div class="questions__item__footer">
1 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id6">
Did you delay the British Airways 8 / Boeing 777 flights from Tokyo to the UK for over 6 hours?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id7">
What is the world's best selling music album in 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
</div><!-- /.questions-list -->
<div class="loadmore-button" data-questions="best-questions">
<span class="loadmore-text">Load More</span>
<span class="loader"></span>
</div>
</div>
<div class="questions">
<h3 class="questions-header">
<span class="questions-header__icon questions-header__icon--latest" aria-hidden="true"><span></span></span>
<span>Latest Questions</span>
</h3>
<div class="questions-list">
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id1">
Which of the following are mammals?
</a>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id4">
Which won the game of Yankees and Rays on May 9, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id5">
What is 2 + 2?
</a>
<div class="questions__item__footer">
1 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id6">
Did you delay the British Airways 8 / Boeing 777 flights from Tokyo to the UK for over 6 hours?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id7">
What is the world's best selling music album in 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id10">
Did rain more than 6 mm in Munich on May 6, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id1">
Which of the following are mammals?
</a>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id4">
Which won the game of Yankees and Rays on May 9, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id5">
What is 2 + 2?
</a>
<div class="questions__item__footer">
1 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id6">
Did you delay the British Airways 8 / Boeing 777 flights from Tokyo to the UK for over 6 hours?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id7">
What is the world's best selling music album in 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
</div><!-- /.questions-list -->
<div class="loadmore-button" data-questions="latest-questions">
<span class="loadmore-text">Load More</span>
<span class="loader"></span>
</div>
</div>
<div class="questions">
<h3 class="questions-header">
<span class="questions-header__icon questions-header__icon--high-reward" aria-hidden="true"><span></span></span>
<span>High Reward Questions</span>
</h3>
<div class="questions-list">
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id1">
Which of the following are mammals?
</a>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id4">
Which won the game of Yankees and Rays on May 9, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id5">
What is 2 + 2?
</a>
<div class="questions__item__footer">
1 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id6">
Did you delay the British Airways 8 / Boeing 777 flights from Tokyo to the UK for over 6 hours?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id7">
What is the world's best selling music album in 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id10">
Did rain more than 6 mm in Munich on May 6, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id1">
Which of the following are mammals?
</a>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id4">
Which won the game of Yankees and Rays on May 9, 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id5">
What is 2 + 2?
</a>
<div class="questions__item__footer">
1 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id6">
Did you delay the British Airways 8 / Boeing 777 flights from Tokyo to the UK for over 6 hours?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id7">
What is the world's best selling music album in 2017?
</a>
<div class="questions__item__footer">
2 weeks ago
</div>
</div>
</div>
</div><!-- /.questions-list -->
<div class="loadmore-button" data-questions="high-reward-questions">
<span class="loadmore-text">Load More</span>
<span class="loader"></span>
</div>
</div>
<div class="questions">
<div id="filter">
<div id="filter-header">
<span>Filter by:</span>
<span id="filterby">All</span>
</div>
<ul id="filter-list">
<li><a href="">Sports</a></li>
<li><a href="">Culture</a></li>
<li><a href="">Business / Finance</a></li>
<li><a href="">Art / Design</a></li>
<li><a href="">Technology / Science</a></li>
</ul>
</div>
<h3 class="questions-header">
<span class="questions-header__icon questions-header__icon--resolved" aria-hidden="true"><span></span></span>
<span>Resolved Questions</span>
</h3>
<div class="questions-list">
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id8">
Who won the presidential election?
</a>
<div class="questions__item__answer">
Donald Trump
</div>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id9">
Did Space X's Falcon 9 successfully launch?
</a>
<div class="questions__item__answer">
Yes
</div>
<div class="questions__item__footer">
3 month ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id8">
Who won the presidential election?
</a>
<div class="questions__item__answer">
Donald Trump
</div>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id9">
Did Space X's Falcon 9 successfully launch?
</a>
<div class="questions__item__answer">
Yes
</div>
<div class="questions__item__footer">
3 month ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id8">
Who won the presidential election?
</a>
<div class="questions__item__answer">
Donald Trump
</div>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id9">
Did Space X's Falcon 9 successfully launch?
</a>
<div class="questions__item__answer">
Yes
</div>
<div class="questions__item__footer">
3 month ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id8">
Who won the presidential election?
</a>
<div class="questions__item__answer">
Donald Trump
</div>
<div class="questions__item__footer">
1 days ago
</div>
</div>
</div>
<div class="questions__item">
<div class="questions__item-inner">
<a class="questions__item__title rcbrowser__open-button" href="" data-target-id="id9">
Did Space X's Falcon 9 successfully launch?
</a>
<div class="questions__item__answer">
Yes
</div>
<div class="questions__item__footer">
3 month ago
</div>
</div>
</div>
</div><!-- /.questions-list -->
<div class="loadmore-button" data-questions="resolved-questions">
<span class="loadmore-text">Load More</span>
<span class="loader"></span>
</div>
</div>
</div><!-- /#questions-container -->
</div><!-- /#main -->
<div id="search">
<h3 id="search-header">
<span>Reality Search</span>
</h3>
<div id="search-form-container">
<form action="" method="post" id="search-form">
<input type="text" name="search" id="search-input" placeholder="Search Questions & Answers...">
<input type="submit" id="search-submit" value="">
<span id="result-number"></span>
</form>
</div>
</div>
<footer id="site-footer">
<nav id="site-footer-nav">
<ul>
<li><a href="" class="rcbrowser__open-button" data-target-id="id0">Post a Question</a></li>
<li><a href="questions-and-answers.html">Browse Questions</a></li>
<li><a href="" class="rcbrowser__open-button" data-target-id="id2">Your Q&A</a></li>
<li><a href="">Help Center</a></li>
<li><a href="">Developers</a></li>
</ul>
</nav>
<nav id="site-footer-nav--secondary">
<ul id="copyright">
<span>Powered by</span>
<li><a href="">Social Minds Inc.</a></li>
</ul>
<ul>
<span>Legal</span>
<li><a href="">Terms & Conditions</a></li>
<li><a href="">Privacy Policy</a></li>
</ul>
<ul>
<span>Other Projects</span>
<li><a href="">Reality Keys</a></li>
<li><a href="">Avatar Classroom</a></li>
</ul>
<ul>
<span>Get in touch</span>
<li><a href="">Twitter</a></li>
<li><a href="">Slack</a></li>
</ul>
</nav>
<a id="backtotop" href="#"><span></span></a>
</footer>
<div class="rcbrowser rcbrowser--your-qa" data-browser-id="id2">
<div class="rcbrowser-inner">
<div class="rcbrowser-header">
<div class="rcbrowser-control">
<span class="rcbrowser__close-button" data-target-id="id2"></span>
<span></span>
<span></span>
</div>
<div class="rcbrowser-loader-container rcbrowser-loader-container--your-qa">
<span class="loader"></span>
</div>
</div>
<div class="rcbrowser-main">
<div class="rcbrowser-main-header">
<h2 class="rcbrowser-main-header-title">Your Questions & Answers</h2>
<div class="rcbrowser-main-header-subtitle">Your Balance: <span>5.6</span> ETH</div>
</div>
<div class="rcbrowser-main-body rcbrowser-main-body--your-qa">
<div class="notifications clearfix">
<div class="notifications-item rcbrowser__open-button" data-target-id="id10">
<div class="notifications-item-inner">
<div class="notification-badge notification-badge--positive">
</div>
<div class="notifications-item-body">
<p>You have been applied for arbitration - “Did rain more than 6 mm in Munich on May 6, 2017?”</p>
<span>1 munites ago</span>
</div>
</div>
</div>
<div class="notifications-item rcbrowser__open-button" data-target-id="id1">
<div class="notifications-item-inner">
<div class="notification-badge notification-badge--positive">
</div>
<div class="notifications-item-body">
<p>A new answer has been posted to your question - “Which of the following are mammals?”</p>
<span>3 munites ago</span>
</div>
</div>
</div>
<div class="notifications-item rcbrowser__open-button" data-target-id="id4">
<div class="notifications-item-inner">
<div class="notification-badge notification-badge--negative">
</div>
<div class="notifications-item-body">
<p>The question you answered was overwritten - “Which won the game of Yankees and Rays on May 9, 2017?”</p>
<span>10 munites ago</span>
</div>
</div>
</div>
<div class="notifications-item rcbrowser__open-button" data-target-id="id9">
<div class="notifications-item-inner">
<div class="notification-badge notification-badge--positive">
</div>
<div class="notifications-item-body">
<p>Your question has been resolved by arbitration - “Did Space X's Falcon 9 successfully launch?”</p>
<span>2 days ago</span>
</div>
</div>
</div>
<a href="" class="see-all-notifications">See All Notifications</a>
</div>
<div class="your-qa clearfix">
<div class="your-qa__questions">
<div class="your-qa__questions-inner">
<div class="your-qa__questions-header">Questions</div>
<div class="your-qa__questions__item">
<div class="your-qa__questions__item-header">
<div class="your-qa__questions__item-date">
May 10, 2017
</div>
<a href="" class="your-qa__questions__item-title rcbrowser__open-button" data-target-id="id1">
Which of the following are mammals?
</a>
</div>
<div class="your-qa__questions__item-status">
3 Answered
</div>
</div>
<div class="your-qa__questions__item">
<div class="your-qa__questions__item-header">
<div class="your-qa__questions__item-date">
Feb 12, 2017
</div>
<a href="" class="your-qa__questions__item-title rcbrowser__open-button" data-target-id="id9">
Did Space X's Falcon 9 successfully launch?
</a>
</div>
<div class="your-qa__questions__item-body">
Yes
</div>
<div class="your-qa__questions__item-status your-qa__questions__item-status--resolved">
Resolved at Feb 18, 2017
</div>
</div>
</div>
</div>
<span class="your-qa__divider"></span>
<div class="your-qa__answers">
<div class="your-qa__answers-inner">
<div class="your-qa__answers-header">Answers</div>
<div class="your-qa__questions__item">
<div class="your-qa__questions__item-header">
<div class="your-qa__questions__item-date">
May 10, 2017
</div>
<a href="" class="your-qa__questions__item-title rcbrowser__open-button" data-target-id="id4">
Which won the game of Yankees and Rays on May 9, 2017?
</a>
</div>
<div class="your-qa__questions__item-status">
2 Answered
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.rcbrowser-main -->
</div><!-- /.rcbrowser-inner -->
</div><!-- /.rcbrowser--your-qa -->
<div class="rcbrowser rcbrowser--qa-detail rcbrowser--qa-detail--single-select rcbrowser--qa-detail--resolved" data-browser-id="id9">
<div class="rcbrowser-inner">
<div class="rcbrowser-header">
<div class="rcbrowser-control">
<span class="rcbrowser__close-button" data-target-id="id9"></span>
<span></span>
<span></span>
</div>
<div class="rcbrowser-loader-container">
<span class="loader"></span>
</div>
</div>
<div class="rcbrowser-main">
<div class="rcbrowser-main-header">
<div class="rcbrowser-main-header-date">May 10, 2017 - <a href="">Technology / Science</a></div>
<h2 class="rcbrowser-main-header-title">Did Space X's Falcon 9 successfully launch?</h2>
<div class="rcbrowser-main-header-subtitle">
<span class="reward-value-container">Resolved at Feb 18, 2017</span>
</div>
</div>
<div class="rcbrowser-main-body">
<div class="current-answer-container">
<div class="current-answer-inner"><div class="current-answer-header"><span>Finel Answer</span></div><div class="answer-item current-answer-item"><div class="current-answer-body"><p>Yes</p></div><div class="answer-data"><div class="answer-data-inner"><div class="answer-data__avatar" style="background-image: url(assets/image/avatar1.png)"></div><div class="answer-data__item answer-data__user-id"><span>User ID: </span><span>er9w8rwer8r9ewr89wr8e8r</span></div><div class="answer-data__item answer-data__bond answer-data__bond--current"><span>Bond: </span><span class="js-bond-value">1</span><span>ETH</span></div></div></div></div></div>
</div>
</div>
</div><!-- /.rcbrowser-main -->
</div><!-- /.rcbrowser-inner -->
</div><!-- /.rcbrowser--qa-detail -->
<div class="rcbrowser rcbrowser--qa-detail rcbrowser--qa-detail--single-select rcbrowser--qa-detail--resolved" data-browser-id="id8">
<div class="rcbrowser-inner">
<div class="rcbrowser-header">
<div class="rcbrowser-control">
<span class="rcbrowser__close-button" data-target-id="id8"></span>
<span></span>
<span></span>
</div>
<div class="rcbrowser-loader-container">
<span class="loader"></span>
</div>
</div>
<div class="rcbrowser-main">
<div class="rcbrowser-main-header">
<div class="rcbrowser-main-header-date">May 10, 2017 - <a href="">Politics</a></div>
<h2 class="rcbrowser-main-header-title">Who won the presidential election?</h2>
<div class="rcbrowser-main-header-subtitle">
<span class="reward-value-container">Resolved at May 21, 2017</span>
</div>
</div>
<div class="rcbrowser-main-body">
<div class="current-answer-container">
<div class="current-answer-inner"><div class="current-answer-header"><span>Finel Answer</span></div><div class="answer-item current-answer-item"><div class="current-answer-body"><p>Donald Trump</p></div><div class="answer-data"><div class="answer-data-inner"><div class="answer-data__avatar" style="background-image: url(assets/image/avatar1.png)"></div><div class="answer-data__item answer-data__user-id"><span>User ID: </span><span>er9w8rwer8r9ewr89wr8e8r</span></div><div class="answer-data__item answer-data__bond answer-data__bond--current"><span>Bond: </span><span class="js-bond-value">1</span><span>ETH</span></div></div></div></div></div>
</div>
<div class="answered-history-container">
<div class="answered-history-header"><span>Answered History</span></div><div class="answer-item answered-history-item"><div class="answered-history-body"><p>Hillary Clinton</p></div><div class="answer-data"><div class="answer-data-inner"><div class="answer-data__avatar" style="background-image: url(assets/image/avatar2.png)"></div><div class="answer-data__item answer-data__user-id"><span>User ID: </span><span>rtyry546yer564y54y56</span></div><div class="answer-data__item answer-data__bond"><span>Bond: </span><span class="js-bond-value">1</span><span>ETH</span></div></div></div></div></div>
</div>
</div><!-- /.rcbrowser-main -->
</div><!-- /.rcbrowser-inner -->
</div><!-- /.rcbrowser--qa-detail -->
<div class="rcbrowser rcbrowser--qa-detail rcbrowser--qa-detail--multiple-select has-answer" data-browser-id="id1">
<div class="rcbrowser-inner">
<div class="rcbrowser-header">
<div class="rcbrowser-control">
<span class="rcbrowser__close-button" data-target-id="id1"></span>
<span></span>
<span></span>
</div>
<div class="rcbrowser-loader-container">
<span class="loader"></span>
</div>
</div>
<div class="rcbrowser-main">
<div class="rcbrowser-main-header">
<div class="rcbrowser-main-header-date">May 10, 2017 - <a href="">Technology / Science</a></div>
<h2 class="rcbrowser-main-header-title">Which of the following are mammals?</h2>
<div class="rcbrowser-main-header-subtitle">
<span class="reward-value-container">Reward: <span class="reward-value">1.25</span> ETH</span>
<span class="add-reward-button" data-browser-id="id1">+ Add Reward</span>
</div>
<div class="add-reward-container">
<div class="add-reward">
<div class="add-reward-inner clearfix">
<form action="" method="post" class="rcbrowser-form" data-form-type="add-reward">
<div class="input-container">
<div class="input-inner">
<span class="input-header">Reward (ETH):</span>
<input type="number" name="question-reward" id="question-reward" class="rcbrowser-input rcbrowser-input--number rcbrowser-input--number--add-reward rcbrowser-input--add-reward form-item" placeholder="0">
</div>
<div class="error-container">Please enter reward.</div>
</div>
<div class="submit-container">
<input type="submit" class="rcbrowser-submit rcbrowser-submit--add-reward button--bounce" value="+ Add Reward" data-browser-id="id1" data-form-type="add-reward">
</div>
</form>
<div class="add-reward__close-button" data-browser-id="id1">
<span>Close</span>
</div>
</div>
</div>
</div>
</div>
<div class="rcbrowser-main-body">
<div class="answer-deadline" data-browser-id="id4">Deadline: May 13, 2017 16:18</div>
<div class="clearfix">
<a href="" class="arbitration-button">Apply for arbitration to Jonh Doe at 5ETH</a>
</div>
<div class="current-answer-container">
<div class="current-answer-inner"><div class="current-answer-header"><span>Current Answer</span></div><div class="answer-item current-answer-item"><div class="current-answer-body"><p>Whale / Dolphin</p></div><span class="current-answer-time">3 munites ago</span><div class="answer-data"><div class="answer-data-inner"><div class="answer-data__avatar" style="background-image: url(assets/image/avatar2.png)" data-avatar-src="assets/image/avatar2.png"></div><div class="answer-data__item answer-data__user-id"><span>User ID: </span><span>34iuy52uy54ui3y254i3yi25u</span></div><div class="answer-data__item answer-data__bond answer-data__bond--current"><span>Bond: </span><span class="js-bond-value">0.25</span><span>ETH</span></div></div></div></div></div>
</div>
<div class="answered-history-container">
</div>
<div class="answer-form-container">
<div class="answer-form-header">
Do you know the answer to this question?
</div>
<form name="" action="" method="post" class="rcbrowser-form" data-form-type="answer--checkbox">
<div class="input-container input-container--checkbox">
<label><input id="whale" type="checkbox" class="rcbrowser-input--checkbox form-item form-item-value" value="Whale"><span>Whale</span></label>
<label><input id="shark" type="checkbox" class="rcbrowser-input--checkbox form-item form-item-value" value="Shark"><span>Shark</span></label>
<label><input id="dolphin" type="checkbox" class="rcbrowser-input--checkbox form-item form-item-value" value="Dolphin"><span>Dolphin</span></label>
<div class="error-container">Please select options.</div>
</div>
<div class="input-container">
<div class="input-inner">
<span class="input-header">Bond (ETH):</span>
<input type="number" name="questionBondMultipleSelect" id="question-bond" class="rcbrowser-input rcbrowser-input--number rcbrowser-input--number--bond form-item" placeholder="0.5" data-browser-id="id1">
</div>
<div class="error-container">Please enter an amount of more than <span class="min-amount">0.5</span>ETH.</div>
</div>
<div class="submit-container">
<input type="submit" class="rcbrowser-submit button--bounce" value="Post" data-browser-id="id1" data-form-type="answer--checkbox">
</div>
<span class="rcbrowser-form-footer">By post you agree to the <a href="">Terms & Conditions</a></span>
</form>
</div>
</div>
</div><!-- /.rcbrowser-main -->
</div><!-- /.rcbrowser-inner -->
</div><!-- /.rcbrowser--qa-detail -->
<div class="rcbrowser rcbrowser--qa-detail rcbrowser--qa-detail--single-select has-answer" data-browser-id="id10">
<div class="rcbrowser-inner">
<div class="rcbrowser-header">
<div class="rcbrowser-control">
<span class="rcbrowser__close-button" data-target-id="id10"></span>
<span></span>
<span></span>
</div>