Adding navigation arrows for latest and first posts

terminal/index.html

@@ -62,7 +62,7 @@
       <h2><i class="fa fa-book" aria-hidden="true"></i>To Sum It All Up...</h2>
       <p>...terminal applications should be used as much as possible. They are swift. They can be used quickly and also use less resources and space while running on just about anything. They are not as difficult as they look and can be used for uses which GUI apps do not have. They cannot be used all the time because there are rare exceptions in which GUI applications have to be used. However, these are so little that I do not mind keeping GUI apps just for these use cases.
       <p><a href="mailto:sufyaan@counterhawks.com?subject=Why%20I%20Use%20Terminal%20Apps">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../fp/" style="color:#bd93f9"><i class="fa fa-repeat" aria-hidden="true"></i>Latest Post</a> - <a style="color:#bd93f9" href="../crypto/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../fp/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M32 448c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96-43 96-96V109.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l73.3-73.4V416c0 17.7-14.3 32-32 32H32z"/></svg>Latest Post</a> - <a style="color:#bd93f9" href="../crypto/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog/">blog</a> - <a style="color:#ffb86c" href="../about/">about</a> - <a style="color:#f1fa8c" href="../portfolio/">portfolio</a> - <a style="color:#ff5555" href="../links/">links</a></p>

uses/index.html

@@ -139,7 +139,7 @@
 <p>These are all of the tools I use. They may change in the future, but there is a low chance of that happening since I have gotten used to all of these amazing tools.</p>
 
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Tools%20I%20Use">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../fp/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <i style="color:#bd93f9" class="fa fa-repeat" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../fp/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../terminal/">First Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="#bd93f9" fill-rule="evenodd" d="M2.232 12.207a.75.75 0 0 1 1.06.025l3.958 4.146V6.375a5.375 5.375 0 0 1 10.75 0V9.25a.75.75 0 0 1-1.5 0V6.375a3.875 3.875 0 0 0-7.75 0v10.003l3.957-4.146a.75.75 0 0 1 1.085 1.036l-5.25 5.5a.75.75 0 0 1-1.085 0l-5.25-5.5a.75.75 0 0 1 .025-1.06Z" clip-rule="evenodd"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>