-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
153 lines (135 loc) · 8.72 KB
/
about.html
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
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ben Pawle: Design and invention</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,400i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="fonts/heading.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif:400,700" rel="stylesheet">
<link rel="shortcut icon" href="favicon.png">
<style type="text/css">
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="A Cumbrian designer and inventor currently living and working in London.">
<meta name="keywords" content="Ben Pawle, inventor, invention, designer, artist, maker, product design, graphic design, service design, interaction design, London, Cumbria, Lake District, NORD collective, Tingbot, Mixim.">
<!-- GOOGLE ANALYTICS -->
<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-34385325-1', 'auto');
ga('send', 'pageview');
</script>
<!-- VIEWPORT BUGGYFILL -->
<script src="viewport-units-buggyfill.js"></script>
<script>window.viewportUnitsBuggyfill.init();</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34385325-1']);
_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>
<!-- GFYCAT -->
<script type"text/javascript" src="https://assets.gfycat.com/gfycat.js"></script>
<!-- STICKY KIT -->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<!-- SITE HEADLINE -->
<div class="about-background">
<a href="index.html">
<img class="logo hidden-xs" src="images/logo-black.png"/>
<img class="logo-mobile visible-xs" src="images/logo-black.png"/>
</a>
<div class="menu">
<div class="menu-element-dark">
<a href="http://benpawle.com">Work</a> <a href="stuff.html">Stuff</a> <a href="about.html">About</a>
</div>
</div>
</div>
<!-- MAIN CONTENT -->
<div class="container">
<div class="spacer" style="height: 20vh;"></div>
<!-- ABOUT -->
<div class="row">
<!--<div class="col-sm-6" style="font-family: monospace; font-size: 0.8vw; line-height:1.2;">
:---------------::::/+sssyyysssyyyyyyhho/::omNmdhhdmNNNNNNNNNNNNNNNNNN<br>
---------------:::/+osssssssssssyyhhhdds/:/smNNNmmNNNNNNNNNNNNNNNNNNNN<br>
:---::--------:::://+++++osyssyyyhddhyhhhhddNNNNNNNNNNNNNNNNNNNNNNNNNN<br>
:---:::::-----:::::::///+yhmdhddhdddmmhhhdddhyssdNNNNNNNNNNNNNNNNNNNNN<br>
::-::::::::---::::::::+syhdddmmddddmmmNNmmmdhhyoyNNNNNNNNNNNNNhoosdNNN<br>
:::::::::::::::::::::/ohhhdmddddmmNNmmNNNNmmmmddmNNNNNNNNNNNNNy+++smNN<br>
--::::::::::::::::::/shhhhhhhddmmmmmmdhddmNmmmdhdmNNNNNNNNNNNNNmdmNNNN<br>
:::::::::::-::::::::sdhhhddddddddhhhhhddmdddmmmyhhdNNNNNNNNNNNNmmmmNNN<br>
-::::::::::--::::::+hhdmNmmdmmmdmddddhhyhhdhhdddhdmNNNNNNNNNNNNNNNNNNN<br>
-::::::-------:::::+ymNNmdhhhyyysooo///:::///ohddmhmNNNNNNNNNNNNNNNmmm<br>
--:::::-------:::::+ydmmy++++++//:::::::::-::/+ymmdhNNNNNNNNNNNNNNNmmm<br>
---:::::-------::::+hdmh+///////:::----------:-:hdddNNNNNNNNNNNNNNNNNN<br>
-:---:::-------::::+mmms//////:::--------..-----smdmNNNNNNNNNNNNmmmmmm<br>
:::::::::------::::smmdo////+oosso+::---::/::--:oNmdmmNNNNNNNNNmdddddm<br>
--::::::-------::://hhy:::+osyyhddhyo/:+shdys+/:smdddmmNNNmmNNNmmmmmmm<br>
-::::::-------::::ysoss-:/osyyddyhdhs-.sdhmdsy+:+/:hhdmNNNNNNNNNNmmmmm<br>
::::::::------::::/syso::::://+++++++:.:/++//:--++ssyhdNNNNNNNNNNNNmdh<br>
::::---------::::::+o/+:-:::------://-.--.---..-+/ossydmNNNNNNNNmmmhoo<br>
:::-----------::::://+o:::::---.-://:-..-.....--:+oosydmNNNNNNNNmmmdoo<br>
:::-----------:::/:::+s/:///:---:/ydhoos+-...--:oyyyyhdmNNNNNNNNmmmmmm<br>
::::::-------:::///::-/+/+++/:/++shhhhys:------smmdddmmNNmmmNNNmmmNNNN<br>
::::::::::::://+oo++/::oosso+sddhhhs++ooosy+:::dmmmmmmNNmmddmmmddmmNNN<br>
:::::::::::::/+osyyyo/:oyhhy+//++++++//++oo//+ymmmmmmmNNmdhddddhhdmmmm<br>
:::////////++++osyyys+:+ydhhhs///+syhyo:--:+ohmmmmmmmmNNmmdddddhhdmmmm<br>
:://oooooooooossyyyys+:+shdmmdyo/:/++/:-:/yddNmmmmmmmmNNNmmmmmddddmmmm<br>
//++oooooooooossyyyys+:+ssydmmmmhyyyyysssdmyNNNmmmmmmNNNNNmmmmmmmmNNmm<br>
+++ossssosooosssyyyys:/+ossyhdmmNNmmdmmmdy/:NNNmmmmmNNNNNNNNNmmmmNNNNm<br>
///+osssssssssssyysy::/++osssyyyhhhdhhyo/:--oyhmmmNNNNNNNNNNNmmmmNNNNN<br>
:://osssssssossssosh+//++ooosssyyyyyso+/:---.-oosyhdmNNNNNNNNNNNNNNNNN<br>
///+ooooooooooooyhdmmy+++ooooosssssso/::-----/ssssooooosyyhmNNNNNNNNNN<br>
://+ooooooossyhhddmmmmmyo+oooooooo++/::--:--+yyyyyssssooo++++oshdNNNNN<br>
::/+++oossyyhhdddddmmmNNNmhyso+++++//::::+shdhhyyyyysssssoooooooo+oydN<br>
//++ossyyhhhhdddddmmmmmmNNNNNmmdhhyyyyhdmmddhhhyyyyyyyysyyssssssssoooo<br>
osyyyyyhhhhhdddddddddmmmmmmmmmNNmmmmmmmmddhhhhyyyyyyyyyyyyyyyyssssssss<br>
yhhhhhhhddddddddddddddddddmmmmmmmmddddddhhhhhhhhhhhyyyyyyyyyyyyyssssyy<br>
</div>-->
<div class="col-sm-6 hidden-xs" style="text-align:right;">
<img class="ben-thumb" src="images/ben.jpg" />
</div>
<div class="col-sm-6 visible-xs" style="padding-bottom:20px;">
<img class="thumb" src="images/ben.jpg" />
</div>
<div class="col-sm-5" style="padding-right: 30px;">
Award winning designer currently based in London.<br>
<br>
Graduated from The Glasgow School of Art with a First Class Honours degree in Product Design.<br>
<br>
Work has been showcased across Europe; from the V&A to Design/Miami Basel, London Design Festival, Milan and Maker Faire.<br>
<br>
International media coverage of work includes BBC, ITV, Wired, Fast Co, TechCrunch, Dezeen & Product Hunt .<br>
<br>
Formerly at <a href="http://designit.com" target="_blank">Designit</a>, I currently work as a Creative Strategist at <a href="http://thefuturecustomer.com" target="_blank">The Future Customer</a>, a boutique loyalty consultancy. I also work with <a href="http://nordcollective.com/" target="_blank">NORD</a> - creating things like <a href="http://tingbot.com/" target="_blank">Tingbot</a> and <a href="http://getmixim.com/" target="_blank">Mixim</a>.<br>
<br>
- A full bio can be found <a href="https://www.linkedin.com/in/ben-pawle-7903b427" target="_blank">on LinkedIn</a><br>
- Sometimes <a href="https://twitter.com/benpawle" target="_blank">I tweet</a><br>
- For all else there's <a href="https://www.instagram.com/benpawle/" target="_blank">Instagram</a>
</div>
</div>
<!-- END OF CONTAINER -->
</div>
<div class="footer-push"></div>
</div>
<div class="footer">
benpawle at gmail dot com
</div>
</body>
</html>