-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
180 lines (179 loc) · 14 KB
/
portfolio.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
<DOCTYPE = <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta author="Mike Wrobel" description="About Me">
<title>Hi There!</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/style.css" />
</head>
<body>
<header>
<hgroup>
<div id="header-title">
<h6>Mike Wrobel</h6>
</div>
<nav class="header-content">
<ul>
<li><a href="index.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</hgroup>
</header>
<main>
<article id="Portfolio">
<div class="main-title">
<h1>Portfolio</h1>
</div>
<section class="main-content">
<!-- Personal Website -->
<h2>My web portfolio</h2>
<div class="web-dev">
<div class="personal web-dev-item">
<img id="MyWordPressSite-picture" src="assets/images/Mike_Wrobel.png" alt="My Site" width="25%" height="25%"; /><br/>
<a id="MyWordPressSite-link" href="https://michaelrwrobel.wordpress.com/">My personal site</a>
</div>
<div class="project web-dev-item">
<img id="Chefs-picture" src="assets/images/recipe-box_925x.jpg" alt="Chef's Cabinet recipes and restuarants" width="25%" height="50%"; /><br/>
<a id="Chefs-link" href="https://kbeeler.github.io/Chef-s_Cabinet/">Chef's Cabinet</a>
</div>
<div class="node web-dev-item">
<img id="Movies-picture" src="assets/images/popcorn.png" alt="Hamburgers - Node/Express/Handlebars/Sequelize/MySequelize/MongoDB based MVC Home Theater application." width="25%" height="50%"; /><br/>
<a id="Movies-link" href="https://floating-hollows-12152.herokuapp.com/">Movies</a>
</div>
<div class="node web-dev-item">
<img id="EMC-picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Star_of_life2.svg/192px-Star_of_life2.svg.png" alt="EMC - Node/Express/React/MongoDB based MVC Health Care App." width="25%" height="50%"; /><br/>
<a id="EMC-link" href="https://emergency-communication.herokuapp.com">Emergency</a>
</div>
<div class="graphics web-dev-item">
<img id="GIFTastic-picure" src="assets/images/technics-q-c-640-480-7.jpg" alt="GIF Tastic" width="33%" height="66%"; /><br/>
<a id="GIFTastic-link" href="https://michaelwrobelpersonal.github.io/GIFTastic/">Checkout Pics</a>
</div>
<div class="game web-dev-item">
<img id="OlympicMan-picture" src="assets/images/hangman.png" alt="Olympic Man" width="25%" height="25%"; /><br/>
<a id="OlympicMan-link" href="https://michaelwrobelpersonal.github.io/Hangman-Game/">Olympic Man</a>
</div>
<div class="game web-dev-item">
<img id="Crystals-picture" src="assets/images/crystal.png" alt="Crystals" width="25%" height="25%"; /><br/>
<a id="Crystals-link" href="https://michaelwrobelpersonal.github.io/week-4-game/">Crystal Collector</a>
</div>
<div class="game web-dev-item">
<img id="Trivia-picture" src="assets/images/baseball-clipart.jpg" alt="Baseball Trivia" width="25%" height="25%"; /><br/>
<a id="Trivia-link" href="https://michaelwrobelpersonal.github.io/TriviaGame/">Baseball Trivia</a>
</div>
<div class="game web-dev-item">
<img id="Spy-vs-Spy-RPS-picture" src="assets/images/SpyvsSpy.jpeg" alt="Spy-vs-Spy RPS" width="25%" height="50%"; /><br/>
<a id="GIFTastic-link" href="https://michaelwrobelpersonal.github.io/RPS-Multiplayer/">Spy-vs-Spy</a>
</div>
<!-- A couple of backend only projects, no UI to view
<div class="node web-dev-item">
<img id="Liri-picture" src="assets/images/technics-q-c-640-480-9.jpg" alt="Liri Node based helper app" width="25%" height="50%"; /><br/>
<a id="LIRI-link" href="https://github.com/MichaelWrobelPersonal/Liri-node-app">Liri</a>
</div>
<div class="node web-dev-item">
<img id="Retro-Olympicman-picture" src="assets/images/technics-q-c-640-480-2.jpg" alt="Retro Olympic Man - Node based version of the Olympic Man hangman game displyed in Retro text." width="25%" height="50%"; /><br/>
<a id="Retro-Olympicman-link" href="https://github.com/MichaelWrobelPersonal/Hangman-node-app">Retro Olympic Man</a>
</div>
<div class="node web-dev-item">
<img id="Big-Amazon-picture" src="assets/images/technics-q-c-640-480-5.jpg" alt="Big Amazon - Node/MySQL based commerce application." width="25%" height="50%"; /><br/>
<a id="Big-Amazon-link" href="https://github.com/MichaelWrobelPersonal/Big_Amazon">Big Amazon</a>
</div>
-->
<div class="node web-dev-item">
<img id="Friend-Finder-picture" src="assets/images/technics-q-c-640-480-9.jpg" alt="Friend Finder - Node based social application." width="25%" height="50%"; /><br/>
<a id="Friend-Finder-link" href="https://fathomless-caverns-63994.herokuapp.com">Friend Finder</a>
</div>
<div class="node web-dev-item">
<img id="Hamburgers-picture" src="assets/images/burger.jpg" alt="Hamburgers - Node/Express/Handlebars/Sequelize/MySequelize based MVC application involving hamburgers." width="25%" height="50%"; /><br/>
<a id="Hamburgers-link" href=" https://gentle-escarpment-74556.herokuapp.com/">Burgers</a>
</div>
<!--
<div class="node web-dev-item">
<img id="Newsweb-picture" src="assets/images/news.png" alt="News - Node/Express/MongoDB/Mongoose based application to scrape some news." width="25%" height="50%"; /><br/>
<a id="Newsweb-link" href="https://sheltered-oasis-84271.herokuapp.com/">News</a>
</div>
-->
<div class="node web-dev-item">
<img id="Memory-picture" src="assets/images/joker.png" alt="Memory - A React based application of the classic card game memory." width="25%" height="50%"; /><br/>
<a id="Memory-link" href="https://polar-bayou-72425.herokuapp.com">Memory</a>
</div>
</div>
<div class="ind-dev">
<h2>A few of my industrial projects</h2><cr>
<!-- Power Wave Manager - Submerged Arc Welder -->
<div class="SubArcCellWelder ind-dev-item">
<img id="SubArcCellWelder-picture" src="https://ch-delivery.lincolnelectric.com/api/public/content/bb5fbd6da01e4e298a7b1804def43c56?v=32570e0b&t=600x429" alt="Sub-Arc-Cell Welder ACDC 1000" title="AC/DC 1000 Welder controlled by Command Center">
</div>
<!-- PGC 5000 -->
<div class="PGC5000 ind-dev-item">
<img id="PGC5000-picture" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvIyw9uZFiWPNaQoeOc_BQ1iWJNngoy5c7rw&s"PGC 5000 Poster" title="PGC-5000 Gas Chromatograph">
</div>
<!-- Process Portal/Batch Mgmt/MOD-300 -->
<div class="PPA_Batch">
<img id="PPA_Batch-picture" src="https://cdn.productimages.abb.com/9IBA188083_720x540.jpg" alt="800xA Batch Screens" title="Process Portal Control Room Software">
</div>
<p>The above projects where done for ABB Inc and Lincoln Electric.</p><cr>
<!-- Nordson Automotive -->
<div class="Nordson_ICS" ind-dev-item">
<img id="ProcessSentryPLCDispensers-picture" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQMjl9Lyk25gxpIdQorOzs6SLGZVDloM1LKE-p6S6FZDSqpzWgKwKdcwc8KAQ&s" alt="Process Sentry PLC Dispensers" title="Process Sentry PLC Dispensers">
<img id="ProcessSentryPLCController-picture" src="https://nc-p-001.sitecorecontenthub.cloud/api/public/content/7183edb49efb4260a33427b3f384de8b?v=0515a5d3" alt="Process Sentry PLC Controller" title=Process Sentry PLC Controller">
</div>
<div class="Nordson_ICS" ind-dev-item>
<img id="ProcessSentryPLCRhino-picture" src="https://nc-p-001-delivery.sitecorecontenthub.cloud/api/public/content/7999a70176e9451cbe488a5bf8e42e1c?v=ee8ce258" alt="Rhino Adhesive Pump w Barcode Reader" title="Rhino Adhesive Pump w Barcode Reader">
</div>
<p>Above are examples of Nordson automotive adhesive equipment.</p><cr>
<!-- Nordson Powder & Container -->
<div class="Nordson_ICS" ind-dev-item>
<img id="TraxContainer-picture" src="https://nc-p-001.sitecorecontenthub.cloud/api/public/content/d4dbbb8bec4d4e3fa1eaa739601cad91?v=197bf794" alt="iTrax® Container Coating" title="iTrax® Container Coating">
</div>
<div class="Nordson_ICS" ind-dev-item>
<img id="FuzyonInkDot-picture" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTJUXyBMnJK_2KQ22UCKrIwxSaps-2UX1B6bQ&s" alt="Ink-Dot® Container-ID" title="Ink-Dot® Container-ID">
</div>
<div class="Nordson_ICS" ind-dev-item>
<img id="EnhanceEngagePowder-picture" src="https://nc-p-001.sitecorecontenthub.cloud/api/public/content/b63aabd0da7d4b869e2f5e4c6cb97a47?v=4126549c" alt="Enhance® Engage Powder Coating" title="Enhance® Engage Powder Coating">
</div>
<p>Above are some of Nordson's container & powder coating equipment.</p><cr>
<!-- ABB & Bailey -->
<div class="ABB_Bailey">
<img id="ABBBridgeController-picture" src="https://cdn.productimages.abb.com/9IBA247217_master.jpg" alt="Harmony® Bridge Controller" title="Harmony ® Bridge Controller">
<img id="ABBStationAnalogControl-picture" src="https://www.quicktimeonline.com/assets/images/Products/IISAC01.png" alt="Bailey Controls IISAC01" title="Bailey Controls IISAC0">
<img id="ABBRemoteIOGateway-picture" src="https://cdn.productimages.abb.com/9IBA247240_master.jpg" alt="Harmony® Remote I/O" title="Harmony® Remote I/O module">
<p>Above are examples of my early ABB/Bailey embedded projects.</p>
</div>
</div>
<div class="mil-dev">
<h2>One of my defense projects</h2><cr>
<!-- HRB Systems -->
<div class="HRB_Systems">
<img id="HRBB1BomberSimulator-picture" src="https://media.defense.gov/2018/Aug/24/2001958418/1200/1200/0/180821-F-JM042-0011.JPG" alt="B-1 Bomber Simulator" title="B-1 Bomber Simulator">
<p>As a young engineer at HRB I worked on flight simulators.</p>
<a id="HRBB1BomberSimulator-link" href="https://www.ellsworth.af.mil/News/Features/Display/Article/1612366/the-b-1-
simulator-keeping-aircrew-ready-for-war/">More Information on the B-1 Bomber Simulator. Still going strong!</a>
</div>
</div>
</section>
</article>
<aside class="Connect">
<div class="main-title">
<h2>Connect with Me</h2>
</div>
<br />
<a class="contact-item item-github" href="https://github.com/MichaelWrobelPersonal">
<img class="contact-icon" src="assets/images/github-128.png" alt="GitHub Account", title="GitHub">
</a>
<a class="contact-item item-linkedin" href="https://www.linkedin.com/in/michaelrwrobel">
<img class="contact-icon" src="assets/images/linkedin-128.png" alt="LinkedIn Account", title="LinkedIn">
</a>
<a class="contact-item item-stackoverflow" href="https://stackoverflow.com/users/9179488/mike-wrobel">
<img class="contact-icon" src="assets/images/stackoverflow-128.png" alt="StackOverlow Account", title="Stackoverflow">
</a>
</aside>
</main>
<footer>
<div class="footer-content">Copyright © 2024 Mike Wrobel</div>
</footer>
</body>
</html>