-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
245 lines (197 loc) · 7.69 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Firehose Portfolio</title>
<meta name="description" content="Ken Mazaika is a professional
software engineer specializing in full-stack development.
He has extensive experience with Ruby, Rails, JavaScript,
and building web applications.">
<link rel="stylesheet" href="css/styles.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
<link rel="stylesheet" href="css/prism-atom-dark.css" type="text/css">
<script type="text/javascript" src="js/prism.js"></script>
<script type="text/javascript" src="js/prism.ruby.js"></script>
</head>
<body>
<div class="about-container">
<ul>
<li><a href="#" class="nav-link">About</a></li>
<li><a href="#code-samples" class="nav-link">Code Samples</a></li>
<li><a href="#web-apps" class="nav-link">Web Apps</a></li>
<li><a href="#skills-and-tools" class="nav-link">Skills & Tools</a></li>
<li class="hire-me"><a href="#contact" class="nav-link">Hire Me</a></li>
</ul>
<div class="about">
<img src="images/profile-photo.jpg" alt="My Image" class="profile-img">
<h1>Kobi Tsarlz Gonzales</h1>
<h2>JUNIOR SOFTWARE ENGINEER</h2>
<hr class="grey">
<p class="bio">I'm a graduate of BS Information Technology in Trinity University of, a slef taughr developer and passionate about developing web applications. Currently working the curriculum over at the Fireshose project, making my way towards developing projects for nonprofit organizations. I enjoy building clean, functional designs that are pleasing to the eye without too much distraction.</p>
</div>
</div>
<h3 id="code-samples">Code Snippets</h3>
<hr class="yellow">
<div class="box">
<h4> Temperature Conversion</h4>
<p>This ruby program will prompt the user for a temperature
in degrees Celsius and let the user know what the
corresponding temperature is in Fahrenheit.
</p>
</div>
<div class="box">
<pre><code class="language-ruby">def func(var)
far = ((var * 9) / 5) + 32
return
end
puts "Enter degrees in Celcius: "
var = gets.to_i
puts "This is the temp in fahrenheit #{func(var)})"</code></pre>
</div>
<div class="clear">
</div>
<div class="box">
<pre><code class="language-ruby">def func(num)
var = num % 10
if num >=11 && num <=13
return "This is the #{num}th item"
elsif var % 10 == 1
return "This is the #{num}st item"
elsif var % 10 == 2
return "This is the #{num}nd item"
elsif var % 10 == 3
return "This is the #{num}rd item"
else
return "This is the #{num}th item"
end
end
puts "Enter a number"
num = gets.chomp.to_i
puts func(num)</code></pre>
</div>
<div class="box">
<h4>Ordinal Challenge</h4>
<p>
This ruby program will convert a plain number
to the ordinal of the number. So for example,
if the user enters 2, it will display 2nd, if
the user enters 3, it will display 3rd, etc.
</p>
</div>
<div class="clear">
</div>
<div class="box">
<h4>Foobar</h4>
<p>
This ruby program is an adaptation of a classic technical
interview problem which displays sequences
of the Foobar pattern.
</p>
</div>
<div class="box">
<pre><code class="language-ruby"> def func(items)
num = (1..items).to_a
num.each do |foo|
if foo % 3 == 0 && foo % 5 == 0
puts "FooBar"
elsif foo % 3 == 0
puts "Foo"
elsif foo % 5 == 0
puts "Bar"
else
puts foo
end
end
end
puts "How many items do you want to see?"
items = gets.chomp.to_i
func(items)</code></pre>
</div>
<div class="clear">
<h3 id="web-apps">Web Apps</h3>
<hr class="yellow">
<div class="box">
<h4>Quote Generator</h4>
<img src="images/splurty.png" alt="" class="full-width">
<p>
A database-powered quote generator with a mobile-first
design, using the Ruby on Rails framework, HTML, and CSS.
Uses Git and GitHub for version control, and launched
on Heroku.
</p>
</div
<br class="clear"/>
<div class="box">
<h4>Yelp Clone</h4>
<img src="images/nomster.png" class="full-width" />
<p>
A Yelp clone that integrates with the Google Maps API
and includes features like user comments, star ratings,
image uploading, and user authentication.
</p>
</div>
<br class="clear" />
<div class="box">
<h4>Two-Sided Market Place</h4>
<img src="images/flixter.png" class="full-width" />
<p>
A two-sided, video-streaming marketplace platform that
features credit card payment capabilities, user role
management, complex user interfaces, and advanced
database relationships.
</p>
</div>
<div class="box">
<h4>Test Driven Development</h4>
<img src="images/grammable.png" class="full-width" />
<p>
An Instagram clone that was built using industry-standard, test-driven
development following numerous red/green/refactor cycles.
</p>
</div>
<br class="clear" />
<div class="box">
<h4>Single Page Todo Application</h4>
<img src="images/todoster.png" class="full-width" />
<p>
This single-page to-do application features a
fluid user interface that– by using JavaScript–
allows users to rapidly add dynamic content.
</p>
</div>
<div class="box">
<h4>Agile Team Project</h4>
<img src="images/chess.png" class="full-width" />
<p>
Worked on an Agile software development team building
a chess application. Under the guidance of a senior software engineer,
we had weekly Agile team meetings for code reviews, sprint planning,
and feature assignments.
</p>
</div>
<br class="clear" />
<h3 id="skills-and-tools">Skills & Tools</h3>
<hr class="yellow">
<p class="skills-and-tools">
I love development and design. I'm most comfortable with and developed proficiency and expertise
in the following programming languages and
comfort with the following tools.
</p>
<div class="icons">
<img src="images/github.png" alt="" class="icon">
<img src="images/rubocop.png" alt="" class="icon">
<img src="images/trello.png" alt="" class="icon">
<img src="images/slack.png" alt="" class="icon">
<img src="images/codeship.png" alt="" class="icon">
</div>
<br class="clear" />
<div class="icons" style="margin-top:15px;">
<img src="images/skills.png" alt="">
</div>
<div id="contact" class="contact">
<h3 class="contact-headline">Contact</h3>
<hr class=" yellow">
</div>
</div>
</body>
</html>