Permalink
Browse files

remove pagination on blog index

Since nothing is render heavy (like images) there's
no need for
  • Loading branch information...
lbain committed Oct 18, 2015
1 parent f2833bd commit 98e7b6787934045a546114bfed96b41ac9f95bcb
View

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -1,187 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<link href='/images/favicon.ico' rel='icon' type='image/ico'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Source+Code+Pro' rel='stylesheet' type='text/css'>
<title>Lucy Bain</title>
<link href="/stylesheets/application.css" media="all" rel="stylesheet" type="text/css" />
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
</head>
<body>
<nav>
<div class='nav-open-btn'>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<ul class='nav-display'>
<li>
<a class="nav-link" href="/">Me</a>
</li>
<li>
<a class="nav-link" href="/resume/">Resume</a>
</li>
<li>
<a class="nav-link" href="/contact-me/">Contact</a>
</li>
<li>
<a class="nav-link" href="/resources/">Resources</a>
</li>
<li>
<a class="nav-link active" href="/blog/">Blog</a>
</li>
</ul>
</nav>
<script>
$('nav .nav-open-btn').on('click', function(){
$('nav .nav-display').toggleClass('open');
})
</script>
<div class='content'>
<div class='blog-listing'>
<p><a href="/blog/">Previous page</a></p>
<div>
<h1>
<a href="/blog/2015/js-namespacing/">JS: What is Javascript namespacing? How and where is it used?</a>
</h1>
<p>Mar 17, 2015</p>
<h2>What is Javascript namespacing? How and where is it used?</h2>
<p><em>Well, what is namespacing?</em></p>
<p>Namespacing is a way of organising your code. It organises concepts and ideas into a group and gives the group a <strong>name.</strong></p>
<p>So rather than having everything dumped in...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/js-split-vs-splice/">JS: Split vs. Splice</a>
</h1>
<p>Mar 12, 2015</p>
<h2>What’s the difference between <code>split</code> and <code>splice</code>?</h2>
<p><em>Well, what does <code>split</code> do?</em></p>
<p>Much like the name implies <code>split</code> breaks something into pieces. The <code>split</code> method is used for strings in JS. It has a few optional parameters, so let’s see what the simplest...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/rails-girls/">Rails Girls - March 2015</a>
</h1>
<p>Mar 8, 2015</p>
<p>Phew! Rails Girls Sydney, March 2015 was on Friday and Saturday, I wanted to update you</p>
<p>Usually the Sydney Rails community runs a Rails Girls event every four-ish months. I've always enjoyed mentoring at them, but I've never organised one before ...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/how-does-jsonp-work/">JS: How does JSONP work?</a>
</h1>
<p>Mar 1, 2015</p>
<h2>How does JSONP work?</h2>
<p>Let’s start smaller: <em>What does JSONP stand for?</em></p>
<p><strong>J</strong>ava<strong>S</strong>cript <strong>O</strong>bject <strong>N</strong>otation with <strong>P</strong>adding</p>
<p>Hopefully you already know about the JSON part, if not check out this <a href="http://stackoverflow.com/a/383699/863846">Stackoverflow</a> answer. Go ahead, I'll wait :)</p>
<p>We'll talk about the...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/algorithms-study-group/">Algorithms study group</a>
</h1>
<p>Jan 28, 2015</p>
<p>Last year I ran two study groups, one for <a href="http://codesydney.com/2014-js">JS</a> and one for <a href="/python">intro to programming</a>. I also gave a talk about <a href="https://docs.google.com/presentation/d/18lYj02Tc0dBbAAngrYBGPRSbADnswkjnyAdoeD--WQ4/edit?usp=sharing">starting a study group</a> at Girl Geek Dinner. I was thrilled when my friend <a href="http://daphnechong.com/">Daphne</a> decided to organise a <a href="http://codesydney.com/2015-algorithms/">group</a> on her own to study algorithms.</p>
<p>The...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/new-job/">I have a new job!</a>
</h1>
<p>Jan 22, 2015</p>
<p>Well apparently all this studying has paid off! I’ve been interviewing with a few companies since before Christmas, and I’m pleased to announce that today I accepted an offer from Atlassian. I’ll be working as a junior front end developer on Stash...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/js-how-does-ajax-work/">JS: How does ajax work?</a>
</h1>
<p>Jan 10, 2015</p>
<h2>How does AJAX work?</h2>
<p>Let’s start smaller: <strong>What does AJAX stand for?</strong></p>
<p><strong>A</strong>synchronous <strong>J</strong>avaScript <strong>a</strong>nd <strong>X</strong>ML (I think using the “a” in “and” is a little bit of a cheat, but there you go.)</p>
<p><em>So how does it work?</em></p>
<p>After loading, the client uses <strong>J</strong>avaScript to...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/js-document-write/">JS: When would you use document.write()?</a>
</h1>
<p>Jan 6, 2015</p>
<h2>When would you use <code>document.write()</code>?</h2>
<p>First, what is <code>document.write()</code>?</p>
<p>As you might have guessed, <code>document.write()</code> writes to the document (a.k.a web page). It takes the content you want to write as a parameter. An invocation could look like this:</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2015/code-test-retro/">Retro from my coding test</a>
</h1>
<p>Jan 2, 2015</p>
<p>I've been looking for a new job over the past month. As part of my interview process I had to do an at home coding exercise. The directions were simple, but disconcertingly vague:</p>
<ul>
<li>The application should run successfully in modern browsers.
Your app...</li>
</ul>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/js-dont-touch-global-scope/">JS: don’t touch the global scope</a>
</h1>
<p>Dec 30, 2014</p>
<p>One of the last installments from my series on <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions#js">javascript interview questions</a>.</p>
<h2>Why is it, in general, a good idea to leave the global scope of a website as-is and never touch it?</h2>
<p>Form most languages, global variables are <a href="http://en.wikipedia.org/wiki/Global_variable#Use">considered</a> a “bad thing”...</p>
</div>
<hr>
<p>
Page 2 of 6
</p>
<p><a href="/blog/page/3/">Next page</a></p>
</div>
</div>
</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45866381-1', 'lucybain.com');
ga('send', 'pageview');
</script>
</html>
@@ -1,187 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<meta charset='utf-8'>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
<link href='/images/favicon.ico' rel='icon' type='image/ico'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Source+Code+Pro' rel='stylesheet' type='text/css'>
<title>Lucy Bain</title>
<link href="/stylesheets/application.css" media="all" rel="stylesheet" type="text/css" />
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'></script>
</head>
<body>
<nav>
<div class='nav-open-btn'>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<ul class='nav-display'>
<li>
<a class="nav-link" href="/">Me</a>
</li>
<li>
<a class="nav-link" href="/resume/">Resume</a>
</li>
<li>
<a class="nav-link" href="/contact-me/">Contact</a>
</li>
<li>
<a class="nav-link" href="/resources/">Resources</a>
</li>
<li>
<a class="nav-link active" href="/blog/">Blog</a>
</li>
</ul>
</nav>
<script>
$('nav .nav-open-btn').on('click', function(){
$('nav .nav-display').toggleClass('open');
})
</script>
<div class='content'>
<div class='blog-listing'>
<p><a href="/blog/page/2/">Previous page</a></p>
<div>
<h1>
<a href="/blog/2014/js-ternary/">JS: ternary expressions</a>
</h1>
<p>Dec 26, 2014</p>
<h2>Why is it called a Ternary expression, what does the word “Ternary” indicate?</h2>
<p>Let’s answer the second question first: what does the word “ternary” indicate? According to <a href="http://en.wikipedia.org/wiki/Ternary_operation">Wikipedia</a> the word “ternary” comes from the n-ary word setup. Other examples...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/same-origin-policy/">JS: same-origin policy</a>
</h1>
<p>Dec 20, 2014</p>
<h2>Explain the same-origin policy with regards to JavaScript.</h2>
<p>The same-origin policy helps prevent malicious attacks by stopping code from another site executing on your site. An attacks like this is known as a <a href="http://en.wikipedia.org/wiki/Cross-site_scripting">Cross Site Scripting</a> attack.</p>
<p><em>How does...</em></p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/js-document-load-vs-ready/">JS: document load vs document ready</a>
</h1>
<p>Dec 16, 2014</p>
<h2>Difference between document load event and document ready event?</h2>
<p><strong><code>$(document).ready()</code></strong> fires when the HTML has finished loading. You can’t interact with the DOM before the HTML has finished loading, so we keep all our JS interactions wrapped up in the...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/hoisting/">JS: Explain “hoisting”</a>
</h1>
<p>Dec 13, 2014</p>
<p>I’m continuing my series of <a href="https://github.com/h5bp/Front-end-Developer-Interview-Questions#js">JS interview questions</a>. These posts are proving very good practice for the interviews I’m doing!</p>
<h2>Explain “hoisting”</h2>
<p>Hoisting is when a JS declaration is lifted (“hoisted”) to the top of it’s scope by the JS interpreter...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/google-adwords-async/">JS: Async Google Adwords conversion</a>
</h1>
<p>Dec 10, 2014</p>
<h2>How can I trigger a Google Adwords conversion when the page is loaded asynchronously?</h2>
<p>I've been working with Google Adwords at work this week (yay learning!). My first task was to add a “tracking pixel” to a thank you page after a user has given us...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/js-use-strict/">JS: use strict</a>
</h1>
<p>Dec 8, 2014</p>
<h2>What is <code>"use strict";</code>? what are the advantages and disadvantages to using it?</h2>
<p>If you put <code>"use strict";</code> at the top of your code (or function), then the JS is evaluated in <strong>strict mode</strong>. Strict mode throws more errors and disables some features in an...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/feature-detection-vs-inference/">JS: feature detection vs. inference vs. UA string</a>
</h1>
<p>Dec 4, 2014</p>
<h2>What’s the difference between feature detection, feature inference, and using the UA string?</h2>
<p>Let’s start smaller...</p>
<p><strong>What is feature detection?</strong></p>
<p>When you check if a certain feature exists, that’s feature detection.</p>
<p>We need to write code that checks...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/call-vs-apply/">JS: .call vs. .apply</a>
</h1>
<p>Nov 30, 2014</p>
<h2>What’s the difference between <code>.call</code> and <code>.apply</code>?</h2>
<p>Let’s start with the similarities.</p>
<p><strong>What are <code>.call</code> and <code>.apply</code>?</strong></p>
<p>Both methods allow you to invoke a function and pass parameters through.</p>
<pre class="highlight plaintext">function printer(message) {
console.log(message)
}
printer...</pre>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/ways-to-create-objects/">JS: ways to create objects</a>
</h1>
<p>Nov 26, 2014</p>
<h2>What are a few different ways to create new objects?</h2>
<p>Well it turns out this topic has been covered quite a lot (unlike my last post about host vs. native objects). I don’t really have anything to add to the conversation, so I'll just give you the...</p>
</div>
<hr>
<div>
<h1>
<a href="/blog/2014/js-extending-built-in-objects/">JS: don’t extend JS objects</a>
</h1>
<p>Nov 25, 2014</p>
<h2>Why is extending built in JavaScript objects not a good idea?</h2>
<p>Turns out there’s lots written on this topic (lucky for me!), be sure to check out the references section at the end.</p>
<p><strong>What is “extending an object”?</strong></p>
<p>When you add functionality to an object...</p>
</div>
<hr>
<p>
Page 3 of 6
</p>
<p><a href="/blog/page/4/">Next page</a></p>
</div>
</div>
</body>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-45866381-1', 'lucybain.com');
ga('send', 'pageview');
</script>
</html>
Oops, something went wrong.

0 comments on commit 98e7b67

Please sign in to comment.