add medium link to footer, top nav

also update zk-keeper image

src/components/Footer.tsx

@@ -2,6 +2,7 @@ import "./Footer.css";
 import logo from '../images/pse-logo.svg';
 import discord from "../images/discord_round.svg";
 import twitter from "../images/twitter_round.svg";
+import medium from '../images/medium-circle.svg';
 
 function copyright() {
   let websiteCreationYear = 2022;
@@ -32,6 +33,10 @@ export default function Footer() {
           <span>Follow Updates</span>
           <img src={twitter} alt="Twitter Icon" />
         </a>
+        <a href="https://medium.com/privacy-scaling-explorations" target="_blank" rel="noopener noreferrer">
+          <span>Our Articles</span>
+          <img src={medium} alt="Medium Icon" />
+        </a>
       </div>
     </footer>
   );

src/components/Navbar.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react';
 import logo from '../images/pse-logo.svg';
 import discord from '../images/discord_round.svg';
 import twitter from '../images/twitter_round.svg';
+import medium from '../images/medium-circle.svg';
 import './Navbar.css'
 
 function Navbar() {
@@ -30,6 +31,9 @@ function Navbar() {
           <a href="https://discord.gg/g5YTV7HHbh" aria-label="PSE Discord link" target="_blank" rel="noopener noreferrer">
             <img src={discord} alt="" />
           </a>
+          <a href="https://medium.com/privacy-scaling-explorations" aria-label="PSE medium" target="_blank" rel="noopener noreferrer">
+            <img src={medium} alt="" />
+          </a>
         </div>
         <div id="menu-link" onClick={() => { toggleMenu() }}>{isOpen ? 'Close' : 'Menu'}</div>
       </nav>

src/data/Projects.json

@@ -215,7 +215,7 @@
     "name": "ZK-Keeper",
     "short_name": "ZK-Keeper",
     "description": "ZK-Keeper is a browser plugin which enables Zero knowledge identity management and proof generation",
-    "image": "zk-keeper.svg",
+    "image": "zk-keeper.png",
     "links": [
       {
         "github": "https://github.com/faa/zk-keeper"

src/images/medium-circle.svg

@@ -0,0 +1,6 @@
+<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.346802 20C0.346802 8.95431 9.30111 0 20.3468 0V0C31.3925 0 40.3468 8.95431 40.3468 20V20C40.3468 31.0457 31.3925 40 20.3468 40V40C9.30111 40 0.346802 31.0457 0.346802 20V20Z" fill="#282A2D"/>
+<path d="M22.2336 20.3794C22.2336 25.0071 18.5144 28.7586 13.9267 28.7586C9.33904 28.7586 5.61951 25.0063 5.61951 20.3794C5.61951 15.7526 9.33876 12 13.9267 12C18.5147 12 22.2336 15.7518 22.2336 20.3794Z" fill="#F9F8FE"/>
+<path d="M31.3466 20.3794C31.3466 24.7354 29.487 28.2681 27.193 28.2681C24.8991 28.2681 23.0394 24.7354 23.0394 20.3794C23.0394 16.0235 24.8988 12.4908 27.1928 12.4908C29.4867 12.4908 31.3464 16.0223 31.3464 20.3794" fill="#F9F8FE"/>
+<path d="M35.074 20.3794C35.074 24.2813 34.42 27.4464 33.6131 27.4464C32.8062 27.4464 32.1526 24.2822 32.1526 20.3794C32.1526 16.4767 32.8065 13.3125 33.6131 13.3125C34.4198 13.3125 35.074 16.4764 35.074 20.3794Z" fill="#F9F8FE"/>
+</svg>