-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (130 loc) · 7.11 KB
/
index.html
File metadata and controls
160 lines (130 loc) · 7.11 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>ChrisMal.in</title>
<meta name="description" content="Welcome to the Homepage of Chris Malin" />
<meta name="author" content="Chris Malin" />
<link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
<link href="css/impress.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.png" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>
<div id="impress">
<div id="welcome" class="step" data-x="0" data-y="1000" data-z="0" data-rotate="90" data-scale="1">
<img src="images/Chris_Malin_400x400.jpg">
<div id="info">
<p class="title">ChrisMal.in</p>
<p>Web Developer</p>
<div id="contact">
{<a href="mailto:csmalin@gmail.com">"email"    : "csmalin@gmail.com"</a>,<br/>
 <a href="http://www.github.com/csmalin">"github"   : "csmalin"</a>,<br/>
 <a href="http://www.linkedin.com/in/chrissmalin/">"linkedin" : "chrissmalin"</a>,<br/>
 <a href="http://www.twitter.com/burnninator">"twitter"   : "@burnninator"</a>}
</div>
</div>
</div>
<div id="about-me" class="step" data-x="0" data-y="-1450" data-z="0000" data-rotate="0" data-scale="3">
<p class="title">About Me:</p>
<div>
I am a programming enthusiast and recent transplant to San Francisco who loves challenges and solving problems. Previously, I worked for 10 years in the telecommunications industry climbing my way up from Technician to Technical Training Specialist. After years of self taught programming in a variety of languages, I made the leap, in more ways than one from trainer to developer and Florida to California, to become a world class beginner in web development via Dev Bootcamp. Excited to put my newly minted skills to use, I am seeking a position as a Full Stack Developer with a company that will challenge me while I continue to grow and learn every day.
</div>
</div>
<div id="experience-1" class="step" data-x="1825" data-y="1000" data-z="-3000" data-rotate="180" data-scale="2">
<p class="title">Experience</p>
<div class="experience-details">
<a href="http://www.devbootcamp.com">Dev Bootcamp</a><br/>
San Francisco, Ca<br/>
Feb 2013 – May 2013<br/><br/>
12 intense weeks developing software engineering skills<br/>
Learned – Ruby, Rails, Sinatra, AJAX, Heroku, Testing, Postgres, OAuth, RESTful APIs<br/>
Improved – Javascript, jQuery, CSS<br/>
Practiced - TDD, Agile Development, Pair Programming<br/>
</div>
</div>
<div id="experience-2" class="step" data-x="-2000" data-y="1000" data-z="-3000" data-rotate="0" data-scale="2">
<div class="experience-details">
<a href="http://www.brighthouse.com">Bright House Networks</a><br/>
Maitland/Daytona Beach, Fl<br/>
Jan 2003 – Feb 2013<br/><br/>
<b>Technical Training Specialist</b><br/>
Developed and taught training programs for new hires and existing technical employees<br/>
Implemented training programs used nationally across the company<br/>
Developed, designed and launched a wiki for field technicians<br/>
Developed a Blackberry app and later, a mobile web app to help technicians troubleshoot issues in the field<br/>
<br/>
Other positions held: Technical Specialist, Broadband Installation Technician
</div>
</div>
<div id="experience-3" class="step" data-x="500" data-y="3000" data-rotate="90" data-scale="2">
<div class="experience-details">
<a href="http://www.browningmktg.com/">Browning Communications</a><br/>
Debary, Fl<br/>
Mar 2002 – Dec 2002<br/><br/>
<b>Web Developer/Network Administrator</b><br/>
Designed and maintained web pages and databases for off-site clients<br/>
Maintained and managed office network and Microsoft Windows NT server
</div>
</div>
<div id="projects_intro" class="step" data-x="-2000" data-y="-1500" data-scale="1">
Here are a few projects I've worked on in the past.
</div>
<div id="safesf" class="step" data-x="2000" data-y="-1000" data-rotate="0" data-scale="1">
<p class="title">SafeSF.com</p>
<img src="images/safesf.png">
<ul class="description">
<b>Project Goals:</b>
<li>Use San Francisco's open data platform to gather and parse data from police reports filed in the city.</li>
<li>Use the browser's geolocation data to show the user's location on the map.</li>
<li>Change the user's location icon color to indicate a "danger" rating based on the type/quantity of crime data in close proximity to their current location.</li>
</ul>
<ul class="tech_used">
<b>Technologies Used:</b>
<li><a href="http://www.sinatrarb.com/">Ruby On Rails</a></li>
<li><a href="http://www.rspec.info/">RSpec</a></li>
<li><a href="https://en.wikipedia.org/wiki/Cron">Unix Cron Jobs</a></li>
<li><a href="http://www.jquery.com/">JQuery</a></li>
<li><a href="https://data.sfgov.org/">DataSF API</a></li>
<li><a href="https://dev.twitter.com/">Twitter API</a></li>
<li><a href="https://developers.google.com/maps/">Google Maps API</a></li>
</ul>
</div>
<div id="tweet_later" class="step" data-x="2000" data-y="2000" data-rotate="180" data-scale="1">
<p class="title">Tweet Later</p>
<img src="images/tweet_later.png">
<ul class="description">
<b>Project Goals:</b>
<li>A user can log-in to their Twitter account using the webapp.</li>
<li>They can then submit a tweet, and choose a later time for it to be posted to Twitter.</li>
Yeah, I know the color choice wasn't great, it's #BADA55!
</ul>
<ul class="tech_used">
<b>Technologies Used:</b>
<li><a href="http://www.sinatrarb.com/">Sinatra</a></li>
<li><a href="http://www.sidekiq.org/">Sidekiq</a></li>
<li><a href="http://www.oauth.net/">oauth</a></li>
<li><a href="http://dev.twitter.com/">Twitter API</a></li>
</ul>
</div>
<div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
</div>
</div>
<div class="hint">
<p>Use a spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>