branding complete

docs/company/index-company.mdx

@@ -1,12 +1,10 @@
 ---
 id: index-company
-title: Develop your application using programming languages
+title: A little bit about how we made Playmates a really good thing!
 sidebar_label: Overview
 slug: /company
 ---
 
 import ThreeTenCard from '@theme/ThreeTenCard';
 
 Information about our company
-
-

docs/games/index-games.mdx

@@ -1,13 +1,13 @@
 ---
 id: index-games
-title: Games Created by ThreeTen Labs
-sidebar_label: Overview - All Quick Starts
+title: Games by ThreeTen Labs
+sidebar_label: Library
 slug: /games
 ---
 
 import ThreeTenCard from '@theme/ThreeTenCard';
 
-The following quick starts shows various ways of how to get started and create a new Redis database:
+These are the games created by ThreeTen Labs.:
 
 <div className="row">
 <div className="col">
@@ -18,6 +18,4 @@ The following quick starts shows various ways of how to get started and create a
   />
 </div>
 
-
 </div>
-

docs/support/index-support.mdx

@@ -1,10 +1,10 @@
 ---
 id: index-support
-title: Operate Your Redis Database
-sidebar_label: Overview
+title: Get Some Help
+sidebar_label: Help
 slug: /support
 ---
 
 import ThreeTenCard from '@theme/ThreeTenCard';
 
-Help & Support Coming Soon!
+Help & Support Coming Soon!

docusaurus.config.js

@@ -53,33 +53,29 @@ module.exports = {
           'typescript',
         ],
       },
-
+      image: 'img/logo.png',
       navbar: {
         style: 'dark',
         title: null,
         logo: {
           alt: 'ThreeTen Labs logo',
-          src: 'img/logo-1.png',
+          src: 'img/logo.png',
         },
         hideOnScroll: true,
         items: [
-          {
-            type: 'search',
-            position: 'right',
-          },
-          {
-            to: '/games/',
-            activeBasePath: 'docs',
-            label: 'Games',
-            position: 'right',
-          },
+          // {
+          //   to: '/games/',
+          //   activeBasePath: 'docs',
+          //   label: 'Games',
+          //   position: 'right',
+          // },
         ],
       },
       footer: {
         style: 'dark',
         logo: {
           alt: 'ThreeTen Labs logo',
-          src: 'img/logo-1.png',
+          src: 'img/logo.png',
           href: 'https://threetenlabs.com/',
         },
         links: [
@@ -110,7 +106,7 @@ module.exports = {
             ],
           },
         ],
-        copyright: `Copyright: © ${new Date().getFullYear()} ThreeTen Labs. All rights reserved. ThreeTen Labs and the cube logo are registered trademarks of ThreeTen Labs LLC`,
+        copyright: `Copyright: © ${new Date().getFullYear()} ThreeTen Labs. All rights reserved.`,
       },
       colorMode: {
         // Hides the switch in the navbar

src/css/_config.scss

@@ -1,50 +1,48 @@
-$primary-blue: #161F31;
-$secondary-blue: #0565FF;
-$red: #DC382C;
-$white: #FFFFFF;
+$primary-blue: #263248;
+$secondary-blue: #40b7d3;
+$red: #dc382c;
+$white: #ffffff;
 $black: #000000;
-$primary-black: #0C0E10;
-$secondary-black: #2E2E2E;
-$zircon: #F8FAFF;
+$primary-black: #0c0e10;
+$secondary-black: #2e2e2e;
+$zircon: #f8faff;
 $grey: #707070;
-$grey-light: #E0DFDF;
-$grey-dark: #C2C0C0;
-$purple: #5961FF;
-$purple-hover: #3F41A0;
-$purple-light: #F2F5FE;
-$purple-lighter: #F9FAFF;
+$grey-light: #e0dfdf;
+$grey-dark: #c2c0c0;
+$purple: #40b7d3;
+$purple-hover: #263248;
+$purple-light: #f2f5fe;
+$purple-lighter: #f9faff;
 
-$lato: 'Lato',
-sans-serif;
+$lato: 'Lato', sans-serif;
 
-$roboto: 'Roboto Mono',
-monospace;
+$roboto: 'Roboto Mono', monospace;
 
 :root {
   --chill: #e3ebed;
   --ui: #dfdfdf;
-  --primary-blue: #161F31;
-  --secondary-blue: #0565FF;
-  --red: #DC382C;
-  --white: #FFFFFF;
+  --primary-blue: #263248;
+  --secondary-blue: #40b7d3;
+  --red: #dc382c;
+  --white: #ffffff;
   --black: #000000;
-  --primary-black: #0C0E10;
-  --secondary-black: #2E2E2E;
-  --zircon: #F8FAFF;
+  --primary-black: #0c0e10;
+  --secondary-black: #2e2e2e;
+  --zircon: #f8faff;
   --grey: #707070;
-  --grey-light: #E0DFDF;
-  --grey-dark: #C2C0C0;
+  --grey-light: #e0dfdf;
+  --grey-dark: #c2c0c0;
   --violet: #3e41a0;
-  --purple: #5961FF;
-  --purple-hover: #3F41A0;
-  --purple-light: #F2F5FE;
-  --purple-lighter: #F9FAFF;
+  --purple: #40b7d3;
+  --purple-hover: #263248;
+  --purple-light: #f2f5fe;
+  --purple-lighter: #f9faff;
 }
 
 /* dark mode */
 
 @mixin dark {
-  html[data-theme="dark"] & {
+  html[data-theme='dark'] & {
     @content;
   }
 }

src/css/components/_footer.scss

@@ -32,7 +32,7 @@
       user-select: none;
 
       @include mobile {
-        zoom: .8;
+        zoom: 0.8;
         top: 15px;
         right: -55px;
       }
@@ -44,9 +44,17 @@
     }
   }
 
