load bootstrao

This commit is contained in:
Faye Li 2017-01-31 14:27:17 -08:00
parent 645aad7bb0
commit 06d797bb3b

View file

@ -13,6 +13,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,600,700"" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
body {
margin: 0;
@ -114,6 +115,21 @@
background: linear-gradient(#1080b8, #1080b8);
}
input[type=button].white {
color: #121212;
background-color: #afafaf;
background: linear-gradient(#fff 20%, #afafaf 100%);
}
input[type=button].white:hover {
background: linear-gradient(#fff, #fff);
border: none;
}
input[type=button].white:active {
background: linear-gradient(#afafaf, #afafaf);
}
#friends-button {
margin: 0px 0px 15px 10px;
}
@ -128,6 +144,7 @@
</div>
</div>
<div class="main">
<input type="button" class="white" id="visibility-toggle" value="Online">
<ul class="tabs">
<li tab-id="tab-1" class="current">Everyone (0)</li>
<li tab-id="tab-2">Friends (0)</li>
@ -141,10 +158,12 @@
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script>
var METAVERSE_API_URL = "https://metaverse.highfidelity.com/api/v1/users?status=online";
var FRIENDS_FILTER = "&filter=friends";
var myUsername = null;
var myVisibility = null;
function displayUsers(data, element) {
element.empty();
@ -201,10 +220,12 @@
// Parse the string into an object
event = JSON.parse(event);
}
if (event.type === "sendUsername") {
if (event.type === "user-info") {
myUsername = event.data.username;
myVisibility = event.data.visibility;
$("#dev-div").append("<p>myUsername is " + myUsername + "</p>");
consoloe.log("myUsername is " + myUsername);
$("#dev-div").append("<p>myVisibility is " + myVisibility + "</p>");
$("#visibility-toggle").prop("value", myVisibility);
}
}