Merge pull request #179 from aragon/fix/prepare-stg-to-production

fix: prepare staging to be merged into production
aragon · May 21, 2024 · 42c8748 · 42c8748
2 parents b43c32a + d923567
commit 42c8748
Show file tree

Hide file tree

Showing 14 changed files with 206 additions and 200 deletions.
diff --git a/docs/osx/02-how-to-guides/01-dao/index.md b/docs/osx/02-how-to-guides/01-dao/index.md
@@ -1,6 +1,6 @@
 ---
 title: How to Operate a DAO
-sidebar_title: Operating a DAO
+sidebar_label: Operating a DAO
 ---
 
 DAOs are decentralized autonomous organizations. They are a group of people managing on-chain assets through a set of smart contracts.

diff --git a/docs/osx/02-how-to-guides/02-plugin-development/index.md b/docs/osx/02-how-to-guides/02-plugin-development/index.md
@@ -1,6 +1,6 @@
 ---
 title: How to build a DAO Plugin
-sidebar_title: Developing a Plugin
+sidebar_label: Developing a Plugin
 ---
 
 ## Plugin Development Quickstart Guide

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -137,6 +137,10 @@ const config = {
         ],
         copyright: `Copyright © ${new Date().getFullYear()} Aragon Association, Inc.`,
       },
+      colorMode: {
+        defaultMode: 'light',
+        disableSwitch: true,
+      },
       prism: {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -45,6 +45,14 @@
   --warning-color: #e1c75c;
   --danger-color: #e75268;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-background:    
+;
+}
+
+/* Custom background for images  */
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: var(--ifm-color-background);
 }
 
 /* Announcement banner */

diff --git a/src/css/markdown.css b/src/css/markdown.css
@@ -83,7 +83,7 @@
 }
 
 .markdown img {
-  background-color: white;
+  background-color: var(--ifm-color-background);
   padding: 8px;
 }
 

diff --git a/src/data/WelcomeCards.tsx b/src/data/WelcomeCards.tsx
@@ -3,14 +3,6 @@ import {IWelcomeCardProps} from '../components/WelcomeCard';
 import {RocketIcon, PageIcon, InfoIcon} from '../components';
 
 const welcomeCards: IWelcomeCardProps[] = [
-  {
-    title: 'Browse Use Cases',
-    description:
-      'Check out how developers are leveraging Aragon OSx for their projects',
-    icon: <InfoIcon />,
-    linkLabel: 'Aragon Projects Directory',
-    href: 'https://www.notion.so/aragonorg/Aragon-Ecosystem-Projects-36c3cfd85c3d43f0b8bebb0e2811c298?pvs=4',
-  },
   {
     title: 'Join our Developer Community',
     description:

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -18,18 +18,6 @@ export default function Home(): JSX.Element {
           img={require('@site/static/img/welcome-image.png').default}
           imgAlt="Welcome to Aragon OSx"
         />
-        <WelcomeCardsWrapper>
-          {welcomeCards.map((card, index) => (
-            <WelcomeCard
-              key={index}
-              title={card.title}
-              description={card.description}
-              icon={card.icon}
-              href={card.href}
-              linkLabel={card.linkLabel}
-            />
-          ))}
-        </WelcomeCardsWrapper>
         <ComponentCardsWrapper>
           <ComponentCardsTitle>Explore Products</ComponentCardsTitle>
           {componentCards.map((card, index) => (
@@ -43,6 +31,18 @@ export default function Home(): JSX.Element {
             />
           ))}
         </ComponentCardsWrapper>
+        <ComponentCardsWrapper>
+          {welcomeCards.map((card, index) => (
+            <WelcomeCard
+              key={index}
+              title={card.title}
+              description={card.description}
+              icon={card.icon}
+              href={card.href}
+              linkLabel={card.linkLabel}
+            />
+          ))}
+        </ComponentCardsWrapper>
       </Container>
     </Layout>
   );
@@ -56,7 +56,13 @@ const ComponentCardsWrapper = styled.div.attrs({
 })``;
 const WelcomeCardsWrapper = styled.div.attrs({
   className: 'flex md:flex-row md:space-x-4 md:space-y-0 flex-col space-y-4',
-})``;
+})`
+  display: flex;
+  justify-content: center; /* Centers children horizontally */
+  align-items: center; /* Centers children vertically */
+  margin: auto; /* Centers the wrapper itself within its parent */
+`;
+
 const ComponentCardsTitle = styled.p.attrs({
   className: 'font-medium text-xl',
 })`

diff --git a/versioned_docs/version-1.3.0/osx/02-how-to-guides/01-dao/index.md b/versioned_docs/version-1.3.0/osx/02-how-to-guides/01-dao/index.md
@@ -1,6 +1,6 @@
 ---
 title: How to Operate a DAO
-sidebar_title: Operating a DAO
+sidebar_label: Operating a DAO
 ---
 
 DAOs are decentralized autonomous organizations. They are a group of people managing on-chain assets through a set of smart contracts.

diff --git a/versioned_docs/version-1.3.0/osx/02-how-to-guides/02-plugin-development/index.md b/versioned_docs/version-1.3.0/osx/02-how-to-guides/02-plugin-development/index.md
@@ -1,6 +1,6 @@
 ---
 title: How to build a DAO Plugin
-sidebar_title: Developing a Plugin
+sidebar_label: Developing a Plugin
 ---
 
 ## Plugin Development Quickstart Guide

diff --git a/versioned_docs/version-1.3.0/osx/subgraph/01-query-examples/01-dao-query.md b/versioned_docs/version-1.3.0/osx/subgraph/01-query-examples/01-dao-query.md
diff --git a/versioned_docs/version-1.3.0/osx/subgraph/01-query-examples/02-balances-query.md b/versioned_docs/version-1.3.0/osx/subgraph/01-query-examples/02-balances-query.md