fixed borken links

Author: bennobuilder

docusaurus.config.js

@@ -13,7 +13,7 @@ const customFields = {
   twitterUrl: "https://twitter.com/AgileFramework",
   version: "0.0.1",
   announcementBarContent:
-    '⭐️ If you like AgileTs, give it a star on <a target="_blank" rel="noopener noreferrer" href="/agile-ts/agile">GitHub</a>! ⭐️',
+    'If you like AgileTs, give it a star on <a target="_blank" rel="noopener noreferrer" href="/agile-ts/agile">GitHub</a> 🎉 !️',
 };
 
 const config = {

src/components/buttons/GithubButton/index.tsx

@@ -15,14 +15,14 @@ const GithubButton: React.FC<Props> = (props) => {
       className={clsx(styles.ButtonContainer, className)}
       onClick={() => {
         if (to.startsWith("http")) {
-          window.location.href = to;
+          window.open(to, "_blank");
           return;
         }
         history.push(to);
       }}
     >
       <FaGithub className={styles.GithubIcon} />
-      <div className={styles.Text}>GITHUB</div>
+      <div>GITHUB</div>
     </button>
   );
 };

src/components/buttons/GithubButton/styles.module.css

@@ -27,7 +27,3 @@
 .GithubIcon {
   margin-right: 10px;
 }
-
-.Text {
-  margin-top: 3px;
-}

src/components/buttons/PrimaryButton/index.tsx

@@ -14,7 +14,7 @@ const PrimaryButton: React.FC<Props> = (props) => {
       className={clsx(styles.ButtonContainer, className)}
       onClick={() => {
         if (to.startsWith("http")) {
-          window.location.href = to;
+          window.open(to, "_blank");
           return;
         }
         history.push(to);

src/css/custom.scss

@@ -15,8 +15,9 @@
   --ifm-color-black-light: #202026;
   --ifm-color-black-lighter: #2a2a32;
   --ifm-color-white: #ffffff;
-  --ifm-color-white-dark: #e6e6fd;
-  --ifm-color-white-darker: #c5c5e9;
+  --ifm-color-white-dark: #f0f0fd;
+  --ifm-color-white-darker: #e6e6fd;
+  --ifm-color-white-darkest: #c5c5e9;
   --ifm-color-purple-lightest: #9c9abf;
   --ifm-color-purple-lighter: #8481af;
   --ifm-color-purple-light: #7c79aa;
@@ -50,8 +51,8 @@
   --ifm-color-on-background-3: var(--ifm-color-purple-dark);
 
   // Surface
-  --ifm-color-surface: var(--ifm-color-white-dark);
-  --ifm-color-surface-2: var(--ifm-color-white-darker);
+  --ifm-color-surface: var(--ifm-color-white-darker);
+  --ifm-color-surface-2: var(--ifm-color-white-darkest);
   --ifm-color-on-surface: var(--ifm-color-black);
   --ifm-color-on-surface-2: var(--ifm-color-purple-darkest);
   --ifm-color-on-surface-3: var(--ifm-color-purple-darker);

src/pages/LandingPage/components/HeaderView/index.tsx

@@ -38,7 +38,10 @@ const HeaderView: React.FC = () => {
         </div>
         <Spacer height={50} />
         <div className={styles.ButtonContainer}>
-          <PrimaryButton className={styles.GetStartedButton} to={"/docs"}>
+          <PrimaryButton
+            className={styles.GetStartedButton}
+            to={"/docs/introduction"}
+          >
             GET STARTED
           </PrimaryButton>
           <GithubButton

src/theme/Footer/index.tsx

@@ -27,6 +27,7 @@ const Footer = () => {
     <footer className={clsx("footer", styles.Container)}>
       <div className={styles.Inner}>
         <div className={styles.ContentContainer}>
+          {/*Footer Left */}
           <div className={styles.FooterLeft}>
             <div className={styles.BrandContainer}>
               <img
@@ -39,14 +40,14 @@ const Footer = () => {
               />
               <div className={styles.BrandText}>AgileTs</div>
             </div>
-
             <div className={styles.Tagline}>{siteConfig.tagline}</div>
-
             <GithubButton
               className={styles.GithubButton}
               to={siteConfig.themeConfig.githubUrl}
             />
           </div>
+
+          {/* Footer Quick Links (Right) */}
           <div className={styles.FooterRight}>
             {links.map((linkItem, i) => (
               <div className={styles.SectionContainer} key={i}>

src/theme/Footer/styles.module.css

@@ -64,8 +64,8 @@
 }
 
 .GithubButton {
-  justify-self: start;
-  font-size: 12px;
+  justify-self: start !important;
+  font-size: 12px !important;
 }
 
 .SectionContainer {

src/theme/Navbar/styles.module.css

@@ -20,6 +20,7 @@
 :global(.navbar__link),
 :global(.dropdown__link) {
     font-size: var(--ifm-font-size-base);
+    font-weight: normal;
 }
 
 :global(.navbar-sidebar__brand) {