-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·184 lines (173 loc) · 8.92 KB
/
index.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/skeleton.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
<![endif]-->
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<header>
<h1>S.R. Allen Portfolio</h1>
</header>
<section>
<h2>Skills</h2>
<div class="row">
<div class="four columns">
<h3>Languages</h3>
<ul>
<li>Ruby 1.9.3/2</li>
<li>Javascript/JQuery</li>
<li>HTML 4 and 5</li>
<li>CSS 3</li>
</ul>
</div>
<div class="four columns">
<h3>Frameworks</h3>
<ul>
<li>Ruby on Rails 3.2.x/4</li>
<li>Node.js, Socket.io</li>
<li>Jekyll</li>
</ul>
</div>
<div class="four columns">
<h3>CMS</h3>
<ul>
<li>Drupal 6, 7</li>
<li>Cascade</li>
<li>Shopify</li>
</ul>
</div>
<div class="four columns">
<h3>Databases and Other</h3>
<ul>
<li>MySQL</li>
<li>PostgreSQL</li>
<li>Git</li>
<li>Capistrano</li>
</ul>
</div>
</div>
</section>
<section>
<h2>Projects</h2>
<div class="row">
<div class="one-third column">
<h3>KerryGold Irish Cream Liqueur</h3>
<h4>Shafer Condon Carter. May 2014 – present</h4>
<p><strong>Technologies: </strong>HTML5 CSS3, SASS, Ruby on Rails, JQuery, Gems: Active Admin, KSS, Susy, RSpec with Capybara</p>
<p>Built prototype website with HTML5, CSS3, JQuery, and Skeleton framework for initial design for client approval. Built out Ruby on Rails app with the use of several gems including Active Admin, KSS, Susy, and testing using RSpec with Capybara.</p>
<ul>
<li><a href="http://staging.kerrygoldirishcream.com/" target="_blank">Live Website</a></li>
</ul>
</div>
<div class="one-third column">
<h3>Nathan’s Famous Hot Dogs</h3>
<h4>Shafer Condon Carter. May 2014 – present</h4>
<p><strong>Technologies: </strong> HTML5, CSS3, Ruby on Rails, Jekyll, JQuery, Active Admin gem</p>
<p>Content migration, HTML5, CSS3, media queries for mobile and tablet views as well as compatibility back to IE 8, functionality for hall of fame and locator in RoR, content in Jekyll microsites.</p>
<ul>
<li><a href="http://nathansfamous.com/" target="_blank">Live Website</a></li>
</ul>
</div>
<div class="one-third column">
<h3>Rotary International</h3>
<h4>Shafer Condon Carter. May 2014 – present</h4>
<p><strong>Technologies: </strong>HTML5 CSS3, YAML, Ruby on Rails</p>
<p>Content updates, HTML5, CSS3, YAML and RoR functionality for end of campaign site updates and dynamic language translations.</p>
<ul>
<li><a href="http://thisclose.endpolio.org/" target="_blank">Live Website</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="one-third column">
<h3>Hyphenated Pictures</h3>
<h4>Dec 2013 – May 2014</h4>
<p><strong>Technologies: </strong>HTML 5, CSS 3, Skeleton, Shadowbox JQuery plugin, JQuery.</p>
<p>Re-design of website including updating to HTML5 and CSS 3. Use of Skeleton CSS framework to make it responsive to mobile devices. Installation of Shadowbox Javascript plugin as well as customized JQuery code for UX experience.</p>
<ul>
<li><a href="https://github.com/srallen/cinematographer" target="_blank">Github</a></li>
<li><a href="http://hyphenated-pictures.net/" target="_blank">Live Website</a></li>
</ul>
</div>
<!-- <div class="one-third column">
<h3>Black Pearl Designs</h3>
<p><strong>Technologies: </strong>Shopify e-commerce hosting and framework, Liquid markup, 3rd party plugins</p>
<p>Full site migration from Yahoo hosting to Shopify. Creation of product database. Installation and minor customization of responsive Shopify theme using Liquid markup. Installation of third party plugin.</p>
<ul>
<li><a href="#">Live Website</a></li>
</ul>
</div> -->
<div class="one-third column">
<h3>Math Game Independent Project</h3>
<h4>January 2014-April 2014</h4>
<p><strong>Technologies: </strong>Node.js, Socket.io, Express, Javascript, HTML5, CSS3, Skeleton CSS framework.</p>
<p>Interactive, multiplayer web-based math game to learn Node.js and associated technologies. Please note that the demo is being hosted on Heroku for free and may need a few seconds to start up.</p>
<ul>
<li><a href="https://github.com/srallen/mathgame" target="_blank">Github</a></li>
<li><a href="http://mighty-beyond-9595.herokuapp.com/" target="_blank">Demo Website</a></li>
</ul>
</div>
<div class="one-third column">
<h3>Michael Hartl’s Ruby on Rails Tutorial</h3>
<h4>October-November 2013</h4>
<p><strong>Technologies: </strong>Ruby on Rails 4.0, Twitter Bootstrap, RSpec, Heroku.</p>
<p>Ruby on Rails tutorial that builds a basic Twitter clone. Introduces Twitter Bootstrap, BDD basics with RSpec, and production deployment to Heroku.</p>
<ul>
<li><a href="https://github.com/srallen/sample_app_srallen" target="_blank">Github</a></li>
<li><a href="https://morning-beyond-4986.herokuapp.com/" target="_blank">Live Website</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="one-third column">
<h3>Women’s Coding Collective (formerly Codegogy) JQuery course project</h3>
<h4>September 2013</h4>
<p><strong>Technologies: </strong>HTML5, CSS3, JQuery</p>
<p>JQuery course project to learn basic JQuery and JQuery UI.</p>
<ul>
<li><a href="https://github.com/srallen/card-o-matic" target="_blank">Github</a></li>
<li><a href="http://cdpn.io/CJorE" target="_blank">Demo Website</a></li>
</ul>
</div>
<div class="one-third column">
<h3>Office of Medical Education, Feinberg School of Medicine, Northwestern University</h3>
<h4>January 2012 – June 2013</h4>
<p><strong>Technologies: </strong>HTML5, Cascade CMS</p>
<p>Assisted Office of Communications with site migration to Cascade CMS server. Managed updates for individual webpages with HTML5. Conducted one-on-one training of staff for content management.</p>
<ul>
<li><a href="http://www.feinberg.northwestern.edu/education/index.html" target="_blank">Live Website</a></li>
</ul>
</div>
<div class="one-third column">
<h3>Department of Family and Community Medicine, College of Medicine, University of Arizona</h3>
<h4>December 2008 – September 2011</h4>
<p><strong>Technologies: </strong>HTML4, HTML5, Drupal 6 CMS, IIS Server</p>
<p>Assisted with site migration to Drupal 6 including installation and configuration with IIS server. Installed third party modules. Assisted updates for individual webpages with HTML5. Conducted one-on-one training of staff for content management.</p>
<ul>
<li><a href="http://fcm.arizona.edu/" target="_blank">Live Website</a></li>
</ul>
</div>
</div>
</section>
</div>
</body>
</html>