Change tagline website

Signed-off-by: Thomas Poignant <[email protected]>
thomaspoignant · Apr 21, 2023 · 490a46e · 490a46e
1 parent 3f8fbdb
commit 490a46e
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -9,7 +9,7 @@ const TwitterSvg =
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'GO Feature Flag',
-  tagline: 'GO Feature Flag is a simple, complete and lightweight feature flag solution 100% Open Source.',
+  tagline: 'Simple Feature Flagging for All',
   url: 'https://gofeatureflag.org',
   baseUrl: '/',
   onBrokenLinks: 'throw',
@@ -20,6 +20,7 @@ const config = {
   trailingSlash: false,
 
   customFields: {
+    description: 'GO Feature Flag is a simple, complete and lightweight feature flag solution 100% Open Source.',
     logo: 'img/logo/logo.png',
     github: 'https://github.com/thomaspoignant/go-feature-flag',
     sponsor: 'https://github.com/sponsors/thomaspoignant',

diff --git a/website/src/components/home/HomeHeader/index.js b/website/src/components/home/HomeHeader/index.js
@@ -51,9 +51,10 @@ export function HomeHeader() {
               <span className="goffMainTitle">GO Feature Flag</span>
               <br />
               <span className="goffMainSubtitle">
-                Ship Faster, Reduce Risk, and Build Scale
+              {`${siteConfig.tagline}`}
               </span>
               <p>
+                <span className={styles.descriptionFirstLine}>Ship Faster, Reduce Risk, and Build Scale</span><br/>
                 Feature flags lets you modify system behavior without changing
                 code. Deploy every day, release when you are ready. Reduce risk
                 by releasing your features progressively.

diff --git a/website/src/components/home/HomeHeader/styles.module.css b/website/src/components/home/HomeHeader/styles.module.css
@@ -63,3 +63,10 @@ svg:not(:root) {
   font-size: 1rem;
   text-align: center;
 }
+
+.descriptionFirstLine{
+  font-weight: 100;
+  font-size: 1.4rem;
+  text-transform:capitalize;
+  filter: brightness(1.25);
+}
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -179,7 +179,7 @@ div[class^="announcementBar_"] {
 /* NEW CSS*/
 .goffMainTitle {
   margin-top: 2rem;
-  font-size: 3rem;
+  font-size: 4rem;
   line-height: 2.5rem;
   color: var(--goff-main-title-color);
   font-family: Poppins, sans-serif;
@@ -192,7 +192,7 @@ div[class^="announcementBar_"] {
   font-family: Poppins, sans-serif;
   font-weight: 700;
   letter-spacing: -0.18rem;
-  font-size: 3rem;
+  font-size: 2.95rem;
 }
 
 .menu-icon{

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -10,8 +10,8 @@ export default function Home() {
   const {siteConfig} = useDocusaurusContext();
   return (
     <Layout
-      title="Simple Feature Flagging for All"
-      description={`${siteConfig.tagline}`}>
+      title={`${siteConfig.tagline}`}
+      description={`${siteConfig.customFields.description}`}>
       <HomeHeader />
       <Whatis />
       <Features />