diff --git a/packages/client/src/assets/img/crown.png b/packages/client/src/assets/img/crown.png new file mode 100644 index 00000000..62d30994 Binary files /dev/null and b/packages/client/src/assets/img/crown.png differ diff --git a/packages/client/src/assets/img/lxdao.png b/packages/client/src/assets/img/lxdao.png new file mode 100644 index 00000000..93dd82bb Binary files /dev/null and b/packages/client/src/assets/img/lxdao.png differ diff --git a/packages/client/src/assets/img/web3.png b/packages/client/src/assets/img/web3.png new file mode 100644 index 00000000..64af66d4 Binary files /dev/null and b/packages/client/src/assets/img/web3.png differ diff --git a/packages/client/src/pages/home/StaticInfo.tsx b/packages/client/src/pages/home/StaticInfo.tsx index a5a3789e..ee27700c 100644 --- a/packages/client/src/pages/home/StaticInfo.tsx +++ b/packages/client/src/pages/home/StaticInfo.tsx @@ -7,9 +7,14 @@ import './staticInfo.scss'; import FAQ from '@/config/faq'; import imgPlayer from '@/assets/img/player_1.png'; +import imgPlayer2 from '@/assets/img/player_2.png'; import imgPlayers from '@/assets/img/players.png'; import indexDuckImg from '@/assets/img/duck_index.svg'; +import lxDaoIcon from '@/assets/img/lxdao.png'; +import web3Icon from '@/assets/img/web3.png'; +import crownIcon from '@/assets/img/crown.png'; + interface IProps { onPlay: () => void; isOpen: boolean; @@ -61,20 +66,22 @@ const StaticInfo = (props: IProps) => {

y'all! Just a heads up, your neighbors ain't the friendliest bunch. It's a wild ride of plunderin' and survivin', so go hunt that treasure and claim your bounty.

- +
-
Gameplay
-
Mississippi is a fully on-chain roguelike PVP game where players battle for limited resources within a complex cave. Welcome to Mississippi for gold prospecting! Compete with others, take on greed, and see who comes out on top!
+
What is the game all about
+
We start from a PVP rogue-like game. Explore randomly-dropped gems, strategically forge godlike equipment, and loot each other's treasures. All within the expansive Mississippi cave.
-
Mission
-
To create great games only enabled by Web3. We are striving to find and leverage the unique fun factor that Web3 offers.
+
How does it evolve into a world
+
We plan to expand the game to be a simulation game. Players will be divided into factions, with the game's purpose evolving from individual competition to collective competition. + + Each fraction will have their own unique economies, political systems, technical capabilities, foreign policies, and even cultural beliefs. Members will collaborate to create a joint, on-chain history, driven by Web3's public ledger.
-
Approach
-
We will keep exploring the potential of Autonomous Worlds. The composability of Autonomous Worlds will pave the way for a new labor relations between developers and game players.
+
Why we are based on Lootverse
+
Lootverse is a series of communities derived from the original Loot bags, representing the the core value of Autonomous Worlds: To create 5% of the fundamental rules, while encouraging others to create the remaining 95% and even more.
@@ -105,6 +112,20 @@ const StaticInfo = (props: IProps) => {
Hey, buddy, you've reached the horizon,
but the real excitement begins when you enter the cave!
+
+

Backed by

+ +
diff --git a/packages/client/src/pages/home/staticInfo.scss b/packages/client/src/pages/home/staticInfo.scss index 9cf9285a..fecb6585 100644 --- a/packages/client/src/pages/home/staticInfo.scss +++ b/packages/client/src/pages/home/staticInfo.scss @@ -85,7 +85,7 @@ h2 { background: #55225e; - font-size: 36px; + font-size: 18px; line-height: 60px; color: #fae1cc; } @@ -111,7 +111,7 @@ .p2 { right: 10px; - transform: rotateY(180deg); + //transform: rotateY(180deg); } } @@ -145,7 +145,7 @@ flex-direction: column; h2 { - font-size: 42px; + font-size: 22px; margin-bottom: 30px; color: #fff; } @@ -217,6 +217,25 @@ text-align: center; color: #fff; } + + .backed-by-wrapper { + margin-top: 40px; + color: #fff; + ul { + margin-top: 24px; + } + li { + display: flex; + margin-bottom: 24px; + align-items: center; + + img { + margin-right: 24px; + width: 40px; + height: 40px; + } + } + } } }