-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
215 lines (209 loc) · 10.3 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
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html>
<head>
<title>Ashland West | Portfolio</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<noscript
><link rel="stylesheet" href="assets/css/noscript.css"
/></noscript>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">Projects</a></li>
<li><a href="#two">Soft Skills</a></li>
<li><a href="#three">Contact</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Ashland West</h1>
<p>
Welcome, Traveler.
<br />
You have reached my portfolio. Please, stay a while. Have a look around.
<ul class="icons">
<li>
<a href="https://github.com/AshlandWest" class="icon brands fa-github"
><span class="label">GitHub</span></a
>
</li>
<li>
<a href="https://www.linkedin.com/in/ash-west-6371679b/" class="icon brands fa-linkedin-in"
><span class="label">LinkedIn</span></a
>
</li>
</ul>
</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Projects</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="guardian.html" class="image"
><img src="images/guardian-logo.jpg" alt="" data-position="center center"
/></a>
<div class="content">
<div class="inner">
<h2>The Guardian Project</h2>
<p>
Secure COVID-19 Contact Tracing
</p>
<ul class="actions">
<li><a href="guardian.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="hifi.html" class="image"
><img src="images/hifi-logo.png" alt="" data-position="top center"
/></a>
<div class="content">
<div class="inner">
<h2>HiFi Registration</h2>
<p>
A registration stack for the High Fidelity Fusion dance weekend
</p>
<ul class="actions">
<li><a href="hifi.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
<section>
<a href="lsplugin.html" class="image"
><img src="images/LS-logo.jpg" alt="" data-position="center center"
/></a>
<div class="content">
<div class="inner">
<h2>Launch Survey Plugin</h2>
<p>
A Google Chrome extension to automate a time-consuming task for the PBHS Support Team.
</p>
<ul class="actions">
<li><a href="lsplugin.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>Soft Skills</h2>
<br />
<div class="features">
<section onmouseover="displayContentOnEnter(event)" onmouseleave="hideContentOnLeave(event)">
<span class="icon solid major fa-puzzle-piece"></span>
<h3>Problem Solving</h3>
<p class="skillContent" style="display:none">
Creative problem solving has always been a passion of mine and is one of my primary interests in software development.
<br />
Challenges are made to be overcome, puzzles are made to be solved, and tedious tasks are made to be automated!
</p>
<br />
</section>
<section onmouseover="displayContentOnEnter(event)" onmouseleave="hideContentOnLeave(event)">
<span class="icon solid major fa-people-carry"></span>
<h3>Community Leadership</h3>
<p class="skillContent" style="display:none">
I have years of experience in professional community leadership as an organizer of North Bay Fusion, a dance venue in Sebastopol, California.
<br />
Informally, my leadership experience goes back to high school, as president of the Writer's Club. In collage, I was President of the Social Dance club and I.C.C. Representative of our competitive Hip-Hop dance team.
<br />
In my personal life, I find or create community wherever I go, from creating study-groups, to organizing events and activities, I believe interpersonal connections are at the heart of any healthy environment.
</p>
</section>
<section onmouseover="displayContentOnEnter(event)" onmouseleave="hideContentOnLeave(event)">
<span class="icon solid major fa-chalkboard-teacher"></span>
<h3>Instruction and Mentorship</h3>
<p class="skillContent" style="display:none">
I have many years of experience teaching, starting from childhood, helping mentor less experienced martial arts students.
<br />
In high school, I began teaching dance and parkour on an amateur level. After graduation, I coached my old wrestling team and eventually began teaching dance professionally. I teach locally, statewide, and now internationally as well.
</p>
<br />
</section>
<section onmouseover="displayContentOnEnter(event)" onmouseleave="hideContentOnLeave(event)">
<span class="icon solid major fa-project-diagram"></span>
<h3>Project Management</h3>
<p class="skillContent" style="display:none">
In 2016, I was placed at the head of PBHS's Silent Partner product, answering directly to the corporation's vice-president. In that time, I grew what was a failing product, months overdue for delivery, and no working prototype, to a multi-million dollar asset endorsed by the American Dental Association and found in dental offices around the world.
</p>
<br />
</section>
<section onmouseover="displayContentOnEnter(event)" onmouseleave="hideContentOnLeave(event)">
<span class="icon solid major fa-check"></span>
<h3>Professional Integrity</h3>
<p class="skillContent" style="display:none">
I believe every task a person completes is a reflection of their character. I take pride in my work as an extension of my own integrity and pride in myself as an engineer.
<br />
I am a firm believer in the "Find time to do it right or find time to do it twice" mentality and thus am committed to pushing my best work every time.
<br />
I believe the user experience should influence development, not the other way around. This means the end-user of a product should not have to change their behavior or struggle with unintuitive interfaces just because it was easier to write that way. I am an engineer. Solving big problems is what I do, and "just okay" is never good enough.
</p>
<br />
</section>
<section onmouseenter="displayContentOnEnter(event)" onmouseleave="hideContentOnLeave(event)">
<span class="icon solid major fa-users"></span>
<h3>Technical and Layman's Communication</h3>
<p class="skillContent" style="display:none">
My years of professional help-desk experience have fostered an acute talent at explaining highly technical concepts in simple layman's terms. This ranges from simply discussing the hows and whys of a subject to training 80-year-old customers to edit their own websites.
<br />
In addition the this, I am experienced in the high-level communication required to effectively and efficiently express ideas to other developers, making me a valuable asset in presenting ideas interdepartmentally and helping clarify things for new engineers or bring them up to speed on current projects.
</p>
<br />
</section>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<span id="contactForm">
<p>Do you know what crosswalks look like? How about traffic lights? Test your sight against the mighty CAPTCHA!</p>
<div class="g-recaptcha" data-sitekey="6LdlhYUaAAAAAM3gRLlKpFQFuKkoZnvyqKMFPLQt" data-callback="onVerify"></div>
</span>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© Ashland West. All rights reserved</li>
<li>Some projects are collaborative efforts from multiple parties. Please see the linked GitHub pages for credits.</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>