Aptosify docs footer

Closes: aptos-labs#177

developer-docs-site/docs/intro.md

@@ -6,7 +6,7 @@ sidebar_position: 0
 hide_table_of_contents: true
 ---
 
-# Aptos Developer Documentation
+# Aptos Developer Network
 
 Welcome! Aptos is building a Layer 1 for everyone. Here in our documentation you can explore tutorials and technical concepts for the Aptos Network.
 

developer-docs-site/docusaurus.config.js

@@ -44,11 +44,11 @@ const config = {
   /** @type {import("@docusaurus/preset-classic").ThemeConfig} */
     ({
       navbar: {
-        title: "Developer Documentation",
+        title: "| Developer Network",
         logo: {
           alt: "Aptos Labs Logo",
-          src: "img/aptos_logo_wordmark_transparent_blk.png",
-          srcDark: "img/aptos_logo_wordmark_transparent_white.png",
+          src: "img/aptos_word.svg",
+          srcDark: "/img/aptos_word.svg",
         },
         items: [
           {
@@ -62,24 +62,64 @@ const config = {
         style: "dark",
         links: [
           {
-            title: "Community",
+            title: null,
             items: [
               {
-                label: "Reddit",
-                href: "https://www.reddit.com/r/aptoslabs/",
+                html: `
+                  <a class="social-link" href="https://aptoslabs.com" target="_blank" rel="noopener noreferrer" title="Git">
+                     <img class="logo" src="/img/aptos_word.svg" alt="Git Icon" />
+                  </a>
+                `
               },
+            ],
+          },
+          {
+            title: null,
+            items: [
               {
-                label: "Discord",
-                href: "https://discord.gg/zTDYBEud7U",
+                html: `
+                <p class="emails">
+                  If you have any questions, please contact us at </br>
+                  <a href="mailto:[email protected]" target="_blank" rel="noreferrer noopener">
+                    [email protected]
+                  </a> or
+                  <a href="mailto:[email protected]" target="_blank" rel="noreferrer noopener">
+                    [email protected]
+                  </a> 
+                </p>
+              `,
               },
+            ],
+          },
+          {
+            title: null,
+            items: [
               {
-                label: "Twitter",
-                href: "https://twitter.com/aptoslabs",
+                html: `
+                  <p class="right">
+                    <nav class="social-links">
+                        <a class="social-link" href="https://github.com/aptoslabs" target="_blank" rel="noopener noreferrer" title="Git">
+                         <img class="icon" src="/img/socials/git.svg" alt="Git Icon" />
+                        </a>
+                        <a class="social-link" href="https://discord.gg/zTDYBEud7U" target="_blank" rel="noopener noreferrer" title="Discord">
+                          <img class="icon" src="/img/socials/discord.svg" alt="Discord Icon" />
+                        </a>
+                        <a class="social-link" href="https://twitter.com/aptoslabs/" target="_blank" rel="noopener noreferrer" title="Twitter">
+                          <img class="icon" src="/img/socials/twitter.svg" alt="Twitter Icon" />
+                        </a>
+                        <a class="social-link" href="https://aptoslabs.medium.com/" target="_blank" rel="noopener noreferrer" title="Medium">
+                          <img class="icon" src="/img/socials/medium.svg" alt="Medium Icon" />
+                        </a>
+                        <a class="social-link" href="https://www.linkedin.com/company/aptoslabs/" target="_blank" rel="noopener noreferrer" title="LinkedIn">
+                          <img class="icon" src="/img/socials/linkedin.svg" alt="LinkedIn Icon" />
+                        </a>
+                    </nav>
+                  </p>
+              `,
               },
             ],
           },
         ],
-        copyright: `Copyright © ${new Date().getFullYear()} Aptos Labs`,
       },
       prism: {
         theme: lightCodeTheme,

developer-docs-site/src/css/custom.css

@@ -55,3 +55,58 @@ img.deep-dive-image {
 main article a {
   /* color: red !important;*/
 }
+
+footer.footer {
+  background-color: black;
+  color:white;
+  font-size: 18px;
+  font-weight: 300;
+  letter-spacing: normal;
+  line-height: 28px;
+}
+
+footer.footer a {
+  color:white;
+  text-decoration: underline;
+}
+footer.footer .emails{
+  text-align: center;
+}
+
+footer.footer .right{
+  text-align: right;
+}
+
+footer.footer .icon{
+  width: 20px;
+  height: 20px;
+}
+
+footer.footer .logo{
+  width: 150px;
+}
+
+
+footer.footer a.social-link{
+  text-decoration: none;
+  height: 20px;
+  padding-right: 30px;
+}
+
+footer.footer nav.social-links {
+  text-align: right;
+}
+
+footer.footer > div.container-fluid {
+  max-width: inherit;
+}
+
+div.navbar__logo {
+  filter: brightness(0) saturate(100%);
+  height: 1.6rem;
+}
+
+b.navbar__title{
+  font-size: 1.6rem;
+  font-weight: normal;
+}