testing

Author: codeSTACKr

backend/src/config.js

@@ -59,14 +59,14 @@ const TREASURY_ADDRESS = '0xd8B808A887326F45B2D0cd999709Aa6264CeF919';
 const MAX_SUPPLY = 5000; // The maximum number of NFTs that can be minted. CANNOT BE UPDATED!
 const MINT_PRICE = .001; // Minting price per NFT. Rinkeby = ETH, Polygon = MATIC. CANNOT BE UPDATED!
 const TOKENS_PER_MINT = 10; // maximum number of NFTs a user can mint in a single transaction. CANNOT BE UPDATED!
-const PUBLIC_MINT_START_DATE = "2022-03-20T11:30:48+00:00"; // This is required. Eg: 2022-02-08T11:30:48+00:00
-const PRESALE_MINT_START_DATE = "2022-03-13T11:30:48+00:00"; // delete
+const PUBLIC_MINT_START_DATE = "2022-03-15T11:30:48+00:00"; // This is required. Eg: 2022-02-08T11:30:48+00:00
+const PRESALE_MINT_START_DATE = "2022-03-15T10:30:48+00:00"; // delete
 // const PRESALE_MINT_START_DATE = null; // Optional. Eg: 2022-02-08T11:30:48+00:00
 const ROYALTY_SHARE = 1000; // Percentage of the token price that goes to the royalty address. 100 bps = 1%
 const ROYALTY_ADDRESS = "0xd8B808A887326F45B2D0cd999709Aa6264CeF919"; // Address that will receive the royalty
 const BASE_URI = null; // only update if you want to manually set the base uri
 const PREREVEAL_TOKEN_URI = null; // only update if you want to manually set the prereveal token uri
-const PRESALE_WHITELISTED_ADDRESSES = []; // only update if you want to manually set the whitelisted addresses
+const PRESALE_WHITELISTED_ADDRESSES = ['0xB7422Da1890Ce24309b4670792a1D5E5A6D32F38',"0xd8B808A887326F45B2D0cd999709Aa6264CeF919"]; // only update if you want to manually set the whitelisted addresses
 
 // ** OPTIONAL **
 let CONTRACT_ADDRESS = "YOUR CONTRACT ADDRESS"; // If you want to manually include it
