Merge pull request #232 from onflow/brian-doyle/tweaks-to-ui-ux

Remove learn page, remove footer

Author: briandoyle81

docusaurus.config.js

@@ -102,7 +102,7 @@ const config = {
         items: [
           {
             label: "Learn",
-            to: "/learn",
+            to: "/docs",
             position: "right",
           },
           {
@@ -121,16 +121,9 @@ const config = {
             position: "right",
           },
           {
-            type: "docSidebar",
-            sidebarId: "docSidebar",
+            label: "Language Reference",
             position: "right",
-            label: "Documentation",
-          },
-          {
-            type: "docsVersionDropdown",
-            position: "right",
-            dropdownActiveClassDisabled: true,
-            to: "/docs/next/intro",
+            to: "/docs/language",
           },
           {
             href: "https://github.com/onflow/cadence",
@@ -146,22 +139,6 @@ const config = {
           },
         ],
       },
-      footer: {
-        style: "light",
-        links: [
-          {
-            title: "Got suggestions for this site? ",
-            items: [
-              {
-                label: "It's open-source!",
-                href: "https://github.com/onflow/cadence-lang.org",
-              },
-            ],
-          },
-        ],
-        copyright: `The source code of this site is licensed under the Apache License, Version 2.0.
-        Content is licensed under the Creative Commons Attribution 4.0 International License.`,
-      },
       prism: {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,

src/css/custom.css

@@ -423,13 +423,34 @@ a {
 }
 
 footer {
-  font-weight: 100;
-  color: rgba(130, 133, 138, 0.6);
+  font-weight: 400;
+  color: #444;
+  background: #f8f9fa;
   border-top: 1px solid #e5e7eb;
+  text-align: center;
+  padding: 2rem 1rem 1.5rem 1rem;
+  margin-top: 3rem;
+  font-size: 1.05rem;
 }
 
-.license {
+footer a {
+  color: #00c271;
+  font-weight: 500;
+  text-decoration: underline;
+  transition: color 0.2s;
+}
+
+footer a:hover {
+  color: #009e5c;
+  text-decoration: underline;
+}
+
+footer .license {
+  display: block;
+  margin: 1.5rem auto 0 auto;
   max-width: 52rem;
+  color: #666;
+  font-size: 0.98rem;
 }
 
 .arrow {

src/pages/index.js

@@ -92,7 +92,7 @@ export default function Home() {
                 and <strong>safety</strong> in smart contracts.
               </h2>
 
-              <Link className="cta" href="/learn">
+              <Link className="cta" href="/docs">
                 Get started <HiArrowRight/>
               </Link>
             </div>