-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
297 lines (239 loc) · 10.7 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
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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Portfolio for Marc Shapiro</title>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--Navigation bar-->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" style="color: #ffff00; margin-top: 6px" href="#">Marc Shapiro's Portfolio</a>
</div>
<div id="myNavbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about" class="btn btn-custom" role="button">About</a></li>
<li><a href="#portfolio" class="btn btn-custom">Portfolio</a></li>
<li><a href="#contact" class="btn btn-custom"">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<!--About-->
<div id="about" class="row text-center">
<h1>
<br />
<u>About</u>
<br />
<br />
</h1>
<center>
<h3 class="portfolio_item_last">Hi! My name is Marc Shapiro. It has been a long time since I have done any HTML, mostly from before the days of CSS. So I have a lot of catching up to do, but that's where all of the fun comes in. I'll be learning lot's of new stuff, and as I do I will add my new projects here.</h3>
</center>
</div>
<!--Portfolio-->
<div id="portfolio" class="row">
<center>
<h1>
<br />
<u>Portfolio</u>
<br />
<br />
</h1>
</center>
<div class="portfolio_item col-md-6" style="height: 425px">
<center>
<br />
<div>
<a href="http://myplace.frontier.com/~mshapiro_42/index.html" target="_blank"><img width=640" height=300 src="images/Meadery.jpeg" alt="The Meadery image"></a>
</div>
<br />
<p style="font-size:15px">This was my first website. Javascript had arrays when this was written, but only in the latest browsers. Many browsers still used an older version of javascript, so, for compatability, I had to make my own arrays from the base object up. I hope to get back to this site sometime and update it to take advantage of current technologies</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 425px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/tictactoe/index.html" target="_blank"><img width=640 height=300 src="images/TicTacToe.jpeg" alt="Play Tic-Tac-Toe image"></a>
</div>
<br />
<p style="font-size:15px">Play Tic-Tac-Toe.</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/recipes/index.html" target="_blank"><img width=640" height=300 src="images/Recipes.jpeg" alt="Recipe Filer"></a>
</div>
<br />
<p style="font-size:15px">Recipe File</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/vis_bar/index.html" target="_blank"><img width=640 height=300 src="images/Vis_Bar.jpeg" alt="Bar Chart Demo"></a>
</div>
<br />
<p style="font-size:15px">Bar chart demo using U.S. Gross Domestic Product (GDP) data.</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/vis_scatter/index.html" target="_blank"><img width=640 height=300 src="images/Vis_Scatter.jpeg" alt="Scatterplot Demo"></a>
</div>
<br />
<p style="font-size:15px">Scatterplot chart demo using world cyclist doping data.</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/vis_heatmap/index.html" target="_blank"><img width=640 height=300 src="images/Vis_Heatmap.jpeg" alt="Heat Map Demo"></a>
</div>
<br />
<p style="font-size:15px">Heatmap chart demo using monthly average global land temperatures from 1753 to 2015.</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 800px">
<center>
<br /><br /><br />
<div>
<a href="https://marcnshapiro.github.io/mastermind/index.html" target="_blank"><img width=300 height=640 src="images/Mastermind.jpeg" alt="Play Mastermind image"></a>
</div>
<br />
<p style="font-size:15px">Are you a codebreaker? I can break your code in five tries, or less. Can you do the same with mine?</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 800px">
<div class="portfolio_item" style="height: 400px"
> <center>
<br />
<div>
<a href="https://marcnshapiro.github.io/weather/index.html" target="_blank"><img width=640 height=300 src="images/Weather.jpeg" alt="Local Weather App image"></a>
</div>
<br />
<p style="font-size:15px">A Local Weather App.</p>
</center>
</div>
<div class="portfolio_item" style="height: 400px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/wikipediaViewer/index.html" target="_blank"><img width=640 height=300 src="images/WikipediaViewer.jpeg" alt="Wikipedia Viewer image"></a>
</div>
<br />
<p style="font-size:15px">A Wikipedia Viewer.</p>
</center>
</div>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/life/index.html" target="_blank"><img width=640 height=300 src="images/Life1.jpeg" alt="Conway's Game of Life image"></a>
</div>
<br />
<p style="font-size:15px">Conway's Game of Life (no React or SASS).</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/mandelbrot/index.html" target="_blank"><img width=640 height=300 src="images/Mandelbrot.jpeg" alt="Mandelbrot Set image viewer"></a>
</div>
<br />
<p style="font-size:15px">Mandelbrot Set Image Viewer</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 850px">
<div class="portfolio_item" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/quotes/index.html" target="_blank"><img width=640 height=300 src="images/Quotes.jpeg" alt="Random Quote Machine image"></a>
</div>
<br />
<p style="font-size:15px">A Random Quote Generator.</p>
</center>
</div>
<div class="portfolio_item" style="height: 475px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/simon/index.html" target="_blank"><img width=640 height=405 src="images/Simon.jpeg" alt="Game of Simon image"></a>
</div>
<br />
<p style="font-size:15px">How good is your memory? Can you remember a sequence of twenty colors and tones.</p>
</center>
</div>
</div>
<div class="portfolio_item col-md-6" style="height: 850px">
<center>
<br /><br /><br /><br />
<div>
<a href="https://marcnshapiro.github.io/calculator/index.html" target="_blank"><img width=461 height=640 src="images/Calculator.jpeg" alt="An RPN Scientific Calculator image"></a>
</div>
<br />
<p style="font-size:15px">An RPN Scientific Calculator.</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/tribute_zenryo_shimabukuro/index.html" target="_blank"><img width=640 height=300 src="images/Shimabukuro.jpeg" alt="Zenryo Shimabukuro Tribute Page image"></a>
</div>
<br />
<p style="font-size:15px">I practice Shoryn-Ryu Seibukan Karate. Zenryo Shimabukuro is the founder of the style.</p>
</center>
</div>
<div class="portfolio_item col-md-6" style="height: 375px">
<center>
<br />
<div>
<a href="https://marcnshapiro.github.io/pomodoro/index.html" target="_blank"><img width=640 height=300 src="images/Pomodoro.jpeg" alt="A Pomodoro Timer image"></a>
</div>
<br />
<p style="font-size:15px">A Pomodoro Timer.</p>
</center>
</div>
</div>
<!--Contact-->
<div id="contact" class="row text-center">
<h1>
<br />
<u>Contact</u>
<br />
<br />
</h1>
I can also be found in the following locations:
<br /><br />
Git Hub:
<a href="https://www.github.com/marcnshapiro" target="_blank"><img height=50 width=50 src="images/github.jpeg" alt="Github icon"></a>
<br /><br />
LinkedIn:
<a href="https://www.linkedin.com/in/marc-shapiro" target="_blank"><img height=50 width=50 src="images/linkedin.jpeg" alt="LinkedIn icon"></a>
<br /><br />
</div>
</div>
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script>
</body>
</html>