Permalink
Browse files

Merge pull request #7 from patrickyan/master

Updated blog layout
  • Loading branch information...
2 parents 1e1311d + 4368006 commit 3b47a03227283b7706113afaee8c8bb4fb614d71 Andrew Peace committed Nov 5, 2012
View
@@ -90,7 +90,7 @@ JB :
num_posts: 5
width: 580
colorscheme: light
-
+
# Settings for analytics helper
# Set 'provider' to the analytics provider you want to use.
# Set 'provider' to false to turn analytics off globally.
@@ -111,7 +111,7 @@ JB :
#
sharing :
provider : false
-
+
# Settings for all other include helpers can be defined by creating
# a hash with key named for the given helper. ex:
#
@@ -122,4 +122,4 @@ JB :
# and include your custom code. Your custom file must be defined at:
# ./_includes/custom/[HELPER]
# where [HELPER] is the name of the helper you are overriding.
-
+
@@ -27,12 +27,12 @@ Usage:
{% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
{% if forloop.first %}
- <h2>{{this_year}}</h2>
- <h3>{{this_month}}</h3>
- <ul>
+ <h2 class="year">{{this_year}}</h2>
+ <h3 class="month">{{this_month}}</h3>
+ <ul class="archive-list">
{% endif %}
- <li><span>{{ post.date | date: "%B %e, %Y" }}</span> &raquo; <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
+ <li><a href="{{ BASE_PATH }}{{ post.url }}"><span class="post-title">{{ post.title }}</span> <span class="post-date">{{ post.date | date: "%B %e, %Y" }}</span></a></li>
{% if forloop.last %}
</ul>
@@ -19,35 +19,36 @@
<body>
<div class="site">
- <div class="title">
- <a href="{{ HOME_PATH }}">{{ site.title }}</a>
+ <header>
+ <h1 class="title"><a href="{{ HOME_PATH }}"><span>Onswipe</span> Engineering</a></h1>
- <a class="extra" href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a>
- </div>
+ </header>
{{ content }}
- <div class="footer">
- <div class="contact">
- <p>
- {{ site.author.name }}<br />
- {{ site.tagline }}<br />
- <a href='mailto:{{ site.author.email }}'>{{ site.author.email }}</a>
- </p>
+ <aside>
+ <h2>Recent posts</h2>
+ <ul class="posts">
+ {% for post in site.posts %}
+ <li><a href="{{ BASE_PATH }}{{ post.url }}"><span class="post-title">{{ post.title }}</span> <span class="post-date">{{ post.date | date_to_string }}</span></a></li>
+ {% endfor %}
+ </ul>
+
+ <h2 class="archive"><a class="extra" href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a></h2>
+ <div id="twitter-button"><a href="https://twitter.com/Onswipe" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @Onswipe</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
+ <div id="subscribe-button">
+ <a class="extra" href="http://feeds.feedburner.com/{{ site.author.feedburner }}">Subscribe</a>
</div>
+ </aside>
+
+ <footer>
<div class="contact">
<p>
- <a href="http://github.com/{{ site.author.github }}/">github.com/{{ site.author.github }}</a><br />
- <a href="http://twitter.com/{{ site.author.twitter }}/">twitter.com/{{ site.author.twitter }}</a><br />
+ {{ site.tagline }}
</p>
</div>
- <div class="rss">
- <a href="http://feeds.feedburner.com/{{ site.author.feedburner }}">
- <img src="{{ ASSET_PATH }}/images/rss.png" alt="Subscribe to RSS Feed" />
- </a>
- </div>
</div>
- </div>
+ </footer>
{% include JB/analytics %}
</body>
@@ -1,3 +1,3 @@
-<div id="post">
+<div id="page">
{{ content }}
</div>
@@ -1,19 +1,13 @@
<div id="post">
- <h1>{{ page.title }}</h1>
+ <h2 class="post-title"><a href="{{ post.url }}">{{ page.title }}</a></h2>
<p class="meta">
{{ page.date | date_to_long_string }}
{% if page.location %}{{ page.location }}{% endif %}
</p>
- {{ content }}
-</div>
-
-<div id="related">
- <h2>Related Posts</h2>
- <ul class="posts">
- {% for post in site.related_posts limit:3 %}
- <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- </ul>
-</div>
-
-{% include JB/comments %}
+ <div class="post-content">
+ {{ content }}
+ </div>
+ <div id="post-comments">
+ {% include JB/comments %}
+ </div>
+</div>
@@ -1,2 +1,2 @@
theme :
- name : tom
+ name : onswipe
@@ -2,7 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <title>{{ page.title }}</title>
+ <title>{{ page.title }} TEST</title>
<meta name="author" content="{{ site.author.name }}" />
<link href="http://feeds.feedburner.com/{{ site.author.feedburner }}" rel="alternate" title="your title" type="application/atom+xml" />
@@ -1,6 +1,6 @@
---
theme :
- name : tom
+ name : onswipe
---
{% include JB/setup %}
{% include themes/onswipe/default.html %}
@@ -1,6 +1,6 @@
---
layout: post
-title: "Better Web App debugging using WebKit's remote inspector and iPhone Simulator"
+title: "Better Web App debugging using WebKit's remote inspector and iPhone Simulator"
category:
tags: []
---
@@ -8,10 +8,10 @@
<link href="http://feeds.feedburner.com/" rel="alternate" title="your title" type="application/atom+xml" />
<!-- syntax highlighting CSS -->
- <link rel="stylesheet" href="/assets/themes/tom/css/syntax.css" type="text/css" />
+ <link rel="stylesheet" href="/assets/themes/onswipe/css/syntax.css" type="text/css" />
<!-- Homepage CSS -->
- <link rel="stylesheet" href="/assets/themes/tom/css/screen.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="/assets/themes/onswipe/css/screen.css" type="text/css" media="screen, projection" />
<!-- Typekit -->
<script type="text/javascript" src="http://use.typekit.com/jpd0pfm.js"></script>
@@ -20,32 +20,23 @@
<body>
<div class="site">
- <div class="title">
- <a href="/">Onswipe Engineering</a>
+ <header>
+ <h1 class="title"><a href="/"><span>Onswipe</span> Engineering</a></h1>
- <a class="extra" href="/archive.html">Archive</a>
- </div>
+ </header>
<div id="post">
- <h1>Hello World!</h1>
+ <h2 class="post-title"><a href="">Hello World!</a></h2>
<p class="meta">
18 March 2012
</p>
- <pre><code>console.log(&#39;hello world&#39;);</code></pre>
-</div>
-
-<div id="related">
- <h2>Related Posts</h2>
- <ul class="posts">
-
- <li><span>30 Mar 2012</span> &raquo; <a href="/2012/03/30/better-web-app-debugging-using-webkits-remote-inspector-and--iphone-simulator">Better Web App debugging using WebKit's remote inspector and iPhone Simulator</a></li>
+ <div class="post-content">
+ <pre><code>console.log(&#39;hello world&#39;);</code></pre>
+ </div>
+ <div id="post-comments">
- </ul>
-</div>
-
-
<div id="disqus_thread"></div>
@@ -66,29 +57,35 @@
+ </div>
+</div>
- <div class="footer">
- <div class="contact">
- <p>
- Onswipe Engineering<br />
- The Onswipe Engineering blog, brought to you by the Onswipe team.<br />
- <a href='mailto:engineering@onswipe.com'>engineering@onswipe.com</a>
- </p>
+ <aside>
+ <h2>Recent posts</h2>
+ <ul class="posts">
+
+ <li><a href="/2012/03/30/better-web-app-debugging-using-webkits-remote-inspector-and--iphone-simulator"><span class="post-title">Better Web App debugging using WebKit's remote inspector and iPhone Simulator</span> <span class="post-date">30 Mar 2012</span></a></li>
+
+ <li><a href="/2012/03/18/hello-world"><span class="post-title">Hello World!</span> <span class="post-date">18 Mar 2012</span></a></li>
+
+ </ul>
+
+ <h2 class="archive"><a class="extra" href="/archive.html">Archive</a></h2>
+ <div id="twitter-button"><a href="https://twitter.com/Onswipe" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @Onswipe</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
+ <div id="subscribe-button">
+ <a class="extra" href="http://feeds.feedburner.com/">Subscribe</a>
</div>
+ </aside>
+
+ <footer>
<div class="contact">
<p>
- <a href="http://github.com/onswipe/">github.com/onswipe</a><br />
- <a href="http://twitter.com/onswipe/">twitter.com/onswipe</a><br />
+ The Onswipe Engineering blog, brought to you by the Onswipe team.
</p>
</div>
- <div class="rss">
- <a href="http://feeds.feedburner.com/">
- <img src="/assets/themes/tom/images/rss.png" alt="Subscribe to RSS Feed" />
- </a>
- </div>
</div>
- </div>
+ </footer>
</body>
@@ -3,15 +3,15 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <title>Better Web App debugging using WebKit's remote inspector and iPhone Simulator</title>
+ <title>Better Web App debugging using WebKit's remote inspector and iPhone Simulator</title>
<meta name="author" content="Onswipe Engineering" />
<link href="http://feeds.feedburner.com/" rel="alternate" title="your title" type="application/atom+xml" />
<!-- syntax highlighting CSS -->
- <link rel="stylesheet" href="/assets/themes/tom/css/syntax.css" type="text/css" />
+ <link rel="stylesheet" href="/assets/themes/onswipe/css/syntax.css" type="text/css" />
<!-- Homepage CSS -->
- <link rel="stylesheet" href="/assets/themes/tom/css/screen.css" type="text/css" media="screen, projection" />
+ <link rel="stylesheet" href="/assets/themes/onswipe/css/screen.css" type="text/css" media="screen, projection" />
<!-- Typekit -->
<script type="text/javascript" src="http://use.typekit.com/jpd0pfm.js"></script>
@@ -20,28 +20,28 @@
<body>
<div class="site">
- <div class="title">
- <a href="/">Onswipe Engineering</a>
+ <header>
+ <h1 class="title"><a href="/"><span>Onswipe</span> Engineering</a></h1>
- <a class="extra" href="/archive.html">Archive</a>
- </div>
+ </header>
<div id="post">
- <h1>Better Web App debugging using WebKit's remote inspector and iPhone Simulator</h1>
+ <h2 class="post-title"><a href="">Better Web App debugging using WebKit's remote inspector and iPhone Simulator</a></h2>
<p class="meta">
30 March 2012
</p>
- <p>Debugging tools like Firebug, and Webkit&#8217;s Inspector are now considered major assets in any Frontend Engineer&#8217;s toolbelt when building web applications for desktop. On the mobile front tools are quite limited, Mobile Safari&#8217;s debug console gives limited access to error and console logs which in many cases fail to be detailed enough to provide useful information.</p>
+ <div class="post-content">
+ <p>Debugging tools like Firebug, and Webkit&#8217;s Inspector are now considered major assets in any Frontend Engineer&#8217;s toolbelt when building web applications for desktop. On the mobile front tools are quite limited, Mobile Safari&#8217;s debug console gives limited access to error and console logs which in many cases fail to be detailed enough to provide useful information.</p>
<p>Not many people know about WebKit&#8217;s ability to debug remote code. And what even less people know is that you can enable the remote inspector for Mobile Safari for iPhone Simulator in OSX with some minor hacks.</p>
<p>At Onswipe, we&#8217;re constantly looking for ways to improve our workflows and make our lives a little easier. This time, we came across a private API in iOS that allows you to enable the remote inspector. After getting it to work through a very manual process, we searched the internets and found out a post on <a href='http://atnan.com/blog/2011/11/17/enabling-remote-debugging-via-private-apis-in-mobile-safari/'>Nathan de Vries&#8217; blog</a> that mentioned the same private API we came across.</p>
-<p>This is how it looks: <img src='http://dl.dropbox.com/u/4886457/Screenshots/iosd_s.png' alt='Remote Safari Inspector' /></p>
+<p>This is how it looks: <img src='http://engineering.onswipe.com.s3.amazonaws.com/img/iosd_s.png' alt='Remote Safari Inspector' /></p>
-<p><a href='http://dl.dropbox.com/u/4886457/Screenshots/iosd.png'>HI-RES Image</a></p>
+<p><a href='http://engineering.onswipe.com.s3.amazonaws.com/img/iosd.png'>HI-RES Image</a></p>
<p>To make things easier, Cam and Juan got together and wrote a bash script for your debugging pleasure. The script automates the process of launching iPhone Simulator, attaching to the Mobile Safari process to enable the Inspector and launches Safari.</p>
@@ -106,18 +106,9 @@ <h3 id='credit_where_credit_is_due'>Credit where credit is due</h3>
<p>Hearts,</p>
<p><strong>The Onswipe Engineering Team</strong></p>
-</div>
-
-<div id="related">
- <h2>Related Posts</h2>
- <ul class="posts">
-
- <li><span>18 Mar 2012</span> &raquo; <a href="/2012/03/18/hello-world">Hello World!</a></li>
+ </div>
+ <div id="post-comments">
- </ul>
-</div>
-
-
<div id="disqus_thread"></div>
@@ -138,29 +129,35 @@ <h3 id='credit_where_credit_is_due'>Credit where credit is due</h3>
+ </div>
+</div>
- <div class="footer">
- <div class="contact">
- <p>
- Onswipe Engineering<br />
- The Onswipe Engineering blog, brought to you by the Onswipe team.<br />
- <a href='mailto:engineering@onswipe.com'>engineering@onswipe.com</a>
- </p>
+ <aside>
+ <h2>Recent posts</h2>
+ <ul class="posts">
+
+ <li><a href="/2012/03/30/better-web-app-debugging-using-webkits-remote-inspector-and--iphone-simulator"><span class="post-title">Better Web App debugging using WebKit's remote inspector and iPhone Simulator</span> <span class="post-date">30 Mar 2012</span></a></li>
+
+ <li><a href="/2012/03/18/hello-world"><span class="post-title">Hello World!</span> <span class="post-date">18 Mar 2012</span></a></li>
+
+ </ul>
+
+ <h2 class="archive"><a class="extra" href="/archive.html">Archive</a></h2>
+ <div id="twitter-button"><a href="https://twitter.com/Onswipe" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @Onswipe</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
+ <div id="subscribe-button">
+ <a class="extra" href="http://feeds.feedburner.com/">Subscribe</a>
</div>
+ </aside>
+
+ <footer>
<div class="contact">
<p>
- <a href="http://github.com/onswipe/">github.com/onswipe</a><br />
- <a href="http://twitter.com/onswipe/">twitter.com/onswipe</a><br />
+ The Onswipe Engineering blog, brought to you by the Onswipe team.
</p>
</div>
- <div class="rss">
- <a href="http://feeds.feedburner.com/">
- <img src="/assets/themes/tom/images/rss.png" alt="Subscribe to RSS Feed" />
- </a>
- </div>
</div>
- </div>
+ </footer>
</body>
Oops, something went wrong. Retry.

0 comments on commit 3b47a03

Please sign in to comment.