-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
16 lines (16 loc) · 7.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html> <!--[if lt IE 7]><html lang=en class="lt-ie9 lt-ie8 lt-ie7"><![endif]--> <!--[if IE 7]><html lang=en class="lt-ie9 lt-ie8"><![endif]--> <!--[if IE 8]><html lang=en class=lt-ie9><![endif]--> <!--[if IE 9]><html lang=en class=lt-ie10 lang=en><![endif]--> <!--[if gt IE 9]><!--> <html lang=en> <!--<![endif]--> <head> <meta charset=utf-8 /> <!--[if lt IE 9]><meta http-equiv=X-UA-Compatible content="IE=edge"/><![endif]--> <title>Blog | Tom Gillard - Melbourne front end web developer</title> <meta name=viewport content="width=device-width, initial-scale=1.0"/> <meta name=HandheldFriendly content=True /> <meta name=MobileOptimized content=320 /> <link rel=apple-touch-icon-precomposed sizes=144x144 href="/img/core/apple-touch-icon-144x144-precomposed.png"/> <link rel=apple-touch-icon-precomposed sizes=114x114 href="/img/core/apple-touch-icon-114x114-precomposed.png"/> <link rel=apple-touch-icon-precomposed sizes=72x72 href="/img/core/apple-touch-icon-72x72-precomposed.png"/> <link rel=apple-touch-icon-precomposed sizes=57x57 href="/img/core/apple-touch-icon-72x72-precomposed.png"/> <link rel=apple-touch-icon-precomposed href="/img/core/apple-touch-icon-precomposed.png"/> <link rel="shortcut icon" href="/favicon.ico"/> <link href="/css/style.css" media=screen rel=stylesheet /> <meta name=description content=""/> <meta property="og:image" content="/img/elements/profile-large.png"/> <meta property="og:site_name" content="Tom Gillard"/> <meta property="og:type" content=blog /> <meta property="og:url" content="http://www.tomgillard.com"/> <meta property="og:title" content="Sharper in digital - Thoughts and findings of a front end developer"/> <meta name="twitter:card" content=summary /> <meta name="twitter:creator" content="@tom_gillard"> <meta name="twitter:url" content="http://www.tomgillard.com"/> <meta name="twitter:title" content="Sharper in digital"/> <meta name="twitter:description" content="Thoughts and findings of a front end developer"/> <!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]--> </head> <body> <!--[if lt IE 8]><p class=chromeframe>You are using an outdated browser. <a href="//browsehappy.com/">Upgrade your browser today</a> or <a href="//www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p><![endif]--> <a href="#content" role=link title="Skip to main content" class=skipNavigation>Skip to main content</a> <div id=main class=m-scene> <header id=top class=header role=banner> <div class=container> <a href="#site-nav" class="mobile-menu-btn mobile-menu-btn--open is-small small-txt">Menu</a> <div class=logo> <a href="/" title=home> <p class=logo__title><strong>Tom Gillard</strong></p> </a> </div> <nav id=site-nav class=nav> <h2 class=outline-title>Primary Navigation</h2> <ul class=main-menu role=menu> <li role=menuitem class="mobile-menu-btn mobile-menu-btn--close is-small"><a href="#" class=small-txt>Close X</a></li> <li class=first role=menuitem> <a title="View articles" class=is-current-page href="/">Blog</a> </li> <li role=menuitem> <a title="Browse by topic" href="/blog/topics">Topics</a> </li> <li class=last role=menuitem> <a title="About me" href="/about">About</a> </li> </ul> </nav> </div> </header> <div class=page-heading__wrapper> <div class="container scene_element scene_element--fadeinright"> <h1 class=page-heading__title>Sharper in Digital</h1> <p class=page-heading__tagline>Thoughts and findings of a front end developer</p> </div> </div> <div id=content class="scene_element scene_element--fadeinup"> <main class=main> <div class=container> <article class="article article--summary" role=article> <a href="/blog/2014-01-21-ruby-sass-vs-node-sass/"> <h3 class=article__title>Battle of the Sasses</h3> <p class=article__content>Ruby Sass can be a little slow when compiling your Sass project but Libsass claims to compile up to 5x faster. Let's see shall we with a good ol' fashioned Sass off!</p> <p class=article__date>Posted <time datetime=2014-01-21 pubdate>January 21, 2014</time></p> </a> </article> <article class="article article--summary" role=article> <a href="/blog/2014-01-11-social-media-meta-tags/"> <h3 class=article__title>Social media meta</h3> <p class=article__content>Make the most of people sharing your products, posts, pages or more simply by adding a few meta tags to the <HEAD> of your site.</p> <p class=article__date>Posted <time datetime=2014-01-11 pubdate>January 11, 2014</time></p> </a> </article> <article class="article article--summary" role=article> <a href="/blog/2014-01-01-resolution-9/"> <h3 class=article__title>Resolution #9</h3> <p class=article__content>Today's the first day of 2014 and I'd like to set the theme for the new year</p> <p class=article__date>Posted <time datetime=2014-01-01 pubdate>January 1, 2014</time></p> </a> </article> <article class="article article--summary" role=article> <a href="/blog/2013-12-31-page-alive/"> <h3 class=article__title>Page Alive!</h3> <p class=article__content>Middleman can generate dynamic pages with a data file, a template and a little configuration. Let me show you how.</p> <p class=article__date>Posted <time datetime=2013-12-31 pubdate>December 31, 2013</time></p> </a> </article> <article class="article article--summary" role=article> <a href="/blog/2013-12-30-page-by-numbers/"> <h3 class=article__title>Page by numbers</h3> <p class=article__content>Setting up pagination for my blog was easy enough however, trying to get it to work was a little less straight forward. So I'd like to share how I got pagnination setup on this here site.</p> <p class=article__date>Posted <time datetime=2013-12-30 pubdate>December 30, 2013</time></p> </a> </article> <div class="article pagination"> <p class=pagination__summary>Articles 1 to 5 of 8</p> <ul class="list--clean list--pagination"> <li class=next> <a href="/page2/">Older articles</a> </li> </ul> </div> </div> </main> <footer class=footer role=contentinfo> <div class=container> <div class=blurb> <div class=media> <img src="/img/elements/profile-mini.svg" onerror="this.onerror=null; this.src='/img/elements/profile-mini.png'" alt="" class="media__image blurb__headshot"/> <div class="media__body blurb__content"> <p>I'm Tom, a front end developer from Melbourne Australia.</p> <p>The thoughts and opinions on this site are all mine.</p> </div> </div> </div> <small>© 2015 Tom Gillard.</small> <small class=is-large>Built with <a href="//middlemanapp.com" target=_blank>Middleman</a> using the <a href="//smacss.com/" target=_blank>SMACSS</a> css architecture.</small> <small id=contact>Feel free to grab the <a href="/feed.xml">feed</a> and/or <a href="//twitter.com/tom_gillard" target=_blank>follow me on Twitter</a>.</small> </div> </footer> </div> </div> <script>
// Add a script element as a child of the body
function downloadJSAtOnload() {
var element = document.createElement('script');
element.src = '/js/site-scripts.js';
document.body.appendChild(element);
}
// Check for browser support of event handling capability
if (window.addEventListener) {
window.addEventListener('load', downloadJSAtOnload, false);
} else if (window.attachEvent) {
window.attachEvent('onload', downloadJSAtOnload);
} else {
window.onload = downloadJSAtOnload;
}
</script> <script>var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-27423893-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })();</script> </body> </html>