blakevanlan.github.com/index.html at master · blakevanlan/blakevanlan.github.com · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
---
layout: default
isHome: true
tools:
   -
      name: Node.js
      image: /images/home/tool-nodejs.jpg
      url: http://nodejs.org/
      skill: 4
   -
      name: CoffeeScript
      image: /images/home/tool-coffeescript.jpg
      url: http://coffeescript.org/
      skill: 4
   -
      name: jQuery
      image: /images/home/tool-jquery.jpg
      url: http://jquery.com/
      skill: 4
   -
      name: Trigger.io
      image: /images/home/tool-triggerio.jpg
      url: http://trigger.io/
      skill: 4
   -
      name: C#
      image: /images/home/tool-csharp.jpg
      url: http://msdn.microsoft.com/en-us/vstudio/hh388566.aspx
      skill: 4
   -
      name: Knockout.js
      image: /images/home/tool-knockout.jpg
      url: http://knockoutjs.com/
      skill: 4
   -
      name: mongoDB
      image: /images/home/tool-mongo.jpg
      url: http://www.mongodb.org/
      skill: 3
   -
      name: redis
      image: /images/home/tool-redis.jpg
      url: http://www.redis.io/
      skill: 3
   -
      name: WordPress
      image: /images/home/tool-wordpress.jpg
      url: http://wordpress.org/
      skill: 3
   -
      name: MySQL
      image: /images/home/tool-mysql.jpg
      url: http://www.mysql.com/
      skill: 2
   -
      name: Solr
      image: /images/home/tool-solr.jpg
      url: http://lucene.apache.org/solr/
      skill: 2
   -
      name: Google Go
      image: /images/home/tool-go.jpg
      url: http://golang.org/
      skill: 1
---

<div class="main-banner section">
   <div class="highlight"></div>
   <div class="content">
      <div class="container">
         <h1><span class="green">blake</span> vanlandingham</h1>
         <h2>passionate web <span class="green">designer and developer</span></h2>
      </div>
   </div>
</div>

<div class="content section margin">
   <div class="container text">
      <div id="intro">
         {% capture home_intro %}
            {% include home_intro.md %}
         {% endcapture %}
         {{ home_intro | unindent | markdownify }}
         <div class="clear"></div>
      </div>
      <h1>the toolbox</h1>
      <div class="toolbox">
         {% for tool in page.tools %}
            {% case tool.skill %}
            {% when 4 %}
               {% assign skillName = 'Advanced' %}
            {% when 3 %}
               {% assign skillName = 'Knowledgeable' %}
            {% when 2 %}
               {% assign skillName = 'Newly Acquired' %}
            {% when 1 %}
               {% assign skillName = 'Novice' %}
            {% endcase %}
            <div class="tool">
               <a href="{{ tool.url }}">
                  <img src="{{ tool.image }}" title="jQuery" alt="jQuery" />
                  <span class="knowledge">
                     <span class="inner">
                        <span class="tech">{{ tool.name }}</span>
                        <span class="rating {{ skillName | downcase | replace:' ', '' }}">{{ skillName }}</span>
                        <span class="stars">
                           {% for i in (1..4) %}
                              {% if tool.skill >= i %}
                                 <span class="star blue"></span>
                              {% else %}
                                 <span class="star gray"></span>
                              {% endif %}
                           {% endfor %}
                        </span>
                     </span>
                  </span>
               </a>
            </div>
         {% endfor %}
         <div class="clear"></div>
      </div>
   </div>
</div>