feat: main page (#432)

FrancescoXX · Mar 12, 2023 · 91fad8b · 91fad8b · vercel · Mar 12, 2023
1 parent fa5c69c
commit 91fad8b
Show file tree

Hide file tree

Showing 28 changed files with 437 additions and 727 deletions.
diff --git a/docs/Solana/_category_.json b/docs/Solana/_category_.json
diff --git a/docs/TwitterPosts/_category_.json b/docs/TwitterPosts/_category_.json
diff --git a/docs/TwitterPosts/twitter-posts.md b/docs/TwitterPosts/twitter-posts.md
diff --git a/docs/blockchains/_category_.json b/docs/blockchains/_category_.json
@@ -1,8 +1,4 @@
 {
   "label": "Blockchains",
-  "position": 6,
-  "link": {
-    "type": "generated-index",
-    "description": "Blockchains"
-  }
+  "position": 6
 }
diff --git a/docs/blockchains/blockchains.md b/docs/blockchains/blockchains.md
@@ -1,5 +1,7 @@
 ---
 sidebar_position: 1
+
+
 ---
 
 # Blockchains

diff --git a/docs/ethereum/ethereum.md → docs/blockchains/ethereum.md b/docs/ethereum/ethereum.md → docs/blockchains/ethereum.md
diff --git a/docs/polygon/polygon.md → docs/blockchains/polygon.md b/docs/polygon/polygon.md → docs/blockchains/polygon.md
@@ -1,12 +1,8 @@
 ---
-sidebar_position: 1
+sidebar_position: 2
 ---
 
-# ❇ Polygon 
-<!-- <div align="center">
-<img src="assets/polygon.png">
-</div> -->
-
+# Polygon 
 
 Polygon (formerly MATIC Network) is an Indian blockchain scalability platform. It addresses the challenges faced by Ethereum such as high fees, poor user experience, and low transaction count per second. One of the methods used to address these issues is providing a framework for Proof of Stake transactions.
 

diff --git a/docs/Solana/solana.md → docs/blockchains/solana.md b/docs/Solana/solana.md → docs/blockchains/solana.md
@@ -1,8 +1,8 @@
 ---
-sidebar_position: 1
+sidebar_position: 3
 ---
 
-# 🔮 Solana
+# Solana
 
 ![image](https://user-images.githubusercontent.com/89864818/193443511-1a552e0f-199f-465d-a492-187aca0620bf.png)
 Solana is a public blockchain platform with smart contract functionality. Its native cryptocurrency is SOL.

diff --git a/docs/ethereum/_category_.json b/docs/ethereum/_category_.json
diff --git a/docs/flow/_category_.json b/docs/flow/_category_.json
diff --git a/docs/flow/flow.md b/docs/flow/flow.md
diff --git a/docs/how-to-start-blockchain/_category_.json b/docs/how-to-start-blockchain/_category_.json
diff --git a/docs/intro.md b/docs/intro.md
diff --git a/...art-blockchain/how-to-start-blockchain.md → docs/introduction.md b/...art-blockchain/how-to-start-blockchain.md → docs/introduction.md
diff --git a/docs/polygon/_category_.json b/docs/polygon/_category_.json
diff --git a/docs/tezos/_category_.json b/docs/tezos/_category_.json
diff --git a/docs/tezos/tezos.md b/docs/tezos/tezos.md
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -12,7 +12,7 @@ const config = {
   baseUrl: "/",
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",
-  favicon: "img/favicon.ico",
+  favicon: "src/img/favicon-blue.ico",
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
@@ -87,7 +87,7 @@ const config = {
         items: [
           {
             type: "doc",
-            docId: "intro",
+            docId: "introduction",
             position: "left",
             label: "Resources",
           },
@@ -107,7 +107,7 @@ const config = {
             items: [
               {
                 label: "Tutorial",
-                to: "/docs/intro",
+                to: "/docs/introduction",
               },
             ],
           },

diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
@@ -4,58 +4,73 @@ import styles from './styles.module.css';
 
 const FeatureList = [
   {
-    title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
-    description: (
-      <>
-        This is a simple and easy to use website to find resources for web3
-      </>
-    ),
+    title: 'Getting Started',
+    icon: 'img/icons/rocket.svg',
+    items: [
+      {url: "docs/introduction", text: "Start here"}
+    ]
   },
   {
-    title: 'Managed by a community',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
-    description: (
-      <>
-        The 4c community is the community behind the free web3 resources site
-      </>
-    ),
+    title: 'Beginner',
+    icon: 'img/icons/rocket.svg',
+    items: [
+      {url: "docs/introduction", text: "Beginner"}
+    ]
   },
   {
-    title: 'Powered by Docusaurus',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
-    description: (
-      <>
-        The React Docusaurus framework for making documentation is what this site was built with.
-      </>
-    ),
+    title: 'Intermediate',
+    icon: 'img/icons/rocket.svg',
+    items: [
+      {url: "docs/introduction", text: "Intermediate"}
+    ]
   },
+  {
+    title: 'Advanced',
+    icon: 'img/icons/rocket.svg',
+    items: [
+      {url: "docs/introduction", text: "Advanced"}
+    ]
+  },
+
 ];
 
-function Feature({Svg, title, description}) {
+function FeatureItem({url, text}){
+  return (
+    <li><a className={styles.listContainerLink} href={url}>{text}</a></li>
+  );
+}
+
+
+function Feature({title, icon, items }) {
+
+
   return (
-    <div className={clsx('col col--4')}>
-      {/* <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
-      </div> */}
-      <div className="text--center padding-horiz--md ">
-        <h3>{title}</h3>
-        <p>{description}</p>
+    <article className={clsx('col col--4')}>
+      <div className={styles.homecard}>
+        <img src={icon} className={styles.homeIcon}></img>
+        <h2>{title}</h2>
+        <div className={styles.listContainer}>
+        <ul>
+          {items.map((props, idx) => (
+            <FeatureItem key={idx} {...props} />
+          ))}
+        </ul>
+        </div>
       </div>
-    </div>
+
+    </article>
   );
 }
 
+
 export default function HomepageFeatures() {
   return (
     <section className={styles.features}>
-      <div className="container">
-        <div className="row">
+        <ul className={styles.grid3col}>
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />
           ))}
-        </div>
-      </div>
+        </ul>
     </section>
   );
 }