Untitled

<!DOCTYPE HTML>
<html>
    <head>
        <title>NovaPlasm's Chat Room</title>
        <meta charset='UTF-8' />
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
        <link href='http://cdn.jsdelivr.net/normalize/2.1.0/normalize.css' rel='stylesheet' type='text/css' />
        <link href='http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css' rel='stylesheet'>
        <link href="http://fonts.googleapis.com/css?family=Carrois+Gothic+SC" rel='stylesheet' type='text/css'></link>
        <link href="../assets/css/base.css" rel='stylesheet' type="text/css"></link>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
        <script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js'></script>
        <script type="text/javascript" src='https://rawgithub.com/timrwood/moment/2.1.0/min/moment.min.js'></script>
    </head>
    <body>
        <div id="main">
            <textarea id="content" placeholder="Enter Message Here"></textarea>
            <button onclick="SendPost($('#content').val());">Submit</button>
            <ul class='posts' style="height: 100%"data-bind='foreach: posts'>
                <li class='post'>
                    <p class='user userPost' style="display: inline;" data-bind='text: $data.username + " says"'></p>
                    <p class='content' data-bind='text: $data.content'></p>
                    <p class='user userPost' style="display: inline;" data-bind='text: $data.timestamp'></p>
                </li>
            </ul>
        </div>
        <div class="footer" id="footer">
            <div class ="foottext2" id= "foottext1">
                &copy;NovaPlasm | 2013 | All Rights Reserved
            </div>
            <div class ="foottext1" id= "foottext1">
                No part of this website or any of its contents may be reproduced, copied, modified or adapted, without the prior written consent of the author, unless otherwise indicated for stand-alone materials
            </div>
        </div>
        <script>
            function Post(username, content, time) {
                var self = this;
                self.username = username;
                self.content = content;
                self.time = time;
                self.timestamp = ko.computed(function () {
                    model.timeChanged();
                    return moment(self.time).fromNow();
                });
                self.timestamp.subscribe(function(newValue){console.log('Update')});
            }
            var ViewModel = function () {
                var self = this;
                self.timeChanged = ko.observable(true);
                self.timeChanged.extend({notify:'always'});
                self.posts = ko.observableArray();
            }
            var model = new ViewModel();
            ko.applyBindings(model);
            function SendPost(content) {
                var timestamp = moment();
                $.post("app.js", {sendMessage: true, content: content});
            //}
            //$.onBroadcast(broadcast) {
                model.posts.unshift(new Post("NovaPlasm"/*broadcast.user*/, content/*broadcast.cont*/, Date.now()/*broadcast.timestamp*/));
            }
            setInterval(function() {
                model.timeChanged(true);
            }, 1000);
        </script>
    </body>
</html>