Deploying to gh-pages from @ f44c95b 🚀

Pseudo-Corp · Jan 19, 2025 · 31a0754 · 31a0754
1 parent 2f754dd
commit 31a0754
Show file tree

Hide file tree

Showing 18 changed files with 174 additions and 72 deletions.
diff --git a/Pictures/PseudoShop/ascended-monthly-sub.png b/Pictures/PseudoShop/ascended-monthly-sub.png
diff --git a/Pictures/PseudoShop/omega-monthly-sub.png b/Pictures/PseudoShop/omega-monthly-sub.png
diff --git a/Pictures/PseudoShop/reincarnated-monthly-sub.png b/Pictures/PseudoShop/reincarnated-monthly-sub.png
diff --git a/Pictures/PseudoShop/transcended-monthly-sub.png b/Pictures/PseudoShop/transcended-monthly-sub.png
diff --git a/Pictures/ascended-monthly-sub.png b/Pictures/ascended-monthly-sub.png
diff --git a/Pictures/Jar of PseudoCoins.png → Pictures/jar-pseudocoins.png b/Pictures/Jar of PseudoCoins.png → Pictures/jar-pseudocoins.png
diff --git a/Pictures/Jug of PseudoCoins.png → Pictures/jug-pseudocoins.png b/Pictures/Jug of PseudoCoins.png → Pictures/jug-pseudocoins.png
diff --git a/Pictures/Magic Pot of PseudoCoins.png → Pictures/magic-pot-pseudocoins.png b/Pictures/Magic Pot of PseudoCoins.png → Pictures/magic-pot-pseudocoins.png
diff --git a/Pictures/omega-monthly-sub.png b/Pictures/omega-monthly-sub.png
diff --git a/Pictures/Piggy Bank of PseudoCoins.png → Pictures/piggy-bank-pseudocoins.png b/Pictures/Piggy Bank of PseudoCoins.png → Pictures/piggy-bank-pseudocoins.png
diff --git a/Pictures/reincarnated-monthly-sub.png b/Pictures/reincarnated-monthly-sub.png
diff --git a/Pictures/Roll of PseudoCoins.png → Pictures/roll-pseudocoins.png b/Pictures/Roll of PseudoCoins.png → Pictures/roll-pseudocoins.png
diff --git a/Pictures/transcended-monthly-sub.png b/Pictures/transcended-monthly-sub.png
diff --git a/Synergism.css b/Synergism.css
@@ -3995,17 +3995,53 @@ form input:hover {
     margin: 0 auto;
 }
 
+.pseudoSubscriptionContainer {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.pseudoSubscriptionContainer > form {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-top: 10px;
+}
+
+.pseudoSubscriptionContainer > form > input[type="submit"] {
+    border: 2px solid gold;
+    width: 200px;
+    height: 40px;
+}
+
+.pseudoSubscriptionContainer > #sub-section-holder {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+}
+
 .pseudoCoinContainer {
     margin: 10px 10px 0 0;
     border: 1px solid #ccc;
     border: 2px solid orchid;
     text-align: center;
 }
 
+.subscriptionContainer {
+    margin: 10px 10px 0 0;
+    border: 1px solid lightgoldenrodyellow;
+    border: 2px solid gold;
+    text-align: center;
+}
+
 #pseudoCoins > #productContainer > section > * > .pseudoCoinImage {
     margin-top: 8px;
 }
 
+.pseudoCoinSubImage {
+    height: 48px;
+    width: 48px;
+}
+
 .pseudoCoinText {
     width: 90%;
     height: 80px;
@@ -4017,8 +4053,18 @@ form input:hover {
     margin: 5px auto;
 }
 
+.pseudoSubscriptionText {
+    width: 100%;
+    height: 80px;
+    padding: 10px;
+    box-sizing: border-box;
+    text-align: center;
+    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
+    margin: 5px auto;
+}
+
 .pseudoCoinButton {
-    width: 50%;
+    width: 75%;
     padding: 10px;
     background-color: black;
     color: white;

diff --git a/dist/out.js b/dist/out.js
diff --git a/index.html b/index.html
@@ -4696,12 +4696,17 @@ <h1>Artists</h1>
         ></button>
         <button
           id="cartSubTab2"
+          style="border: 2px solid gold"
+          i18n="tabs.pseudocoins.subscriptions"
+        ></button>
+        <button
+          id="cartSubTab3"
           style="border: 2px solid cyan"
           i18n="tabs.pseudocoins.upgrades"
         ></button>
         <span style="position:relative">
           <button
-            id="cartSubTab3"
+            id="cartSubTab4"
             style="display: flex; align-items: center; justify-content: center; border: 2px solid cornflowerblue; width: 100%"
           >
             <p style="margin: 0">Checkout</p>
@@ -4713,13 +4718,16 @@ <h1>Artists</h1>
           ></span>
         </span>
         <button
-          id="cartSubTab4"
+          id="cartSubTab5"
           style="border: 2px solid white"
           i18n="tabs.pseudocoins.merch"
         ></button>
       </div>
       <div id="productContainer" class="pseudoUpgradeContainer">
       </div>
+      <div id="subscriptionsContainer" class="pseudoSubscriptionContainer">
+        <div id="sub-section-holder"></div>
+      </div>
       <div id="upgradesContainer">
         <div id="pseudoCoinAmounts">
             <img src="Pictures/PseudoShop/PseudoCoins.png" alt="PseudoCoins">

diff --git a/package.json b/package.json
@@ -38,8 +38,8 @@
     "csslint": "npx stylelint Synergism.css",
     "csslint:fix": "npx stylelint Synergism.css --fix",
     "htmllint": "npx htmlhint index.html",
-    "build:esbuild": "npx esbuild src/Synergism.ts --bundle --minify --target=\"chrome58,firefox57,safari11,edge29\" --outfile=\"./dist/out.js\"",
-    "watch:esbuild": "npx esbuild src/Synergism.ts --bundle --minify --target=\"chrome58,firefox57,safari11,edge29\" --outfile=\"./dist/out.js\" --watch --sourcemap",
+    "build:esbuild": "npx esbuild src/Synergism.ts --bundle --minify --target=\"chrome58,firefox57,safari11,edge29\" --outfile=\"./dist/out.js\" --define:PROD=true",
+    "watch:esbuild": "npx esbuild src/Synergism.ts --bundle --minify --target=\"chrome58,firefox57,safari11,edge29\" --outfile=\"./dist/out.js\" --watch --sourcemap --define:PROD=false",
     "check:tsc": "npx -p typescript tsc",
     "watch:tsc": "npx -p typescript tsc --watch",
     "prepare": "husky install",

diff --git a/translations/en.json b/translations/en.json
@@ -2537,6 +2537,7 @@
     },
     "pseudocoins": {
       "buy": "Purchase Coins",
+      "subscriptions": "Subscriptions",
       "upgrades": "Buy Upgrades",
       "merch": "Purchase Merch"
     }