updates the site

Author: Daniel Del Core

website/docusaurus.config.js

@@ -1,14 +1,14 @@
 /** @type {import('@docusaurus/types').DocusaurusConfig} */
 module.exports = {
-  title: 'CodeshiftCommunity',
+  title: 'Hypermod Community',
   tagline: 'Codemods for everyone ✨',
   url: 'https://www.codeshiftcommunity.com',
   baseUrl: '/',
   onBrokenLinks: 'throw',
   onBrokenMarkdownLinks: 'warn',
   favicon: 'img/favicon.ico',
-  organizationName: 'CodeshiftCommunity',
-  projectName: 'CodeshiftCommunity',
+  organizationName: 'Hypermod',
+  projectName: 'Hypermod',
   themeConfig: {
     image: 'img/TwitterBanner.png',
     metadata: [
@@ -33,10 +33,11 @@ module.exports = {
       darkTheme: require('prism-react-renderer/themes/palenight'),
     },
     navbar: {
-      title: 'CodeshiftCommunity',
+      title: 'Hypermod Community',
       logo: {
-        alt: 'CodeshiftCommunity Logo',
+        alt: 'Hypermod Logo',
         src: 'img/logo.svg',
+        srcDark: 'img/logo_dark.svg',
       },
       items: [
         {
@@ -65,7 +66,6 @@ module.exports = {
       ],
     },
     footer: {
-      style: 'dark',
       links: [
         {
           title: 'Docs',

website/src/css/custom.css

@@ -6,13 +6,23 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #7d4bd5;
-  --ifm-color-primary-dark: #7244c1;
-  --ifm-color-primary-darker: #673eaf;
-  --ifm-color-primary-darkest: #4d2e83;
-  --ifm-color-primary-light: #9c6eec;
-  --ifm-color-primary-lighter: #ad89ec;
-  --ifm-color-primary-lightest: #c0a4f1;
+  --ifm-color-primary: #000;
+  --ifm-color-primary-dark: #000;
+  --ifm-color-primary-darker: #000;
+  --ifm-color-primary-darkest: #000;
+  --ifm-color-primary-light: #000;
+  --ifm-color-primary-lighter: #000;
+  --ifm-color-primary-lightest: #000;
+}
+
+[data-theme='dark'] {
+  --ifm-color-primary: #fff;
+  --ifm-color-primary-dark: #fff;
+  --ifm-color-primary-darker: #fff;
+  --ifm-color-primary-darkest: #fff;
+  --ifm-color-primary-light: #fff;
+  --ifm-color-primary-lighter: #fff;
+  --ifm-color-primary-lightest: #fff;
 }
 
 .docusaurus-highlight-code-line {

website/src/pages/index.js

@@ -25,19 +25,15 @@ export default function Home() {
           <h1 className={clsx(styles.heroHeadingBanner)}>
             The community-owned codemod registry.
           </h1>
-          <p className="hero__subtitle">
+          <p>
             Discover the power of codemods for your development workflow. Our
             tools and resources allow you to easily manage dependencies,
             automate refactoring, and transform your codebase.
           </p>
-          <p className="hero__subtitle">
+          <p>
             With support for code migration and evolution, you can modernize
             your code and keep it up-to-date with the latest best practices.
           </p>
-          <p className="hero__subtitle">
-            Try our tools today and improve your development process.
-          </p>
-          <p></p>
           <Link
             to={useBaseUrl('docs/')}
             className={clsx(
@@ -139,17 +135,17 @@ export default function Home() {
             <div className="row">
               <div className={clsx('col col--4')}>
                 <CodeBlock className="language-diff">
-                  {`+import Button from '@my-lib/button';
+                  {`import Button from '@my-lib/button';
 
 
-+const App = () => (
-+  <Button
-+    appearance="bold"
-+    handleClick=()
-+  >
-+    Submit
-+  </Button>
-+);`}
+const App = () => (
+  <Button
+    appearance="bold"
+    handleClick=()
+  >
+    Submit
+  </Button>
+);`}
                 </CodeBlock>
                 <div className={clsx(styles.center)}>
                   <span className={clsx(styles.lozenge)}>v1.0.0</span>
@@ -344,14 +340,6 @@ export default transformer;`}</CodeBlock>
             </div>
           </div>
         </section>
-        <section className={clsx(styles.logoBanner)}>
-          <div className={clsx(styles.containerCenter)}>
-            <Logo
-              title="Hypermod logo"
-              style={{ maxWidth: '160px', width: '100%' }}
-            />
-          </div>
-        </section>
       </main>
     </Layout>
   );

website/src/pages/styles.module.css

@@ -8,20 +8,9 @@
 }
 
 .valueContainer {
-  padding: 1.5rem;
-  border-radius: 1rem;
   margin-bottom: 2rem;
 }
 
-[data-theme='light'] .valueContainer {
-  box-shadow: 0px 0px 1px rgb(124 58 162 / 50%),
-    0px 10px 24px -7px rgb(145 0 218 / 10%);
-}
-
-[data-theme='dark'] .valueContainer {
-  box-shadow: 0px 0px 1px var(--ifm-color-primary-dark);
-}
-
 .valueContainer p:last-child {
   margin-bottom: 0;
 }