Update Synergism

Pseudo-Corp · Jan 19, 2025 · d6c9b66 · d6c9b66
1 parent 0b638dc
commit d6c9b66
Show file tree

Hide file tree

Showing 17 changed files with 187 additions and 85 deletions.
diff --git a/src/Pictures/PseudoShop/ascended-monthly-sub.png b/src/Pictures/PseudoShop/ascended-monthly-sub.png
diff --git a/src/Pictures/PseudoShop/omega-monthly-sub.png b/src/Pictures/PseudoShop/omega-monthly-sub.png
diff --git a/src/Pictures/PseudoShop/reincarnated-monthly-sub.png b/src/Pictures/PseudoShop/reincarnated-monthly-sub.png
diff --git a/src/Pictures/PseudoShop/transcended-monthly-sub.png b/src/Pictures/PseudoShop/transcended-monthly-sub.png
diff --git a/src/Pictures/ascended-monthly-sub.png b/src/Pictures/ascended-monthly-sub.png
diff --git a/src/Pictures/Jar of PseudoCoins.png → src/Pictures/jar-pseudocoins.png b/src/Pictures/Jar of PseudoCoins.png → src/Pictures/jar-pseudocoins.png
diff --git a/src/Pictures/Jug of PseudoCoins.png → src/Pictures/jug-pseudocoins.png b/src/Pictures/Jug of PseudoCoins.png → src/Pictures/jug-pseudocoins.png
diff --git a/src/Pictures/Magic Pot of PseudoCoins.png → src/Pictures/magic-pot-pseudocoins.png b/src/Pictures/Magic Pot of PseudoCoins.png → src/Pictures/magic-pot-pseudocoins.png
diff --git a/src/Pictures/omega-monthly-sub.png b/src/Pictures/omega-monthly-sub.png
diff --git a/src/Pictures/Piggy Bank of PseudoCoins.png → src/Pictures/piggy-bank-pseudocoins.png b/src/Pictures/Piggy Bank of PseudoCoins.png → src/Pictures/piggy-bank-pseudocoins.png
diff --git a/src/Pictures/reincarnated-monthly-sub.png b/src/Pictures/reincarnated-monthly-sub.png
diff --git a/src/Pictures/Roll of PseudoCoins.png → src/Pictures/roll-pseudocoins.png b/src/Pictures/Roll of PseudoCoins.png → src/Pictures/roll-pseudocoins.png
diff --git a/src/Pictures/transcended-monthly-sub.png b/src/Pictures/transcended-monthly-sub.png
diff --git a/src/Synergism.css b/src/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/src/dist/out.js b/src/dist/out.js
diff --git a/src/index.html b/src/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/src/translations/en.json b/src/translations/en.json
@@ -2537,6 +2537,7 @@
     },
     "pseudocoins": {
       "buy": "Purchase Coins",
+      "subscriptions": "Subscriptions",
       "upgrades": "Buy Upgrades",
       "merch": "Purchase Merch"
     }