parker/pkrm.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add PGP Key and ATTENTION message

Browse Source
This commit is contained in:
Parker M 2023-07-01 20:51:38 -05:00
parent 6f8c48fe8b
commit 2f3c969d33
6 changed files with 172 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
contact/index.html
View File

@ -29,8 +29,9 @@
<script src="/contact/script.js" defer></script> <script src="/contact/script.js" defer></script>
</head> </head>
<body> <body>
<a href="/">Back Home</a> <a href="/" id="back-home">Back Home</a>
<div class="container"> <div class="container">
<p id="attention">ATTENTION: To send any sensitive information, please email me at contact@pkrm.dev and encrypt the message with my <a href="/parker-m.asc" id="pgp-key">PGP Public Key</a>. This form should not be thought of as a secure way of communication.</p>
<form name="contact" onsubmit="event.preventDefault(); checkForm();"> <form name="contact" onsubmit="event.preventDefault(); checkForm();">
<input name="name" placeholder="Name"> <input name="name" placeholder="Name">
<input name="email" placeholder="Email"> <input name="email" placeholder="Email">
@ -56,7 +57,7 @@
color: #fff; color: #fff;
} }
a { #back-home {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
top: 0; top: 0;
@ -70,12 +71,12 @@
a:hover { a:hover {
cursor: pointer; cursor: pointer;
opacity: 0.5; opacity: 0.6;
} }
/* "Back Home" media query for mobile */ /* "Back Home" media query for mobile */
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
a { #back-home {
font-size: 6vh; font-size: 6vh;
padding-top: 8vh; padding-top: 8vh;
width: 90%; width: 90%;
@ -92,6 +93,28 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
/* Container media query for mobile */
@media only screen and (max-width: 600px) {
.container {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
}
}
#attention {
font-size: 2vh;
text-align: center;
margin: 1vh;
}
#pgp-key {
color: #fff;
text-decoration: underline;
font-size: 2vh;
}
form { form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

13
index.html
View File

@ -49,7 +49,7 @@
</header> </header>
<nav class="icons"> <nav class="icons">
<a href="https://github.com/fiji05" target="_blank"><i class="fa-brands fa-github"></i></a> <a href="https://github.com/PacketParker" target="_blank"><i class="fa-brands fa-github"></i></a>
<a href="mailto:contact@pkrm.dev" target="_blank"><i class="fa-solid fa-envelope"></i></a> <a href="mailto:contact@pkrm.dev" target="_blank"><i class="fa-solid fa-envelope"></i></a>
</nav> </nav>
@ -87,7 +87,7 @@
A multipurpose Discord bot made with the discord.py 2.0 library. Aqua Bot has features like moderation, an economy, gambling. In addition to this, users can play music from YouTube, Spotify, and SoundCloud thanks to lavalink.py A multipurpose Discord bot made with the discord.py 2.0 library. Aqua Bot has features like moderation, an economy, gambling. In addition to this, users can play music from YouTube, Spotify, and SoundCloud thanks to lavalink.py
<br> <br>
<br> <br>
<a href="https://github.com/fiji05/aquabot" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a> <a href="https://github.com/PacketParker/aquabot" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a>
</p> </p>
</div> </div>
<div class="slider__contents"> <div class="slider__contents">
@ -96,7 +96,7 @@
Elijah Valdez is an independent American singer, songwriter, and producer. This website was created to promote the artist's music and social media as well as their online store. Elijah Valdez is an independent American singer, songwriter, and producer. This website was created to promote the artist's music and social media as well as their online store.
<br> <br>
<br> <br>
<a href="https://github.com/fiji05/elijahmvaldez" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a> <a href="https://github.com/PacketParker/elijahmvaldez" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a>
<a href="https://elijahmvaldez.com" target="_blank" referrerpolicy="no-referrer" class="slider__button">View Site</a> <a href="https://elijahmvaldez.com" target="_blank" referrerpolicy="no-referrer" class="slider__button">View Site</a>
</p> </p>
</div> </div>
@ -106,7 +106,7 @@
Uses the bitwarden-cli tool, the Twilio API, and the HaveIBeenPwned API in order to check your vault for leaked passwords. If a compromised password is found, it alerts you with a text message. Uses the bitwarden-cli tool, the Twilio API, and the HaveIBeenPwned API in order to check your vault for leaked passwords. If a compromised password is found, it alerts you with a text message.
<br> <br>
<br> <br>
<a href="https://github.com/Fiji05/bitwarden-password-checker" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a> <a href="https://github.com/PacketParker/bitwarden-password-checker" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a>
</p> </p>
</div> </div>
<div class="slider__contents"> <div class="slider__contents">
@ -115,14 +115,15 @@
News Messenger sends the current news and weather, along with an affirmation using the Twilio API. Links can also be shortened using personal or non personal domains with the rebrandly.com API. News Messenger sends the current news and weather, along with an affirmation using the Twilio API. Links can also be shortened using personal or non personal domains with the rebrandly.com API.
<br> <br>
<br> <br>
<a href="https://github.com/Fiji05/twilio-news" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a> <a href="https://github.com/PacketParker/twilio-news" target="_blank" referrerpolicy="no-referrer" class="slider__button">Source Code</a>
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<footer><a title="My PGP Public Key" id="pgp-key">PGP Public Key</a>&emsp;&emsp;Fingerprint: 0C02 B10D 0CCA AC76 C551 D5A6 66AC 8A7C 8D16 85A8</footer>
</body> </body>
</html> </html>
<script src="https://cdn.jsdelivr.net/npm/@mojs/curve-editor"></script>
<script src="https://cdn.jsdelivr.net/npm/@mojs/core"></script> <script src="https://cdn.jsdelivr.net/npm/@mojs/core"></script>

51
parker-m.asc Normal file
View File

@ -0,0 +1,51 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
xsFNBGSNLTsBEAC2936iq5WuAliU6vhg0b6hBgFxhdw/7s4/rA8+oHaH2wDtvsD/
T8tDaw0ISbsfe4zLZ+zKDOlwm+NS+c6rR4sZs7va/92TRocdfJ2bxJsJNSLnbG6T
KNfurFEo5OOYBn4vYEmbP8uoogDgK9P+sIQr96vDoTQDCSsQDH7vi7WzZL8vvVrZ
whPRCSnpIlHy7ZqC7hYdZHDAyi7e1axTbTDT0aXTu2ECJOlNMmZcVgX87Q4NB2Yh
lXmPuV2L9VW3D7Y04tg4aOxCwsKKyl4NFKJCimlkBb6/vUD0ykFKOYaQ4LHl/8Y1
N+GNweBGGBq7wuXibkgU7pWBN8hrqOHacy2zgvbsuKPAYw0eiBYzaZF3F8+kO4UE
xOhA8fU5ouhUw59oAcpfJb/WkhHa44zUqrmE5iB9OiKipOIUIKIg4QOLbKzTFGSe
9z33o3AxMxudDUiEItyT5RwJy6VfrR4gf65RTfigcu/dY0ETOlFwLcCFLj199Ps/
c70cEXbNy2txHuZYZb8QK1agVeVyRtk2O/fXnxBXNpoFiJscMLLiTWYsu3Jd9UYj
Il2bh7VA4/vhVtP+eYyMvpiXwlPofp6kL7f1VaPN+yMT9v7ng9xqWB+AZU6geWOJ
CWoJxUEWtpnKmc/auKrmYrZpQCNfW0oymLXu5RusBK5/744MmL2nPBeTKQARAQAB
zRpQYXJrZXIgTSA8cGFya2VyQHBrcm0uZGV2PsLBjQQTAQgANxYhBAwCsQ0Myqx2
xVHVpmasinyNFoWoBQJkjS08BQkB4TOAAhsDBAsJCAcFFQgJCgsFFgIDAQAACgkQ
ZqyKfI0WhahmfRAAqBleWHo2Qy3ClhW1dIbzZGd/ZvklPljp2O+QvoTF9x8nlLqH
lZKbTQyNyK/FBUhZJ23hBBUF2HPsHh81mWk2a6osfxmDE4pKEf3bbPg8gu8+JuWY
ZTIvjhAhIxccI0/d/3kxsdeSYgHSqSIPBkQlLElniwVHAGbNT1MNZ047Zimr1sKC
YrCImJ35Ro5T1SfSFn2VK6WLn//3msJp1ri27Mo/JvCrhXUKYfbZkz/sxfn/AajR
GyP7XF1TzCADxHzBZYLqxGjaMLos/UOfqTHtHILhjowf8DzNb5iFvPTWyKR0eNGZ
+CsTl84ZfxqvNe+Ut0KEy1rW5PQZhZpHL3GG2tFVeLswMlrjZK7htjfpabeM6BhW
2GNg+TNo8Elw1bPJFUyy2CbhhzOwOeMLpP58N+m4r8RNW2v59TeU8D8I//8V4ESn
Ge5CCW1NoGLxcQQ8kDgQmAjp/l6BrvulRrE8JfZrz7nd+oGY0gBW+TEvaEL8aSqB
nA/XHPuHaPhCaqt436zG2AO8H5H+mlgpyV8KjICqgn+iQnBQqv9LDKRxxuyR1Dst
TMZ8oV6l8xtwJUDl1XMjm3oLSNYwYV7cT6j0326VnIvD2azf4Y0uAO88J7MyVOGQ
tItg41RnMWiHkTocWsV3NI1WTCjK1N71d3MVM7wTbLGLwnvSJfsn4Ec2rBHOwU0E
ZI0tPQEQAMSZdeyjzshnTzXJJlYHYZ30VibGO9QYbQJo9J4gXNeQ2nS+gJ0a+jLB
Hl3IG0uC/7ueQuuv06Quevp2suDxt7kgULCWBPVd7xwKEdYB88kW8sxEa8km2BoY
FzEigj68e8OixlKtff3Iww95z0F8UtDflEVI8tDQ9boDR86H4XJsk+RpAXKlkrI0
dLPscFvGFlNG0uF/CLBeqtrM9D2yTS5D2DhSsMkcfh64At39Y1C8TBUuvkbDJ9QK
wi6nxWNukustvwFTWs2yaXj7sYsiSXLJKgC/Ts+SwlpUUoUcTUF3EjDpdD1/7Ngj
gp/Er5En/1FXqMf4PJZdNZal7v7TCTkU1G/YERaEEROZ3z0LpAdkmYtX6wfwW36F
NBObA6s7QRlnN55rNjOMHFmcXD/7Pseq+1J1o5z/A2fx7ZIdH6KtL/bbPec3GcDp
cBkH3qYen5/24c+krZvjf9cT/WceWEs7sviEFVvYW3y1OXFLnx3lTd3YQ/zerWFi
45UkhStapJibh/Hfxmcw4svstb6MM+Z70rl4BtL8CStGajRwaFLFPQFW2D3n5I18
QX56G9KtGyZsj1eZtkQqmtXvsO/S9A7kDjEMzRmlyHnJYH5D7PUYtgXRMlXOtzOM
9lk+pTzlJ+mVAtN/mOkbe5kNBBpwiEwvoOJWfjqOUsnoq83m4Ji5ABEBAAHCwXwE
GAEIACYWIQQMArENDMqsdsVR1aZmrIp8jRaFqAUCZI0tPgUJAeEzgAIbDAAKCRBm
rIp8jRaFqCpFEACA9jj+gvBOg4KrYEDQXn6Cc2D9NekbEe1accG5NHU7tb8LUTcw
DpMFFtEYpdJkCnAsgkDXbdF+/MGCowjB8dwI74UfvR4+MhO8NPvGNQOzpv0suiJU
jfhab8IR3Vn+dT5zbo4ZsfM+igiyWazptGBzL4gUKy6VqTdtK3ccIQqjz5zS4Gxg
QqGGdFh/jdfKF+7EUD7neZkVQuhQ9nyKQ/5v+apy0yKMbLmSqzabXzpuiQOw8B5d
b9HmO8okTja8SxzywpxymBgB3QnxAloM+T3ovbvyFxs7C/VA+87dOWK4g/WI7Aoh
PNfI7wyWUF+fGZuhC/kTrLp6Vr7Nqe9ecQuS43c8ZopUdl+fzLgTZPAjlkehyPPh
gerxfr1zk7TCKRsTZpFSHBYOJmQ2ZOaeSxhIFDOqOmUwHafJpAOQKOZAzo7pI1qO
3ukAAEwtKGFlaKIWjK6wuIUSDEUCWE1z4MdUPCdrA1awbV8yTOiEG6YxieV5am69
xMoe4oLDLJPQiXd88+EXz6o4tz/y2c4xR1zUY9L7ocghMiTSVQSxaeuEw69QdZLf
NQtra2i3n/XZepBIJVCnfKm1ehaAO0imPoEVrKnfjThHgk+376yXyaKNrrCUiQoi
KZvMgMjy1PcX2Am44S/6X4gyXliAhv0vVLrhHixZuLm0+/cgI1F4ikouDA==
=1QD3
-----END PGP PUBLIC KEY BLOCK-----

51
parker-m.txt Normal file
View File

@ -0,0 +1,51 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
xsFNBGSNLTsBEAC2936iq5WuAliU6vhg0b6hBgFxhdw/7s4/rA8+oHaH2wDtvsD/
T8tDaw0ISbsfe4zLZ+zKDOlwm+NS+c6rR4sZs7va/92TRocdfJ2bxJsJNSLnbG6T
KNfurFEo5OOYBn4vYEmbP8uoogDgK9P+sIQr96vDoTQDCSsQDH7vi7WzZL8vvVrZ
whPRCSnpIlHy7ZqC7hYdZHDAyi7e1axTbTDT0aXTu2ECJOlNMmZcVgX87Q4NB2Yh
lXmPuV2L9VW3D7Y04tg4aOxCwsKKyl4NFKJCimlkBb6/vUD0ykFKOYaQ4LHl/8Y1
N+GNweBGGBq7wuXibkgU7pWBN8hrqOHacy2zgvbsuKPAYw0eiBYzaZF3F8+kO4UE
xOhA8fU5ouhUw59oAcpfJb/WkhHa44zUqrmE5iB9OiKipOIUIKIg4QOLbKzTFGSe
9z33o3AxMxudDUiEItyT5RwJy6VfrR4gf65RTfigcu/dY0ETOlFwLcCFLj199Ps/
c70cEXbNy2txHuZYZb8QK1agVeVyRtk2O/fXnxBXNpoFiJscMLLiTWYsu3Jd9UYj
Il2bh7VA4/vhVtP+eYyMvpiXwlPofp6kL7f1VaPN+yMT9v7ng9xqWB+AZU6geWOJ
CWoJxUEWtpnKmc/auKrmYrZpQCNfW0oymLXu5RusBK5/744MmL2nPBeTKQARAQAB
zRpQYXJrZXIgTSA8cGFya2VyQHBrcm0uZGV2PsLBjQQTAQgANxYhBAwCsQ0Myqx2
xVHVpmasinyNFoWoBQJkjS08BQkB4TOAAhsDBAsJCAcFFQgJCgsFFgIDAQAACgkQ
ZqyKfI0WhahmfRAAqBleWHo2Qy3ClhW1dIbzZGd/ZvklPljp2O+QvoTF9x8nlLqH
lZKbTQyNyK/FBUhZJ23hBBUF2HPsHh81mWk2a6osfxmDE4pKEf3bbPg8gu8+JuWY
ZTIvjhAhIxccI0/d/3kxsdeSYgHSqSIPBkQlLElniwVHAGbNT1MNZ047Zimr1sKC
YrCImJ35Ro5T1SfSFn2VK6WLn//3msJp1ri27Mo/JvCrhXUKYfbZkz/sxfn/AajR
GyP7XF1TzCADxHzBZYLqxGjaMLos/UOfqTHtHILhjowf8DzNb5iFvPTWyKR0eNGZ
+CsTl84ZfxqvNe+Ut0KEy1rW5PQZhZpHL3GG2tFVeLswMlrjZK7htjfpabeM6BhW
2GNg+TNo8Elw1bPJFUyy2CbhhzOwOeMLpP58N+m4r8RNW2v59TeU8D8I//8V4ESn
Ge5CCW1NoGLxcQQ8kDgQmAjp/l6BrvulRrE8JfZrz7nd+oGY0gBW+TEvaEL8aSqB
nA/XHPuHaPhCaqt436zG2AO8H5H+mlgpyV8KjICqgn+iQnBQqv9LDKRxxuyR1Dst
TMZ8oV6l8xtwJUDl1XMjm3oLSNYwYV7cT6j0326VnIvD2azf4Y0uAO88J7MyVOGQ
tItg41RnMWiHkTocWsV3NI1WTCjK1N71d3MVM7wTbLGLwnvSJfsn4Ec2rBHOwU0E
ZI0tPQEQAMSZdeyjzshnTzXJJlYHYZ30VibGO9QYbQJo9J4gXNeQ2nS+gJ0a+jLB
Hl3IG0uC/7ueQuuv06Quevp2suDxt7kgULCWBPVd7xwKEdYB88kW8sxEa8km2BoY
FzEigj68e8OixlKtff3Iww95z0F8UtDflEVI8tDQ9boDR86H4XJsk+RpAXKlkrI0
dLPscFvGFlNG0uF/CLBeqtrM9D2yTS5D2DhSsMkcfh64At39Y1C8TBUuvkbDJ9QK
wi6nxWNukustvwFTWs2yaXj7sYsiSXLJKgC/Ts+SwlpUUoUcTUF3EjDpdD1/7Ngj
gp/Er5En/1FXqMf4PJZdNZal7v7TCTkU1G/YERaEEROZ3z0LpAdkmYtX6wfwW36F
NBObA6s7QRlnN55rNjOMHFmcXD/7Pseq+1J1o5z/A2fx7ZIdH6KtL/bbPec3GcDp
cBkH3qYen5/24c+krZvjf9cT/WceWEs7sviEFVvYW3y1OXFLnx3lTd3YQ/zerWFi
45UkhStapJibh/Hfxmcw4svstb6MM+Z70rl4BtL8CStGajRwaFLFPQFW2D3n5I18
QX56G9KtGyZsj1eZtkQqmtXvsO/S9A7kDjEMzRmlyHnJYH5D7PUYtgXRMlXOtzOM
9lk+pTzlJ+mVAtN/mOkbe5kNBBpwiEwvoOJWfjqOUsnoq83m4Ji5ABEBAAHCwXwE
GAEIACYWIQQMArENDMqsdsVR1aZmrIp8jRaFqAUCZI0tPgUJAeEzgAIbDAAKCRBm
rIp8jRaFqCpFEACA9jj+gvBOg4KrYEDQXn6Cc2D9NekbEe1accG5NHU7tb8LUTcw
DpMFFtEYpdJkCnAsgkDXbdF+/MGCowjB8dwI74UfvR4+MhO8NPvGNQOzpv0suiJU
jfhab8IR3Vn+dT5zbo4ZsfM+igiyWazptGBzL4gUKy6VqTdtK3ccIQqjz5zS4Gxg
QqGGdFh/jdfKF+7EUD7neZkVQuhQ9nyKQ/5v+apy0yKMbLmSqzabXzpuiQOw8B5d
b9HmO8okTja8SxzywpxymBgB3QnxAloM+T3ovbvyFxs7C/VA+87dOWK4g/WI7Aoh
PNfI7wyWUF+fGZuhC/kTrLp6Vr7Nqe9ecQuS43c8ZopUdl+fzLgTZPAjlkehyPPh
gerxfr1zk7TCKRsTZpFSHBYOJmQ2ZOaeSxhIFDOqOmUwHafJpAOQKOZAzo7pI1qO
3ukAAEwtKGFlaKIWjK6wuIUSDEUCWE1z4MdUPCdrA1awbV8yTOiEG6YxieV5am69
xMoe4oLDLJPQiXd88+EXz6o4tz/y2c4xR1zUY9L7ocghMiTSVQSxaeuEw69QdZLf
NQtra2i3n/XZepBIJVCnfKm1ehaAO0imPoEVrKnfjThHgk+376yXyaKNrrCUiQoi
KZvMgMjy1PcX2Am44S/6X4gyXliAhv0vVLrhHixZuLm0+/cgI1F4ikouDA==
=1QD3
-----END PGP PUBLIC KEY BLOCK-----

28
script.js
View File

@ -10,6 +10,18 @@ const iconNav = document.querySelectorAll('nav')[1];
const icons = document.querySelectorAll('nav')[1].getElementsByTagName('i'); const icons = document.querySelectorAll('nav')[1].getElementsByTagName('i');
const arrow = document.getElementById('about-text') const arrow = document.getElementById('about-text')
const projects = document.getElementById('projects'); const projects = document.getElementById('projects');
const footer = document.querySelector('footer');
const footerATag = document.querySelector('#pgp-key');
// If the user is on desktop, make the href point to parker-m.asc, but if they are on
// mobile or tablet make the href point to parker-m.txt
if (window.innerWidth >= 768) {
footerATag.href = 'parker-m.asc';
} else {
footerATag.href = 'parker-m.txt';
footerATag.innerHTML = 'PGP Key (TXT)';
footer.removeChild(footer.lastChild);
}
// If the user is on mobile // If the user is on mobile
if (window.innerWidth < 768) { if (window.innerWidth < 768) {
@ -146,15 +158,6 @@ function mobileAnimations() {
delay: 2250, delay: 2250,
easing: 'sin.out' easing: 'sin.out'
}).play(); }).play();
let iconBringIn3 = new mojs.Html({
el: icons[2],
y: {25: 0},
opacity: {0: 1},
duration: 1000,
delay: 2500,
easing: 'sin.out'
}).play();
} }
// Rotate the projects every 4 seconds, only for desktop // Rotate the projects every 4 seconds, only for desktop
@ -212,9 +215,4 @@ projects.addEventListener('touchend', function (e) {
document.querySelector('input[name="slider"]:last-of-type').checked = true; document.querySelector('input[name="slider"]:last-of-type').checked = true;
} }
} }
}); });
function sendContactMessage() {
// Send a POST request to https://contact.pkrm.dev with the form data
}

23
style.css
View File

@ -27,6 +27,29 @@ body{
cursor: pointer; cursor: pointer;
} }
/* Fixed footer */
footer {
position: sticky;
bottom: 0;
background-color: #0d0d0d;
font-size: 1.75vh;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
padding: 10px;
}
footer a {
text-decoration: underline;
color: white
}
footer a:hover {
opacity: .6;
cursor: pointer;
}
/* Navbar mobile icons */ /* Navbar mobile icons */
#hamburger i { #hamburger i {
font-size: 4vh; font-size: 4vh;