diff --git a/index.html b/index.html index f168f7b..2487cb0 100644 --- a/index.html +++ b/index.html @@ -13,6 +13,11 @@ property="og:image" content="https://mint.counterfire.games/mint.png" /> + +
diff --git a/src/assets/home/prompt_bg.png b/src/assets/home/prompt_bg.png new file mode 100644 index 0000000..d9c3d82 Binary files /dev/null and b/src/assets/home/prompt_bg.png differ diff --git a/src/components/starTimer.vue b/src/components/starTimer.vue index a40d7d2..6dc05a7 100644 --- a/src/components/starTimer.vue +++ b/src/components/starTimer.vue @@ -1,6 +1,6 @@ diff --git a/src/view/mintIndex.vue b/src/view/mintIndex.vue index 2e2c2df..3c14a63 100644 --- a/src/view/mintIndex.vue +++ b/src/view/mintIndex.vue @@ -46,25 +46,25 @@

Guaranteed Mint

-
+
+

OPENING

+
+
+ The minting session has ended. +
+
{{ days1 }}D {{ hours1 }}H {{ minutes1 }}M {{ senconds1 }}S
-
-

OPENING

-
-
- The minting session has ended. -

FCFS Mint

-
+
The minting session has ended.
-
+

OPENING

@@ -91,7 +91,7 @@
-
Base on Immutable zkEvm
+
Minting on Immutable zkEVM

-Pepare ETH on Immutable zkEVM for minting.

@@ -100,7 +100,7 @@
- Learn More + Learn More
+
Connect Wallet @@ -145,10 +146,58 @@
+
+ + Prepare your mint funds on Immutable zkEVM NOW to secure your spot in the GTD WL! + +
-
+
+
+
+
+
+
+
+

Details

+
+ +
+
+
+
+
+

+
+
+
+

+
+ +
+
+
+
+
+

Please go to the marketplace to view and purchase.

+
+
+
+ Mint +   +
+ +
+
+
+
+
+
+
@@ -206,7 +255,7 @@
-
+
@@ -291,55 +340,17 @@
-
-
-
-
-
-
-
-

Details

-
- -
-
-
-
-
-

-
-
-
-

-
- -
-
-
-
-
-

Please go to the marketplace to view and purchase.

-
-
-
- Mint -   -
- -
-
-
-
-
-
+
+ + Prepare your mint funds on Immutable zkEVM NOW to secure your spot in the GTD WL! + +
-
+
@@ -382,7 +393,7 @@
-
+

FCFS Mint will be available on a

first-come-first-served basis

@@ -395,7 +406,7 @@ {{ senconds2 }}S
-
+
@@ -533,9 +544,6 @@ {{ item.name }}
-
- Recommended -
@@ -599,6 +607,7 @@
+
@@ -875,14 +884,14 @@ let hours2 = ref(0); let minutes2 = ref(0); let senconds2 = ref(0); let timer = null; -const openNft = ref(1719828000000) +const openNft = ref(1719914400000) // 倒计时 const starTimer = () => { let now = new Date().getTime(); - let str = 1719568800000; // 开始（前24） - let bar = 1719568800000; // 一期开始（一期倒计时4小时） - let towBar = 1719583200000; // 二期开始 （一期倒计时4小时） - let end = 1719604800000; // 结束 （） + let str = 1719655200000; // 开始（前24） + let bar = 1719655200000; // 一期开始（一期倒计时4小时） + let towBar = 1719669600000; // 二期开始 （一期倒计时4小时） + let end = 1719691200000; // 结束 （） let strTime = (str - now) / 1000; // 开始前毫秒数 - 现在毫秒数 let begTime = (bar - now) / 1000; // 一期开始毫秒数 - 现在毫秒数 let towBarTime = (towBar - now) / 1000; // 二期开始毫秒数 - 现在毫秒数 @@ -1013,9 +1022,9 @@ const getIsWhite = async () => { if (num1 > 0 && num2 > 0) { statusTxt.value = 'Guaranteed & FCFS Minting Eligible' } else if (num1 > 0) { - statusTxt.value = 'Congrats!Guaranteed Whitelisted' + statusTxt.value = 'Congrats! Guaranteed Whitelisted' } else if (num2 > 0) { - statusTxt.value = 'Congrats!FCFS Whitelisted!' + statusTxt.value = 'Congrats! FCFS Whitelisted' } else { statusTxt.value = 'Not on the whitelist' } @@ -1161,10 +1170,10 @@ const stopTimeChange = (e) => { // 发送推文 const toTwitter = () => { const url = 'https://twitter.com/intent/tweet?text='; - const hashtags = encodeURIComponent("I have just minted my Genesis Box for @playCounterFire! Eagerly starting the play2earn season, excited for my hero's debut in this thrilling quest!"); - // const imageUrl = encodeURIComponent(`https://opensea.io/assets/ethereum/0xec23679653337d4c6390d0eeba682246a6067777/`); - // const params = `${hashtags}&url=${imageUrl}`; - const params = `${hashtags}`; + const hashtags = encodeURIComponent("I've just minted my @playCounterFire Genesis Heroes! Catch me in the upcoming P2E Season 1!"); + const imageUrl = encodeURIComponent(`https://sphere.market/immutable/collection/0x3A85cA6615953c683826FBe54fA5e2a770ee8bA2`); + const params = `${hashtags}&url=${imageUrl}`; + // const params = `${hashtags}`; window.open(`${url}${params}`, '_blank'); } @@ -1352,6 +1361,8 @@ onMounted(() => { } } .mint-ent { + width: 100%; + text-align: center; font-size: 24px !important; } } @@ -2122,6 +2133,21 @@ onMounted(() => { } } } + .extension-text { + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%); + width: 540.5px; + height: 49px; + line-height: 49px; + font-family: 'Poppins-SemiBold'; + font-weight: bold; + font-size: 20px; + color: #B680FF; + background: url('./../assets/home/prompt_bg.png') no-repeat; + background-size: 100% 100%; + } } .join-pending { // margin-bottom: 50px; @@ -2382,7 +2408,7 @@ onMounted(() => { .time { font-family: 'Poppins'; font-weight: bold; - font-size: 30px; + font-size: 22px; color: #FFFFFF; } } @@ -2585,17 +2611,6 @@ onMounted(() => { } } } - li:nth-child(3) { - // border: 2px solid; - // border-image: linear-gradient(to right, #FFAFFA, #D1FFFA, #6DD5F9, #C9BAFF, #94E2FF) 1; - border-radius: 8px; - // overflow: hidden; - border: 2px solid transparent; - background-clip: padding-box, border-box; - background-origin: padding-box, border-box; - background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #FFAFFA, #D1FFFA, #6DD5F9, #C9BAFF, #94E2FF) - - } li:nth-child(4) { background: #d5befa; .disconnect {