-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Peter Ma
authored and
Peter Ma
committed
Sep 24, 2018
1 parent
ad986d2
commit afc8a90
Showing
2 changed files
with
215 additions
and
1 deletion.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,214 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8" /> | ||
<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png"> | ||
<link rel="icon" type="image/png" href="./assets/img/favicon.png"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | ||
<title> | ||
Wisdom Of Crowd: Create a Market | ||
</title> | ||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' /> | ||
<!-- Fonts and icons --> | ||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" /> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"> | ||
<!-- CSS Files --> | ||
<link href="./assets/css/material-kit.css?v=2.0.4" rel="stylesheet" /> | ||
<!-- CSS Just for demo purpose, don't include it in your project --> | ||
<link href="./assets/demo/demo.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body class="index-page sidebar-collapse"> | ||
<nav class="navbar navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg" color-on-scroll="100" id="sectionsNav"> | ||
<div class="container"> | ||
<div class="navbar-translate"> | ||
<a class="navbar-brand">Create a Market </a> | ||
</div> | ||
</div> | ||
</nav> | ||
<div class="page-header header-filter clear-filter purple-filter" data-parallax="true" style="background-image: url('./assets/img/bg2.jpg');"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-md-8 ml-auto mr-auto"> | ||
<div class="brand"> | ||
<h2>Create a new Prediction Market</h2> | ||
<h3>What would you like to create?</h3> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="main main-raised"> | ||
<div class="contact-content"> | ||
<div class="container"> | ||
<h2 class="title" style="padding-top:30px;">Create a Market</h2> | ||
<div class="row"> | ||
<div class="col-md-12"> | ||
<p class="description">You can create a new prediction market here<br><br> | ||
</p> | ||
<form role="form" id="question-form" method="post"> | ||
<div class="form-group bmd-form-group"> | ||
<label for="question" class="bmd-label-floating">Question</label> | ||
<input type="text" class="form-control" id="question"> | ||
</div> | ||
<div id="questions"> | ||
<div class="form-group bmd-form-group"> | ||
<label for="outcome1" class="bmd-label-floating">Outcome 1</label> | ||
<input type="text" class="form-control" id="outcome1"> | ||
<span class="bmd-help">Outcome 1</span> | ||
</div> | ||
<div class="form-group bmd-form-group"> | ||
<label for="outcome2" class="bmd-label-floating">Outcome 2</label> | ||
<input type="text" class="form-control" id="outcome2"> | ||
<span class="bmd-help">Outcome 2</span> | ||
</div> | ||
</div> | ||
<div class="submit text-center"> | ||
<input id="addoutcome" type="buttons" class="btn btn-primary btn-raised btn-round" value="Add Outcome"> | ||
<input type="submit" class="btn btn-primary btn-raised btn-round" value="Submit"> | ||
</div> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- End Modal --> | ||
<footer class="footer" data-background-color="black"> | ||
<div class="container"> | ||
<nav class="float-left"> | ||
<ul> | ||
<li> | ||
<a href="https://www.creative-tim.com"> | ||
Creative Tim | ||
</a> | ||
</li> | ||
<li> | ||
<a href="https://creative-tim.com/presentation"> | ||
About Us | ||
</a> | ||
</li> | ||
<li> | ||
<a href="http://blog.creative-tim.com"> | ||
Blog | ||
</a> | ||
</li> | ||
<li> | ||
<a href="https://www.creative-tim.com/license"> | ||
Licenses | ||
</a> | ||
</li> | ||
</ul> | ||
</nav> | ||
<div class="copyright float-right"> | ||
© | ||
<script> | ||
document.write(new Date().getFullYear()) | ||
</script>, made with <i class="material-icons">favorite</i> by | ||
<a href="https://www.creative-tim.com" target="_blank">Creative Tim</a> for a better web. | ||
</div> | ||
</div> | ||
</footer> | ||
<!-- Core JS Files --> | ||
<script src="./assets/js/core/jquery.min.js" type="text/javascript"></script> | ||
<script src="./assets/js/core/popper.min.js" type="text/javascript"></script> | ||
<script src="./assets/js/core/bootstrap-material-design.min.js" type="text/javascript"></script> | ||
<script src="./assets/js/plugins/moment.min.js"></script> | ||
<!-- Plugin for the Datepicker, full documentation here: https://github.com/Eonasdan/bootstrap-datetimepicker --> | ||
<script src="./assets/js/plugins/bootstrap-datetimepicker.js" type="text/javascript"></script> | ||
<!-- Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ --> | ||
<script src="./assets/js/plugins/nouislider.min.js" type="text/javascript"></script> | ||
<!-- Plugin for Sharrre btn --> | ||
<script src="./assets/js/plugins/jquery.sharrre.js" type="text/javascript"></script> | ||
<!-- Control Center for Material Kit: parallax effects, scripts for the example pages etc --> | ||
<script src="./assets/js/material-kit.js?v=2.0.4" type="text/javascript"></script> | ||
<script> | ||
$(document).ready(function() { | ||
//init DateTimePickers | ||
materialKit.initFormExtendedDatetimepickers(); | ||
|
||
// Sliders Init | ||
materialKit.initSliders(); | ||
}); | ||
|
||
|
||
function scrollToDownload() { | ||
if ($('.section-download').length != 0) { | ||
$("html, body").animate({ | ||
scrollTop: $('.section-download').offset().top | ||
}, 1000); | ||
} | ||
} | ||
|
||
|
||
$(document).ready(function() { | ||
var outcome = 2; | ||
$('#addoutcome').click(function() { | ||
outcome++; | ||
$('#questions').append( | ||
'<div class="form-group bmd-form-group">' + | ||
'<label for="outcome' + outcome + '" class="bmd-label-floating">Outcome ' + outcome + '</label>' + | ||
'<input type="text" class="form-control" id="outcome' + outcome + '">' + | ||
'<span class="bmd-help">Outcome ' + outcome + '</span>' + | ||
'</div>' | ||
); | ||
}); | ||
|
||
$('#facebook').sharrre({ | ||
share: { | ||
facebook: true | ||
}, | ||
enableHover: false, | ||
enableTracking: false, | ||
enableCounter: false, | ||
click: function(api, options) { | ||
api.simulateClick(); | ||
api.openPopup('facebook'); | ||
}, | ||
template: '<i class="fab fa-facebook-f"></i> Facebook', | ||
url: 'https://demos.creative-tim.com/material-kit/index.html' | ||
}); | ||
|
||
$('#googlePlus').sharrre({ | ||
share: { | ||
googlePlus: true | ||
}, | ||
enableCounter: false, | ||
enableHover: false, | ||
enableTracking: true, | ||
click: function(api, options) { | ||
api.simulateClick(); | ||
api.openPopup('googlePlus'); | ||
}, | ||
template: '<i class="fab fa-google-plus"></i> Google', | ||
url: 'https://demos.creative-tim.com/material-kit/index.html' | ||
}); | ||
|
||
$('#twitter').sharrre({ | ||
share: { | ||
twitter: true | ||
}, | ||
enableHover: false, | ||
enableTracking: false, | ||
enableCounter: false, | ||
buttons: { | ||
twitter: { | ||
via: 'CreativeTim' | ||
} | ||
}, | ||
click: function(api, options) { | ||
api.simulateClick(); | ||
api.openPopup('twitter'); | ||
}, | ||
template: '<i class="fab fa-twitter"></i> Twitter', | ||
url: 'https://demos.creative-tim.com/material-kit/index.html' | ||
}); | ||
|
||
}); | ||
</script> | ||
</body> | ||
|
||
</html> |