blog/index.html at master · jgwillard/blog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
---
title: Home
layout: default
---
	<div class="row">
		<div class="large-12 columns">
			<h2>Welcome aboard!</h2>
		</div>
	</div>
	<div class="row">
		<div class="large-9 medium-9 columns">
			<p>My name is John Willard and I am learning about web design and development. I am from Arlington, Virginia, and recently finished my degree in web development in Strasbourg, France. Here's more about me:</p>
			<ul>
				<li>I'm interested in development with PHP, Python, and JavaScript</li>
				<li>Really enjoy working with frameworks like Symfony2, Flask, and AngularJS</li>
				<li>I've worked with both relational (SQL) and document-oriented databases (MongoDB)</li>
				<li>I like blogging about what I learn</li>
				<li>Calvin & Hobbes devotee</li>
			</ul>
			<p>This site was built using Jekyll and Foundation 5, and I'm going to use it to write about what I'm learning and the projects that I'm working on. Feel free to check it out and leave comments or drop me a line. Also have a look at <a href="https://github.com/jgwil2">my GitHub account</a> to see more projects and more code. Thanks!</p>
		</div>
		<div class="large-3 medium-3 columns">
			<figure>
				<img src="/img/skeep2-small.jpg" width="220" height="293" alt="Not me." />
				<figcaption>
				<br />
				<p>Not me.</p>
				</figcaption>
			</figure>
		</div>
	</div>

	<div class="row">
		<div class="small-6 large-6 columns">
			<a href="https://twitter.com/jgwil2" class="twitter-follow-button" data-dnt="true" data-align="right" data-size="large" data-show-count="false" data-lang="en">Follow @jgwil2</a>
		</div>
		<div class="small-6 large-6 columns">
			<h4><a href="/about" class="move right">More about me &#8594;</a></h4>
		</div>
	</div>
	<!--
	<div class="row topborder">
		<div class="large-12 columns">
			<h2>Projects</h2>
		</div>
	</div>

	<div class="row">
		<div class="large-8 medium-8 columns">
			<p>This is a recent project of mine that I decided to work on in order to improve my Javascript skills. It's a simple application that takes a user input text, looks for any Arabic numerals in it, and replaces them with their written English equivalents. This was a cool project because it allowed me to learn a lot of basic, native JS, which I was not as familiar with as PHP. Check out the working project, and if you're interested, read about it in <a href="/2014/03/05/javascript-text-parser/">this blog post</a> where I go into the details of the program.</p>
		</div>
		<div class="large-4 medium-4 columns">
			<figure>
				<img src="/img/numberstoletters.png" alt="Numbers to Letters screenshot" />
			</figure>
		</div>
	</div>

	<div class="row">
		<div class="large-12 columns">
			<h4><a href="/projects" class="move right">See all projects &#8594;</a></h4>
		</div>
	</div>
	-->
	{% for post in site.posts limit:1 %}
    <div class="row topborder">
		<div class="large-12 columns">
			<h2>Blog</h2>
			<h3 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h3>
			<p class="meta">{{ post.date | date_to_string }}</p>
			{{ post.content | truncatewords: 150 }}
		</div>
	</div>

	<div class="row">
		<div class="large-12 columns">
			<h4><a href="{{ post.url}}" class="move right">See full article  &#8594;</a></a></a></h4>
		</div>
	</div>
	{% endfor %}