123 lines
3.5 KiB
HTML
123 lines
3.5 KiB
HTML
<html lang="en">
|
|
|
|
<head>
|
|
<title>FLO Tweeter</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<!-- Font Awesome File -->
|
|
|
|
<script type="text/javascript" src="registerID.js"></script>
|
|
<script type="text/javascript" src="app.js"></script>
|
|
<script type="text/javascript" src="home.js"></script>
|
|
</head>
|
|
|
|
<body onload = "userDataStartUp();">
|
|
|
|
<div class="navbar navbar-default navbar-static-top">
|
|
<div class="container">
|
|
<div class="navbar-collapse navbar-collapse-1 collapse" aria-expanded="true">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active">
|
|
<a href="home.html"><span class="glyphicon glyphicon-home"></span> Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="profile.html"><span class="glyphicon glyphicon-user"></span> Profiles</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"><span class="glyphicon glyphicon-envelope"></span> Messages</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="navbar-form navbar-right">
|
|
<div class="form-group has-feedback">
|
|
<input type="text" class="form-control-nav" id="search" aria-describedby="search1">
|
|
<span class="glyphicon glyphicon-search form-control-feedback" aria-hidden="true"></span>
|
|
</div>
|
|
|
|
<button class="btn btn-default btn-sm" onclick="logout()">
|
|
<span class="glyphicon glyphicon-log-out"> </span> Log out
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-3">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body">
|
|
<a href="#"><img class="img-responsive" alt="" src="http://placehold.it/800x500"></a>
|
|
<div class="row">
|
|
<div class="col-xs-3">
|
|
<h5>
|
|
<small>TWEETS</small>
|
|
<a href="#">-</a>
|
|
</h5>
|
|
</div>
|
|
<div class="col-xs-4">
|
|
<h5>
|
|
<small>FOLLOWING</small>
|
|
<a href="#">-</a>
|
|
</h5>
|
|
</div>
|
|
<div class="col-xs-5">
|
|
<h5>
|
|
<small>FOLLOWERS</small>
|
|
<a href="#">-</a>
|
|
</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default panel-custom">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-sm-6">
|
|
|
|
<div class="panel panel-info">
|
|
<div class="panel-heading">
|
|
<div class="media">
|
|
<div class="media-body container" >
|
|
<div class="form-group has-feedback">
|
|
<textarea style="resize:vertical" class="form-control" id="tweetBox" placeholder="Whats Happening..."></textarea>
|
|
<button onclick="postTweet()" class="btn btn-primary pull-right" >
|
|
<span class="glyphicon glyphicon-pencil" aria-hidden="true"> </span> Tweet
|
|
</button>
|
|
</div>
|
|
<hr/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body" id="tweetsContainer">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-3">
|
|
|
|
<div class="panel panel-default panel-custom">
|
|
<div class="panel-footer">
|
|
<h3 class="panel-title">
|
|
Profiles
|
|
</h3>
|
|
</div>
|
|
<div class="panel-body" id="profileList">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html> |