Skip to content

Commit 105aaa3

Browse files
KeithPrinkey-opsKeithPrinkey-ops
authored
Add files via upload
1 parent cf69765 commit 105aaa3

25 files changed

+11031
-27
lines changed

‎LICENSE

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
This is free and unencumbered software released into the public domain.
2+
3+
Anyone is free to copy, modify, publish, use, compile, sell, or
4+
distribute this software, either in source code form or as a compiled
5+
binary, for any purpose, commercial or non-commercial, and by any
6+
means.
7+
8+
In jurisdictions that recognize copyright laws, the author or authors
9+
of this software dedicate any and all copyright interest in the
10+
software to the public domain. We make this dedication for the benefit
11+
of the public at large and to the detriment of our heirs and
12+
successors. We intend this dedication to be an overt act of
13+
relinquishment in perpetuity of all present and future rights to this
14+
software under copyright law.
15+
16+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
19+
IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
20+
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
21+
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22+
OTHER DEALINGS IN THE SOFTWARE.
23+
24+
For more information, please refer to <https://unlicense.org>

‎README.md

Lines changed: 2 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,2 @@
1-
# World eSports <a button href="https://bestthereis1983.me/aboutme">About me</a>
2-
---
3-
4-
I am the chief technical officer for World eSports LLC. I have worked on several developmental projects and some that I cannot divulge. However, I can talk about <a href="https://worldesports.app">World eSports Website</a>. It was created to help smaller leagues around the world better manage their sports leagues and teams!
5-
---
6-
7-
**We offer several key features including but not limited to; drafting, scheduling, rosters, automated forms, proprietary dashboards, proprietary team & player pages and much more!**
8-
---
9-
10-
I have listed some of our work below. If you are interested in having your website programmed or need developmental help you can email us at the link below!
11-
---
12-
13-
You can also donate to your project by following the link below labeled 'donate'!
14-
---
15-
16-
17-
# <a href="mailto:[email protected]">Email Us</a>
18-
---
19-
# <a href="/funding.yml">Donate</a>
20-
---
21-
# <a href="https://worldesports.app" target="_blank">World eSports Website</a>
22-
---
23-
24-
25-
<img src="https://worldesports.app/media/f55a4s3v/wehl_media_logo_4.png" alt="World eSports Project"><br>
26-
27-
World eSports LLC &copy; 2022
1+
# portfolio
2+
my portfolio page

