Skip to content

Commit 82af31a

Browse files
RoshanjosseyRoshanjossey
authored
Merge pull request #778 from stevodevo1/add-stevodevo1
add stevodevo1
2 parents 7ac7930 + 32b5ea5 commit 82af31a

File tree

1 file changed

+323
-0
lines changed

1 file changed

+323
-0
lines changed

‎contributors/stevodevo1.html‎

Lines changed: 323 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,323 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>stevodevo1 - GitHub Profile</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
16+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
17+
color: #333;
18+
padding: 2rem;
19+
line-height: 1.6;
20+
}
21+
22+
.profile-container {
23+
max-width: 1000px;
24+
margin: 0 auto;
25+
background: white;
26+
border-radius: 16px;
27+
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
28+
overflow: hidden;
29+
}
30+
31+
.profile-header {
32+
background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
33+
color: white;
34+
padding: 3rem 2rem;
35+
text-align: center;
36+
}
37+
38+
.profile-header h1 {
39+
font-size: 2.5rem;
40+
margin-bottom: 0.5rem;
41+
font-weight: 700;
42+
}
43+
44+
.profile-header .subtitle {
45+
font-size: 1.3rem;
46+
color: #a0aec0;
47+
margin-bottom: 1rem;
48+
}
49+
50+
.github-link {
51+
display: inline-block;
52+
color: #4299e1;
53+
text-decoration: none;
54+
font-size: 1.1rem;
55+
margin-top: 0.5rem;
56+
transition: color 0.3s;
57+
}
58+
59+
.github-link:hover {
60+
color: #63b3ed;
61+
}
62+
63+
.profile-content {
64+
padding: 2rem;
65+
}
66+
67+
.section {
68+
margin-bottom: 2.5rem;
69+
}
70+
71+
.section h2 {
72+
font-size: 1.5rem;
73+
color: #2d3748;
74+
margin-bottom: 1rem;
75+
padding-bottom: 0.5rem;
76+
border-bottom: 3px solid #667eea;
77+
display: inline-block;
78+
}
79+
80+
.profile-about {
81+
background: #f7fafc;
82+
padding: 1.5rem;
83+
border-radius: 8px;
84+
border-left: 4px solid #667eea;
85+
margin-bottom: 1.5rem;
86+
}
87+
88+
.profile-about p {
89+
color: #4a5568;
90+
font-size: 1rem;
91+
line-height: 1.8;
92+
}
93+
94+
.profile-about strong {
95+
color: #2d3748;
96+
}
97+
98+
.badge-container {
99+
display: flex;
100+
flex-wrap: wrap;
101+
gap: 0.75rem;
102+
margin-top: 1rem;
103+
}
104+
105+
.badge {
106+
padding: 0.6rem 1.2rem;
107+
border-radius: 6px;
108+
font-weight: 600;
109+
font-size: 0.9rem;
110+
display: inline-flex;
111+
align-items: center;
112+
gap: 0.5rem;
113+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
114+
transition: transform 0.2s, box-shadow 0.2s;
115+
}
116+
117+
.badge:hover {
118+
transform: translateY(-2px);
119+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
120+
}
121+
122+
.badge-python {
123+
background-color: #3776ab;
124+
color: white;
125+
}
126+
127+
.badge-ml {
128+
background-color: #ff6f00;
129+
color: white;
130+
}
131+
132+
.badge-labview {
133+
background-color: #ffd600;
134+
color: #1a1a1a;
135+
}
136+
137+
.badge-plc {
138+
background-color: #0072ce;
139+
color: white;
140+
}
141+
142+
.badge-electronics {
143+
background-color: #34a853;
144+
color: white;
145+
}
146+
147+
.badge-signal {
148+
background-color: #9c27b0;
149+
color: white;
150+
}
151+
152+
.badge-automation {
153+
background-color: #ff5722;
154+
color: white;
155+
}
156+
157+
.badge-vision {
158+
background-color: #00bcd4;
159+
color: white;
160+
}
161+
162+
.icon-container {
163+
display: flex;
164+
flex-wrap: wrap;
165+
gap: 1.5rem;
166+
margin-top: 1rem;
167+
align-items: center;
168+
}
169+
170+
.icon {
171+
width: 3rem;
172+
height: 3rem;
173+
transition: transform 0.3s;
174+
}
175+
176+
.icon:hover {
177+
transform: scale(1.2);
178+
}
179+
180+
.stats-container {
181+
display: grid;
182+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
183+
gap: 1.5rem;
184+
margin-top: 1.5rem;
185+
}
186+
187+
.stat-card {
188+
background: #f7fafc;
189+
border-radius: 8px;
190+
padding: 1rem;
191+
text-align: center;
192+
}
193+
194+
.stat-card img {
195+
width: 100%;
196+
border-radius: 6px;
197+
}
198+
199+
.education {
200+
background: linear-gradient(135deg, #667eea20 0%, #764ba220 100%);
201+
padding: 1.5rem;
202+
border-radius: 8px;
203+
margin-top: 1rem;
204+
}
205+
206+
.education strong {
207+
color: #667eea;
208+
font-size: 1.05rem;
209+
}
210+
211+
@media (max-width: 768px) {
212+
body {
213+
padding: 1rem;
214+
}
215+
216+
.profile-header h1 {
217+
font-size: 2rem;
218+
}
219+
220+
.profile-header .subtitle {
221+
font-size: 1.1rem;
222+
}
223+
224+
.profile-content {
225+
padding: 1.5rem;
226+
}
227+
228+
.stats-container {
229+
grid-template-columns: 1fr;
230+
}
231+
}
232+
</style>
233+
</head>
234+
<body>
235+
<div class="profile-container">
236+
<header class="profile-header">
237+
<h1>Stephen Hiscock</h1>
238+
<p class="subtitle">🔧 Electrical Engineer | 🤖 ML Specialist | ⚡ Industrial Automation Expert</p>
239+
<a href="https://github.com/stevodevo1" class="github-link" target="_blank">
240+
@stevodevo1 on GitHub
241+
</a>
242+
</header>
243+
244+
<div class="profile-content">
245+
<!-- About Section -->
246+
<section class="section">
247+
<h2>👨‍💻 About Me</h2>
248+
<div class="profile-about">
249+
<p>
250+
<strong>Machine learning</strong> specialist and <strong>Electrical, Electronic, & Software Architect</strong> with
251+
<strong>25 years of experience</strong> in industrial control systems, specializing in
252+
<strong>signal processing</strong>, <strong>X-ray systems</strong>, <strong>AI image detection</strong>,
253+
and <strong>vision systems</strong> used for high-speed industrial grading and automation.
254+
</p>
255+
</div>
256+
<div class="education">
257+
<p>
258+
🎓 Holds a <strong>B.E. in Electrical and Electronic Engineering</strong> from the
259+
University of Canterbury, New Zealand
260+
</p>
261+
<p style="margin-top: 0.5rem;">
262+
💡 Passionate about <strong>cutting-edge technologies</strong>, constantly exploring
263+
innovations in reinforcement learning, computer vision, and industrial automation to
264+
enhance system scalability and efficiency.
265+
</p>
266+
</div>
267+
</section>
268+
269+
<!-- Specializations -->
270+
<section class="section">
271+
<h2>⚡ Core Specializations</h2>
272+
<div class="badge-container">
273+
<div class="badge badge-labview">🔬 LabVIEW Development</div>
274+
<div class="badge badge-plc">🏭 Allen-Bradley PLCs</div>
275+
<div class="badge badge-automation">⚙️ Industrial Automation</div>
276+
<div class="badge badge-electronics">🔌 Electronics Design</div>
277+
<div class="badge badge-signal">📊 Signal Processing</div>
278+
<div class="badge badge-vision">👁️ Computer Vision</div>
279+
<div class="badge badge-ml">🤖 Machine Learning</div>
280+
<div class="badge badge-python">🐍 Python Development</div>
281+
</div>
282+
</section>
283+
284+
<!-- GitHub Stats -->
285+
<section class="section">
286+
<h2>📊 GitHub Statistics</h2>
287+
<div class="stats-container">
288+
<div class="stat-card">
289+
<img src="https://github-readme-stats.vercel.app/api?username=stevodevo1&show_icons=true&theme=tokyonight&hide_border=true&count_private=true" alt="GitHub Stats" />
290+
</div>
291+
<div class="stat-card">
292+
<img src="https://github-readme-streak-stats.herokuapp.com/?user=stevodevo1&theme=tokyonight&hide_border=true" alt="GitHub Streak" />
293+
</div>
294+
</div>
295+
<div class="stats-container" style="margin-top: 1rem;">
296+
<div class="stat-card">
297+
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=stevodevo1&layout=compact&theme=tokyonight&hide_border=true" alt="Top Languages" />
298+
</div>
299+
</div>
300+
</section>
301+
302+
<!-- Tools & Technologies -->
303+
<section class="section">
304+
<h2>🛠️ Tools & Technologies</h2>
305+
<div class="icon-container">
306+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg" alt="Python" title="Python" />
307+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/pytorch/pytorch-original.svg" alt="PyTorch" title="PyTorch" />
308+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/tensorflow/tensorflow-original.svg" alt="TensorFlow" title="TensorFlow" />
309+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/numpy/numpy-original.svg" alt="NumPy" title="NumPy" />
310+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/pandas/pandas-original.svg" alt="Pandas" title="Pandas" />
311+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/opencv/opencv-original.svg" alt="OpenCV" title="OpenCV" />
312+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg" alt="Linux" title="Linux" />
313+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg" alt="Bash" title="Bash" />
314+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg" alt="VS Code" title="VS Code" />
315+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/git/git-original.svg" alt="Git" title="Git" />
316+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg" alt="GitHub" title="GitHub" />
317+
<img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-original.svg" alt="Docker" title="Docker" />
318+
</div>
319+
</section>
320+
</div>
321+
</div>
322+
</body>
323+
</html>

0 commit comments

Comments
 (0)