HashLips · shrtkv · Feb 6, 2022 · Feb 7, 2022 · Feb 7, 2022 · Jun 17, 2022
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/config/abi.json b/public/config/abi.json
diff --git a/public/config/config.json b/public/config/config.json
@@ -1,18 +1,19 @@
 {
-  "CONTRACT_ADDRESS": "0x827acb09a2dc20e39c9aad7f7190d9bc53534192",
-  "SCAN_LINK": "https://polygonscan.com/token/0x827acb09a2dc20e39c9aad7f7190d9bc53534192",
+  "CONTRACT_ADDRESS": "0x9fc4e390395177d6d5f1ed013c24f260df301cff",
+  "SCAN_LINK": "https://ftmscan.com/address/0x9fc4e390395177d6d5f1ed013c24f260df301cff",
+  "SETUP_LINK": "https://docs.fantom.foundation/tutorials/set-up-metamask",
   "NETWORK": {
-    "NAME": "Polygon",
-    "SYMBOL": "Matic",
-    "ID": 137
+    "NAME": "Fantom Opera",
+    "SYMBOL": "FTM",
+    "ID": 250 
   },
-  "NFT_NAME": "Nerdy Coder Clones",
-  "SYMBOL": "NCC",
-  "MAX_SUPPLY": 1000,
-  "WEI_COST": 75000000000000000,
-  "DISPLAY_COST": 0.075,
+  "NFT_NAME": "Simple Fellas - by Fantom Pills",
+  "SYMBOL": "SFELLAS",
+  "MAX_SUPPLY": 420,
+  "WEI_COST": 69000000000000000000,
+  "DISPLAY_COST": 69,
   "GAS_LIMIT": 285000,
-  "MARKETPLACE": "Opeansea",
-  "MARKETPLACE_LINK": "https://opensea.io/collection/nerdy-coder-clones",
+  "MARKETPLACE": "Opera House",
+  "MARKETPLACE_LINK": "https://operahouse.online/profile",
   "SHOW_BACKGROUND": true
 }
