diff --git a/community/index.html b/community/index.html
index 4a8f37e..bcdee96 100644
--- a/community/index.html
+++ b/community/index.html
@@ -130,8 +130,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -142,8 +142,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -154,8 +154,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -189,13 +189,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -203,8 +203,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/faq/index.html b/faq/index.html
index 53e96f0..5bd44e7 100644
--- a/faq/index.html
+++ b/faq/index.html
@@ -14,7 +14,7 @@
 	<meta property="og:url" content="https://handshake.org" />
 	<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
 
-  <link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
+  <link rel="shortcut icon" href="/footer/favicon/hns-favicon.ico" type="image/x-icon">
   <link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
   <link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
   <link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
@@ -23,7 +23,7 @@
   
     <link rel="stylesheet" type="text/css" href="/css/marketing.css" />
   
-  <link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">
+  <link rel="shortcut icon" type="image/x-icon" href="footer/favicon/hns-favicon.ico">
 
   <style type="text/css">
     .no-fouc {display: none;}
@@ -104,34 +104,34 @@
       <!--
       <div class="question">
         <h3>Question goes here
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Answer goes here</p></span>
       </div>
       -->
 
       <div class="question">
         <h3>What does Handshake do?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake is an experiment on collaborating to create a decentralized network which results in a global allocation of names. Think of the handles or usernames you use on services such as social networks, and domain names identifying the URI for websites. Nearly all of these services were provided by trusted third parties which prevent the web from truly being decentralized. Handshake provides a means, including key management and server/service authentication, for decentralized web services to experiment. The Internet currently relies upon a single trust root DNS zone and an amalgamation of private companies providing trusted Certificate Authorities to secure the internet, Handshake is an experiment and exploration in alternatives. By providing a way to do decentralized lookup of name records, one can produce hashes and keys to identify resources over decentralized networks without a trusted Certificate Authority corporation.</p></span>
       </div>
       <div class="question">
         <h3>Why is canonicalization of naming within namespaces important?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Having a unique name on a particular namespace or zone is incredibly important for the security of the internet. Having a decentralized unique namespace could enable decentralized internet technologies. If you have a username on a social network, you may want a unique URI to view your profile. Similarly, for domain TLDs and other resources, it is helpful to know that you're correctly communicating with the desired endpoint. Without a unique namespace, the internet is vulnerable to either everyone having to type in the cryptographic key (making name lack usefulness), or a lack of agreement on the relationship between a resource and name. This has very severe security implications. Handshake's <a href="https://en.wikipedia.org/wiki/Zooko%27s_triangle">goal</a> is decentralization, canonicalization of names, <b>and</b> security. With the root zone in use as of the time of this writing (2019), internet naming does not provide decentralization, nor secure authenticated canonicalization of names (the Certificate Authority system).</p></span>
       </div>
       <div class="question">
         <h3>How does Handshake work?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake needs to reach global agreement on names and its owners. To do this, we need to develop ordering of when a name has already been registered in a decentralized way. In essence, we need decentralized global agreement on ordering. Handshake uses its own blockchain to do so. While there has been much misunderstanding on the purpose of a blockchain, the purpose is primarily to ordering events which occur over time (did A happen before B?). If no ordering of events are necessary, a blockchain is not needed. The Handshake blockchain creates an ordering of name registrations, so one knows when a name has already been registered. Without a global decentralized agreement on the order of registrations, we cannot know whether Alice owns the name or Bob does (did Bob make a false claim of registration after Alice already made one). Handshake has everyone run the same software rules so everyone can programmatically come to agreement on name ownership. When a name is registered, the owner has a cryptographic key which is under their control, which assigns ownership to themselves, and can write records on Handshake which identifies, authorizes, and locates resources associated with their name. As these records are also ordered, one can have greater assurance on whether the records are expired or current.</p></span>
       </div>
       <div class="question">
         <h3>Does this promote carbon emissions?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake uses proof-of-work mining, as it is currently the most reliable way to do compact light client proofs. Proof of work uses computational power, a lot of it. However, the overwhelming majority of this computational power is produced using renewables, currently wind and hydro. The reason proof-of-work is currently primarily renewables is that the competitive cost has driven down to places with <i>excess</i> energy, which are remote hydro and wind farms. While there are no guarantees this will persist, the percentage which uses renewables is increasing. In the future, it is possible to have it be a contributor to subsidizing off-grid solar power. As the grid becomes less viable due to local generation, it is possible that miners securing the network can provide an additional revenue stream. This isn't certain, but a theory is that if mining is secured by solar, the network security would be much higher, as that would mean that it requires significant investment in physical infrastructure to attack. This benefits people with off-grid solar panels, as their electricity is otherwise worthless after their batteries are fully charged. While it is uncertain if this will prove to be the case and alternatives should be ready, currently the overwhelming majority of proof of work mining uses renewables is increasing.</p></span>
       </div>
 
