@@ -93,12 +93,12 @@ div.centeredbutton {

 }

 div.post {

-        padding: 10px;

+        padding: 10px 10px 20px 10px;

         width: 800px;

         margin-left: auto;

         margin-right: auto;

         margin-top: 35px;

-        margin-bottom: 20px;

+        margin-bottom: 0px;

         background: #f4f4f4;

         -moz-box-shadow: 0px 0px 1px #aaa;

         -webkit-box-shadow: 0px 0px 1px #aaa;

@@ -130,7 +130,6 @@ p.authorpostnum, p.date {

 }

 span.author {

-/*        float: left;*/

         font-weight: bold;

 }

@@ -144,3 +143,61 @@ div.postbody {

         margin-right: 0px;

 }

+div.comments {

+        background: #eee;

+        margin: 0px;

+        padding: 0px 0px 0px 0px;

+        width: 820px;

+        margin-left: auto;

+        margin-right: auto;

+        border-style: solid none none none;

+        border-top: 1px solid #ddd;

+}

+

+div.comment {

+        border-style: none none solid none;

+        border-bottom: 1px solid #ddd;

+}

+

+p.commentbox {

+        margin: 0px;

+        padding: 0px;

+        width: 800px;

+        margin-left: auto;

+        margin-right: auto;

+}

+

+input.inputcomment {

+        width: 680px;

+        margin: 10px;

+        border-style: none;

+        color: #8080a5;

+}

+

+input.inputcomment:focus {

+        border-style: solid;

+        border-width: 1px;

+}

+

+input.inputsendcomment {

+        width: 70px;

+        margin: 10px;

+        border-style: solid;

+        border-width: 1px;

+        background: #eee;

+        padding: 0px;

+        color: #aaa;

+        -webkit-transition-duration: 0.2s;

+        -moz-transition-duration: 0.2s;

+        transition-duration: 0.2s;

+}

+

+input.inputsendcomment:hover, input.inputsendcomment:focus {

+        background: #fff;

+}

+

+input.inputsendcomment:active {

+        background: #aaa;

+        color: #eee;

+}

+

@@ -24,6 +24,7 @@ gotonewpost.onclick = function(e) {

 document.getElementById("posts").innerHTML='Loading posts...';

 var postsarray=[];

+var functionsarray=[];

 var lastpost=-1;

 var toppost=-1;

 var postsperpage=5;

@@ -34,6 +35,7 @@ function changepost(postnum,data) {

         postdate.setUTCSeconds(parseInt(p.date));

         var header=[];

         var body=[];

+        var comments=[];

         header.push('<div class="postheader">');

         header.push('<p class="title"><span class="title">');

         header.push(decodeURIComponent(p.title));

@@ -49,11 +51,42 @@ function changepost(postnum,data) {

         body.push('<div class="postbody">');

         body.push(decodeURIComponent(p.text));

         body.push('</div>');

-        postsarray[toppost-postnum]='<div class="post">'+header.join("")+body.join("")+'</div>' /*+JSON.stringify(p) */;

+        comments.push('<div class="comments">');

+        for(var i in p.comments) {

+                var c=p.comments[i];

+                comments.push('<div class="comment">');

+                comments.push('<p class="commentheader">');

+                var commentdate=new Date(0);

+                commentdate.setUTCSeconds(parseInt(c.date));

+                comments.push(decodeURIComponent(c.author));

+                comments.push(" ");

+                comments.push(commentdate.toString());

+                comments.push('</p><p>');

+                comments.push(decodeURIComponent(c.text));

+                comments.push('</p>');

+                comments.push('</div>');

+        }

+        comments.push('<div class="commentbox"><p class="commentbox">');

+        comments.push('<input type="text" class="inputcomment" id="comment'+(toppost-postnum)+'" placeholder="Escribir comentario..."/>');

+        comments.push('<input type="button" class="inputsendcomment" id="commentbutton'+(toppost-postnum)+'" value="Enviar"/>');

+        comments.push('</p></div></div>');

+        postsarray[toppost-postnum]='<div class="post">'+header.join("")+body.join("")+'</div>'+comments.join("") /*+JSON.stringify(p) */;

+        functionsarray[toppost-postnum]=function() {

+                var requri=[];

+                requri.push("/newcomment");

+                requri.push(window.location.search);

+                requri.push("&n="+postnum);

+                requri.push("&t=");

+                requri.push(encodeURIComponent(document.getElementById("comment"+(toppost-postnum)).value));

+                request(requri.join(""),function(r) {

+                        refreshpost(postnum);

+                },function() {});

+        }

 }

 function clearpost(postnum) {

         postsarray[toppost-postnum]=undefined;

+        functionsarray[toppost-postnum]=undefined;

 }

 function displayposts() {

@@ -66,6 +99,11 @@ function displayposts() {

         if(contents.length==0)

                 contents[0]='No posts loaded';

         document.getElementById("posts").innerHTML=contents.join("\n");

+        for(var i=0;i<postsperpage;i++) {

+                if(functionsarray[i]==undefined)

+                        continue;

+                document.getElementById("commentbutton"+i).onclick=functionsarray[i];

+        }

 }

 function refreshpost(postnum) {

@@ -114,6 +114,7 @@ post_addcomment(kakumei *ka, int postnum, char *user, char *text)

         char filename[1024];

         char buf[16];

         FILE *f;

+        int off;

         if(ka==NULL || postnum<0 || user==NULL || text==NULL) {

                 log_write("POST","Sanity check error\n");

                 return(-1);

@@ -121,17 +122,25 @@ post_addcomment(kakumei *ka, int postnum, char *user, char *text)

         if(post_get(ka,postnum,filename,sizeof(filename))!=0)

                 return(-1);

         if((f=fopen(filename,"r+"))==NULL) {

-                log_write("POST","Couldn't open post file fot appending\n");

+                log_write("POST","Couldn't open post file for appending\n");

                 return(-1);

         }

-        fseek(f,-2,SEEK_END);

-        if(fread(buf,1,2,f)!=2 || buf[0]!=']' ||  buf[1]!='}') {

+        fseek(f,-5,SEEK_END);

+        if(fread(buf,1,5,f)!=5) {

+                fclose(f),f=NULL;

+                log_write("POST","Post file contents are too small\n");

+                return(-1);

+        }

+        off=(buf[4]=='\n')?1:0;

+        if(buf[4-off]!='}' || buf[3-off]!=']' || buf[2-off]!='\n') {

                 fclose(f),f=NULL;

                 log_write("POST","Post file contents are corrupted\n");

                 return(-1);

         }

-        fseek(f,-2,SEEK_END);

-        fprintf(f,"    { \"author\":\"%s\",\"date\":%li,\"text\":\"%s\"},\n]}",user,(long)time(NULL),text);

+        fseek(f,-4-off,SEEK_END);

+        fprintf(f,"%c%s\n    { \"author\":\"%s\",\"date\":%li,\"text\":\"%s\"}\n]}",

+          buf[1-off],(buf[1-off]!='[')?",":"",

+          user,(long)time(NULL),text);

         fclose(f),f=NULL;

         return(0);

 }