Use cases

src/components/InfoBanner.js

@@ -50,14 +50,24 @@ const StyledEmoji = styled(Emoji)`
   }
 `
 
-const Content = styled.div``
+const Content = styled.div`
+  display: ${(props) => (props.shouldSpaceBetween ? `flex` : `block`)};
+  align-items: ${(props) => (props.shouldSpaceBetween ? `center` : `auto`)};
+  width: ${(props) => (props.shouldSpaceBetween ? `100%` : `auto`)};
+  justify-content: ${(props) =>
+    props.shouldSpaceBetween ? `space-between` : `auto`};
+  @media (max-width: ${(props) => props.theme.breakpoints.s}) {
+    display: block;
+  }
+`
 
 const InfoBanner = ({
   children,
   className,
   emoji,
   isWarning = false,
   shouldCenter = false,
+  shouldSpaceBetween = false,
   ...props
 }) => {
   const banner = (
@@ -68,7 +78,7 @@ const InfoBanner = ({
       {...props}
     >
       {emoji && <StyledEmoji text={emoji} size={2} />}
-      <Content>{children}</Content>
+      <Content shouldSpaceBetween={shouldSpaceBetween}>{children}</Content>
     </Banner>
   )
   return shouldCenter ? <Container>{banner}</Container> : banner

src/components/Nav/index.js

@@ -212,8 +212,16 @@ const Nav = ({ handleThemeChange, isDarkTheme, path }) => {
           to: "/eth/",
         },
         {
-          text: "guides-and-resources",
-          to: "/learn/",
+          text: "defi-page",
+          to: "/defi/",
+        },
+        {
+          text: "dao-page",
+          to: "/dao/",
+        },
+        {
+          text: "nft-page",
+          to: "/nft/",
         },
         {
           text: "history-of-ethereum",
@@ -235,6 +243,10 @@ const Nav = ({ handleThemeChange, isDarkTheme, path }) => {
           text: "eips",
           to: "/eips/",
         },
+        {
+          text: "guides-and-resources",
+          to: "/learn/",
+        },
       ],
     },
     {

src/content/community/index.md

@@ -56,7 +56,7 @@ This is a non-exhaustive list built by our community. Know of an active meetup g
 
 ## Decentralized Autonomous Organizations (DAOs) {#decentralized-autonomous-organizations-daos}
 
-"DAOs" are Decentralized Autonomous Organizations. These groups leverage Ethereum technology to facilitate organization and collaboration. For instance, for controlling membership, voting on proposals, or managing pooled assets. While DAOs are still experimental, they offer opportunities for you to find groups that you identify with, find collaborators, and grow your impact on the Ethereum community.
+"DAOs" are Decentralized Autonomous Organizations. These groups leverage Ethereum technology to facilitate organization and collaboration. For instance, for controlling membership, voting on proposals, or managing pooled assets. While DAOs are still experimental, they offer opportunities for you to find groups that you identify with, find collaborators, and grow your impact on the Ethereum community. [More on DAOs](/dao/)
 
 - [LexDAO](https://lexdao.org) [@lex_DAO](https://twitter.com/lex_DAO) - _Legal engineering_
 - [Machi X](https://machix.com) [@MachiXOfficial](https://twitter.com/MachiXOfficial) - _Art community_

src/content/dao/index.md

@@ -0,0 +1,110 @@
+---
+title: Decentralized autonomous organisations (DAOs)
+description: An overview of DAOs on Ethereum
+lang: en
+template: use-cases
+emoji: ":handshake:"
+sidebar: true
+sidebarDepth: 2
+image: ../../assets/use-cases/dao-2.png
+summaryPoints:
+  [
+    "Member-owned communities without centralized leadership.",
+    "A safe way to collaborate with internet strangers.",
+    "A safe place to commit funds to a specific cause.",
+  ]
+---
+
+## What are DAOs? {#what-are-daos}
+
+DAOs are an effective and safe way to work with like-minded folks around the globe.
+
+Think of them like an internet-native business that's collectively owned and managed by its members. They have built-in treasuries that no one has the authority to access without the approval of the group. Decisions are governed by proposals and voting to ensure everyone in the organisation has a voice.
+
+There's no CEO who can authorise spending based on their own whims and no chance of a dodgy CFO manipulating the books. Everything is out in the open and the rules around spending are baked into the DAO via its code.
+
+## Why do we need DAOs? {#why-dao}
+
+Starting an organisation with someone that involves funding and money requires a lot of trust in the people you're working with. But it’s hard to trust someone you’ve only ever interacted with on the internet. With DAOs you don’t need to trust anyone else in the group, just the DAO’s code, which is 100% transparent and verifiable by anyone.
+
+This opens up so many new opportunities for global collaboration and coordination.
+
+### A comparison {#dao-comparison}
+
+| DAO                                                                                                                     | A traditional organisation                                                                       |
+| ----------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
+| Usually flat, and fully democratized.                                                                                   | Usually hierarchical.                                                                            |
+| Voting required by members for any changes to be implemented.                                                           | Depending on structure, changes can be demanded from a sole party, or voting may be offered.     |
+| Votes tallied, and outcome implemented automatically without trusted intermediary.                                      | If voting allowed, votes are tallied internally, and outcome of voting must be handled manually. |
+| Services offered are handled automatically in a decentralized manner (for example distribution of philanthropic funds). | Requires human handling, or centrally controlled automation, prone to manipulation.              |
+| All activity is transparent and fully public.                                                                           | Activity is typically private, and limited to the public.                                        |
+
+### DAO examples {#dao-examples}
+
+To help this make more sense, here's a few examples of how you could use a DAO:
+
+- A charity – you can accept membership and donations from anyone in the world and the group can decide how they to spend donations.
+- A freelancer network – you could create a network of contractors who pool their funds for office spaces and software subscriptions.
+- Ventures and grants – you could create a venture fund that pools investment capital and votes on ventures to back. Repaid money could later be redistributed amongst DAO-members.
+
+## DAO membership {#dao-membership}
+
+There are different models for DAO membership. Membership can determine how voting works and other key parts of the DAO.
+
+### Token-based membership {#token-based-membership}
+
+Usually fully permissionless, depending on the token used. Mostly these governance tokens can be traded for permissionlessly on a decentralized exchange. Others must be earned through providing liquidity or some other ‘proof of work’. Either way, simply holding the token grants access to voting.
+
+_Typically used to govern broad decentralized protocols and/or tokens themselves._
+
+#### A famous example {#token-example}
+
+[MakerDAO](https://makerdao.com) – MakerDAO's token MKR is widely available on decentralized exchanges. So anyone can buy into having voting power on the Maker protocol's future.
+
+### Share-based membership {#share-based-membership}
+
+Share-based DAOs are more permissioned, but still quite open. Any prospective members can submit a proposal to join the DAO, usually offering tribute of some value in the form of tokens or work. Shares represent direct voting power and ownership. Members can exit at anytime with their proportionate share of the treasury.
+
+_Typically used for more closer-knit, human-centric organizations like charities, worker collectives, and investment clubs. Can also govern protocols and tokens as well._
+
+#### A famous example {#share-example}
+
+[MolochDAO](http://molochdao.com/) – MolochDAO is focussed on funding Ethereum projects. They require a proposal for membership so the group can assess whether you have the necessary expertise and capital to make informed judgments about potential grantees. You can't just buy access to the DAO on the open market.
+
+## How do DAOs work? {#how-daos-work}
+
+The backbone of a DAO is its smart contract. The contract defines the rules of the organisation and holds the group's treasury. Once the contract is live on Ethereum, no one can change the rules except by a vote. If anyone tries to do something that's not covered by the rules and logic in the code, it will fail. And because the treasury is defined by the smart contract too that means no one can spend the money without the group's approval either. This means that DAOs don't need a central authority. Instead the group makes decisions collectively and payments are authorised automatically when votes pass.
+
+This is possible because smart contracts are tamper-proof once they go live on Ethereum. You can't just edit the code (the DAOs rules) without people noticing because everything is public.
+
+<DocLink to="/developers/docs/smart-contracts/" title="More on smart contracts" />
+
+## Ethereum and DAOs {#ethereum-and-daos}
+
+Ethereum is the perfect foundation for DAOs for a number of reasons:
+
+- Ethereum’s own consensus is distributed and established enough for organizations to trust the network.
+- Smart contract code can’t be modified once live, even by its owners. This allows the DAO to run by the rules it was programmed with.
+- Smart contracts can send/receive funds. Without this you'd need a trusted intermediary to manage group funds.
+- The Ethereum community has proven to be more collaborative than competitive, allowing for best practices and support systems to emerge quickly.
+
+## Join / start a DAO {#join-start-a-dao}
+
+### Join a DAO {#join-a-dao}
+
+- [Ethereum community DAOs](/community/#decentralized-autonomous-organizations-daos/community/#decentralized-autonomous-organizations-daos)
+- [DAOHaus's list of DAOs](https://app.daohaus.club/explore)
+
+### Start a DAO {#start-a-dao}
+
+- [Summon a DAO with DAOHaus](https://app.daohaus.club/summon)
+- [Create an Aragon-powered DAO](https://aragon.org/product)
+- [Start a colony](https://colony.io/)
+- [Build a DAO with DAOstack](https://daostack.io/)
+
+## Further reading {#further-reading}
+
+- [What's a DAO?](https://aragon.org/dao) – [Aragon](https://aragon.org/)
+- [House of DAOs](https://wiki.metagame.wtf/docs/great-houses/house-of-daos) – [Metagame](https://wiki.metagame.wtf/)
+- [What is a DAO and what is it for?](https://daohaus.substack.com/p/-what-is-a-dao-and-what-is-it-for) – [DAOhaus](https://daohaus.club/)
+- [How to Start a DAO-Powered Digital Community](https://daohaus.substack.com/p/four-and-a-half-steps-to-start-a) – [DAOhaus](https://daohaus.club/)