_attachments/style/iphone.css
templates/toast.html
validate_doc_update.js
views/authors/map.js
@@ -3,21 +3,27 @@
<head>
<title>Welcome to Toast</title>
<link rel="stylesheet" href="style/main.css" type="text/css">
+ <link media="only screen and (max-device-width: 480px)"
+ href="style/iphone.css" type="text/css" rel="stylesheet" />
</head>
<body>
<h1>Toast</h1>
- <p>Go to the index <a href="index.html">to make new channels or browse to others.</a> <a href="http://github.com/jchris/toast">Download the Toast source code at Github.</a></p>
- <form id="new_message" action="#">
- <p><label for="author-name">Name</label>
- <input type="text" name="author-name" value="" id="author-name">
- <label for="author-email">Email (<em>for <a href="http://gravatar.com">Gravatar</a></em>)</label><input type="text" name="author-email" value="" id="author-email">
-
- </p>
- <p><label for="message">Message</label> <input type="text" name="message" value="" id="message" size=140>
- </p>
- <p><input type="submit" value="Go →"></p>
- </form>
- <ul id="messages"></ul>
+ <div id="sidebar">
+ <p>Go to the index <a href="index.html">to make new channels or find others.</a> Download the <a href="http://github.com/jchris/toast">Toast source code at Github.</a></p>
+ </div>
+ <div id="chat">
+ <form id="new_message" action="#">
+ <p><label for="author-name">Name</label>
+ <input type="text" name="author-name" value="" id="author-name">
+ <label for="author-email">Email (<em>for <a href="http://gravatar.com">Gravatar</a></em>)</label><input type="text" name="author-email" value="" id="author-email">
+
+ </p>
+ <p><label for="message">Message</label> <input type="text" name="message" value="" id="message" size=90 autocomplete="off">
+ </p>
+ <p><input type="submit" value="Go →"></p>
+ </form>
+ <ul id="messages"></ul>
+ </div>
</body>
<script src="/_utils/script/json2.js"></script>
<script src="/_utils/script/jquery.js"></script>
@@ -37,6 +43,15 @@
});
};
+ function escapeHTML(st) {
+ return(
+ st.replace(/&/g,'&').
+ replace(/>/g,'>').
+ replace(/</g,'<').
+ replace(/"/g,'"')
+ );
+ };
+
var cname = unescape(document.location.hash.replace(/^#/,''));
$('h1').text('Toast - ' + cname);
function refreshView() {
@@ -51,9 +66,9 @@
var m = row.value;
return '<li>'
+ '<img class="gravatar" src="http://www.gravatar.com/avatar/'+row.value.author.gravatar+'.jpg?s=40&d=identicon"/><span class="say"><strong>'
- + m.author.name.replace(/<(.|\n)*?>/g, '')
+ + escapeHTML(m.author.name)
+ "</strong>: "
- + linkify(m.body.replace(/<(.|\n)*?>/g, ''))
+ + linkify(escapeHTML(m.body))
+ '</span><br class="clear"/></li>';
}).join(''));
}});
@@ -80,12 +95,18 @@
});
// this is where we hang on the continuous _changes api
// get the raw xhr
- c_xhr = jQuery.ajaxSettings.xhr();
- c_xhr.open("GET", app.db.uri+"_changes?continuous=true", true);
- c_xhr.send("");
- c_xhr.onreadystatechange = function() {
- refreshView();
- };
+ refreshView();
+ app.db.info({success: function(json) {
+ c_xhr = jQuery.ajaxSettings.xhr();
+ c_xhr.open("GET", app.db.uri+"_changes?continuous=true&since="+json.update_seq, true);
+ c_xhr.send("");
+ c_xhr.onreadystatechange = function() {
+ refreshView();
+ };
+ }})
+
+
+
});
</script>
</html>
_attachments/channel.html
@@ -1,7 +1,17 @@
/* add styles here */
+
body {
- font-family:optima;
+ font-family:Optima, "Palatino Linotype", Garamond, Georgia, serif;
+}
+
+#chat {
+ width:65%;
+}
+
+#sidebar {
+ float:right;
+ width:30%;
}
ul#messages {
_attachments/style/main.css
24b5dbf70a9dece82428da5eb78611132c849151
Chris Anderson
jchris@grabb.it
http://github.com/jchris/toast/commit/0afaab24357d94147dfb08e70ed86a687db63e5c
0afaab24357d94147dfb08e70ed86a687db63e5c
2009-05-23T18:05:19-07:00
2009-05-23T18:05:19-07:00
clean up the css a little
5a35c41349d37d22bf6c5ea9672b37722e370c96
Chris Anderson
jchris@grabb.it