FLO_Twitter/home.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>