G: Quest Mode by Opera Event
Submitted by Anonymous (not verified) on Fri, 01/25/2019 - 17:14
State:
New
Rank:
183
Size:
14614
Raw Content:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Quest Mode by Opera Event</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="author" content="Opera Event" />
<meta name="description" content="Quest Mode allows streamers to get sponsorships, subs, and earn money" />
<meta name="keywords" content="quest mode,gather,opera event,gatherbot,questmode" />
<meta name="Resource-type" content="Document" />
<script src="/cdn-cgi/apps/head/hRO-4dMQmTL0kVoFzxGXYa5rS3w.js"></script><link rel="stylesheet" type="text/css" href="/landing_pages/css/jquery.fullpage.min.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=MedievalSharp|Quicksand" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/landing_pages/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="/landing_pages/slick/slick-theme.css"/>
<link rel="stylesheet" type="text/css" href="/landing_pages/css/btn.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/landing_pages/css/quest_mode.css?v=7" />
<script src="/js/config.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="/landing_pages/js/scrolloverflow.js"></script>
<style>
/* Overwriting styles for control arrows for slides
* --------------------------------------- */
.controlArrow.prev {
left: 50px;
}
.controlArrow.next{
right: 50px;
}
</style>
<script type="text/javascript" src="/landing_pages/js/jquery.fullpage.js"></script>
<script type="text/javascript" src="/landing_pages/slick/slick.min.js"></script>
<script type="text/javascript">
function showVideo(){
$('body').append(`<div id="qm_intro_video">
<div class="vhead"><a id="expand_video" href="javascipt:void(0)"><i class="fas fa-expand-arrows-alt"></i></a> <a id="close_video" href="javascipt:void(0)"><i class="fas fa-times"></i></a></div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/3OFfKAYB_gc?rel=0&showinfo=0&autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>`);
}
function getMobileOperatingSystem() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
// Windows Phone must come first because its UA also contains "Android"
if (/windows phone/i.test(userAgent)) {
return "Windows Phone";
}
if (/android/i.test(userAgent)) {
return "Android";
}
// iOS detection from: http://stackoverflow.com/a/9039885/177710
if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
return "iOS";
}
return "Unknown";
}
var deviceAgent = getMobileOperatingSystem();
$(document).ready(function() {
if(deviceAgent == "Unknown"){
showVideo();
}
$('#fullpage').fullpage({
anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'fifthPage'],
sectionsColor: ['#083d77', '#ebebd3', '#f4d35e', '#ee964b', '#f95738'],
navigation: true,
navigationPosition: 'right',
navigationTooltips: ['Quest Mode', 'Viewers Go On Quests', 'How It Works'],
recordHistory:false,
paddingTop:'20px'
});
$(document).on('click', '#expand_video', function(event) {
$('#qm_intro_video').toggleClass('expanded');
});
$(document).on('click', '#close_video', function(event) {
$('#qm_intro_video').remove();
});
$(document).on('click', '#watch_video', function(event) {
if($("#expand_video").length == 0) {
showVideo();
}
});
});
</script>
</head>
<body>
<div id="kappamon_bonus" style="display:none;position:absolute;top:55px;right:10px;z-index:9999;background:#222;border-radius:5px;border:1px solid gold;color:whitesmoke;padding:10px;">
<div style="position:relative">
<button aria-label="Close" class="close" onclick="$('#kappamon_bonus').hide();" type="button" style="color:whitesmoke;position:absolute;top:-10px;right:-5px;">×</button>
Kappamon Referral:<br/>
$20 FREE Steam Giftcard Bonus*<br/>
<small>*After the completion of 20 Events</small>
</div>
</div>
<ul id="menu">
<img class="qm_logo pull-left" src="../landing_pages/images/quest_mode.svg" />
<div class="menu_hamburger">
<a href="javascript:void(0);" onclick="showMenu();">
<i class="fas fa-bars"></i>
</a>
</div>
<div class="menu_link_container">
<li><a href="javascript:void(0)" id="watch_video" class="bttn-gradient bttn-sm bttn-warning">Watch Video</a></li>
<li><a href="/landing_pages/quest_mode_fan" class="bttn-gradient bttn-sm bttn-warning">Are you a viewer?</a></li>
<li data-menuanchor="secondPage"><a href="https://discordapp.com/invite/kDbyymx" target="_blank" class="bttn-gradient bttn-sm bttn-warning">24/7 Discord Support</a></li>
<li data-menuanchor="3rdPage"><a href="" class="gauth_url bttn-gradient bttn-sm bttn-warning">Turn on Quest Mode</a></li>
</div>
</ul>
<div id="fullpage">
<div class="section active" id="section0">
<h1 style="color:yellow;margin-bottom:0;">Engage. Reward. Monetize.</h1>
<h4 class="subh4">Our streamers earn on average $5.94 per user per month</h4>
<div id="quote_scroll">
<div>
<div class="quote">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/994e5bd6-3dde-43ce-9bb5-a0ab883a96ab-profile_image-300x300.jpg" />
<blockquote class="quote-card">
<p>
I love that Quest Mode has boosted my revenue by giving my community a fun, interactive option to support me.
</p>
<cite>
- Alliestrasza
</cite>
</blockquote>
</div>
</div>
<div>
<div class="quote">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/incon-profile_image-55842f9100147f23-300x300.png" />
<blockquote class="quote-card">
<p>
Quest Mode has allowed me to engage with my community in a depth greater than ever before. Letting viewers help their favorite community without having to spend a cent.
</p>
<cite>
- Incon
</cite>
</blockquote>
</div>
</div>
<div>
<div class="quote">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/cb795c3b134e5007-profile_image-300x300.jpeg" />
<blockquote class="quote-card">
<p>
I've earned more than $1,000 from people in our #twitch community with Quest Mode. It's free and fun for your friends :)
</p>
<cite>
- TheMommyGamers
</cite>
</blockquote>
</div>
</div>
<div>
<div class="quote">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/d12963d0-4b9c-4cc2-8b4a-062be8862227-profile_image-300x300.png" />
<blockquote class="quote-card">
<p>
Play a game, earn a sub! Man I’m glad I signed up with @OperaEventCo Quest Mode
</p>
<cite>
- Crushinkill
</cite>
</blockquote>
</div>
</div>
<div>
<div class="quote">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/d2c90f71-dd0f-4417-b0e8-19029befce42-profile_image-300x300.png" />
<blockquote class="quote-card">
<p>
My subs approve, only good feedback! It's literally free subs
</p>
<cite>
- ZironicDK
</cite>
</blockquote>
</div>
</div>
<div>
<div class="quote">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/puhdado-profile_image-084078ce8844661e-300x300.jpeg" />
<blockquote class="quote-card">
<p>
I've used it for a while now and it's a great way for a community to support a streamer without having to spend any money
</p>
<cite>
- Puhdado
</cite>
</blockquote>
</div>
</div>
<div>
<div class="quote">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/4b094b10-23f3-4fa9-82fb-10d1df9e5560-profile_image-300x300.png" />
<blockquote class="quote-card">
<p>
Quest Mode has made it possible for viewers to support the stream without having to spend their own money
</p>
<cite>
- Trixxytrix
</cite>
</blockquote>
</div>
</div>
</div>
<div class="row">
<ul class="col_list">
<li>Get Sponsored</li>
<li>Grow Your Channel</li>
<li>Reward Your Viewers</li>
<li>Free Twitch Subs</li>
</ul>
</div>
<div style="margin:20px 10px 0 10px;">
<div class="row">
<div class="sponsor_block col-sm-2 offset-sm-2 col-3">
<img src="https://s3.amazonaws.com/operaevent-gather/neverwinter.jpg" />
<h3>Neverwinter</h3>
</div>
<div class="sponsor_block col-sm-2 col-3">
<img src="https://static-s.aa-cdn.net/img/ios/1164507836/aff739416ff8cfd0520af4495641d711?v=1" />
<h3>Roller Coaster Tycoon</h3>
</div>
<div class="sponsor_block col-sm-2 col-3">
<img src="https://static-s.aa-cdn.net/img/ios/1186994231/404abfe678eabba32eeea9cef6e1356d?v=1" />
<h3>Final Fantasy</h3>
</div>
<div class="sponsor_block col-sm-2 col-3">
<img src="https://i.imgur.com/6G2NN0N.png" />
<h3>Hulu</h3>
</div>
</div>
</div>
<div class="row">
<div class="col">
<p><i>and much more...</i></p><br/>
<h4><a href="#secondPage" style="color:whitesmoke;"><i class="fas fa-arrow-circle-down"></i></a></h4>
</div>
</div>
<!-- <small style="position:absolute;bottom:10px;left:10px;">* Current average earnings for streamers using Quest Mode</small> -->
</div>
<div class="section" id="section1">
<h1>Your Viewers Go On Quests</h1>
<a href="https://api.operaevent.co/users/auth/twitch?page=/finish_enroll&url=gather.operaevent.co" class="gauth_url bttn-gradient bttn-md bttn-warning">Enroll Now</a>
<div class="contain_scroll_image">
<img id="fan_quest_img" src="../landing_pages/images/fan_quest_final.svg?v=1" />
</div>
</div>
<div class="section" id="section2">
<h1>How It Works</h1>
<a href="https://api.operaevent.co/users/auth/twitch?page=/finish_enroll&url=gather.operaevent.co" class="gauth_url bttn-gradient bttn-md bttn-warning">Enroll Now</a>
<div class="contain_scroll_image">
<img id="how_it_works_img" src="../landing_pages/images/yellow_bubble_final.svg?v=2" />
</div>
</div>
</div>
<div id="fixed_footer">
© 2018 Quest Mode by Opera Event. All rights reserved.
<a target="_blank" href="/privacy">Privacy Policy</a>
<a target="_blank" href="/terms">Terms of Use</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#quote_scroll').slick({
autoplay: true,
autoplaySpeed: 10000,
arrows: true,
infinite: true
});
});
function showMenu(){
if($('.menu_link_container').is(":visible")){
$('.menu_link_container').slideUp();
$('.menu_hamburger i').removeClass('fa-times').addClass('fa-bars');
}else{
$('.menu_link_container').slideDown();
$('.menu_hamburger i').removeClass('fa-bars').addClass('fa-times');
}
}
var rtime;
var timeout = false;
var delta = 200;
$(window).resize(function() {
rtime = new Date();
if (timeout === false) {
timeout = true;
setTimeout(resizeend, delta);
}
});
function resizeend() {
if (new Date() - rtime < delta) {
setTimeout(resizeend, delta);
} else {
timeout = false;
if($( window ).width() > 765){
if(!$('.menu_link_container').is(":visible")){
$('.menu_link_container').show();
}
}
}
}
function GetUrlParameter(sParam) {
var sPageURL = decodeURIComponent(window.location.search.substring(1)),
sURLVariables = sPageURL.split('&'),
sParameterName,
i;
for (i = 0; i < sURLVariables.length; i++) {
sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] === sParam) {
return sParameterName[1] === undefined ? null : sParameterName[1];
}
}
}
$(document).ready(function() {
var utm_info = "";
var utm_sources = ['utm_source','utm_medium','utm_campaign','utm_term'];
$.each(utm_sources, function(k,v) {
the_source = GetUrlParameter(v);
if(the_source) {
utm_info += '&'+v+'='+the_source;
}
});
if(utm_info != ""){
//If we have info let store in local storage so it sticks
localStorage.setItem('utm_info', utm_info);
}else{
//See if we have utm info from the past in storage
if(localStorage.getItem('utm_info')){
utm_info = localStorage.getItem('utm_info');
}
}
//Check if utm source is something special
var source_parts = {};
utm_info.split("&").forEach(function(part) {
var item = part.split("=");
source_parts[item[0]] = decodeURIComponent(item[1]);
});
if(source_parts['utm_source'] == 'Kappamon'){
$('#kappamon_bonus').show();
}
//Force utm_content to be the page
utm_info += '&utm_content=new_quest_mode_streamer';
$(".gauth_url").attr("href", "https://" + window.config.apiURL+ "/users/auth/twitch?page=/finish_enroll&url="+window.location.host+utm_info);
});
</script>
</body>
</html>
- Log in to post comments