nicer page when JS is disabled/still loading

components/Article.jsx

@@ -1,5 +1,6 @@
 var React = require("react");
 var ReactDOM = require("react-dom");
+var Ribbon = require("./Ribbon.jsx");
 
 var Article = React.createClass({
 
@@ -39,6 +40,7 @@ var Article = React.createClass({
   render: function() {
     var sections = this.sectionMap(this.generateSection);
     return (<div>
+      <Ribbon />
       <div ref="navigation">
         <navigation>
           <ul className="navigation">

components/Ribbon.jsx

@@ -0,0 +1,20 @@
+var React = require('react');
+
+var Ribbon = React.createClass({
+  getInitialState() {
+    return {
+      href: "http://github.com/pomax/BezierInfo-2"
+    };
+  },
+
+  render: function() {
+    return (<div className="ribbon">
+      <img src="images/ribbon.png" alt="This page on GitHub" border={0} useMap={"#githubmap"} />
+      <map name="githubmap">
+        <area shape="poly" coords="30,0, 200,0, 200,114" href={this.state.href} alt="This page on GitHub"/>
+      </map>
+    </div>);
+  }
+});
+
+module.exports = Ribbon;