From 91f74b44a073d031d4042a17ab2646f8d36fe44b Mon Sep 17 00:00:00 2001
From: Geometrically <18202329+Geometrically@users.noreply.github.com>
Date: Tue, 15 Nov 2022 08:22:46 -0700
Subject: [PATCH] New ads (same size + layout) (#735)

---
 COPYING.md                                |  3 +
 assets/images/external/exaroton-dark.svg  | 37 +++++++++++++
 assets/images/external/exaroton-light.svg | 37 +++++++++++++
 components/ads/Advertisement.vue          | 67 ++++++++++++++---------
 pages/legal/privacy.vue                   |  2 +-
 5 files changed, 120 insertions(+), 26 deletions(-)
 create mode 100644 assets/images/external/exaroton-dark.svg
 create mode 100644 assets/images/external/exaroton-light.svg

diff --git a/COPYING.md b/COPYING.md
index d41b4d75..8cf5bdda 100644
--- a/COPYING.md
+++ b/COPYING.md
@@ -11,5 +11,8 @@ components/ui/search/LogoAnimated.vue <br />
 assets/images/landing.svg <br />
 assets/images/404.svg <br />
 
+The following files are owned by their respective copyholders and must be used within each of their Brand Guidlines: <br />
+assets/images/external/*
+
 ## Logo Licenses
 All rights reserved. ©2020-2022 Rinth, Inc.
diff --git a/assets/images/external/exaroton-dark.svg b/assets/images/external/exaroton-dark.svg
new file mode 100644
index 00000000..962cb05d
--- /dev/null
+++ b/assets/images/external/exaroton-dark.svg
@@ -0,0 +1,37 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     viewBox="0 0 1049.8 200.4" style="enable-background:new 0 0 1049.8 200.4;" xml:space="preserve">
+  <g>
+	<path fill="#FFFFFF" d="M640.1,47.1h-6.5c-9.6,0-18.9,3.8-24.9,9.8c-1.3,1.3-3.5,0.4-3.5-1.4v-4.3c0-1.1-0.9-2-2-2h-20.5
+		c-1.1,0-2,0.9-2,2v98c0,1.1,0.9,2,2,2h20.5c1.1,0,2-0.9,2-2V90.8c0-13.7,10.8-22.9,27.1-22.9h7.8c1.1,0,2-0.9,2-2V49.1
+		C642.1,48,641.2,47.1,640.1,47.1z"/>
+    <path fill="#FFFFFF" d="M822.3,133.7h-15.7c-5.3,0-9-3.5-9-8.6V68.4c0-1.1,0.9-2,2-2h21.7c1.1,0,2-0.9,2-2V48c0-1.1-0.9-2-2-2h-21.7
+		c-1.1,0-2-0.9-2-2V20.2c0-1.1-0.9-2-2-2h-20.5c-1.1,0-2,0.9-2,2V44c0,1.1-0.9,2-2,2h-14.8c-1.1,0-2,0.9-2,2v16.4c0,1.1,0.9,2,2,2
+		h14.8c1.1,0,2,0.9,2,2v56.7c0,17.3,13.7,29,33.9,29h15.3c1.1,0,2-0.9,2-2v-16.4C824.3,134.5,823.4,133.7,822.3,133.7z"/>
+    <path fill="#FFFFFF" d="M1004.6,46.3c-12.7,0-21.3,6.4-25.7,10.7c-1.3,1.3-3.4,0.4-3.4-1.4v-4.4c0-1.1-0.9-2-2-2H953c-1.1,0-2,0.9-2,2
+		v98c0,1.1,0.9,2,2,2h20.5c1.1,0,2-0.9,2-2V90.6c0-13.5,11.2-22.6,26.1-22.6c13.8,0,23.7,9.2,23.7,22.6v58.6c0,1.1,0.9,2,2,2h20.5
+		c1.1,0,2-0.9,2-2V87.7C1049.7,62.8,1030.2,46.3,1004.6,46.3z"/>
+    <path fill="#FFFFFF" d="M411.7,98.5c-0.5-0.7-0.5-1.7,0-2.4l32.5-43.8c1-1.3,0-3.2-1.6-3.2h-24.9c-0.7,0-1.3,0.3-1.7,0.9l-17.5,27.2
+		c-0.8,1.2-2.6,1.2-3.4,0l-17.9-27.1c-0.4-0.6-1-0.9-1.7-0.9h-24.7c-1.6,0-2.6,1.9-1.6,3.2l32.5,43.8c0.5,0.7,0.5,1.7,0,2.4
+		l-36.4,49.5c-1,1.3,0,3.2,1.6,3.2h25c0.7,0,1.3-0.3,1.7-0.9l21.6-32.7c0.8-1.2,2.6-1.2,3.3,0l21.4,32.7c0.4,0.6,1,0.9,1.7,0.9h25
+		c1.6,0,2.6-1.9,1.6-3.2L411.7,98.5z"/>
+    <path fill="#FFFFFF" d="M345.4,100.2c0-32.2-22.2-53.9-55.3-53.9s-55.3,21.6-55.3,53.9c0,32.2,22.2,53.9,55.3,53.9
+		c23.9,0,44.4-13.9,52-34.9c0.5-1.3-0.5-2.7-1.9-2.7h-20.9c-0.7,0-1.2,0.3-1.6,0.9c-4.7,8.8-13.9,14.9-24.6,14.9h-5.6
+		c-12.9,0-23.8-8.9-26.9-20.9h0.1c-0.2-0.6-0.4-1.3-0.5-2c-0.3-1.3,0.7-2.5,2-2.5h81.3c1.1,0,2-0.9,2-2L345.4,100.2L345.4,100.2z
+		 M315.8,86.5h-51.4c-1.5,0-2.5-1.6-1.8-2.9c5.1-10.2,15.7-16.9,27.5-16.9s22.3,6.7,27.5,16.9C318.3,84.9,317.3,86.5,315.8,86.5z"/>
+    <path fill="#FFFFFF" d="M559,49.2h-20.5c-1.1,0-2,0.9-2,2v5.9c0,1.8-2.1,2.7-3.4,1.4c-7.6-7.6-19.3-12.1-29.6-12.1
+		c-31.8,0-53.1,21.6-53.1,53.9c0,32.2,21.2,53.9,53.1,53.9c10.2,0,22.4-5.3,29.6-12.4c1.3-1.3,3.4-0.4,3.4,1.4v6.1c0,1.1,0.9,2,2,2
+		H559c1.1,0,2-0.9,2-2v-98C561,50.1,560.2,49.2,559,49.2z M536.2,107c0,13.6-11.1,24.6-24.6,24.6h-11.3c-13.6,0-24.6-11.1-24.6-24.6
+		V93.1c0-13.6,11.1-24.6,24.6-24.6h11.3c13.6,0,24.6,11.1,24.6,24.6V107z"/>
+    <path fill="#FFFFFF" d="M697.4,46.3c-33.1,0-55.3,21.6-55.3,53.9c0,32.2,22.2,53.9,55.3,53.9s55.3-21.6,55.3-53.9
+		C752.7,67.9,730.5,46.3,697.4,46.3z M727.7,107c0,13.6-11.1,24.6-24.6,24.6h-11.3c-13.6,0-24.6-11.1-24.6-24.6V93.1
+		c0-13.6,11.1-24.6,24.6-24.6h11.3c13.6,0,24.6,11.1,24.6,24.6V107z"/>
+    <path fill="#FFFFFF" d="M883,46.3c-33.1,0-55.3,21.6-55.3,53.9c0,32.2,22.2,53.9,55.3,53.9s55.3-21.6,55.3-53.9
+		C938.3,67.9,916,46.3,883,46.3z M913.2,107c0,13.6-11.1,24.6-24.6,24.6h-11.3c-13.6,0-24.6-11.1-24.6-24.6V93.1
+		c0-13.6,11.1-24.6,24.6-24.6h11.3c13.6,0,24.6,11.1,24.6,24.6V107z"/>
+    <path fill="#19BA19" d="M198,73.3c2.9-2.9,2.9-7.6,0-10.5L137.4,2.2c-2.9-2.9-7.6-2.9-10.5,0l-21.7,21.7c-2.9,2.9-7.6,2.9-10.5,0
+		L73.2,2.3c-2.9-2.9-7.6-2.9-10.5,0L2.2,62.9c-2.9,2.9-2.9,7.6,0,10.5l21.7,21.7c2.9,2.9,2.9,7.6,0,10.5L2.2,127.1
+		c-2.9,2.9-2.9,7.6,0,10.5l60.6,60.6c2.9,2.9,7.6,2.9,10.5,0L95,176.5c2.9-2.9,7.6-2.9,10.5,0l21.7,21.7c2.9,2.9,7.6,2.9,10.5,0
+		l60.6-60.6c2.9-2.9,2.9-7.6,0-10.5l-21.7-21.7c-2.9-2.9-2.9-7.6,0-10.5L198,73.3z M154.3,112.1c0,23.3-19,42.3-42.3,42.3H88.2
+		c-23.3,0-42.3-19-42.3-42.3V88.3C45.9,65,64.9,46,88.2,46H112c23.3,0,42.3,19,42.3,42.3V112.1z"/>
+</g>
+</svg>
diff --git a/assets/images/external/exaroton-light.svg b/assets/images/external/exaroton-light.svg
new file mode 100644
index 00000000..ec97e6bb
--- /dev/null
+++ b/assets/images/external/exaroton-light.svg
@@ -0,0 +1,37 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     viewBox="0 0 1049.8 200.4" style="enable-background:new 0 0 1049.8 200.4;" xml:space="preserve">
+  <g>
+	<path fill="#0f0f0f" d="M640.1,47.1h-6.5c-9.6,0-18.9,3.8-24.9,9.8c-1.3,1.3-3.5,0.4-3.5-1.4v-4.3c0-1.1-0.9-2-2-2h-20.5
+		c-1.1,0-2,0.9-2,2v98c0,1.1,0.9,2,2,2h20.5c1.1,0,2-0.9,2-2V90.8c0-13.7,10.8-22.9,27.1-22.9h7.8c1.1,0,2-0.9,2-2V49.1
+		C642.1,48,641.2,47.1,640.1,47.1z"/>
+    <path fill="#0f0f0f" d="M822.3,133.7h-15.7c-5.3,0-9-3.5-9-8.6V68.4c0-1.1,0.9-2,2-2h21.7c1.1,0,2-0.9,2-2V48c0-1.1-0.9-2-2-2h-21.7
+		c-1.1,0-2-0.9-2-2V20.2c0-1.1-0.9-2-2-2h-20.5c-1.1,0-2,0.9-2,2V44c0,1.1-0.9,2-2,2h-14.8c-1.1,0-2,0.9-2,2v16.4c0,1.1,0.9,2,2,2
+		h14.8c1.1,0,2,0.9,2,2v56.7c0,17.3,13.7,29,33.9,29h15.3c1.1,0,2-0.9,2-2v-16.4C824.3,134.5,823.4,133.7,822.3,133.7z"/>
+    <path fill="#0f0f0f" d="M1004.6,46.3c-12.7,0-21.3,6.4-25.7,10.7c-1.3,1.3-3.4,0.4-3.4-1.4v-4.4c0-1.1-0.9-2-2-2H953c-1.1,0-2,0.9-2,2
+		v98c0,1.1,0.9,2,2,2h20.5c1.1,0,2-0.9,2-2V90.6c0-13.5,11.2-22.6,26.1-22.6c13.8,0,23.7,9.2,23.7,22.6v58.6c0,1.1,0.9,2,2,2h20.5
+		c1.1,0,2-0.9,2-2V87.7C1049.7,62.8,1030.2,46.3,1004.6,46.3z"/>
+    <path fill="#0f0f0f" d="M411.7,98.5c-0.5-0.7-0.5-1.7,0-2.4l32.5-43.8c1-1.3,0-3.2-1.6-3.2h-24.9c-0.7,0-1.3,0.3-1.7,0.9l-17.5,27.2
+		c-0.8,1.2-2.6,1.2-3.4,0l-17.9-27.1c-0.4-0.6-1-0.9-1.7-0.9h-24.7c-1.6,0-2.6,1.9-1.6,3.2l32.5,43.8c0.5,0.7,0.5,1.7,0,2.4
+		l-36.4,49.5c-1,1.3,0,3.2,1.6,3.2h25c0.7,0,1.3-0.3,1.7-0.9l21.6-32.7c0.8-1.2,2.6-1.2,3.3,0l21.4,32.7c0.4,0.6,1,0.9,1.7,0.9h25
+		c1.6,0,2.6-1.9,1.6-3.2L411.7,98.5z"/>
+    <path fill="#0f0f0f" d="M345.4,100.2c0-32.2-22.2-53.9-55.3-53.9s-55.3,21.6-55.3,53.9c0,32.2,22.2,53.9,55.3,53.9
+		c23.9,0,44.4-13.9,52-34.9c0.5-1.3-0.5-2.7-1.9-2.7h-20.9c-0.7,0-1.2,0.3-1.6,0.9c-4.7,8.8-13.9,14.9-24.6,14.9h-5.6
+		c-12.9,0-23.8-8.9-26.9-20.9h0.1c-0.2-0.6-0.4-1.3-0.5-2c-0.3-1.3,0.7-2.5,2-2.5h81.3c1.1,0,2-0.9,2-2L345.4,100.2L345.4,100.2z
+		 M315.8,86.5h-51.4c-1.5,0-2.5-1.6-1.8-2.9c5.1-10.2,15.7-16.9,27.5-16.9s22.3,6.7,27.5,16.9C318.3,84.9,317.3,86.5,315.8,86.5z"/>
+    <path fill="#0f0f0f" d="M559,49.2h-20.5c-1.1,0-2,0.9-2,2v5.9c0,1.8-2.1,2.7-3.4,1.4c-7.6-7.6-19.3-12.1-29.6-12.1
+		c-31.8,0-53.1,21.6-53.1,53.9c0,32.2,21.2,53.9,53.1,53.9c10.2,0,22.4-5.3,29.6-12.4c1.3-1.3,3.4-0.4,3.4,1.4v6.1c0,1.1,0.9,2,2,2
+		H559c1.1,0,2-0.9,2-2v-98C561,50.1,560.2,49.2,559,49.2z M536.2,107c0,13.6-11.1,24.6-24.6,24.6h-11.3c-13.6,0-24.6-11.1-24.6-24.6
+		V93.1c0-13.6,11.1-24.6,24.6-24.6h11.3c13.6,0,24.6,11.1,24.6,24.6V107z"/>
+    <path fill="#0f0f0f" d="M697.4,46.3c-33.1,0-55.3,21.6-55.3,53.9c0,32.2,22.2,53.9,55.3,53.9s55.3-21.6,55.3-53.9
+		C752.7,67.9,730.5,46.3,697.4,46.3z M727.7,107c0,13.6-11.1,24.6-24.6,24.6h-11.3c-13.6,0-24.6-11.1-24.6-24.6V93.1
+		c0-13.6,11.1-24.6,24.6-24.6h11.3c13.6,0,24.6,11.1,24.6,24.6V107z"/>
+    <path fill="#0f0f0f" d="M883,46.3c-33.1,0-55.3,21.6-55.3,53.9c0,32.2,22.2,53.9,55.3,53.9s55.3-21.6,55.3-53.9
+		C938.3,67.9,916,46.3,883,46.3z M913.2,107c0,13.6-11.1,24.6-24.6,24.6h-11.3c-13.6,0-24.6-11.1-24.6-24.6V93.1
+		c0-13.6,11.1-24.6,24.6-24.6h11.3c13.6,0,24.6,11.1,24.6,24.6V107z"/>
+    <path fill="#19BA19" d="M198,73.3c2.9-2.9,2.9-7.6,0-10.5L137.4,2.2c-2.9-2.9-7.6-2.9-10.5,0l-21.7,21.7c-2.9,2.9-7.6,2.9-10.5,0
+		L73.2,2.3c-2.9-2.9-7.6-2.9-10.5,0L2.2,62.9c-2.9,2.9-2.9,7.6,0,10.5l21.7,21.7c2.9,2.9,2.9,7.6,0,10.5L2.2,127.1
+		c-2.9,2.9-2.9,7.6,0,10.5l60.6,60.6c2.9,2.9,7.6,2.9,10.5,0L95,176.5c2.9-2.9,7.6-2.9,10.5,0l21.7,21.7c2.9,2.9,7.6,2.9,10.5,0
+		l60.6-60.6c2.9-2.9,2.9-7.6,0-10.5l-21.7-21.7c-2.9-2.9-2.9-7.6,0-10.5L198,73.3z M154.3,112.1c0,23.3-19,42.3-42.3,42.3H88.2
+		c-23.3,0-42.3-19-42.3-42.3V88.3C45.9,65,64.9,46,88.2,46H112c23.3,0,42.3,19,42.3,42.3V112.1z"/>
+</g>
+</svg>
diff --git a/components/ads/Advertisement.vue b/components/ads/Advertisement.vue
index 20cfef24..69f053ce 100644
--- a/components/ads/Advertisement.vue
+++ b/components/ads/Advertisement.vue
@@ -1,29 +1,26 @@
 <template>
   <div class="content-wrapper">
-    <div
-      v-if="!isBlocked"
-      data-ea-publisher="modrinth-com"
-      data-ea-type="text"
-    ></div>
-    <div
-      v-else
-      data-ea-publisher="modrinth-com"
-      data-ea-type="text"
-      class="loaded"
-    >
+    <div data-ea-publisher="modrinth-com" data-ea-type="text" class="loaded">
       <div class="ea-placement ea-type-text">
         <div class="ea-content">
           <div class="ea-text">
             <a
-              href="https://docs.modrinth.com/docs/details/carbon/"
+              href="https://exaroton.com/?utm_source=modrinth&utm_medium=text&utm_campaign=host&utm_content=top"
               rel="nofollow noopener"
               target="_blank"
             >
+              <LightIcon
+                v-if="$colorMode.value === 'light'"
+                class="brand-icon"
+              />
+              <DarkIcon v-else class="brand-icon" />
               <span>
-                Please disable your adblocker. Advertisements support this site
-                and its creators.
+                <span> Host your Minecraft server on </span>
+                <strong>exaroton</strong>
+                <span>
+                  - only pay while the server is running - billed per second.
+                </span>
               </span>
-              <strong>View instructions here!</strong>
             </a>
           </div>
         </div>
@@ -31,29 +28,29 @@
           <a
             rel="nofollow noopener"
             target="_blank"
-            href="https://ethicalads.io?ref=ea-text"
+            href="https://modrinth.com"
           >
-            Ad by EthicalAds
+            Ads via Adrinth
           </a>
         </div>
       </div>
     </div>
-    <client-only>
-      <script
-        async
-        src="https://media.ethicalads.io/media/client/ethicalads.min.js"
-        @error="isBlocked = true"
-      />
-    </client-only>
   </div>
 </template>
 
 <script>
+import LightIcon from '~/assets/images/external/exaroton-light.svg?inline'
+import DarkIcon from '~/assets/images/external/exaroton-dark.svg?inline'
+
 export default {
   name: 'Advertisement',
+  components: {
+    LightIcon,
+    DarkIcon,
+  },
   data() {
     return {
-      isBlocked: false,
+      isBlocked: true,
     }
   },
 }
@@ -85,6 +82,12 @@ export default {
   text-align: left;
 }
 
+.brand-icon {
+  padding-top: 1px;
+  height: 1.2rem;
+  width: auto;
+}
+
 .ea-callout {
   position: absolute;
   bottom: -2px;
@@ -105,6 +108,10 @@ export default {
 
 [data-ea-publisher].loaded .ea-callout a,
 [data-ea-type].loaded .ea-callout a {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+
   font-size: 0.8em;
 
   &:hover {
@@ -118,6 +125,10 @@ export default {
 
 [data-ea-publisher].loaded .ea-content a,
 [data-ea-type].loaded .ea-content a {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+
   b,
   strong {
     color: #088cdb;
@@ -148,6 +159,12 @@ export default {
 }
 
 @media screen and (max-width: 800px) {
+  [data-ea-publisher].loaded .ea-content a,
+  [data-ea-type].loaded .ea-content a {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
   .ea-text {
     margin-bottom: 0.5rem;
   }
diff --git a/pages/legal/privacy.vue b/pages/legal/privacy.vue
index 620adeb5..9aae9297 100644
--- a/pages/legal/privacy.vue
+++ b/pages/legal/privacy.vue
@@ -87,7 +87,7 @@
 
     <p>
       For more general information on cookies, please read
-      <a href="https://www.privacypolicies.com/blog/cookies/"
+      <a href="https://www.privacypolicies.com/etblog/cookies/"
         >"What Are Cookies"</a
       >.
     </p>