initial commit

stoyan · Jun 10, 2011 · 9fb052a · 9fb052a
1 parent f1cacf5
commit 9fb052a
Show file tree

Hide file tree

Showing 13 changed files with 1,152 additions and 0 deletions.
diff --git a/background.png b/background.png
diff --git a/data.js b/data.js
diff --git a/index.html b/index.html
@@ -0,0 +1,105 @@
+<!doctype html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Planet Performance</title>
+  <meta name="author" content="Stoyan Stefanov">
+  <link rel="alternate" type="application/rss+xml" title="planet performance RSS Feed" href="http://pipes.yahoo.com/pipes/pipe.run?_id=a6cdaf1d9dbe656ba1f0ab714cc3a08e&amp;_render=rss&amp;howmany=10">
+  <style>.body,.tit{overflow:hidden;_overflow:visible;_zoom:1}.tit,.page{margin:0 auto;width:960px}.main{overflow:hidden;_overflow:visible;_zoom:1;padding-right:10px}.rightCol{float:right;width:200px;_margin-left:-3px}body{background:url(background.png) repeat-y;font-family:"Helvetica Neue","Lucida Grande",Arial,sans-serif;font-size:14px}.m{background:#f0f0f0;padding:1px 8px 5px;-moz-border-radius:0 0 6px 6px;-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px}.mh{background:#7d8ca5;color:white;font-weight:normal;padding:3px;margin:8px 0 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border:1px #7d8ca5;text-align:center}.tit{border-bottom:1px solid #7d8ca5;height:130px}.tit h1,ul{margin:0}.logo{float:left}.slogan{float:left;color:#808080;font-size:2.7em;line-height:.8em;margin:20px 0 0 20px}.e{font-size:2em;position:relative;top:5px}a{color:#05a}h2 a,a:hover,.rss,.foot a{text-decoration:none}.blogpost{padding-bottom:20px;line-height:1.3em;letter-spacing:-0.03em}.ornament{color:#ccc;font-size:50px;text-align:center;padding-top:40px}.ornament b{font-size:70px;font-weight:normal}.foot{border-top:1px solid #7d8ca5}h2{font-size:2em;line-height:1em}h2 a:hover{text-decoration:underline}img{border:0}.foot a:hover{color:blue}.rss{background:#05a;color:white;padding:2px}a.rss:hover{background:blue;color:white}h2.title{font-size:3em}</style>
+</head>
+<body>
+  <div class="tit"><div class="logo"><img src="logo.png" alt="Planet Performance logo"></div><div class="slogan">News and views from the<br>web performance blogosphere</div></div>	
+    <div class="page">
+      <div class="body">
+        <div class="rightCol">
+
+            <h3 class="mh">Planetarium</h3>
+            <div class="m">
+            <ul id="planetarium">
+<li><a href="http://www.aaronpeters.nl/blog/">Aaron Peters</a></li>
+<li><a href="http://www.websiteoptimization.com/">Andrew King</a></li>
+<li><a href="http://www.aptimize.com/blog/">Aptimize</a></li>
+<li><a href="http://ajaxian.com/by/topic/performance/">Ajaxian</a></li>
+<li><a href="http://www.adequatelygood.com/tag/performance">Ben Cherry</a></li>
+<li><a href="http://looksgoodworkswell.blogspot.com/">Bill Scott</a></li>
+<li><a href="http://www.artzstudio.com/">Dave Artz</a></li>
+<li><a href="http://graphicsoptimization.com/blog/">Derek Tonn</a></li>
+<li><a href="http://blog.dynatrace.com/tag/ajax/">dynaTrace</a></li>
+<li><a href="http://www.ejeliot.com/">Ed Eliot</a></li>
+<li><a href="http://ericgoldsmith.com/">Eric Goldsmith</a></li>
+<li><a href="http://googlecode.blogspot.com/search/label/faster%20web">Google code</a></li>
+<li><a href="http://hedgerwow.blogspot.com/">Hedger Wang</a></li>
+<li><a href="http://blog.httpwatch.com/">HTTPWatch</a></li>
+<li><a href="http://javascriptrules.com">JavaScript Rules</a></li>
+<li><a href="http://ejohn.org/">John Resig</a></li>
+<li><a href="http://www.webperformancetoday.com/">Joshua Bixby</a></li>
+<li><a href="http://blogs.msdn.com/jscript/">JScript blog</a></li>
+<li><a href="http://www.julienlecomte.net/">Julien Lecomte</a></li>
+<li><a href="http://www.kylescholz.com/blog/">Kyle Scholz</a></li>
+<li><a href="http://blog.getify.com/tag/performance/">Kyle Simpson</a></li>
+<li><a href="http://webforscher.wordpress.com">Markus Leptien</a></li>
+<li><a href="http://www.nczonline.net/">Nicholas Zakas</a></li>
+<li><a href="http://www.stubbornella.org/">Nicole Sullivan</a></li>
+<li><a href="http://blog.patrickmeenan.com/">Patrick Meenan</a></li>
+<li><a href="http://calendar.perfplanet.com">PerfPlanet calendar</a></li>
+<li><a href="http://tech.bluesmoon.info/">Philip Telis</a></li>
+<li><a href="http://www.ravelrumba.com/blog/">Rob Flaherty</a></li>
+<li><a href="http://www.ajaxperformance.com/">Ryan Breen</a></li>
+<li><a href="http://wonko.com/">Ryan Grove</a></li>
+<li><a href="http://www.sergeychernyshev.com/blog/">Sergey Chernyshev</a></li>
+<li><a href="http://www.sitepen.com/">SitePen</a></li>
+<li><a href="http://www.stevesouders.com/blog/">Steve Souders</a></li>
+<li><a href="http://phpied.com/">Stoyan Stefanov</a></li>
+<li><a href="http://muffinresearch.co.uk/">Stuart Colville</a></li>
+<li><a href="http://timkadlec.com/category/performance/">Tim Kadlec</a></li>
+<li><a href="http://gent.ilcore.com/">Tony Gentilcore</a></li>
+<li><a href="http://developer.yahoo.com/">Yahoo Developer Network</a></li>
+<li><a href="http://yuiblog.com/">YUI blog</a></li>
+<li><a href="http://zoompf.com/blog/">Zoompf</a></li>
+</ul>
+            </div>
+
+            <h3 class="mh">Your blog here</h3>
+            <div class="m">
+            <p>If you blog about performance, or know someone else who does and should be in this list, please <a href="mailto:ssttoo at gmail">send me</a> the URL.</p>
+            </div>
+
+            <h3 class="mh">Gear</h3>
+            <div class="m">
+            <p>Built with this <a href="http://pipes.yahoo.com/stoyan/perfplanet">Yahoo! Pipe</a>, hosted by <a href="http://dreamhost.com">DH</a></p>
+            </div>
+
+            <h3 class="mh">Performance community</h3>
+            <div class="m">
+            <ul>
+            <li><a href="http://tech.groups.yahoo.com/group/exceptional-performance/">Yahoo! group</a></li>
+            <li><a href="http://groups.google.com/group/make-the-web-faster">Google group</a></li>
+            </ul>
+
+            </div>
+          </div>
+          <div class="main" id="blogs">
+            Loading...
+          </div>
+        </div>
+
+        <div class="foot">
+          <p>Planet Performance is a project by <a href="http://phpied.com/" title="visit my blog">Stoyan Stefanov</a>
+            <a class="e" href="mailto:ssttoo at gmail" title="email me">&#9993;</a>
+            <a class="e" href="http://twitter.com/stoyanstefanov" title="follow my tweets">&#9835;</a>
+            <a class="rss" href="http://pipes.yahoo.com/pipes/pipe.run?_id=a6cdaf1d9dbe656ba1f0ab714cc3a08e&_render=rss&howmany=10" title="RSS feed for Planet Performance">RSS</a>
+          </p>
+        </div>	
+    </div>
+
+    <script>
+var pipe="http://pipes.yahoo.com/pipes/pipe.run?_id=a6cdaf1d9dbe656ba1f0ab714cc3a08e&_render=json&_callback=render&howmany=20";pipe="data.js";var s=document.createElement('script');s.src=pipe;document.documentElement.firstChild.appendChild(s);function render(o){var items=null,r=document.getElementById('blogs'),i=0,b=null,cats=[],categories='',html='',author='',meta=[];r.innerHTML='';try{items=o.query.results.item;}catch(e){r.innerHTML="<p>failed to retrieve blog posts, please refresh the page to try again.</p>";}
+for(i=0;i<items.length;i++){b=items[i];html+='<div class="blogpost"><h2 class="title"><a href="'+b.link+'">'+(b.title||b['y:title'])+"</a></h2>";meta=[];author='Unknown';if(b['dc:creator']){author=b['dc:creator'];}else if(b.author&&b.author.name){author=b.author.name;}else if(typeof b.author==="string"){author=b.author;}else if(typeof b.creator==="string"){author=b.creator;}
+meta.push('Author: '+author);meta.push('Published: '+b.pubDate);if(b.category){if(typeof b.category.join==='function'){if(b.category[0]&&(b.category[0].term||b.category[0].content)){cats=[];for(j=0;j<b.category.length;j++){cats[j]=b.category[j].term||b.category[j].content;}
+categories=cats.join(', ');}else{categories=b.category.join(', ');}}else{categories=b.category;}
+meta.push('Filed in: '+categories);}
+html+='<ul><li>'+meta.join('</li><li>')+'</li></ul>';html+=b.encoded||b['content:encoded']||b.description;html+='<div class="ornament">&#9734; <b>&#9734;</b> &#9734;</div>';html+="</div>";}
+r.innerHTML=html;}</script>
+
+</body>
+</html>
diff --git a/logo.png b/logo.png
diff --git a/perfplanet.css b/perfplanet.css
@@ -0,0 +1,123 @@
+/* from oocss.org */
+body {/*_text-align:center;*/}/* IE5.5 */
+.body,.tit{overflow:hidden;_overflow:visible;_zoom:1;}
+.tit, .page{margin: 0 auto; width: 960px;/*_text-align:left;*/} /* wraps other template elems to set width */ /* text-align IE5.5 */
+.main{overflow: hidden;_overflow:visible;_zoom:1;padding-right: 10px;}
+.rightCol{float:right; width: 200px;_margin-left:-3px;}
+/* nuff template*/
+
+body {
+  background: url(background.png) repeat-y; 
+  font-family: "Helvetica Neue", "Lucida Grande",Arial,sans-serif; 
+  font-size: 14px;
+}
+
+.m {
+  background: #f0f0f0;
+   padding: 1px 8px 5px;
+   -moz-border-radius: 0 0 6px 6px;
+  -webkit-border-bottom-left-radius: 6px;
+  -webkit-border-bottom-right-radius: 6px;
+}
+
+.mh {
+  background:#7D8CA5;
+  color: white;
+  font-weight: normal;
+  padding:3px;
+  margin: 8px 0 0 0;
+  -moz-border-radius: 6px 6px 0 0;
+  -webkit-border-top-left-radius: 6px;
+  -webkit-border-top-right-radius: 6px;
+  border:1px #7D8CA5;
+  text-align: center;
+}
+
+.tit {
+  border-bottom: 1px solid #7D8CA5;
+  height: 130px;
+}
+
+.tit h1, ul {
+  margin: 0;
+}
+
+.logo {
+  float: left;
+}
+
+.slogan{
+  float: left;
+  color: #808080;
+  font-size:2.7em;
+  line-height:0.8em;
+  margin: 20px 0 0 20px;
+}
+
+.e {
+  font-size: 2em;
+  position: relative;
+  top: 5px;
+}
+
+a {
+  color: #05a;
+}
+
+h2 a, a:hover, .rss, .foot a {
+  text-decoration: none;
+}
+
+.blogpost {
+  padding-bottom: 20px;
+  line-height: 1.3em;
+  letter-spacing: -0.03em;
+}
+
+.ornament {
+  color: #ccc;
+  font-size: 50px;
+  text-align: center;
+  padding-top: 40px;
+}
+
+.ornament b {
+  font-size: 70px;
+  font-weight: normal;
+}
+
+.foot {
+  border-top: 1px solid #7D8CA5;
+}
+
+h2 {
+  font-size: 2em;
+  line-height: 1em;
+}
+
+h2 a:hover {
+  text-decoration: underline;
+}
+
+img {
+  border: 0;
+}
+
+.foot a:hover{
+  color: blue;
+}
+
+.rss {
+  background:#05a;
+  color:white;
+  padding: 2px;
+}
+
+a.rss:hover {
+  background:blue;
+  color:white;
+}
+
+h2.title {
+  font-size: 3em;
+}
diff --git a/perfplanet.html b/perfplanet.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <title>Planet Performance</title>
+  <meta name="author" content="Stoyan Stefanov">
+  <link rel="alternate" type="application/rss+xml" title="planet performance RSS Feed" href="http://pipes.yahoo.com/pipes/pipe.run?_id=a6cdaf1d9dbe656ba1f0ab714cc3a08e&amp;_render=rss&amp;howmany=10">
+  <link rel="stylesheet" href="perfplanet.css">
+</head>
+<body>
+  <div class="tit"><div class="logo"><img src="logo.png" alt="Planet Performance logo"></div><div class="slogan">News and views from the<br>web performance blogosphere</div></div>	
+    <div class="page">
+      <div class="body">
+        <div class="rightCol">
+
+            <h3 class="mh">Planetarium</h3>
+            <div class="m">
+            <ul id="planetarium">{generateme}</ul>
+            </div>
+
+            <h3 class="mh">Your blog here</h3>
+            <div class="m">
+            <p>If you blog about performance, or know someone else who does and should be in this list, please <a href="mailto:ssttoo at gmail">send me</a> the URL.</p>
+            </div>
+
+            <h3 class="mh">Gear</h3>
+            <div class="m">
+            <p>Built with this <a href="http://pipes.yahoo.com/stoyan/perfplanet">Yahoo! Pipe</a>, hosted by <a href="http://dreamhost.com">DH</a></p>
+            </div>
+
+            <h3 class="mh">Performance community</h3>
+            <div class="m">
+            <ul>
+            <li><a href="http://tech.groups.yahoo.com/group/exceptional-performance/">Yahoo! group</a></li>
+            <li><a href="http://groups.google.com/group/make-the-web-faster">Google group</a></li>
+            </ul>
+
+            </div>
+          </div>
+          <div class="main" id="blogs">
+            Loading...
+          </div>
+        </div>
+
+        <div class="foot">
+          <p>Planet Performance is a project by <a href="http://phpied.com/" title="visit my blog">Stoyan Stefanov</a>
+            <a class="e" href="mailto:ssttoo at gmail" title="email me">&#9993;</a>
+            <a class="e" href="http://twitter.com/stoyanstefanov" title="follow my tweets">&#9835;</a>
+            <a class="rss" href="http://pipes.yahoo.com/pipes/pipe.run?_id=a6cdaf1d9dbe656ba1f0ab714cc3a08e&_render=rss&howmany=10" title="RSS feed for Planet Performance">RSS</a>
+          </p>
+        </div>	
+    </div>
+
+    <script src="perfplanet.js"></script>
+
+</body>
+</html>
diff --git a/perfplanet.js b/perfplanet.js
@@ -0,0 +1,60 @@
+var pipe = "http://pipes.yahoo.com/pipes/pipe.run?_id=a6cdaf1d9dbe656ba1f0ab714cc3a08e&_render=json&_callback=render&howmany=20";
+pipe = "data.js";
+var s = document.createElement('script');
+s.src = pipe;
+document.documentElement.firstChild.appendChild(s);
+function render(o) {
+  var items = null,
+      r = document.getElementById('blogs'),
+      i = 0, b = null, cats = [], categories = '',
+      html = '', author = '', meta = [];
+  r.innerHTML = '';
+  try {
+    items = o.query.results.item;
+  } catch (e) {
+    r.innerHTML = "<p>failed to retrieve blog posts, please refresh the page to try again.</p>";
+  }
+
+  for (i = 0; i < items.length; i++) {
+    b = items[i];
+    html += '<div class="blogpost"><h2 class="title"><a href="'+ b.link +'">' + (b.title || b['y:title']) + "</a></h2>";
+    meta = [];
+    author = 'Unknown';
+    if (b['dc:creator']) {
+      author = b['dc:creator'];
+    } else if (b.author && b.author.name){
+      author = b.author.name;
+    } else if (typeof b.author === "string"){
+      author = b.author;
+    } else if (typeof b.creator === "string"){
+      author = b.creator;
+    }
+    meta.push('Author: ' + author);
+    meta.push('Published: ' + b.pubDate);
+    if (b.category) {
+      if (typeof b.category.join === 'function') {
+        if (b.category[0] && (b.category[0].term || b.category[0].content)) {
+          cats = [];
+          for (j = 0; j < b.category.length; j++) {
+            cats[j] = b.category[j].term || b.category[j].content;
+          }
+          categories = cats.join(', ');
+        } else {
+          categories = b.category.join(', ');
+        }
+      } else {
+        categories = b.category;
+      }
+      meta.push('Filed in: ' + categories);
+
+      }
+      html += '<ul><li>' + meta.join('</li><li>') + '</li></ul>'; 
+      html += b.encoded || b['content:encoded'] || b.description;
+      html += '<div class="ornament">&#9734; <b>&#9734;</b> &#9734;</div>';
+      html += "</div>";
+    }
+
+  r.innerHTML = html;
+}
+
+
diff --git a/tools/build.sh b/tools/build.sh
@@ -0,0 +1,2 @@
+jsc builder.js -- curl > ../up.sh
+jsc builder.js -- html "`cat ../perfplanet.html`" "`cat ../perfplanet.css`" "`cat ../perfplanet.js`" > ../index.html