‎about.html

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
5+
<head>
6+
<meta charset="UTF-8" />
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9+
<link rel="preconnect" href="https://fonts.googleapis.com" />
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
11+
<link href="https://fonts.googleapis.com/css2?family=Oxygen&family=Oxygen+Mono&display=swap" rel="stylesheet" />
12+
<link href="https://fonts.googleapis.com/css2?family=Rubik+Maze&family=Rubik+Maze&display=swap" rel="stylesheet" />
13+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet" />
14+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet" />
15+
<link rel="stylesheet" href="css/styles.css" />
16+
<link rel="stylesheet" href="dist/styles.css">
17+
<title>Keith Prinkey Portfolio</title>
18+
</head>
19+
20+
<!-- instructions in JavaScript block -->
21+
<nav>
22+
<ul>
23+
<li>
24+
<h1>
25+
<a href="/">
26+
<span class="fa-solid fa-code"></span>
27+
<span>Keith Prinkey SR</span>
28+
</a>
29+
</h1>
30+
</li>
31+
<li>
32+
<a href="/disclaimer.html" title="Contact-Us">Disclaimer</a>
33+
</li>
34+
<li><a href="/index.html#projects" title="Projects">Projects</a></li>
35+
<li>
36+
<a href="/about.html" title="About-Us">About</a></li>
37+
<li>
38+
<a href="/contact.html" title="contact">Contact Me</a></li>
39+
<li>
40+
<a href="https://www.linkedin.com/in/keith-prinkey-it/" target="_blank" title="LinkedIn">
41+
<span class="fab fa-linkedin fa-flip" aria-hidden="true">
42+
<span class="sr-only">LinkedIn</span>
43+
</a>
44+
</li>
45+
<li><a href="https://www.github.com/KeithPrinkey-ops" target="blank" title="Github">
46+
<span class="fa-brands fa-square-github fa-flip" aria-hidden="true">
47+
<span class="sr-only">Github</span>
48+
</a></li>
49+
<li>
50+
<a href="https://ccmo-my.sharepoint.com/:w:/g/personal/kaprinkey1_ccis_edu/EZdVQU86e7hItQkBDe1Ng8oB3XqnSvYZGidHas1gPqXTCw?e=7bRnab" target="_blank" title="Resume" class="button">Resume</a></li>
51+
</ul>
52+
</nav>
53+
54+
<div class="gradient"></div>
55+
<div class="section-blue">
56+
<section id="projects">
57+
<h2>About me</h2>
58+
<article>
59+
<div class="text">
60+
<h4>Hobbies and Likes</h4>
61+
<h3>I play sports, video games and progam in my free time! </h3>
62+
<p class="blackbox">
63+
I am a Family man with a family of 4.
64+
</p>
65+
</div>
66+
<img src="images/wehl.png" alt="World e Hockey League" />
67+
</article>
68+
69+
<article class="reverse">
70+
<div class="text">
71+
<h4>Hobbies</h4>
72+
<h3>Disc Golf, Programming, Fishing, sports, and video games.</h3>
73+
<p class="blackbox">
74+
I do a lot of things in my spare time which I call 'hobby time'. I program websites (just like this one, which was programmed in my down time),
75+
and I like to ride my motorcycle and bicycle!
76+
<a class="link" href="https://www.kawasaki.com/en-us/motorcycle/vulcan/touring-cruiser/vulcan-1700-voyager-abs/2022-Vulcan-1700-Voyager-ABS" target="_blank">Kawasaki</a>
77+
</p>
78+
</div>
79+
<img src="images/kawasaki.png" alt="Kawasaki 1200CC Voyager Cruiser" />
80+
</article>
81+
82+
<article>
83+
<div class="text">
84+
<h3>Aliases</h3>
85+
<h4>Bestthereis1983</h4>
86+
<p class="blackbox">
87+
My gamer alias is Bestthereis1983 and has been for over 10 years and the name is known throughout the hockey, gaming communities on PlayStation!
88+
<a class="link" href="https://twitch.tv/bestthereis1983" target="_blank">My Twitch</a>
89+
</p>
90+
</div>
91+
<img src="images/Twitch_logo_PNG1.png" alt="Twitch of Bestthereis1983" />
92+
</article>
93+
</section>
94+
</div>
95+
<div class="gradient"></div> // gradient line on the screen
96+
<div class="section-plum">
97+
<section id="contact">
98+
<h2>Contact me</h2>
99+
<p>
100+
I'm always interested in hearing about new consultant opportunities or designing projects. I am very fluent in CSS, HTML, C#, and many more!
101+
</p>
102+
<p><a class="link" href="mailto:[email protected]" class="button">Email me</a></p>
103+
</section>
104+
</div>
105+
<div class="gradient"></div>

‎app.js

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
// Check for success parameter on load
2+
if(new URLSearchParams(window.location.search).get('success')) {
3+
4+
// Show modal
5+
document.getElementById('success-modal').classList.remove('hidden');
6+
7+
// Hide after 5 seconds
8+
setTimeout(() => {
9+
document.getElementById('success-modal').classList.add('hidden');
10+
11+
// Reset URL
12+
window.history.replaceState(null, null, 'contact.html');
13+
14+
}, 5000);
15+
16+
}
17+
18+
// Click handler to hide modal
19+
document.getElementById('success-modal').addEventListener('click', () => {
20+
21+
document.getElementById('success-modal').classList.add('hidden');
22+
23+
window.history.replaceState(null, null, 'contact.html');
24+
25+
});
26+
27+
// Get toggle input and convert to boolean on submit
28+
const toggle = document.getElementById('consent');
29+
30+
toggle.addEventListener('change', (e) => {
31+
toggle.value = e.target.checked ? 1 : 2;
32+
})

‎contact.html

