afrojet.github.io/index.html at master · afrojet/afrojet.github.io · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!doctype html>
<html class="">
<head>
<title>afrojet - home to John Skelton</title>
<meta name="description" content="John Skelton is the Best" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/main.css" />
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700">
<link rel='stylesheet' href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400">
<script src="https://use.fontawesome.com/f7aa72aa76.js"></script>
</head>
<body>
    <!-- If the current page is blog/ but not blog/index.ejs… -->

  <!-- Otherwise, render the yield -->
      <header>
    <div class="header_wrapper">
        <div>
            <!-- <a href="/index.html"><i class="fa fa-bars"></i></a> -->
        </div>
        <div class="post_title">
            <h1>John Skelton</h1>
        </div>
        <div class="about_me">
            <a href="/articles/about.html"><i class="fa fa-user"></i></a>
        </div>
    </div>
</header>
<div class="post">
    <div class="crushing">


        <div class="the_gnar">
            <a href="articles/buddyup" class="doom">
                <div class="pow_pow buddyup"></div>
                <div class="stoked">
                    <h2>BuddyUp</h2>
                    <div class="description">Product strategy, UX / UI design, mobile development, graphic design, user engagement</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/freightliner" class="doom">
                <div class="pow_pow freightliner"></div>
                <div class="stoked">
                    <h2>Freightliner Trucks</h2>
                    <div class="description">UX / UI design, mobile / web development</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/yeti" class="doom">
                <div class="pow_pow yeti"></div>
                <div class="stoked">
                    <h2>Yeti Tools</h2>
                    <div class="description">Creative direction, bot design, UX / UI design, iconography</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/block-and-sons" class="doom">
                <div class="pow_pow block-and-sons"></div>
                <div class="stoked">
                    <h2>Block and Sons Co.</h2>
                    <div class="description">Product strategy, UX / UI design, branding, graphic design, photography, mobile / web development</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/skedco" class="doom">
                <div class="pow_pow skedco"></div>
                <div class="stoked">
                    <h2>Skedco Rescue Equipment‎</h2>
                    <div class="description">UX / UI design, mobile / web development, product testing</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/bpd" class="doom">
                <div class="pow_pow bpd"></div>
                <div class="stoked">
                    <h2>BPD</h2>
                    <div class="description">Product strategy, creative direction, UX / UI design, data visualization, app development</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/detroit" class="doom">
                <div class="pow_pow detroit"></div>
                <div class="stoked">
                    <h2>Detroit </h2>
                    <div class="description">Custom typface design, UX / UI design, mobile / web development</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/seed" class="doom">
                <div class="pow_pow seed"></div>
                <div class="stoked">
                    <h2>Standard Energy Efficiency Data</h2>
                    <div class="description">Product strategy, UX / UI design, data visualization, app development</div>
                </div>
            </a>
        </div>


        <div class="the_gnar">
            <a href="articles/about" class="doom">
                <div class="pow_pow about"></div>
                <div class="stoked">
                    <h2>About</h2>
                    <div class="description">John Skelton</div>
                </div>
            </a>
        </div>

    </div>
</div>

  <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','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-81885472-1', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>