7 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "next/core-web-vitals",
3 | "rules": {
4 | "comma-dangle": [
5 | "error",
6 | {
7 | "arrays": "always-multiline",
8 | "objects": "always-multiline"
9 | }
10 | ]
11 | },
12 | "overrides": [
13 | {
14 | "files": [
15 | "*.ts",
16 | "*.tsx"
17 | ],
18 | "extends": [
19 | "plugin:@typescript-eslint/eslint-recommended",
20 | "plugin:@typescript-eslint/recommended",
21 | "prettier/@typescript-eslint"
22 | ],
23 | "parser": "@typescript-eslint/parser",
24 | "plugins": [
25 | "@typescript-eslint"
26 | ]
27 | }
28 | ]
29 | }
--------------------------------------------------------------------------------
/styles/app.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | h1, h2, h3, h4, h5, h6 {
6 | @apply font-display;
7 | }
8 | h1{
9 | @apply text-3xl sm:text-4xl md:text-6xl mb-4;
10 | }
11 | h2 {
12 | @apply text-2xl sm:text-2xl md:text-4xl mb-2;
13 | }
14 | h3 {
15 | @apply text-lg sm:text-xl md:text-2xl mb-2;
16 | }
17 | h4 {
18 | @apply text-xl;
19 | }
20 |
21 | button {
22 | @apply font-display;
23 | }
24 |
25 | body {
26 | @apply font-body text-white;
27 | }
28 |
29 | html {
30 | scroll-behavior: smooth;
31 | }
32 | .hero-img {
33 | background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.9)), url('/community.png');
34 |
35 | }
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": true,
8 | "forceConsistentCasingInFileNames": true,
9 | "noEmit": true,
10 | "esModuleInterop": true,
11 | "module": "esnext",
12 | "moduleResolution": "node",
13 | "resolveJsonModule": true,
14 | "isolatedModules": true,
15 | "jsx": "preserve",
16 | "baseUrl": "./",
17 | "paths": {
18 | "@utils/*": ["./utils/*"],
19 | "@styles/*": ["./styles/*"],
20 | "@components/*": ["./components/*"]
21 | }
22 | },
23 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
24 | "exclude": ["node_modules"]
25 | }
26 |
--------------------------------------------------------------------------------
/pages/_app.tsx:
--------------------------------------------------------------------------------
1 | // Imports
2 | import { WalletProvider } from "hooks/useWalletContext";
3 | import { GTMPageView } from '../utils/gtm';
4 | import Router from 'next/router';
5 | import React, { useEffect } from 'react';
6 | import "@styles/global.scss";
7 | import "@styles/app.css";
8 |
9 | // Types
10 | import type { AppProps } from "next/app";
11 |
12 | // Export application
13 | export default function LootRNG({ Component, pageProps }: AppProps) {
14 | useEffect(() => {
15 | const handleRouteChange = (url: string) => GTMPageView(url);
16 | Router.events.on('routeChangeComplete', handleRouteChange);
17 | return () => {
18 | Router.events.off('routeChangeComplete', handleRouteChange);
19 | };
20 | }, []);
21 | return (
22 | 8 | This website is community maintained and{" "} 9 | 14 | open source 15 | 16 | . 17 |
18 |
11 | {!account ? (
12 |
18 | ) : syntheticLootSVG ? (
19 |
25 | );
26 | };
27 |
28 | export default SyntheticLoot;
29 |
--------------------------------------------------------------------------------
/components/Layout.tsx:
--------------------------------------------------------------------------------
1 | import React, { ReactElement, useState } from 'react';
2 | import { MobileNav } from "./MobileNav"
3 | import { Header } from "./Header"
4 | import { Head } from "./Head"
5 | import { Footer } from "./Footer"
6 | import { headerLinks } from "../utils/headerLinks"
7 | export default function Layout({
8 | children,
9 | }: {
10 | children: ReactElement | ReactElement[];
11 | }) {
12 |
13 | const [hidden, setHidden] = useState(false);
14 |
15 | return (
16 |
20 |
21 |
22 |
23 | ) : null}
24 |
17 | {/* Meta */}
18 |
19 | {/* End Google Tag Manager (noscript) */}
20 | {/* Top header */}
21 | {children}
28 |
29 | {/* Bottom footer */}
30 |
31 |
32 | );
33 | }
34 |
35 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2021 lootproject
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
6 | this software and associated documentation files (the "Software"), to deal in
7 | the Software without restriction, including without limitation the rights to
8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
--------------------------------------------------------------------------------
/components/Row.tsx:
--------------------------------------------------------------------------------
1 | import { ReactElement, useRef, useState } from "react";
2 | import { Card } from "@components/Card";
3 | import { CardDetails } from "../types/interface";
4 | import { useOnClickOutside } from "usehooks-ts";
5 |
6 | export function CardRow(props: CardDetails): ReactElement {
7 | const [selected, setSelected] = useState(-1);
8 | const cardRef = useRef(null);
9 |
10 | useOnClickOutside(cardRef, () => {
11 | setSelected(-1);
12 | });
13 | function onCardSelect(index: number) {
14 | setSelected(selected === index ? -1 : index);
15 | }
16 |
17 | return (
18 |
19 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Loot
2 |
3 | ## Community-operated [website](https://www.lootproject.com/) for the Loot project guided by the Loot Alliance.
4 |
20 |
23 |
24 | {props.name}
21 |{props.description}
22 |
25 | {props.project.map((project, i) => {
26 | return (
27 | onCardSelect(i)}
32 | />
33 | );
34 | })}
35 |
36 | 5 | 6 | ### What is the Loot Alliance? 7 | The Loot Alliance is a collective of builders, designers, and geeks working together to channel the voice of the wider Lootverse community. 8 | 9 | Our goal is to shepherd the ongoing Lootverse in the direction of positivity, inclusiveness and fun in order to create a strong foundation for players and builders. 10 | 11 | Read here for more: https://genesisproject.notion.site/The-Loot-Alliance-3baf82e7bd06432da21b3a70906ce305 12 |
13 | 14 | ## Propose PR for new Project 15 | 16 | All new projects need to first submit a PR adding their project to the resources page. 17 | 18 | - Add project into `/utils/lists.ts` 19 | 20 | Principles for what makes it to the "Main Page" vs. on the "Resources Page” 21 | 22 | ### Objective principles 23 | - Has website 24 | - Has shipped code 25 | - Isn't a rug 26 | - Isn't deeply offensive 27 | - Has active usage 28 | - Has an active team/builders 29 | 30 | ### Subjective and decentralized principles 31 | - Loot Alliance voting mechanism 32 | - Community input 33 | - Lootwatcher votes 34 | - LootProject retweets as tacit votes 35 | - Canon 36 | 37 |
38 | 39 | ### Run locally 40 | 41 | ```bash 42 | # Install dependencies 43 | yarn 44 | 45 | # Run 46 | 47 | yarn dev 48 | ``` 49 | -------------------------------------------------------------------------------- /styles/components/Layout.module.scss: -------------------------------------------------------------------------------- 1 | // Header 2 | .header { 3 | max-width: 800px; 4 | margin: 0px auto; 5 | padding: 15px 20px; 6 | 7 | // Alignment 8 | display: flex; 9 | justify-content: space-between; 10 | -webkit-box-pack: justify; 11 | align-items: center; 12 | 13 | > div { 14 | width: auto; 15 | display: flex; 16 | align-items: center; 17 | } 18 | } 19 | 20 | .header__logo { 21 | a { 22 | font-size: 24px; 23 | color: white; 24 | transition: 50ms ease-in-out; 25 | 26 | &:hover { 27 | opacity: 0.8; 28 | } 29 | } 30 | } 31 | 32 | .header__links { 33 | justify-content: flex-end; 34 | 35 | ul { 36 | list-style-type: none; 37 | margin: 0px; 38 | padding: 0px; 39 | 40 | li { 41 | display: inline-block; 42 | margin: 0px 15px; 43 | 44 | a { 45 | color: #838383; 46 | font-size: 18px; 47 | 48 | &:hover { 49 | text-decoration: underline; 50 | } 51 | } 52 | 53 | &:nth-last-of-type(1) { 54 | margin-right: 0px; 55 | } 56 | } 57 | } 58 | } 59 | 60 | .header__links_active { 61 | color: white !important; 62 | } 63 | 64 | .footer { 65 | padding: 20px 0px; 66 | text-align: center; 67 | 68 | p { 69 | font-size: 20px; 70 | color: #838383; 71 | 72 | > a { 73 | text-decoration: underline; 74 | color: #838383; 75 | } 76 | } 77 | } 78 | -------------------------------------------------------------------------------- /pages/marketplaces.tsx: -------------------------------------------------------------------------------- 1 | // Imports 2 | import Image from 'next/image' 3 | import Link from "next/link"; // Local routing 4 | import Layout from "@components/Layout"; // Layout wrapper 5 | import { CardRow } from "@components/Row"; // Layout wrapper 6 | import { defaultBags } from "@utils/constants"; // Bags to render 7 | import { marketPlaces } from "../utils/newLists" 8 | // Types 9 | import type { ReactElement } from "react"; 10 | 11 | export default function MarketPlaces(): ReactElement { 12 | return ( 13 |
15 |
32 |
16 |
31 |
17 |
23 |
24 |
25 | {marketPlaces.map(({ name, description, project }, i) => {
26 | return (
27 |
18 | Buy & trade
19 |
22 | Loot Marketplaces
20 |Find and buy Loot and other Loot items here
21 |
20 |
44 | )
45 | }
--------------------------------------------------------------------------------
/img/discord.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/styles/pages/Home.module.scss:
--------------------------------------------------------------------------------
1 | .home__cta {
2 | max-width: 800px;
3 | margin: 0px auto;
4 | padding: 15px 20px;
5 | text-align: center;
6 |
7 | h1 {
8 | font-size: 5rem;
9 | margin: 15px 0px 0px 0px;
10 | }
11 |
12 | p {
13 | color: #8e8e8e;
14 | font-size: 22px;
15 | margin: 0px;
16 | }
17 |
18 | ul {
19 | list-style-type: none;
20 | margin: 10px auto 30px auto;
21 | padding: 0px;
22 |
23 | li {
24 | display: inline-block;
25 | margin: 0px 10px;
26 |
27 | a {
28 | color: white;
29 | font-size: 22px;
30 |
31 | &:hover {
32 | text-decoration: underline;
33 | }
34 | }
35 | }
36 | }
37 | }
38 |
39 | .home__feature {
40 | padding-top: 40px;
41 | text-align: center;
42 |
43 | > span {
44 | display: block;
45 | color: #8e8e8e;
46 | font-size: 18px;
47 | padding: 10px 0px;
48 | }
49 | }
50 |
51 | .home__bag {
52 | display: inline-block;
53 | vertical-align: top;
54 | margin: 15px;
55 | color: white;
56 |
57 | &:hover {
58 | opacity: 0.8;
59 | }
60 | }
61 |
62 | .home__bag_attributes {
63 | background-color: black;
64 | width: 400px;
65 | height: 400px;
66 | position: relative;
67 |
68 | > span {
69 | position: absolute;
70 | right: 10px;
71 | top: 10px;
72 | }
73 |
74 | ul {
75 | list-style-type: none;
76 | margin: 0px;
77 | padding: 20px;
78 | text-align: left;
79 |
80 | li {
81 | margin: 5px 0px;
82 |
83 | span {
84 | font-size: 20px;
85 | }
86 | }
87 | }
88 | }
89 |
90 | // Responsive
91 | @media screen and (max-width: 850px) {
92 | .home__cta {
93 | p {
94 | br {
95 | display: none;
96 | }
97 | }
98 | }
99 | }
100 |
101 | @media screen and (max-width: 600px) {
102 | .home__bag_attributes {
103 | background-color: black;
104 | width: 300px;
105 | height: 300px;
106 | position: relative;
107 |
108 | ul {
109 | li {
110 | span {
111 | font-size: 16px;
112 | }
113 | }
114 | }
115 | }
116 | }
117 |
--------------------------------------------------------------------------------
/utils/constants.ts:
--------------------------------------------------------------------------------
1 | // Export selected default bags
2 | export const defaultBags = [
3 | {
4 | id: 1,
5 | attributes: [
6 | "Hard Leather Armor",
7 | '"Death Root" Ornate Greaves of Skill',
8 | "Studded Leather Gloves",
9 | "Divine Hood",
10 | "Necklace of Enlightenment",
11 | "Gold Ring",
12 | "Hard Leather Belt",
13 | '"Grim Shout" Grave Wand of Skill +1',
14 | ],
15 | },
16 | {
17 | id: 111,
18 | attributes: [
19 | "Ring Mail of Giants",
20 | "Demonhide Boots of the Fox",
21 | "Heavy Gloves",
22 | "Cap",
23 | "Necklace",
24 | "Gold Ring",
25 | "Wool Sash of Protection",
26 | "Ghost Wand",
27 | ],
28 | },
29 | {
30 | id: 420,
31 | attributes: [
32 | "Chain Mail",
33 | "Shoes of Enlightenment",
34 | "Demon's Hands",
35 | "Ancient Helm",
36 | "Necklace",
37 | "Platinum Ring of Vitriol",
38 | "Heavy Belt",
39 | '"Honour Grasp" Katana of Protection +1',
40 | ],
41 | },
42 | {
43 | id: 6969,
44 | attributes: [
45 | "Chain Mail",
46 | "Holy Greaves of Giants",
47 | "Silk Gloves",
48 | "Dragon's Crown",
49 | "Pendant of Perfection",
50 | "Titanium Ring of Giants",
51 | "Heavy Belt",
52 | "Bone Wand",
53 | ],
54 | },
55 | {
56 | id: 1234,
57 | attributes: [
58 | "Holy Chestplate",
59 | "Divine Slippers of Perfection",
60 | "Dragonskin Gloves",
61 | '"Woe Shout" Demon Crown of Protection +1',
62 | "Necklace",
63 | "Titanium Ring",
64 | "Silk Sash",
65 | "Book",
66 | ],
67 | },
68 | {
69 | id: 1337,
70 | attributes: [
71 | "Divine Robe",
72 | '"Foe Peak" Shoes of Reflection +1',
73 | "Divine Gloves",
74 | "Full Helm",
75 | "Necklace",
76 | "Titanium Ring",
77 | "Ornate Belt",
78 | "Falchion of Reflection",
79 | ],
80 | },
81 | {
82 | id: 6969,
83 | attributes: [
84 | "Chain Mail",
85 | "Holy Greaves of Giants",
86 | "Silk Gloves",
87 | "Dragon's Crown",
88 | "Pendant of Perfection",
89 | "Titanium Ring of Giants",
90 | "Heavy Belt",
91 | "Bone Wand",
92 | ],
93 | },
94 | ];
95 |
--------------------------------------------------------------------------------
/pages/resourceList.tsx:
--------------------------------------------------------------------------------
1 | // Imports
2 | import {
3 | derivativesList,
4 | guildsList,
5 | marketsList,
6 | resourceList,
7 | communityList
8 | } from "@utils/lists"; // Lists
9 | import Layout from "@components/Layout"; // Layout wrapper
10 | import styles from "@styles/pages/Resources.module.scss"; // Page styles
11 |
12 | // Types
13 | import type { ReactElement } from "react";
14 |
15 | const resources = [
16 | {
17 | title: "Communities",
18 | description: "Spaces run by the community for Loot enthusiasts to share news and build together:",
19 | list: communityList,
20 | },
21 | {
22 | title: "Developer Tooling",
23 | description: "Aggregated resources built by the Loot community:",
24 | list: resourceList,
25 | },
26 | {
27 | title: "Guilds",
28 | description: "Guild divided by items and attributes:",
29 | list: guildsList,
30 | },
31 | {
32 | title: "Market Trackers",
33 | description: "Tools to keep track of Loot by attributes:",
34 | list: marketsList,
35 | },
36 | {
37 | title: "Derivative Projects",
38 | description: "Projects that remix or build on top of Loot. Because Loot is decentralized, there are *no* 'official' derivatives, tokens, or DAOs. Please note that this list is community submitted and projects are *not* audited. Large errors are possible, up to and including loss of funds. Do your own research and proceed with caution:",
39 | list: derivativesList,
40 | },
41 | ];
42 |
43 | export default function Resources(): ReactElement {
44 | return (
45 |
21 |
22 |
23 |
24 |
43 |
25 |
42 | -
26 | {props.links.map(({ name, path }, i) => {
27 | // For each link, render link
28 | return (
29 |
- 30 | 31 | 34 | {name} 35 | 36 | 37 | 38 | ); 39 | })} 40 |
49 |
68 | );
69 | })}
70 | {title}
50 |{description}
51 | 52 |-
53 | {list.map(({ name, description, url }, i) => {
54 | // For each resource, render link and description
55 | return (
56 |
-
57 |
58 | 59 | {name} 60 | {" "} 61 | — {description} 62 |
63 |
64 | );
65 | })}
66 |
40 |
56 |
41 |
55 |
42 |
49 | {resources.map(({ name, description, project }, i) => {
50 | return (
51 |
43 |
48 | Resources
44 |
45 | Submit a Project
46 |
47 |
57 |
83 |
84 | {resourcesIndex.map(({ title, description, list }, i) => {
58 | return (
59 |
81 |
82 |
60 |
79 | );
80 | })}{title}
61 |{description}
62 | 63 |-
64 | {list.map(({ name, description, url }, i) => {
65 | // For each resource, render link and description
66 | return (
67 |
-
68 |
69 | 70 | {name} 71 | 72 | {" "} — {description} 73 |
74 |
75 | );
76 | })}
77 |
28 | {/* Main logo */}
29 |
86 |
87 | );
88 | }
--------------------------------------------------------------------------------
/pages/synthloot.tsx:
--------------------------------------------------------------------------------
1 | // Imports
2 | import Link from "next/link"; // Routing
3 | import Layout from "@components/Layout"; // Layout wrapper
4 | import styles from "@styles/pages/FAQ.module.scss"; // Page styles
5 |
6 | // Types
7 | import type { ReactElement } from "react";
8 |
9 | // FAQ page
10 | export default function FAQ(): ReactElement {
11 | return (
12 |
30 |
31 |
34 |
35 | {/* Navigation */}
36 | Loot
32 | 33 |
37 |
60 | -
38 | {props.links.map(({ name, path }, i) => {
39 | // For each link, render link
40 | return (
41 |
- 42 | 43 | 51 | {name} 52 | 53 | 54 | 55 | ); 56 | })} 57 | 58 |
61 |
62 |
63 |
64 |
85 | -
65 |
- 66 | {isConnected && ( 67 | 68 | {displayName} {" "} 69 | 73 | [ disconnect ] 74 | 75 | 76 | )} 77 | {!isConnected && ( 78 | 81 | )} 82 | 83 |
14 |
44 | Synthetic Loot
15 | 16 | {/* What is loot ? */} 17 |
18 |
43 | Contract Address
19 |20 | Developers can access the Synthetic Loot contract at address 0x869ad3dfb0f9acb9094ba85228008981be6dbdde. 21 |
22 |What is Synthetic Loot?
23 |24 | Synthetic Loot (or "Synth Loot") is a virtual form of Loot that every wallet has automatically and does not need to be minted. 25 |
26 |27 | Unlike original Loot which is generated based on a numeric identifier, Synthetic Loot is generated based on your Ethereum wallet address. Developers who are building on top of Loot can easily incorporate Synthetic Loot into their projects, allowing the entire Ethereum ecosystem to access their projects for free. 28 |
29 |To see this in action, visit this example page and enter your wallet address or ENS handle. You will see your Synth Loot and a generated character that corresponds to it.
30 |This data is portable and will travel with you to any project that supports it.
31 |Why can't I mint Synthetic Loot?
32 |Right now, there is very little reason to. Because Synthetic Loot is already associated with every Ethereum address that ever has been or ever will be, there will never be anyone "without" Synthetic Loot. Still, there is no reason someone couldn't build a mintable contract on top of Synthetic Loot for those who want to do it.
33 |What if someone re-rolls wallets to get desirable loot?
34 |In many cases, this doesn't matter. However, developers who are concerned about this can instead use variants like Synthetic Lesser Loot, which reduces the rarity of some items. Synthetic variants still share all the same promises: they are available to every wallet automatically and do not need to be minted.
35 |Why not expand the original Loot bag numbers past 8,000?
36 |The original Loot contract is immutable, meaning it is impossible to change. Although it is possible to create new contracts that expand the numbers, it is purely up to the community to decide whether or not to do this and for developers to decide what is and isn't recognized.
37 |It's important for the community to think about precedents. Expanding in small increments now only kicks the can down the road. As more people want Loot, more contracts will need to be created, which will lead to fragmentation where infrastructure and utilities that are built today will not work with the contracts of tomorrow.
38 |Conversely, the supply of Synthetic Loot is always equal to the number of Ethereum wallets and will always be forward compatible.
39 |Acknowledgements
40 |Thank you to community member @stephancill for creating the demonstration page.
41 | 42 |
14 |
126 | Frequently Asked Questions
15 | 16 | {/* What is loot ? */} 17 |
18 |
40 |
41 | {/* Why is loot special? */}
42 | What is Loot?
19 |20 | Loot is a collection of 8,000 unique bags of adventurer gear, 21 | originally released by{" "} 22 | 27 | Dom Hofmann 28 | 29 | . At release, anyone could claim loot bags for just gas, and all 30 | bags were claimed in under 4 hours. Each loot bag contains 8 items: 31 | a piece for an adventurer's chest, foot, hand, head, neck, ring, 32 | waist, and weapon. 33 |
34 |35 | Loot is an unaudited project. Bags #1 to #7777 were claimable by 36 | anyone and #7778 to #8000 are currently reserved for the contract 37 | deployer. 38 |
39 |
43 |
63 |
64 | {/* Can I build with loot? */}
65 | Why is loot special?
44 |45 | Loot is unique—the first project of its kind. With no company, art, 46 | team, or attributes, Loot makes it impossible to gate-keep any 47 | creative decisions (h/t{" "} 48 | 53 | @john_c_palmer 54 | 55 | ). 56 |
57 |58 | Loot is the unfiltered, uncensorable building block for stories, 59 | experiences, games, and more, in the hands of the community, at no 60 | cost. Loot pursues complete decentralization from day one. 61 |
62 |
66 |
76 |
77 | {/* Am I priced out of loot? */}
78 | Can I build with Loot?
67 |68 | Yes, you are free to use Loot in any way you want. For inspiration, 69 | see existing{" "} 70 | 71 | resources 72 | {" "} 73 | put together by the community. 74 |
75 |
79 |
94 |
95 | {/* How do I value loot bags? */}
96 | Am I priced out of loot?
80 |81 | Not at all. Through{" "} 82 | 83 | Synthetic Loot 84 | 85 | , all addresses have access to virtual Loot that developers can 86 | integrate into the Loot projects they build. 87 |
88 |89 | Thus, anyone with an Ethereum wallet is allowed to participate in 90 | the ecosystem, while still maintaining distinction between original 91 | Loot and synthetics. 92 |
93 |
97 |
125 | How do I value Loot bags?
98 |99 | They say that value is always in the eye of the beholder. Loot is no 100 | different, with no explicit rarities specified at launch. How you 101 | value a loot bag is up to you. 102 |
103 |104 | Still, the community has begun to devise many mechanisms by which to 105 | assess the rarity of bags and their items. Some of these include{" "} 106 | 111 | rarity by occurence 112 | {" "} 113 | or{" "} 114 | 119 | item score 120 | 121 | . 122 |
123 |Remember, use your own discretion when valuing a loot bag.
124 |
25 |
62 |
26 |
61 |
27 |
35 |
36 |
37 |
55 | {build.map(({ name, description, project }, i) => {
56 | return (
57 |
38 |
53 |
54 | Loot Contracts
39 |
40 | Loot contract
41 | mLoot contract
42 | sLoot contract
43 | gLoot contract
44 | Loot Components
45 |
46 | L2 & Sidechain Information
47 |Due to gas and congestion issues on mainnet, there is ongoing discussion to coordinate on how to best move Loot to L2s, sidechains, and other similar approaches.
48 |If you are interested in participating, please join #l2 on the Builders Discord.
49 |Expansion packs / modules
50 |In order to approve discoverability and reduce gas costs for the community member, there is an initiative to create an "expansion pack" format that would allow new modules to be deployed and automatically associated with Loot.
51 |If you are interested in participating, please head to the Builder's Discord and join #gas-free-expansions.
52 |
63 |
88 | {resourcesIndex.map(({ title, description, list }, i) => {
64 | return (
65 |
86 |
87 |
66 |
84 | );
85 | })}{title}
67 |{description}
68 |-
69 | {list.map(({ name, description, url }, i) => {
70 | // For each resource, render link and description
71 | return (
72 |
-
73 |
74 | 75 | {name} 76 | 77 | — {description} 78 |
79 |
80 | );
81 | })}
82 |
25 |
153 | );
154 | }
155 |
--------------------------------------------------------------------------------
/pages/index.tsx:
--------------------------------------------------------------------------------
1 | // Imports
2 | import Link from "next/link"; // Routing
3 | import { useRouter } from "next/router"; // Routing
4 | import Layout from "@components/Layout"; // Layout wrapper
5 | import { CardRow } from "@components/Row";
6 | import { whatToGet, goOnQuests, gearUp, getYourCharacter, onlyLoot } from "../utils/newLists"
7 | import Opensea from "../img/opensea.svg"
8 | import Twitter from "../img/twitter.svg";
9 | import ExchangeIcon from "../img/exchangeIcon2.svg";
10 | import Discord from "../img/discord.svg";
11 | // Types
12 | import type { ReactElement } from "react";
13 |
14 |
15 | export default function Home(): ReactElement {
16 | return (
17 |
26 | {project.image && (
27 |
152 |
28 | 
34 |
35 |
36 | )}
37 |
38 |
150 |
151 |
39 | {project.heading ? (
40 |
46 |
47 |
41 | {project.heading}
42 |
43 | ) : {project.name}}
44 |
45 | {project.description}
48 | {project.mintPrice && ( 49 |
50 | {/*
56 | )}
57 |
58 | {/* Cost
*/} 51 | 52 | {project.mintPrice!.mint! > 0 && <>Cost: {project.mintPrice.mint}
59 |
*/}
65 |
66 | {/* {project.neededProject && (
67 |
60 |
61 | Project: {project.name}
62 |
63 |
64 |
68 |
69 | Required: {project.neededProject.name}
70 |
71 |
72 | )} */}
73 |
74 |
75 | {project.whatToDo && (
76 |
77 |
93 | )}
94 |
95 |
96 |
78 | {project.whatToDo.map(({ content, url, component }, i) => {
79 | // if (component) return component;
80 | return (
81 |
87 | {content}
88 |
89 | );
90 | })}
91 |
92 |
97 |
98 | {project.contract && (
99 |
107 | View Contract
108 |
109 | )}
110 |
149 |
111 | {project.github && (
112 |
117 |
148 |
19 |
59 |
20 |
58 |
21 |
57 | Loot
22 | 23 |Loot is randomized adventurer gear generated and stored on chain. Stats, images, and other functionality are intentionally omitted for others to interpret. Feel free to use Loot in any way you want.
24 | 56 |
60 |
76 |
61 | Get Loot
62 |
63 |
64 | Gear Up
65 |
66 |
67 | Character
68 |
69 |
70 | Quests
71 |
72 |
73 | Lore
74 |
75 |
77 |
97 |
78 |
96 |
79 |
85 | {onlyLoot.map(({ name, description, project }, i) => {
86 | return (
87 |
80 | The Quest begins here
81 |
84 | Start here: Get a Loot Bag
82 |8,000 Bags full of Loot, discovered by Adventurers. Where did they come from? What stories do they hold? Collect a bag, learn its story, and begin your adventure.
83 |
98 |
114 |
99 |
113 |
100 |
106 |
107 | {gearUp.map(({ name, description, project }, i) => {
108 | return (
109 |
101 | Chapter 1
102 |
105 | Gear up
103 |Mint, claim, or trade additional items
104 |
115 |
132 |
116 |
131 |
117 |
123 |
124 |
125 | {getYourCharacter.map(({ name, description, project }, i) => {
126 | return (
127 |
118 | Chapter 2
119 |
122 | Get Your Character
120 |Who carried these Loot bags? Where did they come from? What are their stories?
121 |
133 |
150 |
134 |
149 |
135 |
141 |
142 | {goOnQuests.map(({ name, description, project }, i) => {
143 | return (
144 |
136 | Chapter 3
137 |
140 | Go on Quests
138 |Go on adventures and visit undiscovered corners of the Lootverse.
139 |