-  &__logo-ctr { margin-top: -3px; }
+  &__logo-ctr {
+    margin-top: -3px;
+    margin: auto;
+    width: 50%;
+  }
 
-  &__logo-tagline { font-family: $roboto; font-weight: 600; margin-left: 5px; }
+  &__logo-tagline {
+    font-family: $roboto;
+    font-weight: 600;
+    margin-left: 5px;
+  }
 
   &__logo {
     display: block;
@@ -108,7 +116,7 @@
     line-height: 1.1;
     font-size: 14.5px;
     color: $white;
-    transition: color .2s ease-in-out;
+    transition: color 0.2s ease-in-out;
 
     &:hover {
       color: $white;

src/css/components/_hero.scss

@@ -61,7 +61,7 @@
 
   .hero-subtitle {
     margin: 17px 0 0 0;
-    line-height: 2.0;
+    line-height: 2;
     font-size: 18px;
     font-weight: 400;
 
@@ -89,7 +89,7 @@
       position: relative;
       border: 1px dashed $grey;
       border-radius: 10px;
-      transition: background-color .2s ease-in-out;
+      transition: background-color 0.2s ease-in-out;
 
       @include mobile {
         margin: 0 auto;
@@ -98,6 +98,7 @@
 
       &:hover {
         background-color: $secondary-blue;
+        color: $secondary-black;
       }
 
       &:not(:first-child) {
@@ -130,7 +131,6 @@
         left: 520px;
       }
 
-
       &.box-operate .bg {
         top: 900px;
         left: 520px;
@@ -204,7 +204,7 @@
             flex: 0 0 14px;
 
             path {
-              transition: fill .2s ease-in-out;
+              transition: fill 0.2s ease-in-out;
             }
           }
         }
@@ -234,13 +234,13 @@
     @media only screen and (min-width: 997px) and (max-width: 1100px) {
       float: right;
       margin-left: 0;
-      zoom: .8;
+      zoom: 0.8;
     }
 
     @include tablet-mobile {
       display: block;
       margin: 0 auto 48px;
-      zoom: .48;
+      zoom: 0.48;
     }
   }
 }

src/css/components/_navbar.scss

@@ -38,6 +38,11 @@
   }
 }
 
+.navbar__logo img {
+  height: 160%;
+  margin-top: -10px;
+}
+
 .navbar {
   padding: 14px 15px;
   height: auto;

src/css/custom.scss

@@ -39,6 +39,8 @@
 
   --ifm-transition-timing-default: ease-in-out;
 
+  --ifm-navbar-height: 100px;
+
   --ifm-global-radius: 10px;
 }