first steps to indienotes

css/screen.css

@@ -188,6 +188,7 @@ canvas {
 
 #list li {
 	position: relative;
+	min-height: 3em;
 }
 
 .red    #list li { border-bottom: 1px solid #c0392b; }
@@ -199,7 +200,7 @@ canvas {
 	content: "";
 	position: absolute;
 	right: 7px;
-	top: 0.1em;
+	top: 0;
 	font-weight: 100;
 	font-size: 3em;
 	font-family: "Entypo";
@@ -248,6 +249,7 @@ canvas {
 	font-weight: normal;
 	margin: 0;
 	padding: 0;
+	display: none;
 }
 
 #full .wrapper {
@@ -278,6 +280,20 @@ canvas {
 	padding: 0;
 }
 
+#full article header p:nth-child(1) {
+	float: left;
+}
+
+#full article header p:nth-child(3) {
+	float: right;
+}
+
+#full .article {
+	clear: both;
+	padding-top: 1em;
+	font-size: 1.3em;
+}
+
 #full footer.bar {
 	margin: auto 0 0 0;
 	position: relative;

js/App.js

@@ -182,8 +182,10 @@ App.prototype.populateList = function() {
 		html_str += "<li"+ (article.unread ? " class='unread'" : "") +">";
 		html_str += "<a href='#full-"+i+"'>";
 		html_str += "<p class='title'>" + article.feed_title + "</p>";
-		html_str += "<h2>" + article.title + "</h2>";
-		if(article.excerpt)	html_str += "<p class='excerpt'>" + article.excerpt + "</p>";
+		var content = article.content.stripHTML();
+		if(content.replace(/^\s+|\s+$/g,'').length == 0) content = article.title;
+		html_str += "<h2>" + content + "</h2>";
+		//if(article.excerpt)	html_str += "<p class='excerpt'>" + article.excerpt + "</p>";
 		html_str += "</a></li>";
 	}
 	

js/Pond.js

@@ -76,7 +76,7 @@ Pond.prototype.reload = function(callback) {
 
 Pond.prototype.getUnreadFeeds = function(callback, skip) {
 	var options = {
-		status: "unread",
+		status: "all",
 		limit: 100
 	};
 
@@ -134,6 +134,8 @@ Pond.prototype.normalizeArticle = function(article) {
 	
 	var timestamp = new Date(article.published_at).getTime() / 1000;
 
+	console.log(article.read)
+
 	return {
 		id: article.id,
 		guid_hash: article.url + article.id,