angiebui · March 30, 2013 23:04
diff --git a/blog.html b/blog.html
 <!DOCTYPE html>
 <html>
 <head>
  <title>Angie's Code &#9728;</title>
  <style type="text/css">
  body{
    font-family: arial;
    font-size: 14px;
    margin: 0;
  }
  div{
    padding: 10px;
  }
  div#header{
    border: none;
    margin: 0;
    background-color: yellow;
  }
 /* h1{
    color: solid yellow;
  }*/
  #social-links li{
    list-style: none;
    display: inline;
    border-right: 1px dashed;
    padding: 0 1em;
  }

  #social-links a#twitter{
 /*    height: 70px;
    width: 70px;*/
    background: no-repeat url("http://www.stevesouders.com/images/twitter-icon.png");
  }

  div#content{
    width: 100%;
  }

  div#left-nav{
    margin-right: 5px;
    width: 150px;
    float: left;
    overflow: hidden;
    }

  div#posts{
    width: 78%;
    float: left;
  }

  div#footer{
    clear: both;
    text-align: center;
    background-color: papayawhip;
  }

  ul{
    list-style: none;
  }

  div#left-nav ul{
    padding: 0;
  }

  </style>
 </head>

 <body>
  <div id="header">
    <h1>
      angiescode.com &#9728;
    </h1>
    <ul id="social-links">
      <li><a>about</a></li>
      <li><a>email</a></li>
      <li><a id="twitter">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </a></li>
    </ul>
  </div>
  <div id="content">
    <div id="left-nav">
      <h5>
        MOST RECENT POSTS
      </h5>
      <ul>
        <li>
          <a href="google" target="_blank">
            Mobile Waterfalls
          </a>
        </li>
        <li>
          <a href="pinterest" target="_blank">
            Zopflinator
          </a>
        </li>
      </ul>
      <a href="blank">
        View Archive
      </a>
    </div>

    <div id="posts">
      <h2>Mobile Waterfall</h2>
      <span>March 30, 2013</span>
      <p>I often scan the mobile dev tools landscape and get flashbacks to 2005 when debugging and profiling in desktop browsers was nigh impossible. This was before Firebug when alert was the primary means of debugging.
      </p>

      <p><strong>woe is mobile dev tools</strong></p>

      <p>Most of the tools that exist for desktop web development are also needed on mobile. That’s obvious. And yet, despite more than six years of mobile web development many necessary tools are still missing. Browser vendors and tool hackers should just walk through the most useful desktop dev tools and make sure they’re available on mobile.</p>
    </div>
  </div>

  <div id="footer">
    &copy; Angie
  </div>

 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Angie's Code ☀</title>
	<style type="text/css">
	body{
	font-family: arial;
	font-size: 14px;
	margin: 0;
	}
	div{
	padding: 10px;
	}
	div#header{
	border: none;
	margin: 0;
	background-color: yellow;
	}
	/* h1{
	color: solid yellow;
	}*/
	#social-links li{
	list-style: none;
	display: inline;
	border-right: 1px dashed;
	padding: 0 1em;
	}

	#social-links a#twitter{
	/* height: 70px;
	width: 70px;*/
	background: no-repeat url("http://www.stevesouders.com/images/twitter-icon.png");
	}

	div#content{
	width: 100%;
	}

	div#left-nav{
	margin-right: 5px;
	width: 150px;
	float: left;
	overflow: hidden;
	}

	div#posts{
	width: 78%;
	float: left;
	}

	div#footer{
	clear: both;
	text-align: center;
	background-color: papayawhip;
	}

	ul{
	list-style: none;
	}

	div#left-nav ul{
	padding: 0;
	}

	</style>
	</head>

	<body>
	<div id="header">
	<h1>
	angiescode.com ☀
	</h1>
	<ul id="social-links">
	<li><a>about</a></li>
	<li><a>email</a></li>
	<li><a id="twitter">

	</a></li>
	</ul>
	</div>
	<div id="content">
	<div id="left-nav">
	<h5>
	MOST RECENT POSTS
	</h5>
	<ul>
	<li>
	<a href="google" target="_blank">
	Mobile Waterfalls
	</a>
	</li>
	<li>
	<a href="pinterest" target="_blank">
	Zopflinator
	</a>
	</li>
	</ul>
	<a href="blank">
	View Archive
	</a>
	</div>

	<div id="posts">
	<h2>Mobile Waterfall</h2>
	<span>March 30, 2013</span>
	<p>I often scan the mobile dev tools landscape and get flashbacks to 2005 when debugging and profiling in desktop browsers was nigh impossible. This was before Firebug when alert was the primary means of debugging.
	</p>

	<p><strong>woe is mobile dev tools</strong></p>

	<p>Most of the tools that exist for desktop web development are also needed on mobile. That’s obvious. And yet, despite more than six years of mobile web development many necessary tools are still missing. Browser vendors and tool hackers should just walk through the most useful desktop dev tools and make sure they’re available on mobile.</p>
	</div>
	</div>

	<div id="footer">
	© Angie
	</div>

	</body>
	</html>