ie7 support

ie7.css

@@ -0,0 +1 @@
+li.ie-bullet { display: inline }

index.html

@@ -4,6 +4,10 @@
   <meta name=viewport content=width=device-width>
   <title>samhuri.net</title>
   <link rel=stylesheet href=style.css>
+  <!-- fuck ie -->
+  <!--[if lt IE 8]>
+  <link rel=stylesheet href=ie7.css>
+  <![endif]-->
   <script>
   var _gaq = _gaq || [];
   _gaq.push( ['_setAccount', 'UA-214054-5']
@@ -20,8 +24,11 @@
 <h1>samhuri.net</h1>
 <ul>
   <li><a href=proj>projects</a></li>
+  <li class=ie-bullet>&bull;</li>
   <li><a href=json-diff>json-diff</a></li>
+  <li class=ie-bullet>&bull;</li>
   <li><a href=riak-js>riak-js docs</a></li>
+  <li class=ie-bullet>&bull;</li>
   <li class=last><a href=f>randoms</a></li>
 </ul>
 <p id=sjs>

proj/index.html

@@ -4,6 +4,10 @@
   <meta name=viewport content=width=device-width>
   <title>projects :: samhuri.net</title> 
   <link rel=stylesheet href=../style.css>
+  <!-- fuck ie -->
+  <!--[if lt IE 8]>
+  <link rel=stylesheet href=../ie7.css>
+  <![endif]-->
   <style>
     #gh { text-align: center }
     #gh img { border: none }
@@ -99,9 +103,13 @@
 <h1>projects</h1>
 <ul>
   <li><a href=batteries>batteries</a></li>
+  <li class=ie-bullet>&bull;</li>
   <li><a href=format>format</a></li>
+  <li class=ie-bullet>&bull;</li>
   <li><a href=gitter>gitter</a></li>
+  <li class=ie-bullet>&bull;</li>
   <li><a href=repl-edit>repl-edit</a></li>
+  <li class=ie-bullet>&bull;</li>
   <li class=last><a href=strftime>strftime</a></li>
 </ul>
 <p id=gh>

proj/store.js

@@ -1,6 +1,6 @@
 (function() {
+  var global = this
   if (typeof localStorage !== 'undefined') {
-    var global = this
     global.createObjectStore = function(namespace) {
       function makeKey(k) {
         return '--' + namespace + '-' + (k || '')

style.css

@@ -67,6 +67,8 @@ li { display: inline
 
 li:after { content: ' •' }
 li:last-child:after { content: '' }
+
+li.ie-bullet { display: none } /* fuck ie */
 li.last:after { content: '' } /* fuck ie */
 
 li a { padding: 5px