Improved styles and markup

docs/css/main.styl

@@ -94,7 +94,7 @@ html, body
       content: ''
       width 5px
       height 5px
-      border-radius 100%
+      border-radius 3px
       display block
       position absolute
       background white
@@ -198,7 +198,7 @@ html, body
     top 20px
     height 32px
     width 32px
-    // image 'images/starwars-icon.png' 32px 32px
+    image './images/starwars-icon.png' 32px 32px
 
   &:hover
     transform translateY(-3px)
@@ -230,7 +230,7 @@ html, body
     top 8px
     height 16px
     width 16px
-    // image 'images/edit.png' 16px 16px
+    image './images/edit.png' 16px 16px
   &:hover
     transform: rotate(270deg) translateX(100%)
     background #666

docs/gatsby.config.js

@@ -46,7 +46,7 @@ module.exports = function(config, env) {
   config.removeLoader('png');
   config.loader('png', function(cfg) {
     cfg.test = /\.png$/;
-    cfg.loader = 'file-loader'
+    cfg.loader = 'url-loader'
     return cfg
   })
   return config;

docs/package.json

@@ -24,6 +24,7 @@
     "react-router": "^0.13.5",
     "rupture": "^0.6.1",
     "stylus-loader": "^1.4.2",
+    "url-loader": "^0.5.7",
     "webpack": "^1.12.9"
   }
 }

docs/pages/docs/objecttypes.md

@@ -8,7 +8,7 @@ description: Walkthrough ObjectTypes
 An ObjectType is the single, definitive source of information about your data. It contains the essential fields and behaviors of the data you’re querying.
 
 The basics:
-- Each ObjectType is a Python class that inherits graphene.ObjectType or inherits an implemented [interfaces](/docs/interfaces/).
+- Each ObjectType is a Python class that inherits graphene.ObjectType or inherits an implemented [Interface](/docs/interfaces/).
 - Each attribute of the ObjectType represents a GraphQL field.
 
 ## Quick example