-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
204 lines (199 loc) · 8.98 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
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
<!doctype html>
<html>
<head>
<title>Alex Martin</title>
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<section id="splash" class="homeSlide">
<div class="logo"
data-top="height: 200px; width: 200px; top:40%; opacity: 1;"
data--50p-top="height: 25000px; width: 25000px; top: -850%; opacity: 1;"
data--60p-top="height: 25000px; width: 25000px; top: -850%; opacity: 0;"
>
</div>
<br>
<div class="scroll-prompt"
data-top="opacity: 1;"
data--5p-top="opacity: 0;"
>
<span class="prompt-text">(scroll down)</span>
</div>
</section>
<section id="menu" class="homeSlide">
<div class="menu"
data--50p-top="opacity: 0;"
data--60p-top="opacity: 1;"
data--100p-top="opacity: 1;"
>
<div class="menu-header">
<h2> alex • martin</h2>
</div>
<ul class="menu-nav">
<li class="about toggle">about</li>
<li class="panel" id="about">
<img class="headshot" src="img/headshot.jpg">
<br>
<h3>I'm a lifelong learner</h3>
<p>I love code and simplicity. I enjoy challenging myself to learn new things. I love fast-paced and dynamic. I believe in crowdsourcing and the greater good.</p>
<p>I'm a full-stack web developer currently located in South Carolina, US. I'm looking for work as a developer and am hoping to join a team environment where I can learn from and grow with those around me. I'm open to remote or on-site positions - relocation's not a deterrent for me. If you've got any ideas for me, or if you'd just like to chat, please <a href="mailto:hello@atmartin.io?Subject='Opportunity%20is%20knocking'">get in touch</a>.</p>
<p>
Current favorites:
<ul>
<li>Ember</li>
<li>Node & Express</li>
<li>Ruby on Rails</li>
</ul>
</p>
<p>Learn more about me on <a href="http://blog.atmartin.io">my blog</a> or <a href="https://www.linkedin.com/profile/view?id=409609864">my LinkedIn</a>.</p>
</li>
<li class="portfolio toggle">portfolio</li>
<li class="panel" id="portfolio">
<div class="portfolio-preview">
<div class="overlay"></div>
<div class="title">
<h3>Welcome!</h3>
</div>
<div class="left"><</div>
<div class="right">></div>
<div class="info">
<p>Welcome to my portfolio! To browse a small sample of my work, click on either edge of this panel.</p>
<p>To get you started, here's a taste of some code-intensive projects I'm proud of:<p>
<ul>
<li><a href="https://github.com/ATMartin/simple-modal-tutorial">Tutorial: Ember Modal</a><span class="preview-details">: Code to accompany a tutorial on writing a simple modal dialog in Ember.i</span></li>
<li><a href="https://github.com/ATMartin/ember-cli-gmaps">Tutorial: GMaps</a><span class="preview-details">: A follow-along repo for my tutorial on creating a Google Maps component in Ember.</span></li>
<li><a href="https://github.com/ATMartin/tiny-server/tree/tiny-auth">Tiny-Auth</a><span class="preview-details">: an extension of The Iron Yard's internal test server for students, providing simple authentication over HTTP with the help of MongoDB & Node.</span></li>
<li><a href="https://github.com/ATMartin/tiny-server/tree/master/word-key">Word-Key</a><span class="preview-details">: An 'alternative hash generator' for creating random passphrases or URLs.</span></li>
<li><a href="https://github.com/ATMartin/TIY-Projects-HelperBot">Helper Bot</a><span class="preview-details">: A chatbot extension for HipChat, implementing some useful and some funny features.</span></li>
</ul>
More can be found at my <a href="http://github.com/ATMartin">Github page</a>.
</div>
</div>
</li>
<li class="resume toggle">resume</li>
<li class="panel" id="resume">
<a href="http://docs.google.com/document/d/1tKRHd-t9jp8ybSwKJtRc68uCUg0oo3uQREBznP8OGq8">
<h3 style="text-align: center;">(click here for print-friendly version)</h3>
</a>
<h2>Skills</h2>
<h4>Languages:</h4>
<p>Javascript, HTML, CSS / SASS, Ruby, C#, PHP</p>
<h4>Frameworks:</h4>
<p>Ember, Backbone, Node, Express, Rails, Sinatra, .NET, Angular</p>
<h4>Data:</h4>
<p>Firebase, SQLite, MongoDB, Redis, SQL Server, Parse</p>
<h4>Systems:</h4>
<p>Windows, Linux, OSX, VMWare, Cisco</p>
<h2>Experience</h2>
<h4>Newberry Pathology Associates (2004-Present)</h4>
<h5>IT Adminstrator</h5>
<p>Sole technical manager for one of South Carolina's busiest medical practices. Oversight of all office tech including network, servers, databases, phone systems, and both home-brewed and vendor-licensed software.</p>
<h5>Autopsy Diener</h5>
<p>Morgue assistant & autopsy technician, assisting in all aspects of postmortem forensic investigation.</p>
<h4>Newberry County School District (2004-2008)</h4>
<h5>Technology Assistant</h5>
<p>Part of a small team responsible for daily operations of a K-12 district. Duties included physical setup/teardown of PCs and networks, server maintenance, user management and general inquiry response.</p>
<h2>Education</h2>
<h4>The Iron Yard Academy (2015)</h4>
<p>Front End Engineering</p>
<h4>Newberry College (2005-2008)</h4>
<p>B.S. In Chemistry with concentration in Forensic Science</p>
<a href="http://docs.google.com/document/d/1tKRHd-t9jp8ybSwKJtRc68uCUg0oo3uQREBznP8OGq8">
<h3 style="text-align: center;">(click here for print-friendly version)</h3>
</a>
</li>
<li class="contact toggle">contact</li>
<li class="panel" id="contact">
email: hello@atmartin.io
<br>
phone: +1-803-537-6375
<br>
twitter: <a href="http://twitter.com/ADotMartin">@ADotMartin</a>
<br>
github: <a href="http://github.com/ATMartin">@ATMartin</a>
<br>
professional:
<a href="https://www.linkedin.com/profile/view?id=409609864">LinkedIn</a>,
<a href="https://angel.co/alex-martin-1">AngelList</a>
</li>
</ul>
<div class="close-panel"><< menu</div>
</div>
</section>
<!--
<div class="backpanel">
<div class="logo"
data-center="height: 200px; width: 200px; left: 46%; top: 38%; opacity: 1;"
data--50p-top="height: 500px; width: 500px; left: -190%; top: -300%; opacity: 1;"
data--100p-top="height: 500px; width: 500px; left: -190%; top: -300%; opacity: 0;"
>
</div>
<div class="inner-text"
data--75p-top="opacity: 0; width: 1%; height: 1%; top: 48%; left: 48%;"
data--200p-top="opacity: 1; width: 80%; height: 90%; top: 5%; left: 9%;"
>
<div class="upper-left">
<div class="circle">
<h2>Alex Martin</h2>
<p>Web Application Engineer</p>
<p>
Got a job? Need a hand?
<br>
Get in touch!
</p>
<p>
<a href="http://twitter.com/ADotMartin">@ADotMartin</a><br>
martin.alex.t@gmail.com
</p>
</div>
</div>
<div class="upper-right">
<div class="diamond">
<a href="http://blog.atmartin.io"><h2>Blog</h2></a>
</div>
</div>
<div class="lower-left">
<div class="square">
<h2>Portfolio / Samples</h2>
</div>
</div>
<div class="lower-right">
<div class="triangle">
<h2>Thanks!</h2>
</div>
</div>
</div>
<div class="scroll-prompt">
</div>
</div>
</section>
-->
<!--
<section id="about" class="homeSlide">
<div class="backpanel"
data-center="background-color: rgb(0, 255, 0);"
data-bottom-top="background-color: rgb(255, 0, 0);"
data-anchor-target="#about"
>
This is the about section.
</div>
</section>
<section id="portfolio">
This is the portfolio section.
</section>
<section id="resume">
This is my resume section.
</section>
<section id="contact">
This is where my contact info is.
</section>
-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.29/skrollr.min.js"></script>
<script type="text/javascript" src="js/scrollhack.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<body>
</html>