-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
255 lines (223 loc) · 12.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A personal and business portfolio showcasing the projects and services of Amy Finch (Finchy), a Developer, Environment Artist, Entrepreneur, Nerd, and Gamer.">
<meta name="keywords" content="Finchy, Developer, Environment Artist, Entrepreneur, Nerd, Gamer, Portfolio, Business, Personal, Media Void, Finch Studio, Amazon Lumberyard, O3DE, Skynet Bot">
<meta name="author" content="Finchy">
<!-- For SEO -->
<meta name="robots" content="index, follow">
<!-- Open Graph Protocol for social media sharing -->
<meta property="og:title" content="Finchy's Portfolio">
<meta property="og:description" content="Discover the projects and services Amy Finch (Finchy) has contributed to, from game development with Amazon Lumberyard and O3DE, to her entrepreneurial ventures with Finch Studio and Media Void.">
<meta property="og:image" content="">
<meta property="og:url" content="https://FinchStudio.ca">
<meta property="og:type" content="website">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Finchy's Portfolio">
<meta name="twitter:description" content="Discover the projects and services Amy Finch (Finchy) has contributed to, from game development with Amazon Lumberyard and O3DE, to her entrepreneurial ventures with Finch Studio and Media Void.">
<meta name="twitter:image" content="">
<link rel="stylesheet" href="./assets/css/styles.css">
<!-- Importing Font Awesome for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<title>LinkTree Page</title>
</head>
<body>
<div id="wrapper">
<!-- Profile Section -->
<div class="profile-section">
<img src="./assets/img/profile.jpg" alt="Profile Image" class="profile-image">
<h1>Amy Finch (AKA Finchy)</h1>
<p>Developer | Environment Artist | Entrepreneur | Nerd | Gamer</p>
<!-- Social Media Icons -->
<div class="social-icons">
<a href="https://www.linkedin.com/in/afinchy/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/afinchy" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
<!-- Toggle for Personal/Business -->
<div class="toggle-container">
<label class="toggle-label" id="personalLabel">Personal</label>
<label class="switch">
<input type="checkbox" id="viewSwitch" onchange="toggleView()">
<span class="slider-btn"></span>
</label>
<label class="toggle-label" id="businessLabel">Business</label>
</div>
<!-- Personal Section -->
<div id="personal-section" class="category-section" style="display: none;">
<!-- Personal View Content -->
<div id="personalView">
<p>Personal projects include work done in employment, freelance, or volunteer capacities.</p>
<!-- Socials Category -->
<div class="category-section">
<h2>Socials</h2>
<p>Connect with me on these platforms.</p>
<a class="link-button" href="https://www.linkedin.com/in/afinchy/" target="_blank">LinkedIn</a>
<a class="link-button" href="https://www.facebook.com/aFinchy/" target="_blank">Facebook</a>
<a class="link-button" href="https://github.com/afinchy" target="_blank">GitHub</a>
<a class="link-button" href="https://www.youtube.com/@aFinchy_" target="_blank">YouTube</a>
</div>
<!-- Portfolio Category -->
<div class="category-section">
<h2>Portfolio</h2>
<p>Discover my portfolio of past, current and future projects.</p>
<a class="link-button" href="https://afinchy.ca" target="_blank">Portfolio</a>
<a class="link-button" href="https://amyfinch.ca" target="_blank">Linktree</a>
</div>
</div>
<br>
<center>
<!-- Toggle for Current/Past Work within Personal View -->
<h3>Discover projects & services that I have contributed to.</h3>
<div class="toggle-container" id="workToggleContainer">
<span class="toggle-label" id="currentLabel">Current</span>
<label class="switch">
<input type="checkbox" id="workSwitch" onchange="toggleWork()">
<span class="slider-btn"></span>
</label>
<span class="toggle-label" id="pastLabel">Past</span>
</div>
</center>
<!-- Current Work Section -->
<div id="current-work-section" style="display: none;">
<div class="category-section" id="finch-studio-section">
<h2>Finch Studio</h2>
<p>Our digital design studio and related projects. The studio is the head that I manage multiple smaller projects under.</p>
<a class="link-button" href="https://github.com/finch-studio" target="_blank">GitHub</a>
<a class="link-button" href="https://FinchStudio.ca" target="_blank">Finch Studio</a>
</div>
<div class="category-section" id="ninja-central-section">
<h2>NinjaCentral</h2>
<p>Top Tier Usenet Indexer that I work as a Full Stack Developer.</p>
<a class="link-button" href="https://ninjacentral.com" target="_blank">Website</a>
<a class="link-button" href="https://github.com/ninjacentral" target="_blank">GitHub</a>
</div>
<div class="category-section" id="projects-in-dev-section">
<h2>Projects in Development & Research</h2>
<p>Explore our ongoing projects and research initiatives.</p>
<a class="link-button" href="https://MediaVoid.io" target="_blank">Media Void Website</a>
<a class="link-button" href="https://SkynetBot.io" target="_blank">Skynet Website</a>
<a class="link-button" href="#" target="_blank">Maple Track (No Domain)</a>
</div>
</div>
<!-- Past Work Section -->
<div id="past-work-section" style="display: none;">
<div class="category-section">
<h2>Amazon Lumberyard</h2>
<p>Amazon Lumberyard is a free, AAA game engine that gives you the tools you need to create high-quality games.</p>
<p>Contributed to the engine, website along with creation of the official support discord. Also responsible for sunsetting Lumberyard.</p>
<a class="link-button" href="https://github.com/aws/lumberyard" target="_blank">GitHub</a>
<a class="link-button" href="https://discord.gg/lumberyard" target="_blank">Discord</a>
</div>
<div class="category-section">
<h2>O3DE</h2>
<p>Open 3D Engine (O3DE) is an Apache 2.0-licensed multi-platform 3D engine</p>
<p>Contributed to the launch, building of, and maintaining their YouTube, Discord, and GitHub Channels</p>
<a class="link-button" href="https://github.com/o3de" target="_blank">GitHub</a>
<a class="link-button" href="https://discord.gg/o3de" target="_blank">Discord</a>
<a class="link-button" href="https://o3de.org" target="_blank">O3DE Website</a>
<a class="link-button" href="https://o3d.foundation/about/people/" target="_blank">O3D Foundation</a>
</div>
</div>
</div>
<!-- Business Section -->
<div id="business-section" class="category-section" style="display: none;">
<!-- Business View Content -->
<div id="business-view-section">
<p>Business content represents projects and services managed or owned by my studio.</p>
<!-- Finch Studio Category -->
<div class="category-section">
<h2>Finch Studio</h2>
<p>Our digital design studio and related projects.</p>
<a class="link-button" href="https://github.com/finch-studio" target="_blank">Finch Studio GitHub</a>
<a class="link-button" href="https://FinchStudio.ca" target="_blank">Finch Studio</a>
</div>
<!-- Media Void Services Category -->
<div class="category-section">
<h2>Media Void Services</h2>
<p>The ultimate hub for media enthusiasts to connect, discuss, and explore the world of movies, TV shows, games, music, books, and more.</p>
<a class="link-button" href="https://MediaVoid.io" target="_blank">Website</a>
<a class="link-button" href="https://github.com/MediaVoid" target="_blank">GitHub</a>
<a class="link-button" href="https://www.youtube.com/@Media-Void" target="_blank">YouTube</a>
</div>
<!-- Skynet Bot Services Category -->
<div class="category-section">
<h2>Skynet Bot Services</h2>
<p>Skynet Bot is a powerful and feature-rich Discord bot created exclusively for the Media Void Community.</p>
<a class="link-button" href="https://SkynetBot.io" target="_blank">Website</a>
<a class="link-button" href="https://github.com/Discord-Skynet-Bot" target="_blank">GitHub</a>
</div>
<!-- Anonymz Section -->
<div class="category-section">
<h2>Anonymz</h2>
<p>AnonymZ is designed to anonymize links for the various services I run or help maintain. Its purpose is to ensure privacy and security by masking the source of web traffic.</p>
<a class="link-button" href="https://anonymz.io" target="_blank">Website</a>
<a class="link-button" href="https://github.com/Finch-Studio/AnonymZ" target="_blank">GitHub</a>
</div>
<!-- Projects in Development & Research -->
<div class="category-section">
<h2>Projects in Development & Research</h2>
<p>Explore our ongoing projects and research initiatives.</p>
<a class="link-button" href="https://FearTheWild.ca" target="_blank">Fear The Wild</a>
<p>A Open World Ever-Changing Zombie Survival Game...</p>
<a class="link-button" href="https://MonitorMagic.io" target="_blank">Monitor Magic</a>
<p>Affordable Monitoring Service for Websites</p>
<a class="link-button" href="#" target="_blank">Maple Track</a>
<p>Portfolio tracking service for Stocks, Crypto and ETF's for Canadians</p>
<a class="link-button" href="https://SalvageTheWorld.ca" target="_blank">Salvage The World</a>
<p>Inspiring Sustainable Creativity</p>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
console.log("DOM loaded");
// Elements for Personal/Business toggle
const viewSwitch = document.getElementById('viewSwitch');
const personalSection = document.getElementById('personal-section');
const businessSection = document.getElementById('business-section');
// Elements for Current/Past Work toggle within Personal View
const workSwitch = document.getElementById('workSwitch');
const currentWorkSection = document.getElementById('current-work-section');
const pastWorkSection = document.getElementById('past-work-section');
// Initialize display states to default to Personal and Current views
viewSwitch.checked = false; // Personal is default
workSwitch.checked = false; // Current is default
personalSection.style.display = 'block';
businessSection.style.display = 'none';
currentWorkSection.style.display = 'block';
pastWorkSection.style.display = 'none';
// Toggle Personal/Business view
viewSwitch.addEventListener('change', () => {
if (viewSwitch.checked) {
personalSection.style.display = 'none';
businessSection.style.display = 'block';
} else {
personalSection.style.display = 'block';
businessSection.style.display = 'none';
}
// Reset Current/Past toggle when changing main view
workSwitch.checked = false;
toggleWork();
});
// Toggle Current/Past work within Personal View
function toggleWork() {
if (workSwitch.checked) {
currentWorkSection.style.display = 'none';
pastWorkSection.style.display = 'block';
} else {
currentWorkSection.style.display = 'block';
pastWorkSection.style.display = 'none';
}
}
workSwitch.addEventListener('change', toggleWork);
// Initial set up to reflect the default state
toggleWork();
});
</script>
</body>
</html>