Small fixes for PGP Key Footer

index.html

@@ -60,7 +60,7 @@
         <h1>About Me</h1>
         <p>I am a Senior in high school and enjoy learning about new technologies. I currently use HTML/CSS, Python, Javascript, and SQL. I have competed at the district and state levels in SkillsUSA for Cybersecurity and Programming, as have placed 2nd for the Congressional App Challenge. This year I plan on learning more about web3 and artificial intelligence.</p>
 
-        <a href="#projects"><i class="fa fa-angle-down"></i></a>
+        <a href="#projects" id="projects-text"><i class="fa fa-angle-down"></i></a>
     </section>
 
     <section id="projects">
@@ -122,7 +122,7 @@
         </div>
     </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>
+    <footer><a title="My PGP Public Key" href="/parker-m.asc">PGP Public Key</a>&emsp;&emsp;Fingerprint: 0C02 B10D 0CCA AC76 C551 D5A6 66AC 8A7C 8D16 85A8</footer>
 </body>
 </html>
 

parker-m.txt

@@ -1,51 +0,0 @@
------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-----

script.js

@@ -9,18 +9,16 @@ const mainh2 = main.getElementsByTagName('h2')[0];
 const iconNav = document.querySelectorAll('nav')[1];
 const icons = document.querySelectorAll('nav')[1].getElementsByTagName('i');
 const arrow = document.getElementById('about-text')
+const projectArrow = document.getElementById('projects-text');
 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)';
+// If the user is on mobile, remove the fingerprint from the footer, also remove
+// the down arrow buttons
+if (window.innerWidth <= 768) {
     footer.removeChild(footer.lastChild);
+    arrow.style.display = 'none';
+    projectArrow.style.display = 'none';
 }
 
 // If the user is on mobile

style.css

@@ -19,7 +19,7 @@ body{
     justify-content: center;
     align-items: center;
     position: absolute;
-    bottom: 5vh;
+    bottom: 15vh;
 }
 
 .fa-angle-down:hover {
@@ -32,12 +32,12 @@ footer {
     position: sticky;
     bottom: 0;
     background-color: #0d0d0d;
-    font-size: 1.75vh;
+    font-size: 2vh;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 10;
-    padding: 10px;
+    padding: 3vh;
 }
 
 footer a {
@@ -50,6 +50,13 @@ footer a:hover {
     cursor: pointer;
 }
 
+/* Media query for footer on mobile */
+@media screen and (max-width: 600px) {
+    footer {
+        font-size: 2.75vh;
+    }
+}
+
 /* Navbar mobile icons */
 #hamburger i {
     font-size: 4vh;