Skip to content

Commit 0a5d7e8

Browse files
kylelangfordkylelangford
committed
updating front page - portfolio not done
1 parent efcf5e7 commit 0a5d7e8

File tree

20 files changed

+1491
-120
lines changed

20 files changed

+1491
-120
lines changed

‎build/assets/resume/kylelangford_resume.pdf‎

7.25 KB
Binary file not shown.

‎build/index.html‎

Lines changed: 42 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -47,10 +47,9 @@
4747
<div class="intro-message">
4848
<h1 class="page__title">Kyle Langford</h1>
4949
<h2 class="page__sub-title">
50-
&nbsp;Currently <span class="icon-at-sign"></span>Brunello
51-
<span class="icon-coffee"></span> working on Drupal websites
52-
<span class="icon-droplet"></span> web design projects and frontend
53-
dev <span class="icon-zap"></span> located in Boston, MA<span
50+
&nbsp;Working <span class="icon-at-sign"></span>Brunello
51+
<span class="icon-coffee"></span> Frontend Development
52+
<span class="icon-droplet"></span> Life is better when you make things.<span class="icon-zap"></span> located near Boston, MA<span
5453
class="icon-home"
5554
></span>
5655
</h2>
@@ -63,11 +62,7 @@ <h2 class="page__sub-title">
6362
<div class="row flex flex-align--center fill-height pad-default">
6463
<div class="column two-thirds animate fade-in">
6564
<p class="text--large">
66-
My name is Kyle Langford I have 10 years of professional experience and
67-
entrepreneurship in creating digital experiences. I focus on designing
68-
easy to use interfaces and writing clean human-readable code. I am
69-
passionate about learning new skills and refining my process. I have a
70-
positive attitude and enjoy bringing ideas to life.
65+
My name is Kyle Langford I have over 10 years of professional experience designing and developing online websites. I focus on creating easy to use interfaces and writing clean human-readable code. I am passionate about learning new skills and developing my process. I have a positive attitude and enjoy bringing ideas to life.
7166
</p>
7267
</div>
7368
<figure class="image">
@@ -83,7 +78,7 @@ <h2 class="page__sub-title">
8378
<!-- User Interface Design -->
8479
<header class="row pad-default">
8580
<div class="column">
86-
<div class="text--display"><strong>Design</strong></div>
81+
<div class="text--display"><strong>Digital Experience</strong></div>
8782
<p>Modern. Simple. Human.</p>
8883
</div>
8984
</header>
@@ -92,31 +87,29 @@ <h2 class="page__sub-title">
9287
<div class="column one-fourth animate fade-in">
9388
<p class="list-title">Interface Design</p>
9489
<ul class="pretty">
95-
<li>Information Architecture</li>
96-
<li>Design Systems</li>
90+
<li>Mobile First</li>
9791
<li>Responsive Web Design</li>
98-
<li>Page Layout</li>
92+
<li>Web Forms</li>
93+
<li>SVG Animation</li>
94+
<li>Data Visualization</li>
9995
</ul>
10096
</div>
10197
<div class="column one-fourth animate fade-in">
10298
<!-- Capabilities -->
103-
<p class="list-title">Experience Design</p>
99+
<p class="list-title">User Experience</p>
104100
<ul class="pretty">
105-
<li>Accessibility</li>
106-
<li>Usability</li>
107-
<li>Product Design</li>
101+
<li>Wireframing</li>
102+
<li>User Heuristics</li>
103+
<li>WAGC2.1 Accessibility</li>
108104
</ul>
109105
</div>
110106
<!-- Design Tools -->
111107
<div class="column one-fourth animate fade-in">
112-
<p class="list-title">Design Tools</p>
108+
<p class="list-title">Process</p>
113109
<ul class="pretty">
114-
<li>Adobe Photoshop</li>
115-
<li>Adobe Illustrator</li>
116-
<li>Balsamiq</li>
117-
<li>Browser</li>
118-
<li>Invision App</li>
119-
<li>Sketch</li>
110+
<li>Information Architecture</li>
111+
<li>Content Strategy</li>
112+
<li>Design Systems</li>
120113
</ul>
121114
</div>
122115
</div>
@@ -127,7 +120,7 @@ <h2 class="page__sub-title">
127120
<header class="row flex--inline pad-default">
128121
<div class="column">
129122
<div class="text--display">
130-
<strong>Dev<span class="hide--for-mobile">elopment</span></strong>
123+
<strong>Frontend Dev<span class="hide--for-mobile">elopment</span></strong>
131124
</div>
132125
<p>Plan. Implement. Iterate.</p>
133126
</div>
@@ -136,33 +129,36 @@ <h2 class="page__sub-title">
136129
<div class="row flex pad-default">
137130
<!-- Capabilities -->
138131
<div class="column one-fourth animate fade-in">
139-
<p class="list-title">Capabilities</p>
132+
<p class="list-title">Focus</p>
140133
<ul class="pretty">
141-
<li>CMS Theming</li>
142-
<li>Frontend Development</li>
143-
<li>Prototyping</li>
144-
<li>Website Development</li>
134+
<li>Web Development</li>
135+
<li>Content Management<li>
136+
<li>Theming</li>
137+
<li>Estimating</li>
145138
</ul>
146139
</div>
147140
<!-- Core -->
148141
<div class="column one-fourth animate fade-in">
149-
<p class="list-title">Core</p>
142+
<p class="list-title">Stack</p>
150143
<ul class="pretty">
151-
<li>HTML / CSS</li>
152-
<li>JavaScript</li>
153-
<li>Gulp.js / NPM</li>
154-
<li>Git</li>
155-
<li>PHP</li>
144+
<li>Javascript</li>
145+
<li>HTML and CSS</li>
146+
<li>PHP and MYSQL</li>
147+
<li>Git: Source Control</li>
148+
<li>Node / NPM</li>
149+
<li>Gulp.js</li>
156150
</ul>
157151
</div>
158152
<!-- Technologies -->
159153
<div class="column one-fourth animate fade-in">
160-
<p class="list-title">Technologies</p>
154+
<p class="list-title">Technology</p>
161155
<ul class="pretty">
162-
<li>AngularJS / Angular</li>
163156
<li>Drupal CMS</li>
164-
<li>Node.js</li>
165-
<li>Shopify CMS</li>
157+
<li>Shopify E-Commerce</li>
158+
<li>Wordpress CMS</li>
159+
<li>Angular, AngularJS</li>
160+
<li>ReactJS</li>
161+
<li>Google Analytics</li>
166162
<li>Web Hosting</li>
167163
</ul>
168164
</div>
@@ -184,14 +180,19 @@ <h2 class="section__title">Info</h2>
184180
<ul class="pretty">
185181
<li class="list__item">
186182
<a href="mailto:kyle@raskyl.com"
187-
><span class="icon icons-list icon-mail"></span>kyle@raskyl.com</a
183+
><span class="icon icons-list icon-mail"></span>Email</a
188184
>
189185
</li>
190186
<li class="list__item">
191187
<a href="https://github.com/kylelangford"
192188
><span class="icon icons-list icon-github"></span>Github</a
193189
>
194190
</li>
191+
<li class="list__item">
192+
<a href="https://github.com/kylelangford"
193+
><span class="icon icons-list icon-github"></span>Codepen</a
194+
>
195+
</li>
195196
<li class="list__item">
196197
<a href="https://linkedin.com/in/kylelangford"
197198
><span class="icon icons-list icon-linkedin"></span>Linkedin</a

0 commit comments

Comments
 (0)