Improve ad security, add CMP changes (#2399)

apps/frontend/src/pages/dashboard/revenue/index.vue

@@ -7,7 +7,7 @@
           You have
           <strong>{{ $formatMoney(userBalance.available) }}</strong>
           available to withdraw. <strong>{{ $formatMoney(userBalance.pending) }}</strong> of your
-          balance is <a class="text-link" href="#">pending</a>.
+          balance is <nuxt-link class="text-link" to="/legal/cmp-info#pending">pending</nuxt-link>.
         </p>
       </div>
       <p v-else>
@@ -15,7 +15,7 @@
         <strong>{{ $formatMoney(userBalance.available) }}</strong
         >, which is under the minimum of ${{ minWithdraw }} to withdraw.
         <strong>{{ $formatMoney(userBalance.pending) }}</strong> of your balance is
-        <a class="text-link" href="#">pending</a>.
+        <nuxt-link class="text-link" to="/legal/cmp-info#pending">pending</nuxt-link>.
       </p>
       <div class="input-group mt-4">
         <nuxt-link

apps/frontend/src/pages/legal/cmp-info.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="markdown-body">
     <h1>Rewards Program Information</h1>
-    <p><em>Last modified: May 13, 2024</em></p>
+    <p><em>Last modified: Sep 12, 2024</em></p>
     <p>
       This page was created for transparency for how the rewards program works on Modrinth. Feel
       free to join our Discord or email
@@ -15,10 +15,11 @@
     <h2>Rewards Distribution</h2>
     <p>
       We collect ad revenue on our website and app through our ad network
-      <a href="https://adrinth.com">Adrinth</a>. We then distribute this ad revenue to creators.
+      <a href="https://adrinth.com">Adrinth</a>, which is powered by
+      <a href="https://aditude.io">Aditude</a>. We then distribute this ad revenue to creators.
     </p>
     <p>
-      The advertising revenue of the entire website and app is split 90% to creators and 10% to
+      The advertising revenue of the entire website and app is split 75% to creators and 25% to
       Modrinth.
     </p>
     <p>
@@ -42,10 +43,10 @@
     </ul>
     <p>In this scenario, the earnings for each creator and Modrinth would be as follows:</p>
     <ul>
-      <li>Modrinth: $10 (10% of $100, the site's earnings for the day)</li>
-      <li>User A: $58.69 ($90 * (10 + 30 + 100 + 10)/230)</li>
-      <li>User B: $12.52 (0.4 * $90 * (50 + 20 + 10 + 0)/230)</li>
-      <li>User C: $18.78 (0.6 * $90 * (50 + 20 + 10 + 0)/230)</li>
+      <li>Modrinth: $25 (25% of $100, the site's earnings for the day)</li>
+      <li>User A: $48.91 ($75 * (10 + 30 + 100 + 10)/230)</li>
+      <li>User B: $10.43 (0.4 * $75 * (50 + 20 + 10 + 0)/230)</li>
+      <li>User C: $15.65 (0.6 * $75 * (50 + 20 + 10 + 0)/230)</li>
       <li>Note: 230 is the sum of all page views and in-app downloads from above</li>
     </ul>
     <p>
@@ -72,19 +73,62 @@
     </p>
     <h3>What methods can I use withdraw money from my account? Are there any fees?</h3>
     <p>
-      Right now, you can use PayPal or Venmo to withdraw money from your Modrinth account. We are
-      working on more methods to withdraw money from your account. There are fees to withdraw money
-      from your Modrinth account—see the revenue page in your dashboard for more information.
+      Right now, you can use PayPal or Venmo to withdraw money from your Modrinth account. Gift card
+      withdrawal is also available. We are working on more methods to withdraw money from your
+      account. There are fees to withdraw money from your Modrinth account—see the revenue page in
+      your dashboard for more information.
     </p>
-    <h3>Modrinth used to give 100% of project page revenue to creators. What changed?</h3>
+    <h3 id="pending">What does "pending" revenue mean in my dashboard?</h3>
     <p>
-      While this is true, our new system (as of 08/05/23) gives more of the site's revenue to
-      creators, so creators will earn more. In the old system, we would earn revenue through
-      advertisements in search and user profile pages. This amounted on average each month to about
-      15-20% of the site's total advertising revenue (so a 80-85% split to creators). The new system
-      gives creators more revenue and a more favorable split towards creators (90%).
+      Modrinth receives ad revenue from our ad providers on a NET 60 day basis. Due to this, not all
+      revenue is not immediately available to withdraw. We pay creators as soon as we receive the
+      money from our ad providers, which is 60 days after the last day of each month. This table
+      outlines some example dates of how NET 60 payments are made:
+    </p>
+    <table>
+      <thead>
+        <tr>
+          <th>Date</th>
+          <th>Payment available date</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>January 1st</td>
+          <td>March 31st</td>
+        </tr>
+        <tr>
+          <td>January 15th</td>
+          <td>March 31st</td>
+        </tr>
+        <tr>
+          <td>March 3rd</td>
+          <td>May 30th</td>
+        </tr>
+        <tr>
+          <td>June 30th</td>
+          <td>August 29th</td>
+        </tr>
+        <tr>
+          <td>July 14th</td>
+          <td>September 29th</td>
+        </tr>
+        <tr>
+          <td>October 12th</td>
+          <td>December 30th</td>
+        </tr>
+      </tbody>
+    </table>
+    <h3>How do I know Modrinth is being transparent about revenue?</h3>
+    <p>
+      We aim to be as transparent as possible with creator revenue. All of our code is open source,
+      including our
+      <a href="https://github.com/modrinth/labrinth/blob/master/src/queue/payouts.rs#L561">
+        revenue distribution system </a
+      >. We also have an
+      <a href="https://api.modrinth.com/v3/payout/platform_revenue">API route</a> that allows users
+      to query exact daily revenue for the site.
     </p>
-    <h3></h3>
   </div>
 </template>