@@ -187,10 +187,8 @@ module.exports = {
   GENERIC_TITLE,
   GENERIC_DESCRIPTION,
   GENERIC_IMAGE,
-  INTERVAL,
   CONTRACT_NAME,
   CONTRACT_SYMBOL,
-  REVEAL_PROMPT,
   METADATA_UPDATABLE,
   ROYALTY_SHARE,
   ROYALTY_ADDRESS,

backend/utils/nftport/deployContract.js

@@ -22,7 +22,8 @@ let {
   PUBLIC_MINT_START_DATE,
   BASE_URI,
   PREREVEAL_TOKEN_URI,
-  PRESALE_MINT_START_DATE
+  PRESALE_MINT_START_DATE,
+  PRESALE_WHITELISTED_ADDRESSES
 } = require(`${basePath}/src/config.js`);
 
 const deployContract = async () => {
@@ -91,6 +92,7 @@ const deployContract = async () => {
       presale_mint_start_date: PRESALE_MINT_START_DATE,
       base_uri: BASE_URI,
       prereveal_token_uri: PREREVEAL_TOKEN_URI,
+      presale_whitelisted_addresses: PRESALE_WHITELISTED_ADDRESSES
     };
     const options = {
       method: "POST",

backend/utils/nftport/updateContract.js

@@ -1,3 +1,4 @@
+const fs = require("fs");
 const basePath = process.cwd();
 const yesno = require('yesno');
 let [UPDATE] = process.argv.slice(2);
@@ -33,7 +34,8 @@ switch (UPDATE) {
     updateValue = PRESALE_MINT_START_DATE;
     break;
   case "presale_whitelisted_addresses":
-    contract.presale_whitelisted_addresses = PRESALE_WHITELISTED_ADDRESSES;
+    const addresses = PRESALE_WHITELISTED_ADDRESSES.map(address => address.toLowerCase());
+    contract.presale_whitelisted_addresses = addresses;
     updateValue = PRESALE_WHITELISTED_ADDRESSES;
     break;
   case "royalty_share":
@@ -49,10 +51,39 @@ switch (UPDATE) {
     updateValue = CONTRACT_ADDRESS;
     break;
   case "base_uri":
+    if(!BASE_URI) {
+      try {
+        let jsonFile = fs.readFileSync(`${basePath}/build/ipfsMetas/_ipfsMetasResponse.json`);
+        let metaData = JSON.parse(jsonFile);
+        if(metaData.response === "OK" && metaData.error === null) {
+          BASE_URI = metaData.metadata_directory_ipfs_uri;
+        } else {
+          console.log('There is an issue with the metadata upload. Please check the /build/_ipfsMetas/_ipfsMetasResponse.json file for more information. Running "npm run upload_metadata" may fix this issue.');
+        }
+      } catch (err) {
+        console.log(`/build/_ipfsMetasGeneric/_ipfsMetasResponse.json file not found. Run "npm run upload_metadata" first.`);
+        process.exit(0);
+      }
+    }
     contract.base_uri = BASE_URI;
     updateValue = BASE_URI;
     break;
   case "prereveal_token_uri":
+    if(!PREREVEAL_TOKEN_URI) {
+      try {
+        let jsonFile = fs.readFileSync(`${basePath}/build/ipfsMetasGeneric/_ipfsMetasResponse.json`);
+        let metaData = JSON.parse(jsonFile);
+        if(metaData.response === "OK" && metaData.error === null) {
+          PREREVEAL_TOKEN_URI = metaData.metadata_uri;
+        } else {
+          console.log('There is an issue with the metadata upload. Please check the /build/_ipfsMetasGeneric/_ipfsMetasResponse.json file for more information. Running "npm run upload_metadata" may fix this issue.');
+        }
+      } catch (err) {
+        console.log(`/build/_ipfsMetasGeneric/_ipfsMetasResponse.json file not found. Run "npm run upload_metadata" first.`);
+        console.log(`Catch: ${err}`);
+        process.exit(0);
+      }
+    }
     contract.prereveal_token_uri = PREREVEAL_TOKEN_URI;
     updateValue = PREREVEAL_TOKEN_URI;
     break;

frontend/css/splide-core.min.css

@@ -5,14 +5,15 @@
 /* GLOBAL STYLES */
 
 :root {
-  --font-primary: 'Poppins', sans-serif;
-  --font-secondary: 'Arvo', serif;
-  --font-code: 'Roboto', monospace;
+  --font-primary: "Poppins", sans-serif;
+  --font-secondary: "Arvo", serif;
+  --font-code: "Roboto", monospace;
   --bg-color: #00163f;
   --font-color: #ffffff;
   --btn-bg-color: #ffffff;
   --accent-color: #be7efe;
-  --header-shadow: #000 0px 0px 5px;
+  --header-shadow: var(--accent-color) 0px 0px 5px;
+  --card-shadow: var(--accent-color) 0px 0px 20px;
 }
 
 * {
@@ -36,11 +37,14 @@ body {
   max-width: 960px;
   margin: 0 auto;
   padding: 1rem 2rem;
+  justify-content: center;
+  overflow: hidden;
 }
 
 /* HEADER */
 
 header {
+  background-color: var(--bg-color);
   box-shadow: var(--header-shadow);
 }
 
@@ -67,9 +71,10 @@ header .container {
   font-style: italic;
   font-weight: bold;
   font-size: 1rem;
+  text-align: center;
   text-transform: capitalize;
   transition: all 0.3s ease;
-  box-shadow: 4px 4px 0 0 var(--accent-color);
+  box-shadow: var(--header-shadow);
   cursor: pointer;
   position: relative;
   text-decoration: none;
@@ -78,6 +83,9 @@ header .container {
 .btn:hover {
   box-shadow: none;
 }
+.btn:disabled {
+  cursor: default;
+}
 
 .wallet-btn {
   border-radius: 5rem;
@@ -91,23 +99,47 @@ header .container {
   padding: 1.5rem 3rem;
 }
 
+/* CARD */
+
+.card {
+  position: relative;
+  background-color: var(--bg-color);
+  border-radius: 5px;
+  border: 3px solid var(--accent-color);
+  box-shadow: var(--card-shadow);
+  padding: 5rem;
+  margin-bottom: 2rem;
+  opacity: 0;
+  transform: translateX(100vw);
+  transition: all 0.5s ease-in-out;
+}
+
+.show-card {
+  opacity: 1;
+  transform: translateX(0);
+}
+
 /* COUNTDOWN SECTION */
 
 section {
   flex: 1 1 auto;
 }
 
+#countdown {
+  display: none;
+  text-align: center;
+}
+
 .countdown {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  height: 100%;
 }
 
 .countdown ul {
   display: flex;
-  gap: 2rem
+  gap: 2rem;
 }
 .countdown .clock-item {
   list-style: none;
@@ -148,18 +180,120 @@ section {
   text-align: center;
 }
 
-.countdown p {
+.countdown h2 {
+  margin-top: 1rem;
+}
+
+.countdown > p {
   font-size: 1.1rem;
   font-family: var(--font-secondary);
   margin-bottom: 2rem;
   text-align: center;
 }
 
-/* OWNER STYLES */
+/* MINT CONTAINER */
 
-.owner-status {
-  font-size: 2rem;
+.mint-container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.info-container {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.mint-qty {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  background-color: var(--accent-color);
+  border-radius: 5px;
+}
+
+.mint-qty > span {
+  display: flex;
+}
+
+.mint-btn {
+  display: flex;
+  align-items: center;
+  gap: 3rem;
+  margin: auto;
+}
+
+.input-number {
+  height: 100%;
+  padding: 1rem;
+  vertical-align: top;
   text-align: center;
+  outline: none;
+}
+
+.input-number,
+.input-number-decrement,
+.input-number-increment {
+  user-select: none;
+}
+
+.total-price-container {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  padding: 1rem 0 2rem;
+}
+
+.total-price-container p {
+  color: var(--accent-color);
+}
+
+/* MINTED CONTAINER */
+
+.minted-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+
+.minted-container h1 {
+  font-size: 5rem;
+  margin-bottom: 2rem;
+}
+
+.minted-container h2 {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+.minted-container p {
+  margin: 1rem 0;
+}
+
+/* SLIDDER */
+
+.splide {
+  position: absolute;
+  top: 90px;
+  left: 5rem;
+  z-index: -1;
+  opacity: 0.7;
+}
+
+.splide__slide {
+  border: var(--accent-color) solid;
+  border-width: 5px 10px;
+}
+
+.splide__slide img {
+  width: 100%;
 }
 
 /* MEDIA QUERIES */
@@ -170,14 +304,43 @@ section {
   }
   .wallet-btn {
     margin-left: 0;
-    padding: 1rem;
+    padding: 0.5rem 1rem;
     max-width: 8rem;
   }
+  .countdown ul {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .countdown .clock-item {
+    width: 100%;
+  }
+  .countdown .clock-item .count-number {
+    font-size: 1.5rem;
+  }
+  .countdown .clock-item .count-text {
+    font-size: 1rem;
+  }
   .countdown h1 {
     font-size: 2rem;
+    margin: 1rem 0;
+  }
+  .countdown h2 {
+    padding-top: 0.5rem;
   }
   .countdown p {
     font-size: 1rem;
   }
+  .card {
+    padding: 1rem;
+  }
+  .mint-qty .btn {
+    padding: 1rem;
+    font-size: 13px;
+  }
+}
+
+/* UTILITIES */
+
+.hidden {
+  display: none;
 }
-