@@ -141,54 +141,54 @@
       <h2 id="general">GENERAL</h2>
       <div class="question">
         <h3>How do Internet names currently work?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>When a domain name is resolved to a corresponding server in the IP space, it uses a recursive DNS resolver such as Google's Public DNS server. DNS servers query a number of root servers maintained by one of 12 centralized entities. These root servers serve the "root zone". The root zone is the collection of Top Level Domains (TLDs) like .com, .net, .org, etc. </p></span>
       </div>
       <div class="question">
         <h3>Why does the Certificate Authority system benefit from decentralization?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Compromised certificate authorities threaten SSL. Billions of dollars are currently being moved around on potentially insecure websites. If you’re personally identifiable as the owner of a valuable asset, there’s a risk to your personal safety. Even though WHOIS records have been scrubbed of private information — with the current naming system, your information can still be subpoenaed from a domain registrar. </p></span>
       </div>
       <div class="question">
         <h3>What issues have occured with the centralized nature of the root zone and DNS as it currently stands?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Certificate authorities and private owners of TLDs impose fees while often compromising the security of SSL by issuing bad certificates or cooperating with government attempts to spy on encrypted traffic or censor undesirable content. One common mechanism of Internet censorship that has been used with increasing and alarming frequency is DNS filtering and redirection. Another area where the centralized nature of Internet names has come to a head is domain registration privacy. Additionally, the way DNS is currently centered at a handful of choke points allows for DDoS attacks like we saw in the 2016 attack on Dyn. </p></span>
       </div>
       <div class="question">
         <h3>Does Handshake replace DNS?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>No. Handshake is meant to replace the root zone file, not DNS. Browsing the web with human readable names is what Internet users have gotten acclimated to. Our solution allows for a seamless transition between a centralized name root zone file controlled by  private parties to a decentralized root zone file controlled by actual Internet users. The Handshake blockchain itself is essentially one big distributed zone file in which anyone has the right to add an entry in. </p></span>
       </div>
       <div class="question">
         <h3>What can you do with Handshake and DNS now?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Using OpenSSH, it’s possible to store SSH fingerprints in DNS. This means that if you're using a Handshake Name System (HNS) resolver, you can actually already verify SSH fingerprints in a decentralized way. This is possible without needing to install any additional, special SSH software. </p>
               <p>DNS has an additional feature that allows you to verify TLS certificates by storing a hash of your ‘SubjectPublicKeyInfo’. This means that there is now a P2P way to trust self-signed certificates, as long as they have a valid DNSSEC trust chain set up. Anyone can set up a valid trust chain without having to ask anyone's permission to do so. </p></span>
       </div>
       <div class="question">
         <h3>How is Handshake different from other decentralized naming projects?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Many other decentralized naming systems did not allow for secure “light clients” (simple payment verification mode), forcing every potential user to run a full node, equivalent to saving all the domains in the world on your computer. Another key differentiator is that Handshake is the first to pre-reserve names for existing trademark name holders. </p></span>
       </div>
 
       <h2 id="grants">COMMUNITY GRANTS</h2>
       <div class="question">
         <h3>Why is there a grant of $10.2 million to nonprofits and free/open source projects?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake’s original incubators, Purse.io and Private Internet Access, provided enough support to build and launch the platform without additional funding. The pre-launch project contributors don’t require additional capital from subsequent investors, but what was needed is their deep expertise in early stage technology venture valuation. Accepting their investment at mutually agreed upon terms ensures Handshake launches at a reasonable valuation and enables the network to immediately bootstrap the decentralized market for Internet names. Beyond that Handshake has everything needed and that capital is better deployed by the FOSS organizations to which have been pledged to contribute it.
         </p></span>
       </div>
       <div class="question">
         <h3>Why are free and open source contributors receiving the majority of the initial HNS?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>The Internet, and civilization as a whole, would not be where it is today without the hard work of the free software and open source community and the projects that they work on. The Handshake blockchain will start with an initial supply of 1.36 billion coins, of which ~67.5% will be gifted to FLOSS developers and projects, as well as non profit organizations, universities. </p>
         <p>Read more about it on the <a href="/grant-sponsors">FLOSS Pledge Page.</a></p></span>
       </div>