Lines changed: 132 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<link rel="preconnect" href="https://fonts.googleapis.com" />
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10+
<link href="https://fonts.googleapis.com/css2?family=Oxygen&family=Oxygen+Mono&display=swap" rel="stylesheet" />
11+
<link href="https://fonts.googleapis.com/css2?family=Rubik+Maze&family=Rubik+Maze&display=swap" rel="stylesheet" />
12+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet" />
13+
<link rel="stylesheet" href="css/styles.css">
14+
<link rel="stylesheet" href="dist/styles.css">
15+
16+
<title>Keith Prinkey Portfolio</title>
17+
</head>
18+
19+
20+
<nav>
21+
<ul>
22+
<li>
23+
<h1>
24+
<a href="/">
25+
<span class="fa-solid fa-code"></span>
26+
<span>Keith Prinkey SR</span>
27+
</a>
28+
</h1>
29+
</li>
30+
<li>
31+
<a href="/disclaimer.html" title="Contact-Us">Disclaimer</a>
32+
</li>
33+
<li><a href="/index.html#projects" title="Projects">Projects</a></li>
34+
<li>
35+
<a href="/about.html" title="About-Us">About</a></li>
36+
<li>
37+
38+
<a href="https://www.linkedin.com/in/keith-prinkey-it/" target="_blank" title="LinkedIn">
39+
<span class="fab fa-linkedin fa-flip" aria-hidden="true">
40+
<span class="sr-only">LinkedIn</span>
41+
</a>
42+
</li>
43+
<li><a href="https://www.github.com/KeithPrinkey-ops" target="blank" title="Github">
44+
<span class="fa-brands fa-square-github fa-flip" aria-hidden="true">
45+
<span class="sr-only">Github</span>
46+
</a></li>
47+
<li>
48+
<a href="https://ccmo-my.sharepoint.com/:w:/g/personal/kaprinkey1_ccis_edu/EZdVQU86e7hItQkBDe1Ng8oB3XqnSvYZGidHas1gPqXTCw?e=7bRnab" target="_blank" title="Resume" class="button">Resume</a></li>
49+
</ul>
50+
</nav>
51+
52+
<h1>Contact Me</h1>
53+
54+
<div class="gradient">
55+
</div>
56+
<div class="contact-form-container">
57+
<form id="contact-form" class="contact-form" method="POST" action="form-handler.php">
58+
<input type="hidden" name="csrf_token" value="<?php echo $_SESSION['csrf_token']; ?>">
59+
<!-- Form fields here -->
60+
<label for="name">Name:</label><br>
61+
<input type="text" id="name" name="name" required autocomplete="name"><br>
62+
63+
<label for="email">Email:</label><br>
64+
<input type="email" id="email" name="email" required autocomplete="email"><br>
65+
66+
<label for="reason">Reason for Contact:</label><br>
67+
<textarea id="reason" name="reason" required></textarea><br>
68+
69+
<label for="service">Services needed?</label><br>
70+
<select id="service" name="service">
71+
<option value="website">Website</option>
72+
<option value="domain">Domain Management</option>
73+
<option value="server">Server Management</option>
74+
</select>
75+
76+
<label for="consent">Consent to be contacted</label>
77+
78+
<div class="toggle-switch">
79+
<input type="checkbox" id="consent" name="consent">
80+
<label for="consent"></label>
81+
</div>
82+
83+
<button type="submit">Submit</button>
84+
85+
86+
<div id="success-modal" class="hidden">
87+
<p>Your message was sent successfully!</p>
88+
</div>
89+
90+
</form>
91+
</div>
92+
93+
94+
95+
96+
<section id="footer">
97+
<footer>
98+
<h2>Keith Prinkey &middot; Software Developer</h2>
99+
<ul>
100+
<li>
101+
<a href="https://www.linkedin.com/in/keith-prinkey-it/" target="_blank">
102+
<span class="fab fa-linkedin" aria-hidden="true"></span>
103+
<span class="sr-only">LinkedIn</span>
104+
</a>
105+
</li>
106+
<li>
107+
<a href="https://www.github.com/keithprinkey-ops" target="_blank">
108+
<span class="fab fa-github-square" aria-hidden="true"></span>
109+
<span class="sr-only">Github</span>
110+
</a>
111+
</li>
112+
<li>
113+
<a href="mailto:[email protected]" target="_blank">
114+
<span class="fas fa-envelope" aria-hidden="true"></span>
115+
<span class="sr-only">Email</span>
116+
</a>
117+
</li>
118+
</ul>
119+
<p>
120+
<small>&copy; 2021 Keith Prinkey SR. All rights reserved.<br>
121+
Disclaimer: The Twitch logo used in this portfolio project is the registered trademark of Twitch Interactive,
122+
Inc., or its affiliates. The logo has been used for the purposes of academic display and discussion only.
123+
There is no endorsement or sponsorship implied, nor is there any relationship between the portfolio author and
124+
Twitch Interactive, Inc. All rights and credits go to the original rights holder.
125+
</small>
126+
</p>
127+
</footer>
128+
</section>
129+
130+
<script src="app.js"></script>
131+
132+
</html>

0 commit comments

Comments
 (0)