From bd8916f2a7ff8c42d135417a3c9e214c2dad5bf8 Mon Sep 17 00:00:00 2001 From: yuyongdong Date: Sat, 29 Jun 2024 19:48:40 +0800 Subject: [PATCH] =?UTF-8?q?mint=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 5 + src/assets/home/prompt_bg.png | Bin 0 -> 1104 bytes src/components/starTimer.vue | 2 +- src/view/mintIndex.vue | 185 ++++++++++++++++++---------------- 4 files changed, 106 insertions(+), 86 deletions(-) create mode 100644 src/assets/home/prompt_bg.png 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 0000000000000000000000000000000000000000..d9c3d824dbab2756ed168dd67da03203132790e2 GIT binary patch literal 1104 zcmeAS@N?(olHy`uVBq!ia0y~yV3Gy04LR6=WZgvRW+25_9OUlAu9Q7 zkczms*By(N81S$L?D$`nH%a=eW1Gm4qSMEGwYpcNecY6Ji_OKp<>$@qxxa7x5maz! zU|?iosf$byx2lW0@sd*jB+}^Z@Ztgo3kQhf(AjVy@X#6#pei6=q2vXG;jqBP;e|$G zSPMuyhk$_97YIWkKuMuwih;Hh*jx?{*(wM_KtoW#%4>$GBE-TLK3fQbV+v4>>X|OE zy^Ksw?Q&2jd9k$g38lG$-N3-O(3u~qLY2wMopZAi#BmK57P3QBGzu{;T-*{V2zI3d z(D}@x&ZkM}|DM19xZu=tEStXO-!7}oPp+-bew@2s;{NBt%6A^mE&I>jzg#9i|Jb=t zg|R!YWxcue{p`oW+P}ts*Im8wvf!G;tD5rM`)9YmKD|Hl>+eP1PSwqbzBBu&;pN)c zvantCm35|bjwk)jd^2bEck6A**0*@)KF`1Z{o{`r`|W<;sXVs+@24OA$G=^#^lPtQ z>y{HgW$m-uQ7>h-XV0uZ{V1kzcVF4O>))Sju<+l1_T`+yz0TZEK0jl({(J4;i~Dka zuE<{A`26st_GLS5Yv13_{4Wvxw!H6a`u^N68_mjjkAK^8KI{JN2&->Z?-oC^nfEMd z{_W?N?N;x!`DP%W?YeK@?Qb>f-dwu2IpR9o^-R6%Qm?jIU%Y;-BqsiJSaw%@P3RWJEcpHo#JXceb_O~z{(L*Z|Aqx~Mqvf@^44WIV6^!dlHzmfIv?XGHI P5y9Z;>gTe~DWM4fHvXED literal 0 HcmV?d00001 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 {