@@ -196,56 +196,56 @@
       <h2 id="naming">NAMES</h2>
       <div class="question">
         <h3>How can trademark holders claim their names on HNS?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake is holding a ninety day sunrise period before launch to allow existing rights-holders to claim their trademarked names. This is in order to help the seamless transition from a centralized root zone file to a decentralized root zone file. Read more in our Handshake Name Trademark Disclaimer. </p></span>
       </div>
       <div class="question">
         <h3>Why is Handshake pre-reserving the top tens of thousands of domain names according to Alexa.com?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Existing TLDs and over 100,000 Alexa websites are reserved on the Handshake blockchain. Upon removing collisions, generic, and exclusions (e.g. 1 or 2 character names), approximately 80,000 names remain. Using the root key and DNSSEC, domain owners can cryptographically prove ownership to the Handshake blockchain to claim names. 100,000 was chosen as a number which the ownership is clear and has already gone through policy and process.</p></span>
       </div>
       <div class="question">
         <h3>Why is Handshake allowing trademark holders to claim their names on HNS?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake is holding a sunrise period before launch to allow existing rights-holders to claim their trademarked names. This is in order to help the seamless transition from a centralized root zone file to a decentralized root zone file. Read more in the <a href="/trademark-disclaimer">Handshake Name Trademark Disclaimer</a>.</p></span>
       </div>
       <div class="question">
         <h3>What is the challenge with secure name resolution?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>The largest challenge is the “key exchange problem.” This can be solved by putting the certificate and names on the blockchain and tying their ownership to private keys. This is Handshake’s key innovation on the root zone file. </p></span>
       </div>
       <div class="question">
         <h3>How do I register a Handshake name?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake leverages a blockchain based on unspent transaction output (UTXO) and proof-of-work (PoW) similar to Bitcoin for naming capabilities. The naming system features an on-chain smart contract-like functionality called covenants which restrict the future use of outputs of a transaction. Because covenants are built in at the blockchain layer via the consensus protocol, the handshake system enables different types of smart contracts which is used to develop an auction system for individuals to bid on domain naming rights. </p></span>
       </div>
       <div class="question">
         <h3>What does the Handshake names auction process look like?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Users can buy or register domains through a Vickrey auction using HNS coins. All possible names are released weekly over the first year after launch. Users may submit blinded bids on the Handshake blockchain anytime after a name is released for auction. Bidding is open to everyone for ~5 days after the reveal period, and have ~10 days to reveal their bid price. A winner is assigned the name and, as it is a Vickrey auction, pays the second highest bid at the end of the reveal period. The winning bid amount of HNS coins is burned and permanently removed from circulation. Losing bids are returned and not burned. </p></span>
       </div>
       <div class="question">
         <h3>How long are my names good for?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Handshake names are registered for one year at a time. Names can be renewed annually by paying a standard network fee. There are no social or technical guarantees with the renewability or ownership, this is an experimental system, please read the code to see details of how it currently works.</p></span>
       </div>
       <div class="question">
         <h3>Who gets the annual renewal fee?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>Renewals for names are annual and cost a standard network fee. Currently, miners will receive the transaction fee as part of their block reward.</p></span>
       </div>
       <div class="question">
         <h3>How do I transfer ownership of a name?
