/
index.php
executable file
·346 lines (345 loc) · 22.7 KB
/
index.php
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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
<!DOCTYPE html>
<?php include_once('connect.php'); ?>
<!--
* Copyright 2014
* Licensed under the Apache License v2.0
* Redesigned, Developed, and Maintained by: Samuel Jackson Rains
* Original design by Carlos Alvarezand http://www.basicoh.com.
-->
<html lang="en">
<head>
<title>Samuel J. Rains</title>
<meta charset="utf-8">
<meta name="description" content="Jack Rains is a software developer from Atlanta, Georgia. This site contains articles and information on various bodies of work." />
<meta name="author" content="Jack Rains">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS files-->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/component.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/alertify.core.css" rel="stylesheet">
<link href="css/prism.css" rel="stylesheet" />
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!-- favicon and touch icons -->
<link rel="icon" href="images/favicon.png">
<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-47836191-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="container">
<div id="bl-main" class="bl-main">
<!--=========== ABOUT SECTION ===========-->
<section>
<div class="bl-box">
<h2 >About</h2>
<!-- class="bl-icon bl-icon-about" -->
</div> <!-- /bl-box -->
<div class="bl-content">
<div class="row-fluid">
<div class="span12">
<h2>Hi there!</h2>
<p>
<!-- <img src="images/me.png" style="display: inline; float: left;"/>-->
I'm Samuel J. Rains (but you can call me "Jack"). As a developer out of Atlanta, Georgia, I've been in the field full-time since 2009 and part-time since 2005. Mainly using open-source technologies, I enjoy creating web applications, site design, and service oriented systems while broadening my knowledge in new technologies. Enjoy!
</p>
<div class="row-fluid">
<div class="span8">
<h2>Skills</h2>
<!-- Progress Bar -->
<div class="progress">
<div class="bar" style="width: 75%;">HTML/CSS 75%</div>
</div>
<div class="progress">
<div class="bar" style="width: 85%;">PHP 85%</div>
</div>
<div class="progress">
<div class="bar" style="width: 65%;">MySQL 65%</div>
</div>
<div class="progress">
<div class="bar" style="width: 45%;">Python 45%</div>
</div>
<div class="progress">
<div class="bar" style="width: 85%;">Web Accessibility 85%</div>
</div>
<div class="progress">
<div class="bar" style="width: 50%;">Git 50%</div>
</div> <!-- Progress Bar End -->
</div> <!-- /span8 -->
<div class="span4"></div>
<div class="span12">
<br>
<br>
</div>
<div class="span12">
<div class="row about-us">
<div class="span3">
<h3><i class="icon-user icon-white"></i> More About Me</h3>
Based out of Atlanta and a product of the University of Alabama, I'm an avid disc (and ball) golf player. I also enjoy bicycling, technology, surf music, and attempting to stay in shape...the latter being easier said than done. I've also been known to enjoy a craft beer or coffee around town.
</div>
<div class="span3">
<h3><i class="icon-heart icon-white"></i> What I Love</h3>
Collaborating with like-minded individuals to create the best possible solutions to any given issue is what drives me. I love creating software and approaching tasks with an open and positive mind. Accessibility and equal access for all are passions of mine. I build with accessibility in mind first, NOT as an afterthought.
</div>
<div class="span3">
<h3><i class="icon-wrench icon-white"></i> Work</h3>
Currently with the Georgia Institute of Technology, I am working to help bring accessible media to individuals across the U.S. via a SaaS model. Through agile methodologies, I've been able to utilize multiple languages to streamline and create accessible systems across various stacks and architectures. I'm wanting to expand my front-end knowledge as well as PostgreSQL and Python development.
</div>
<div class="span3">
<h3><i class="icon-bullhorn icon-white"></i> Get In Touch</h3>
Feel free to drop me a line at jack@samueljrains.com. I'm always up for exchanging ideas or possible collaborations. I don't bite!
</div>
</div> <!-- /row-about-us -->
</div> <!-- /span12 -->
</div> <!-- /row -->
</div> <!-- /span12 -->
</div> <!-- /row-fluid -->
</div> <!-- /bl-content -->
<span class="bl-icon bl-icon-close"></span>
</section>
<!--=========== PORTFOLIO SECTION ===========-->
<section id="bl-work-section">
<div class="bl-box">
<h2>Projects</h2>
<!-- class="bl-icon bl-icon-works"-->
</div>
<div class="bl-content" >
<h2>Recent Projects</h2>
<p>Here are some projects I have been working on recently. They encompass my abilities, not only in web development and software, but design as well. These web based applications are cross-compatible. "Speaking to" each other despite different database architecture and languages.</p>
<p>iOS and Android (Java!) development are also on the horizon...within the year. In the meantime, here are some examples of my body of work.</p>
<div class="row-fluid">
<div class="span4">
<ul id="bl-work-items" style="list-style: none;">
<li data-panel="panel-1"><a href="#"><img src="images/projects/atn.png" alt="access text dashboard" /></a></li>
</ul>
<p>AccessText Network</p>
</div> <!-- /span4 -->
<div class="span4">
<ul id="bl-work-items">
<li data-panel="panel-2"><a href="#"><img src="images/projects/amac.png" alt="amac homepage" /></a></li>
</ul>
<p>Alternative Media Access Center</p>
</div> <!-- /span4 -->
<div class="span4">
<ul id="bl-work-items">
<li data-panel="panel-3"><a href="#"><img src="images/projects/student_center.png" alt="student download center portal page"/></a></li>
</ul>
<p>Student Download & Resource Center</p>
</div> <!-- /span4 -->
</div> <!--/row-fluid -->
</div> <!-- /bl-content -->
<span class="bl-icon bl-icon-close"></span>
</section>
<!--=========== BLOG SECTION ===========-->
<section>
<div class="bl-box">
<h2>Articles</h2>
</div>
<div class="bl-content">
<div class="row-fluid">
<div class="span12">
<h2>Stuff</h2>
<img src="images/water-pic2.jpg" style="width: 100%;" alt="blue waterfront with dock">
<?php
try {
$article = $db->prepare("SELECT id, title, article, date FROM articles ORDER BY date DESC");
$article->execute();
}
catch (PDOException $ex) {
logError($ex->getMessage());
exit;
}
?>
<article>
<?php
$newest_article = $article->fetch(PDO::FETCH_OBJ);
echo '<h3>' . $newest_article->title .'</h3><p>' . date('m.d.Y' , strtotime($newest_article->date)) . '</p><div id="article_content">'. $newest_article->article . '</div>';
?>
</article>
<hr>
<h2>Other Entries</h2>
<div class='panel-group' id='accordion'>
<?php
while($row = $article->fetch(PDO::FETCH_ASSOC)) { ?>
<article>
<div class='panel panel-default'>
<div class='panel-heading'>
<h3 class='panel-title'>
<?php echo "<a style='color: white;' data-toggle='collapse' data-parent='#accordion' href='#collapse" . $row['id'] . "' >" . $row['title'] . " " . date('m.d.Y' , strtotime($row['date'])) . "</a>"; ?>
</h3>
</div>
<?php echo "<div id='collapse" . $row['id']."' class='panel-collapse collapse'><div class='panel-body'>" . $row['article']; ?>
<br />
<hr>
</div>
</div>
</div>
</article>
<?php } ?>
</div>
</div> <!-- /span12 -->
</div> <!-- /row-fluid -->
</div> <!-- /bl-content -->
<span class="bl-icon bl-icon-close"></span>
</section>
<!--=========== CONTACT SECTION ===========-->
<section>
<div class="bl-box">
<h2 >Contact</h2>
</div>
<div class="bl-content">
<div class="row-fluid">
<div class="span12">
<h2>Get in touch</h2>
<img src="images/atl.jpg" style="width: 100%;" alt="atlanta skyline" />
<br>
<?php
$number1 = rand(0,10);
$number2 = rand(0,10);
$answerValue = $number1 + $number2;
?>
<p>Fill out the form below, or you could drop me an email as well.</p>
<form action="process.php" method="POST">
<label for="name">Name</label>
<input type="text" name="name" placeholder="Jack Rains" maxlength="100" />
<label for="email">Email</label>
<input type="text" name="email" placeholder="jack@samueljrains.com" maxlength="100" />
<label for="message">Message</label>
<textarea name="message" placeholder="You are awesome!" rows="5" cols="4" maxlength="1000"></textarea>
<br />
<?php echo "What is: " . $number1 . " + " . $number2 . "?"; ?>
<br />
<label for="answerInput">Answer</label>
<input type="text" name="answerInput" placeholder="Correct answer is?" size="4" maxlength="2" />
<input type='hidden' name='answerValue' value='<?php echo $answerValue; ?>'/>
<br />
<button type="submit" >Submit</button>
</form>
<!--FINISH THIS!!! FORM WITH TABLE AND LABELS
<form id="myForm" method="post" title="Contact Info Request Form" action="action.cgi">
<table summary="Contact Infomration">
<fieldset>
<legend></legend>
<tr><td colspan="2">
<label for="name">Name</label></td>
<td><input type="text" title="field for entering your name" name="name" id="name" maxlength="50" />
</td></tr>
<tr><td colspan="2">
<label for="email">Email</label></td><td><input type="email" title="field for entering your email address" name="email" id="email" maxlength="50" placeholder="Email" />
</td></tr>
<tr><td colspan="2">
<label for="message">Message</label></td><td><textarea title="field for entering your message" name="message" id="message" rows="5" cols="4" maxlength="1000"placeholder="Message"></textarea>
</td><t/r>
<tr><td>
"""
print "What is %d + %d?</td></tr>" % (number1, number2)
print """
<tr><td colspan="2">
<label for="answer_input">Answer</label></td><td><input style="width: 70px;" type="text" title="field for entering the anti spam answer" placeholder="Answer" size="4" maxlength="2" id="answer_input" name="answer_input" />
"""
print "<input type='hidden' name='answer_value' id='answer_value' value='%d'/>" % (answer_value)
print """
<tr><td>
<input type="submit" class="submit" name="submit" value="send message" />
</td></tr>
</fieldset>
</table>
</form>
-->
<p>jack@samueljrains.com | Atlanta, Georgia 30307</p>
<p>
<a href="http://www.github.com/samueljrains" class="social-network github" target="_blank" ><span>github</span></a>
<a href="http://www.reddit.com/user/alasjr" class="social-network reddit" target="_blank" ><span>reddit</span></a>
<a href="http://www.twitter.com/jack__rains" class="social-network twitter" target="_blank" ><span>twitter</span></a>
<a href="https://stackexchange.com/users/3475503/jack?tab=accounts" class="social-network openid" target="_blank"><span>stack exchange</span></a>
</p>
</div>
</div>
</div>
<span class="bl-icon bl-icon-close"></span>
</section>
<!--=========== PROJECTS DESCRIPTIONS SECTION ===========-->
<div class="bl-panel-items" id="bl-panel-work-items">
<div data-panel="panel-1">
<div class="row-fluid">
<div class="span8 offset2 tweak">
<img src="images/projects/atn.png" alt="accesstext dashboard" />
<br>
<br>
<h3>The AccessText Network</h3>
<p>AccessText is a conduit between the publishing world and colleges and universities across the country, with a shared mission to ensure students with disabilities have equal access to their textbooks in an accessible format and in a timely manner.</p>
<h4>Project Details</h4>
<p>Accommodating several textbook publisher's APIs, I developed a service oriented tracking system with extensive user management to provide accessible textbooks and requests to end users. This includes, download restrictions (14 days only), request data, geographical/IP information, etc. </p>
<p>Using the CakePHP framework and Amazon S3, I migrated off the existing (third party) architecture of the network and developed an extensive backend for user management, file delivery, and asset tracking. I also assisted in the front-end design and implementation of the forward facing website.</p>
<p><a href="http://accesstext.org" title="accesstext homepage" target="_blank" >AccessText Website</a></p>
</div>
<!-- /span8 -->
</div>
<!-- /row-fluid -->
</div>
<!-- /panel1 -->
<div data-panel="panel-2">
<div class="row-fluid">
<div class="span8 offset2 tweak">
<img src="images/projects/amac.png" alt="professional work screenshot"/>
<br>
<br>
<h3>Alternative Media Access Center</h3>
<p>The Alternative Media Access Center is an organization based on removing the barriers in education for indivduials with disabilities.</p>
<h4>Project Details</h4>
<p>As one of only three developers, I have rewritten the realtime delivery of accessible media and facilitated the storage and access of over 15,000 accessible media files and hundres of thousands of mission critical data files. Primarily with the use of a LAMP stack (with Ruby scripts for backup) and agile development practices, I have helped create a single system for internal assets, employee information, sensitive student data, ticketing and support logging, in addition to accessible textbooks and media. The AMAC project encompasses hundreds of membership organizations across the United States and is growing rapidly. With the growth, scalability of the database architecture and systems has become paramount to my position and continues to do so everyday.</p>
<p>The unit was recently awarded the 2014 Campus Technology Innovator Award Winner in the Student Systems & Services category for the efficiency and ease-of-use by the products and services I have developed and maintained for several years. Also, the award was given due to the excellent analytics software reporting and quickness in response time. More information can be found here. <a href="http://www.coa.gatech.edu/news/amac-accessibility-solutions-awarded-2014-innovator-award-campus-technology-magazine" title="link to annoucment for award" target="_blank">Award Announcement</a></p>
<p><a href="http://www.amacusg.gatech.edu" target="_blank" >AMAC Website</a></p>
</div>
<!-- /span8 -->
</div>
<!-- /row-fluid -->
</div>
<!-- /panel2 -->
<div data-panel="panel-3">
<div class="row-fluid">
<div class="span8 offset2 tweak">
<img src="images/projects/student_center.png" alt="screenshot of student center dashboard">
<br>
<br>
<h3>Student Download & Resource Center</h3>
<p>The Student Download & Resource Center is a web application that was designed and developed to integrate the existing ordering systems directly with students. The process streamlines ordering and conveniently places all information directly in the hands of the students. Also, the portal allows students to request orders, software, as well as download their media.</p>
<h4>Project Details</h4>
<p>The Student Download & Resource Center is a "ground up" PHP project using MySQL as the database. The front end uses jQuery and JavaScript functions to create a seamless product that is both easy-to-use and highly functional as well.</p>
<p><a href="http://www.amacusg.gatech.edu" target="_blank" >AMAC Website</a></p>
</div>
<!-- /span8 -->
</div>
<!-- /row-fluid -->
</div>
<!-- /panel3 -->
<nav>
<span class="bl-next-work">Next Project</span>
<span class="bl-icon bl-icon-close"></span>
</nav>
</div>
<!-- /panel-items -->
</div>
<!-- /bl-main -->
</div> <!-- /container -->
<!-- javascript files-->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/boxlayout.js"></script>
<!--JS files for contact form -->
<script type="text/javascript" src="js/contact.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/alertify.min.js"></script>
<script>
$(function() {
Boxlayout.init();
});
</script>
<script src="js/prism.js"></script>
</body>
</html>