diff --git a/public/config/images/bg.png b/public/config/images/bg.png
diff --git a/public/config/images/example.gif b/public/config/images/example.gif
diff --git a/public/config/images/pillsgif.gif:Zone.Identifier b/public/config/images/pillsgif.gif:Zone.Identifier
diff --git a/public/config/images/simplefellas.gif b/public/config/images/simplefellas.gif
diff --git a/public/config/images/xx.png b/public/config/images/xx.png
diff --git a/public/config/theme.css b/public/config/theme.css
@@ -1,8 +1,8 @@
 :root {
-  --primary: #ebc908;
-  --primary-text: #1a1a1a;
-  --secondary: #ff1dec;
+  --primary: #000000;
+  --primary-text: #ffffff;
+  --secondary: #6e00fd;
   --secondary-text: #ffffff;
-  --accent: #505050;
+  --accent: #120015c9;
   --accent-text: #ffffff;
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -22,8 +22,8 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Nerdy Coder Clones</title>
-    <meta name="description" content="Mint your Nerdy Coder Clone NFT" />
+    <title> Simple Fellas - by Fantom Pills </title>
+    <meta name="description" content="Mint your Fantom Pills OG NFT" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/App.js b/src/App.js
@@ -16,7 +16,8 @@ export const StyledButton = styled.button`
   padding: 10px;
   font-weight: bold;
   color: var(--secondary-text);
-  width: 100px;
+  width: 270px;
+  height:40px;
   cursor: pointer;
   box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);
   -webkit-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);
@@ -35,10 +36,10 @@ export const StyledRoundButton = styled.button`
   background-color: var(--primary);
   padding: 10px;
   font-weight: bold;
-  font-size: 15px;
+  font-size: 25px;
   color: var(--primary-text);
-  width: 30px;
-  height: 30px;
+  width: 50px;
+  height: 50px;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -111,7 +112,7 @@ function App() {
     },
     NFT_NAME: "",
     SYMBOL: "",
-    MAX_SUPPLY: 1,
+    MAX_SUPPLY: 0,
     WEI_COST: 0,
     DISPLAY_COST: 0,
     GAS_LIMIT: 0,
@@ -130,7 +131,7 @@ function App() {
     setFeedback(`Minting your ${CONFIG.NFT_NAME}...`);
     setClaimingNft(true);
     blockchain.smartContract.methods
-      .mint(mintAmount)
+      .claim(mintAmount)
       .send({
         gasLimit: String(totalGasLimit),
         to: CONFIG.CONTRACT_ADDRESS,
@@ -145,7 +146,7 @@ function App() {
       .then((receipt) => {
         console.log(receipt);
         setFeedback(
-          `WOW, the ${CONFIG.NFT_NAME} is yours! go visit Opensea.io to view it.`
+          `WOW, the ${CONFIG.NFT_NAME} is yours! go visit ${CONFIG.MARKETPLACE_LINK} to view it.`
         );
         setClaimingNft(false);
         dispatch(fetchData(blockchain.account));
@@ -201,77 +202,96 @@ function App() {
         style={{ padding: 24, backgroundColor: "var(--primary)" }}
         image={CONFIG.SHOW_BACKGROUND ? "/config/images/bg.png" : null}
       >
-        <StyledLogo alt={"logo"} src={"/config/images/logo.png"} />
-        <s.SpacerSmall />
-        <ResponsiveWrapper flex={1} style={{ padding: 24 }} test>
-          <s.Container flex={1} jc={"center"} ai={"center"}>
-            <StyledImg alt={"example"} src={"/config/images/example.gif"} />
-          </s.Container>
-          <s.SpacerLarge />
+                <s.SpacerSmall />
+        <ResponsiveWrapper flex={1} style={{ padding: 24,marginLeft: 48, marginRight: 48 }} test>
+
+          <s.SpacerSmall />
           <s.Container
             flex={2}
             jc={"center"}
             ai={"center"}
             style={{
               backgroundColor: "var(--accent)",
-              padding: 24,
-              borderRadius: 24,
-              border: "4px dashed var(--secondary)",
-              boxShadow: "0px 5px 11px 2px rgba(0,0,0,0.7)",
+              padding: 20,
+              borderRadius: 15,
+              border: "none",
+              boxShadow: "none",
             }}
-          >
+          >         
+          <s.Container 
+            flex={1} 
+            jc={"center"} 
+            ai={"center"}
+            >
+          <StyledImg alt={"simple fellas gif"} src={"/config/images/simplefellas.gif"} style={{
+              border: "none",
+              boxShadow: "none",
+              maxWidth:220
+            }} />
+        </s.Container>
             <s.TextTitle
               style={{
                 textAlign: "center",
-                fontSize: 50,
+                fontSize: 40,
                 fontWeight: "bold",
                 color: "var(--accent-text)",
               }}
             >
-              {data.totalSupply} / {CONFIG.MAX_SUPPLY}
+                {data.totalSupply}  minted.
             </s.TextTitle>
             <s.TextDescription
               style={{
                 textAlign: "center",
-                color: "var(--primary-text)",
+                color: "var(--accent-text)",
               }}
-            >
-              <StyledLink target={"_blank"} href={CONFIG.SCAN_LINK}>
+            >  
+
+             <StyledLink target={"_blank"} href={CONFIG.SCAN_LINK} style={{
+                textAlign: "center",
+                color: "var(--accent-text)",
+                textDecoration:"underline"
+              }}>
+                <s.TextSubTitle>Check the contract at FTMscan</s.TextSubTitle>
+              </StyledLink>
+              <StyledLink target={"_blank"} href={CONFIG.SCAN_LINK} style={{
+                textAlign: "center",
+                color: "var(--accent-text)",
+                textDecoration:"underline"
+              }}>
                 {truncate(CONFIG.CONTRACT_ADDRESS, 15)}
               </StyledLink>
             </s.TextDescription>
             <s.SpacerSmall />
-            {Number(data.totalSupply) >= CONFIG.MAX_SUPPLY ? (
+            {Number(data.totalSupply) >= 1 /*CONFIG.MAX_SUPPLY */? (
               <>
                 <s.TextTitle
                   style={{ textAlign: "center", color: "var(--accent-text)" }}
                 >
-                  The sale has ended.
+                  The sale has ended. You can find them at NFTKET and OPERA HOUSE marketplaces.
                 </s.TextTitle>
-                <s.TextDescription
-                  style={{ textAlign: "center", color: "var(--accent-text)" }}
-                >
-                  You can still find {CONFIG.NFT_NAME} on
-                </s.TextDescription>
+
                 <s.SpacerSmall />
-                <StyledLink target={"_blank"} href={CONFIG.MARKETPLACE_LINK}>
-                  {CONFIG.MARKETPLACE}
-                </StyledLink>
+
               </>
             ) : (
               <>
                 <s.TextTitle
-                  style={{ textAlign: "center", color: "var(--accent-text)" }}
+                  style={{ textAlign: "center", color: "var(--accent-text)", fontSize: 24, }}
                 >
-                  1 {CONFIG.SYMBOL} costs {CONFIG.DISPLAY_COST}{" "}
+                  1 Simple Fella costs {CONFIG.DISPLAY_COST}{" $"}
                   {CONFIG.NETWORK.SYMBOL}.
                 </s.TextTitle>
                 <s.SpacerXSmall />
                 <s.TextDescription
-                  style={{ textAlign: "center", color: "var(--accent-text)" }}
+                  style={{ textAlign: "center", fontStyle: "italic", fontSize:14, fontWeight:"lighter", color: "var(--accent-text)" }}
                 >
                   Excluding gas fees.
                 </s.TextDescription>
+                <s.TextDescription
+                  style={{ textAlign: "center", fontStyle: "italic", fontSize:14, fontWeight:"lighter", color: "var(--accent-text)" }}
+                >
+                  After sucessfully minting, check NFTKEY or OPERA HOUSE profile page.
+                </s.TextDescription>
                 <s.SpacerSmall />
                 {blockchain.account === "" ||
                 blockchain.smartContract === null ? (
@@ -292,7 +312,7 @@ function App() {
                         getData();
                       }}
                     >
-                      CONNECT
+                      PLEASE CONNECT YOUR WALLET
                     </StyledButton>
                     {blockchain.errorMsg !== "" ? (
                       <>
@@ -334,10 +354,21 @@ function App() {
                       <s.TextDescription
                         style={{
                           textAlign: "center",
+                          fontSize:54,
                           color: "var(--accent-text)",
-                        }}
+                        }} 
                       >
-                        {mintAmount}
+                        {mintAmount} 
+                      </s.TextDescription><s.TextDescription
+                        style={{
+                          textAlign: "center",
+                          marginLeft: 10,
+                          fontSize:36
+                          ,
+                          color: "var(--accent-text)",
+                        }} 
+                      >
+                        {"  🧍‍♂️"} 
                       </s.TextDescription>
                       <s.SpacerMedium />
                       <StyledRoundButton
@@ -370,15 +401,17 @@ function App() {
             <s.SpacerMedium />
           </s.Container>
           <s.SpacerLarge />
-          <s.Container flex={1} jc={"center"} ai={"center"}>
-            <StyledImg
-              alt={"example"}
-              src={"/config/images/example.gif"}
-              style={{ transform: "scaleX(-1)" }}
-            />
-          </s.Container>
+
         </ResponsiveWrapper>
         <s.SpacerMedium />
+        <StyledLink target={"_blank"} href={CONFIG.SETUP_LINK} style={{
+                textAlign: "center",
+                color: "var(--accent-text)",
+                textDecoration:"underline"
+              }}>
+                How to setup your wallet for Fantom Opera.
+              </StyledLink>
+        <s.SpacerMedium />
         <s.Container jc={"center"} ai={"center"} style={{ width: "70%" }}>
           <s.TextDescription
             style={{
@@ -387,7 +420,17 @@ function App() {
             }}
           >
             Please make sure you are connected to the right network (
-            {CONFIG.NETWORK.NAME} Mainnet) and the correct address. Please note:
+            {CONFIG.NETWORK.NAME} Mainnet) and the correct address.
+          </s.TextDescription>
+          <s.SpacerSmall />
+          <s.TextDescription
+            style={{
+              textAlign: "center",
+              fontWeight: "bold",
+              color: "var(--primary-text)",
+            }}
+          >
+            Please note:
             Once you make the purchase, you cannot undo this action.
           </s.TextDescription>
           <s.SpacerSmall />