-        <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
-        <span class='hide'><img class='footer-caret-up' src='img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
+        <span><footer class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded answer on mobile'/></span>
+        <span class='hide'><footer class='footer-caret-up' src='/img/footer/up-caret.svg' alt='Toggle expanded answer on mobile'/></span></h3>
         <span><p>If someone owns a name directly, the current owner can give the destination address/key to the new recipient. Sender creates a transaction to send the domain to receiver, and a block is mined on the blockchain. One week after the transaction is confirmed, it is locked in. Transferring ownership may also have payments embedded, so the recipient will receive coins if and only if the transfer is successful. This means that users do not need to use 3rd party escrow to pay for transfer. </p></span>
       </div>
     </div>
@@ -263,8 +263,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -275,8 +275,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -287,8 +287,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -322,13 +322,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -336,8 +336,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/grant-sponsors/index.html b/grant-sponsors/index.html
index 928f4d2..55afeef 100644
--- a/grant-sponsors/index.html
+++ b/grant-sponsors/index.html
@@ -189,8 +189,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -201,8 +201,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -213,8 +213,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -248,13 +248,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -262,8 +262,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/how-it-works/index.html b/how-it-works/index.html
index 5d4e3db..982e13f 100644
--- a/how-it-works/index.html
+++ b/how-it-works/index.html
@@ -110,8 +110,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -122,8 +122,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -134,8 +134,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -169,13 +169,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -183,8 +183,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/index.html b/index.html
index 1527315..a1a7af5 100644
--- a/index.html
+++ b/index.html
@@ -187,8 +187,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -199,8 +199,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -211,8 +211,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -246,13 +246,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -260,8 +260,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/mascot/index.html b/mascot/index.html
index c3e0ea4..5e71e6b 100644
--- a/mascot/index.html
+++ b/mascot/index.html
@@ -112,8 +112,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -124,8 +124,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -136,8 +136,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -171,13 +171,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -185,8 +185,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/privacy-policy/index.html b/privacy-policy/index.html
index 6f957fc..7f3bf08 100644
--- a/privacy-policy/index.html
+++ b/privacy-policy/index.html
@@ -255,8 +255,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -267,8 +267,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -279,8 +279,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -314,13 +314,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -328,8 +328,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/terms-of-use/index.html b/terms-of-use/index.html
index 4f11926..1bba59f 100644
--- a/terms-of-use/index.html
+++ b/terms-of-use/index.html
@@ -281,8 +281,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -293,8 +293,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -305,8 +305,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -340,13 +340,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -354,8 +354,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';
diff --git a/trademark-disclaimer/index.html b/trademark-disclaimer/index.html
index f63cd39..8f6ccce 100644
--- a/trademark-disclaimer/index.html
+++ b/trademark-disclaimer/index.html
@@ -114,8 +114,8 @@
   <nav>
     <div class='header'>
       <h3>Handshake</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/'>Home</a>
@@ -126,8 +126,8 @@
   <nav>
     <div class='header'>
       <h3>Learn</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='/faq'>FAQ</a>
@@ -138,8 +138,8 @@
   <nav>
     <div class='header'>
       <h3>Develop</h3>
-      <span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
-      <span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-down' src='/img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
+      <span><img class='footer-caret-up hide' src='/img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
     </div>
     <div class='links'>
       <a href='https://handshake-org.github.io'>Documentation</a>
@@ -173,13 +173,13 @@
 
       <nav class='social-icons-small-footer'>
         <a href='https://github.com/handshake-org/'>
-          <img src='img/footer/github.svg' alt='GitHub logo'/>
+          <img src='/img/footer/github.svg' alt='GitHub logo'/>
         </a>
         <a href='https://twitter.com/hns'>
-          <img src='img/footer/twitter.svg' alt='Twitter logo'/>
+          <img src='/img/footer/twitter.svg' alt='Twitter logo'/>
         </a>
         <a href='https://reddit.com/r/handshake'>
-          <img src='img/footer/reddit.svg' alt='Reddit logo'/>
+          <img src='/img/footer/reddit.svg' alt='Reddit logo'/>
         </a>
       </nav>
     </div>
@@ -187,8 +187,8 @@
 
 </footer>
 
-<script src='js/footer.js'></script>
-<script src='js/nav.js'></script>
+<script src='/js/footer.js'></script>
+<script src='/js/nav.js'></script>
 <script>
   window.addEventListener("load", function(e) {
     document.documentElement.className = '';