mirror of
https://github.com/MetaFam/TheGame.git
synced 2026-04-24 03:00:09 -04:00
Issue#128 - Design Tweaks (#129)
* style & layout changes * reverted back image path url
This commit is contained in:
Mano
@@ -1,13 +1,14 @@
|
||||
|
||||
# The What, Why & How of Your DAO
|
||||
> *"To ask the right question is already half the solution of a problem."* - Carl Jung
|
||||
# The What, Why & How of Your DAO
|
||||
|
||||
While in our case here, *knowing* the solution is only the seed of a solution, it is nonetheless critical to ask the right questions.
|
||||
> _"To ask the right question is already half the solution of a problem."_ - Carl Jung
|
||||
|
||||
Originally made by [Felipe Duarte](https://twitter.com/duartedao), [*DAO Canvas*](http://daocanvas.webflow.io/) is a simple tool for you to answer some of the most important questions when starting a DAO.
|
||||
While in our case here, _knowing_ the solution is only the seed of a solution, it is nonetheless critical to ask the right questions.
|
||||
|
||||
Originally made by [Felipe Duarte](https://twitter.com/duartedao), [_DAO Canvas_](http://daocanvas.webflow.io/) is a simple tool for you to answer some of the most important questions when starting a DAO.
|
||||
|
||||
You may not have all the answers now, but you should at least try answering them.
|
||||
- To start answering these questions, open [this doc](https://docs.google.com/document/d/1iS3xRLsaZORNGnhAmYekGPJyqYLtax-h62estIsF90s/edit?usp=sharing) then go "File" > "Make a copy" and off you go 🙃
|
||||
|
||||
- To start answering these questions, open [this doc](https://docs.google.com/document/d/1iS3xRLsaZORNGnhAmYekGPJyqYLtax-h62estIsF90s/edit?usp=sharing) then go "File" > "Make a copy" and off you go 🙃
|
||||
|
||||
If you need any help, don't be afraid to [ask us anything](https://discord.gg/6JFXC9T) 😇
|
||||
<br />
|
||||
@@ -20,13 +21,13 @@ If you need any help, don't be afraid to [ask us anything](https://discord.gg/6J
|
||||
|
||||
### What do you want to achieve?
|
||||
|
||||
> Take time to really think it through & condense into a sentence.
|
||||
> Take time to really think it through & condense into a sentence.
|
||||
|
||||
### What are the three most important [values](https://www.google.com/search?q=list+of+values&sxsrf=ALeKk00gKf4qjEK4puOgs1zch0Q-z3SeRw:1601637375655&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiysNaW5JXsAhUql4sKHaZdCoYQ_AUoAXoECBkQAw&biw=2091&bih=1225) to this organization?
|
||||
|
||||
> - TBD
|
||||
> - TBD
|
||||
> - TBD
|
||||
> - TBD
|
||||
> - TBD
|
||||
> - TBD
|
||||
|
||||
### What decisions are made through voting?
|
||||
|
||||
@@ -50,27 +51,28 @@ If you need any help, don't be afraid to [ask us anything](https://discord.gg/6J
|
||||
|
||||
### Communication platforms
|
||||
|
||||
> How does your DAO communicate? Where do you chat daily? Where do you do meetings? What about async long form thought-sharing? Where do you store knowledge? How do you inform the less active members & the wider community? Where do you share your message & recruit new members?
|
||||
> How does your DAO communicate? Where do you chat daily? Where do you do meetings? What about async long form thought-sharing? Where do you store knowledge? How do you inform the less active members & the wider community? Where do you share your message & recruit new members?
|
||||
|
||||
Here's what we use for MetaGame:
|
||||
- **Daily chatting:** *Discord*
|
||||
- **Long form async:** *Discourse forums*
|
||||
- **Less-active & wider community:** *Substack newsletter*
|
||||
- **Knowledge repository:** *Docusaurus wiki*
|
||||
- **Outside comms:** *mainly Twitter & related community channels but also niche-related forums/reddits*
|
||||
|
||||
- **Daily chatting:** _Discord_
|
||||
- **Long form async:** _Discourse forums_
|
||||
- **Less-active & wider community:** _Substack newsletter_
|
||||
- **Knowledge repository:** _Docusaurus wiki_
|
||||
- **Outside comms:** _mainly Twitter & related community channels but also niche-related forums/reddits_
|
||||
|
||||
### Community’s rhythms and rituals:
|
||||
|
||||
> Weekly meetings? Meetups? Newsletters? Podcasts or AMAs? Do you celebrate birthdays? Do you play games together? Do you take time to check-in before each meeting?
|
||||
> *This is something better figured out over time, but worth thinking about.*
|
||||
> _This is something better figured out over time, but worth thinking about._
|
||||
|
||||
- **Weekly:** *Ex: a community call or something?*
|
||||
- **Monthly:** *Ex: a regular time to address token allocations?*
|
||||
- **Weekly:** _Ex: a community call or something?_
|
||||
- **Monthly:** _Ex: a regular time to address token allocations?_
|
||||
|
||||
### Who is responsible for what?
|
||||
|
||||
> Who are the people responsible and who keeps the pulse of the rituals?
|
||||
> *As you might not even have the people yet, this is something you'll need to figure out over time. Alas, make it a habit to make sure there is 1 person responsible for keeping pulse on any task or initiative lest you end up with the [story of Everybody, Somebody, Anybody & Nobody](https://i.pinimg.com/originals/8a/1d/73/8a1d73ef7261e9c6f1bcdcaab2b5153c.jpg).*
|
||||
> _As you might not even have the people yet, this is something you'll need to figure out over time. Alas, make it a habit to make sure there is 1 person responsible for keeping pulse on any task or initiative lest you end up with the [story of Everybody, Somebody, Anybody & Nobody](https://i.pinimg.com/originals/8a/1d/73/8a1d73ef7261e9c6f1bcdcaab2b5153c.jpg)._
|
||||
|
||||
### Member journey
|
||||
|
||||
@@ -98,14 +100,14 @@ Here's what we use for MetaGame:
|
||||
|
||||
> What are you optimizing for? Are there any key performance indicators?
|
||||
|
||||
- \# or % active users (per week)
|
||||
- \# of proposals made/passed (per week)
|
||||
- Any other concrete outputs you're looking for?
|
||||
- \# or % active users (per week)
|
||||
- \# of proposals made/passed (per week)
|
||||
- Any other concrete outputs you're looking for?
|
||||
|
||||
### Reflect on these governance polarities
|
||||
|
||||
- Global <> the organization’s physical infrastructure <> Local
|
||||
- Decentralized <> how distributed amongst people is its decision making <> Centralized
|
||||
- Global - the organization’s physical infrastructure - Local
|
||||
- Decentralized - how distributed amongst people is its decision making - Centralized
|
||||
|
||||
### Caps and global constraints
|
||||
|
||||
@@ -152,15 +154,12 @@ Here's what we use for MetaGame:
|
||||
|
||||
> Think about their age, lifestyle, and goals.
|
||||
|
||||
- Persona 1
|
||||
- Persona 2
|
||||
- Persona 3
|
||||
- Persona 1
|
||||
- Persona 2
|
||||
- Persona 3
|
||||
|
||||
### How will you fund it and why would someone invest in your DAO?
|
||||
|
||||
>Will you need a lot of money to build this DAO? If so, what is the incentive for people to fund it? How do you plan on making a return on their investment? Will you go the VC way or the crowdfunding way? Membership fees?
|
||||
|
||||
|
||||
|
||||
> Will you need a lot of money to build this DAO? If so, what is the incentive for people to fund it? How do you plan on making a return on their investment? Will you go the VC way or the crowdfunding way? Membership fees?
|
||||
|
||||
---
|
||||
@@ -1,99 +1,98 @@
|
||||
module.exports = {
|
||||
title: "MetaGame Wiki",
|
||||
tagline:
|
||||
"Build the future you want to live in.",
|
||||
url: "https://wiki.metagame.wtf",
|
||||
baseUrl: "/",
|
||||
favicon: "img/mg-icon.png",
|
||||
organizationName: "MetaFam",
|
||||
projectName: "metagame-wiki",
|
||||
themeConfig: {
|
||||
colorMode: {
|
||||
defaultMode: 'dark',
|
||||
title: "MetaGame Wiki",
|
||||
tagline: "Build the future you want to live in.",
|
||||
url: "https://wiki.metagame.wtf",
|
||||
baseUrl: "/",
|
||||
favicon: "img/mg-icon.png",
|
||||
organizationName: "MetaFam",
|
||||
projectName: "metagame-wiki",
|
||||
themeConfig: {
|
||||
colorMode: {
|
||||
defaultMode: "dark",
|
||||
disableSwitch: true,
|
||||
},
|
||||
// navbar: {
|
||||
// title: "MetaGame Wiki",
|
||||
// logo: {
|
||||
// alt: "MetaGame Logo",
|
||||
// src: "img/mg-icon.png",
|
||||
// },
|
||||
// items: [
|
||||
// {
|
||||
// to: "docs/introduction",
|
||||
// label: "🐣 Start Here",
|
||||
// position: "left",
|
||||
// },
|
||||
// {
|
||||
// to: "docs/enter-metagame/signpost",
|
||||
// label: "🗺 Enter MetaGame",
|
||||
// position: "left",
|
||||
// },
|
||||
// {
|
||||
// to: "docs/enter-metagame/navigation-board",
|
||||
// label: "👣 Join a Raid",
|
||||
// position: "left",
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// footer: {
|
||||
// style: "dark",
|
||||
// links: [
|
||||
// {
|
||||
// title: "The Game",
|
||||
// items: [
|
||||
// {
|
||||
// label: "🌌 Interspace",
|
||||
// href: "https://interspace.metagame.wtf",
|
||||
// },
|
||||
// {
|
||||
// label: "🧬 The Source",
|
||||
// href: "https://metafam.github.io/TheSource/timeline/@metagame/",
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// title: "Community",
|
||||
// items: [
|
||||
// {
|
||||
// label: "💬 Discord",
|
||||
// href: "https://discord.gg/VYZPBnx",
|
||||
// },
|
||||
// {
|
||||
// label: "🧵 Forums",
|
||||
// href: "https://forum.metagame.wtf",
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// {
|
||||
// title: "Social",
|
||||
// items: [
|
||||
// {
|
||||
// label: "🐦 Twitter",
|
||||
// href: "https://twitter.com/MetaFam",
|
||||
// },
|
||||
// {
|
||||
// label: "🗞 Newsletter",
|
||||
// href: "https://metagame.substack.com",
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
// ],
|
||||
// },
|
||||
},
|
||||
navbar: {
|
||||
title: "MetaGame Wiki",
|
||||
logo: {
|
||||
alt: "MetaGame Logo",
|
||||
src: "img/mg-icon.png",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
to: "docs/introduction",
|
||||
label: "🐣 Start Here",
|
||||
position: "left",
|
||||
},
|
||||
{
|
||||
to: "docs/enter-metagame/signpost",
|
||||
label: "🗺 Enter MetaGame",
|
||||
position: "left",
|
||||
},
|
||||
{
|
||||
to: "docs/enter-metagame/navigation-board",
|
||||
label: "👣 Join a Raid",
|
||||
position: "left",
|
||||
},
|
||||
],
|
||||
},
|
||||
footer: {
|
||||
style: "dark",
|
||||
links: [
|
||||
{
|
||||
title: "The Game",
|
||||
items: [
|
||||
presets: [
|
||||
[
|
||||
"@docusaurus/preset-classic",
|
||||
{
|
||||
label: "🌌 Interspace",
|
||||
href: "https://interspace.metagame.wtf",
|
||||
docs: {
|
||||
sidebarPath: require.resolve("./sidebars.js"),
|
||||
editUrl: "https://wiki.metagame.wtf/admin/#/?",
|
||||
},
|
||||
theme: {
|
||||
customCss: require.resolve("./src/css/custom.css"),
|
||||
},
|
||||
},
|
||||
{
|
||||
label: "🧬 The Source",
|
||||
href: "https://metafam.github.io/TheSource/timeline/@metagame/",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "💬 Discord",
|
||||
href: "https://discord.gg/VYZPBnx",
|
||||
},
|
||||
{
|
||||
label: "🧵 Forums",
|
||||
href: "https://forum.metagame.wtf",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "🐦 Twitter",
|
||||
href: "https://twitter.com/MetaFam",
|
||||
},
|
||||
{
|
||||
label: "🗞 Newsletter",
|
||||
href: "https://metagame.substack.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
presets: [
|
||||
[
|
||||
"@docusaurus/preset-classic",
|
||||
{
|
||||
docs: {
|
||||
sidebarPath: require.resolve("./sidebars.js"),
|
||||
editUrl:
|
||||
'https://wiki.metagame.wtf/admin/#/?',
|
||||
},
|
||||
theme: {
|
||||
customCss: require.resolve("./src/css/custom.css"),
|
||||
},
|
||||
},
|
||||
],
|
||||
],
|
||||
],
|
||||
plugins: [require.resolve('docusaurus-lunr-search')],
|
||||
plugins: [require.resolve("docusaurus-lunr-search")],
|
||||
};
|
||||
|
||||
90
sidebars.js
90
sidebars.js
@@ -1,47 +1,47 @@
|
||||
module.exports = {
|
||||
someSidebar: {
|
||||
"🐣 Start Here": [
|
||||
"introduction",
|
||||
"start-here/for-players",
|
||||
"start-here/for-guilds",
|
||||
"start-here/for-patrons",
|
||||
],
|
||||
"🤨 WTF is MetaGame?": [
|
||||
"wtf-is-metagame/in-search-of-commons-that-scale",
|
||||
"wtf-is-metagame/the-coming-of-metagame",
|
||||
"wtf-is-metagame/wtf-is-metagame",
|
||||
"wtf-is-metagame/way-of-web3-founders",
|
||||
"wtf-is-metagame/narrative-1-a-decentralized-factory",
|
||||
"wtf-is-metagame/narrative-2-a-web-of-opportunity",
|
||||
"wtf-is-metagame/metafam-way",
|
||||
],
|
||||
"🧐 How Does It Work": [
|
||||
"how-does-it-work/how-metagame-works",
|
||||
"how-does-it-work/xp",
|
||||
"how-does-it-work/phases-of-metagame",
|
||||
"how-does-it-work/become-a-founder-of-metagame",
|
||||
],
|
||||
"🗺 Enter MetaGame": [
|
||||
"enter-metagame/signpost",
|
||||
"enter-metagame/how-to-become-a-player",
|
||||
"enter-metagame/roles-in-metagame",
|
||||
"enter-metagame/navigation-board",
|
||||
"enter-metagame/leaderboard",
|
||||
],
|
||||
"⚔️ Guilding": [
|
||||
"Guilding/what-why-how-of-your-dao",
|
||||
"Guilding/guilding-101",
|
||||
"Guilding/building-successful-teams",
|
||||
],
|
||||
|
||||
"🌳 Other": [
|
||||
"resources/glossary",
|
||||
"resources/graphics",
|
||||
"resources/art",
|
||||
"resources/memes",
|
||||
"resources/talks",
|
||||
"resources/alignment2021",
|
||||
],
|
||||
// "About The Wiki": ["style-guide", "mdx"],
|
||||
},
|
||||
someSidebar: {
|
||||
"🐣 Start Here": [
|
||||
"introduction",
|
||||
"start-here/for-players",
|
||||
"start-here/for-guilds",
|
||||
"start-here/for-patrons",
|
||||
],
|
||||
"🤨 WTF is MetaGame?": [
|
||||
"wtf-is-metagame/in-search-of-commons-that-scale",
|
||||
"wtf-is-metagame/the-coming-of-metagame",
|
||||
"wtf-is-metagame/wtf-is-metagame",
|
||||
"wtf-is-metagame/way-of-web3-founders",
|
||||
"wtf-is-metagame/narrative-1-a-decentralized-factory",
|
||||
"wtf-is-metagame/narrative-2-a-web-of-opportunity",
|
||||
"wtf-is-metagame/metafam-way",
|
||||
],
|
||||
"🧐 How Does It Work": [
|
||||
"how-does-it-work/how-metagame-works",
|
||||
"how-does-it-work/xp",
|
||||
"how-does-it-work/phases-of-metagame",
|
||||
"how-does-it-work/become-a-founder-of-metagame",
|
||||
],
|
||||
"🗺 Enter MetaGame": [
|
||||
"enter-metagame/signpost",
|
||||
"enter-metagame/how-to-become-a-player",
|
||||
"enter-metagame/roles-in-metagame",
|
||||
"enter-metagame/navigation-board",
|
||||
"enter-metagame/leaderboard",
|
||||
],
|
||||
"⚔️ Guilding": [
|
||||
"Guilding/what-why-how-of-your-dao",
|
||||
"Guilding/guilding-101",
|
||||
"Guilding/building-successful-teams",
|
||||
],
|
||||
|
||||
"🌳 Other": [
|
||||
"resources/glossary",
|
||||
"resources/graphics",
|
||||
"resources/art",
|
||||
"resources/memes",
|
||||
"resources/talks",
|
||||
"resources/alignment2021",
|
||||
],
|
||||
// "About The Wiki": ["style-guide", "mdx"],
|
||||
},
|
||||
};
|
||||
|
||||
@@ -7,44 +7,44 @@
|
||||
|
||||
/* You can override the default Infima variables here. */
|
||||
:root {
|
||||
--ifm-color-primary: #ff0077;
|
||||
--ifm-color-primary-dark: #cc0077;
|
||||
--ifm-color-primary-darker: #990077;
|
||||
--ifm-color-primary-darkest: #660077;
|
||||
--ifm-color-primary-light: #ff1a85;
|
||||
--ifm-color-primary-lighter: #ff268b;
|
||||
--ifm-color-primary-lightest: #ff4da0;
|
||||
--ifm-color-primary: #ff0077;
|
||||
--ifm-color-primary-dark: #cc0077;
|
||||
--ifm-color-primary-darker: #990077;
|
||||
--ifm-color-primary-darkest: #660077;
|
||||
--ifm-color-primary-light: #ff1a85;
|
||||
--ifm-color-primary-lighter: #ff268b;
|
||||
--ifm-color-primary-lightest: #ff4da0;
|
||||
|
||||
--ifm-code-font-size: 95%;
|
||||
--ifm-font-size-base: 17px;
|
||||
--ifm-code-font-size: 95%;
|
||||
--ifm-font-size-base: 17px;
|
||||
}
|
||||
|
||||
.docusaurus-highlight-code-line {
|
||||
background-color: rgb(72, 77, 91);
|
||||
display: block;
|
||||
margin: 0 calc(-1 * var(--ifm-pre-padding));
|
||||
padding: 0 var(--ifm-pre-padding);
|
||||
background-color: #1b0d2a;
|
||||
display: block;
|
||||
margin: 0 calc(-1 * var(--ifm-pre-padding));
|
||||
padding: 0 var(--ifm-pre-padding);
|
||||
}
|
||||
|
||||
.button {
|
||||
font-family: var(--ifm-font-family-monospace);
|
||||
font-family: var(--ifm-font-family-monospace);
|
||||
}
|
||||
|
||||
.navbar .navbar__items.navbar__items--right {
|
||||
flex-grow: 0;
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.iframe-container {
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.iframe-container iframe {
|
||||
border: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -7,94 +7,101 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
|
||||
import styles from "./styles.module.css";
|
||||
|
||||
const features = [
|
||||
{
|
||||
title: "For Players",
|
||||
imageUrl: "assets/players.png",
|
||||
description: "",
|
||||
linkText: "Through here",
|
||||
linkTo: "docs/start-here/for-players",
|
||||
},
|
||||
{
|
||||
title: "For Guilds",
|
||||
imageUrl: "assets/guilds.png",
|
||||
description: "",
|
||||
linkText: "Through here",
|
||||
linkTo: "docs/start-here/for-guilds",
|
||||
},
|
||||
{
|
||||
title: "For Patrons",
|
||||
imageUrl: "assets/patrons.png",
|
||||
description: "",
|
||||
linkText: "Through here",
|
||||
linkTo: "docs/start-here/for-patrons",
|
||||
},
|
||||
{
|
||||
title: "For Players",
|
||||
imageUrl: "assets/players.png",
|
||||
description: "",
|
||||
linkText: "Through here",
|
||||
linkTo: "docs/start-here/for-players",
|
||||
},
|
||||
{
|
||||
title: "For Guilds",
|
||||
imageUrl: "assets/guilds.png",
|
||||
description: "",
|
||||
linkText: "Through here",
|
||||
linkTo: "docs/start-here/for-guilds",
|
||||
},
|
||||
{
|
||||
title: "For Patrons",
|
||||
imageUrl: "assets/patrons.png",
|
||||
description: "",
|
||||
linkText: "Through here",
|
||||
linkTo: "docs/start-here/for-patrons",
|
||||
},
|
||||
];
|
||||
|
||||
function Feature({ imageUrl, title, description, linkText, linkTo }) {
|
||||
const imgUrl = useBaseUrl(imageUrl);
|
||||
return (
|
||||
<div className={classnames("col col--4", styles.feature)}>
|
||||
{imgUrl && (
|
||||
<div className="text--center">
|
||||
<img className={styles.featureImage} src={imgUrl} alt={title} />
|
||||
const imgUrl = useBaseUrl(imageUrl);
|
||||
return (
|
||||
<div className={classnames("col col--4", styles.feature)}>
|
||||
{imgUrl && (
|
||||
<div className='text--center'>
|
||||
<img
|
||||
className={styles.featureImage}
|
||||
src={imgUrl}
|
||||
alt={title}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
<div className='text--center'>
|
||||
<h3>{title}</h3>
|
||||
<p>{description}</p>
|
||||
<Link
|
||||
className='button button--primary button--outline'
|
||||
to={useBaseUrl(linkTo)}
|
||||
>
|
||||
{linkText}
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div className="text--center">
|
||||
<h3>{title}</h3>
|
||||
<p>{description}</p>
|
||||
<Link
|
||||
className="button button--primary button--outline"
|
||||
to={useBaseUrl(linkTo)}
|
||||
>
|
||||
{linkText}
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
);
|
||||
}
|
||||
|
||||
function Home() {
|
||||
const context = useDocusaurusContext();
|
||||
const { siteConfig = {} } = context;
|
||||
return (
|
||||
<Layout title={siteConfig.title} description={siteConfig.tagline}>
|
||||
<header className={classnames("hero", styles.heroBanner)}>
|
||||
<div className="container">
|
||||
<img
|
||||
alt="MetaGame Wiki Logo"
|
||||
className={styles.wikiLogo}
|
||||
width="555"
|
||||
src={useBaseUrl("img/wiki-logo.png")}
|
||||
/>
|
||||
<p className="hero__subtitle">{siteConfig.tagline}</p>
|
||||
<div className={styles.buttons}>
|
||||
<Link
|
||||
className="button button--primary button--lg"
|
||||
to={useBaseUrl("docs/introduction")}
|
||||
>
|
||||
EXPLORE
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
{features && features.length && (
|
||||
<section className={styles.features}>
|
||||
<div className="container">
|
||||
<div className="row" style={{
|
||||
display: 'flex',
|
||||
justifyContent: 'center'
|
||||
}}>
|
||||
{features.map((props, idx) => (
|
||||
<Feature key={idx} {...props} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
</main>
|
||||
</Layout>
|
||||
);
|
||||
const context = useDocusaurusContext();
|
||||
const { siteConfig = {} } = context;
|
||||
return (
|
||||
<Layout title={siteConfig.title} description={siteConfig.tagline}>
|
||||
<header className={classnames("hero", styles.heroBanner)}>
|
||||
<div className='container'>
|
||||
<img
|
||||
alt='MetaGame Wiki Logo'
|
||||
className={styles.wikiLogo}
|
||||
width='555'
|
||||
src={useBaseUrl("img/wiki-logo.png")}
|
||||
/>
|
||||
<p className='hero__subtitle'>{siteConfig.tagline}</p>
|
||||
<div className={styles.buttons}>
|
||||
<Link
|
||||
className='button button--primary button--lg'
|
||||
to={useBaseUrl("docs/introduction")}
|
||||
>
|
||||
EXPLORE
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
{features && features.length && (
|
||||
<section className={styles.features}>
|
||||
<div className='container'>
|
||||
<div
|
||||
className='row'
|
||||
style={{
|
||||
display: "flex",
|
||||
justifyContent: "center",
|
||||
}}
|
||||
>
|
||||
{features.map((props, idx) => (
|
||||
<Feature key={idx} {...props} />
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)}
|
||||
</main>
|
||||
</Layout>
|
||||
);
|
||||
}
|
||||
|
||||
export default Home;
|
||||
|
||||
Reference in New Issue
Block a user