<html lang="en">
<head>
<!-- Load main content -->
<meta http-equiv="content-type" content="text/html" charset="ISO-8859-1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=500">
<link rel="stylesheet" href="css/style.css?v=<?php echo date('his'); ?>">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="icon" href="img/icon.png">
<script src="js/roulette.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<title>Roulette NO.ONE</title>
</head>
<body>
<!-- Creates a wrap around content to push footer to bottom -->
<div id="wrap">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/"><img id="logo" alt="Website Logo" src="img/logo.png"/></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="col-md-1"></div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="top">Top Players</a></li>
<li><a href="information">Information</a></li>
<li><a href="support">Customer Support</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<?php if (isset($_SESSION['usr_id'])) { ?>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"></span><b>My Profile</b> <span class="caret"></span></a>
<ul id="profile-dp" class="dropdown-menu">
<legend><div style="font-size:15px";><center>Signed in as<b> <?php echo $_SESSION['usr_name']; ?></div></center></b></legend>
<li><a href="profile">Profile</a></li>
<li><a href="logout">Log Out</a></li>
</ul>
</li>
<?php } else { ?>
<li><a href="register"><span class="glyphicon glyphicon-user"></span><b> Sign up</b></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-log-in"></span><b> Login</b> <span class="caret"></span></a>
<ul id="login-dp" class="dropdown-menu">
<form role="form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" name="loginform">
<fieldset>
<legend>Login</legend>
<div class="form-group">
<label for="name">Email</label>
<input type="text" name="email" placeholder="Your Email" required class="form-control" />
</div>
<div class="form-group">
<label for="name">Password</label>
<input type="password" name="password" placeholder="Your Password" required class="form-control" />
</div>
<div class="form-group">
<label><input type="checkbox" name="remember" id="remember" <?php if(isset($_COOKIE["member_login"])) { ?> checked <?php } ?> />Remember me</label>
<input type="submit" name="login" value="Login" class="btn btn-primary btn-block" />
</div>
<span class="text-danger"><?php if (isset($errormsg)) { echo $errormsg; } ?></span><?php } ?>
</fieldset>
</form>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Modal error -->
<div class="modal fade" id="modal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 STYLE="font-weight:bold;" id="modalTitle"></h4>
</div>
<div class="modal-body">
<h4 id="modalLabel"></h4>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<center>
<canvas id="canvas" style='position:relative;top:-40px'></canvas>
<div style='position:relative;top:-25px'>
<span style="font-size: 13px;background-color: black; padding: 7px 80px; color: #fff; border-radius: 10px;">
<span>Balance: </span>
<span id="balance"><?php echo $_SESSION['usr_balance']; ?></span>
</span>
<div id="betarea">
<button type="button" class="btn btn-warning betshort" data-action="clear">Clear</button>
<button type="button" class="btn btn-default betshort" data-action="10">+10</button>
<button type="button" class="btn btn-default betshort" data-action="100">+100</button>
<button type="button" class="btn btn-default betshort" data-action="1000">+1000</button>
<button type="button" class="btn btn-default betshort" data-action="half">1/2</button>
<button type="button" class="btn btn-default betshort" data-action="double">x2</button>
<button type="button" class="btn btn-primary betshort" data-action="max">Max</button>
<input type="text" class="form-control input-lg" style="width:100%;" placeholder="Bet amount..." id="betAmount">
<button type="button" class="btn btn-danger spin" data-action="red">Red, Win 2x</button>
<button type="button" class="btn btn-success spin" data-action="green">Green, Win 14x</button>
<button type="button" class="btn spin" style="background:black; color:white;" data-action="black">Black, Win 2x</button>
</div>
</div>
</center></br>
<audio id="audioLose" src="audio/lose.wav" preload="auto"></audio>
<audio id="audioWinNormal" src="audio/win.wav" preload="auto"></audio>
<audio id="audioWinGreen" src="audio/wingreen.wav" preload="auto"></audio>
<audio id="audioSpin" src="audio/spinwheel.mp3" preload="auto"></audio>
<audio id="audioError" src="audio/error.wav" preload="auto"></audio>
<script src="js/roulette.js"></script>
</div>
<div id="footer">
<div class="container">
<p class="navbar-text col-md-12">Copyright © 2016, Roulette NO.ONE - All rights reserved.</p>
</div>
</div>
</body>
</html>
/* When you hover a tab */
li:hover
{
/* Make tab grey at hover */
background-color: #E9E9E9 !important;
}
/* When a tab is active */
li.active > a
{
/* Make text black at active */
color: black !important;
/* Make tab white at active */
background-color: white !important;
}
html,body
{
/* Background color grey */
background-color: #E9E9E9 !important;
/* Website full height */
height: 100%;
}
/* Wrapper around page content to always have footer at bottom */
#wrap
{
/* set page height 100% */
min-height: 100%;
height: auto;
/* Negative indent footer by its height */
margin: 0 auto -50px;
/* Pad bottom by footer height */
padding: 0 0 50px;
}
/* Set the fixed height of the footer here */
#footer {
/* footer height */
height: 50px;
/* footer background color */
background-color: white;
/* footer text color */
color: grey;
/* footer text center */
text-align: center;
/* Fix footer at bottom on mobile */
overflow: hidden;
}
/* navbar settings */
.navbar-default
{
/* background color of navbar */
background-color: white !important;
}
/* navbar links settings */
.navbar .nav > li > a {
/* height of navbar links */
height: 80px;
/* position of links in navbar 45px is about half of the navbar height */
line-height: 45px;
/* links font */
font-family: 'Roboto';
/* links font size */
font-size: 20px;
}
/* logo settings */
#logo
{
/* height/size of logo */
height:80px;
width:auto;
}
/* login dropdown settings */
#login-dp {
/* width of dropdown */
min-width: 250px;
max-height: 290px;
/* size of dropdown */
padding: 14px 14px 0;
overflow:hidden;
/* background color of dropdown */
background-color: white;
}
/* login dropdown settings */
#profile-dp {
/* width of dropdown */
min-width: 180px;
/* size of dropdown */
padding: 10px 14px 0;
overflow:hidden;
/* background color of dropdown */
background-color: white;
}
/* font settings */
@font-face {
/* font name */
font-family: 'Roboto';
/* font directory */
src: url('../fonts/Roboto-Regular.ttf');
}
/* color border in index */
#betarea
{
/* border radius */
border-radius: 25px;
/* size of border and color */
border: 5px solid black;
/* padding of border */
padding: 20px;
/* width of border */
width: 500px;
/* height of border */
height: 160px;
}
/* bet buttons */
.spin
{
width:140px;
}
/* progress in profile */
.progress {
background-color: #aaa !important;
}
Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!
Swish: 123 536 99 96 Bankgiro: 211-4106
Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!
Swish: 123 536 99 96 Bankgiro: 211-4106
