Add adrinth link (#761)

* Add adrinth link

* Use article instead of aside to improve SEO

* Fix bad change

* Fix #737

components/ads/Advertisement.vue

@@ -25,11 +25,7 @@
           </div>
         </div>
         <div class="ea-callout">
-          <a
-            rel="nofollow noopener"
-            target="_blank"
-            href="https://modrinth.com"
-          >
+          <a rel="nofollow noopener" target="_blank" href="https://adrinth.com">
             Ads via Adrinth
           </a>
         </div>

pages/_type/_id.vue

@@ -11,7 +11,7 @@
         'alt-layout': $cosmetics.projectLayout,
       }"
     >
-      <aside class="normal-page__sidebar">
+      <article class="normal-page__sidebar">
         <div class="header card">
           <nuxt-link
             :to="
@@ -506,7 +506,7 @@
             </div>
           </div>
         </div>
-      </aside>
+      </article>
       <section class="normal-page__content">
         <div
           v-if="project.status === 'unlisted'"
@@ -1051,11 +1051,6 @@ export default {
       this.projectTypeDisplay.charAt(0).toUpperCase() +
       this.projectTypeDisplay.slice(1)
     }`
-    const description = `${this.project.description} - Download the Minecraft ${
-      this.projectTypeDisplay
-    } ${this.project.title} by ${
-      this.members.find((x) => x.role === 'Owner').user.username
-    } on Modrinth`
 
     return {
       title,
@@ -1073,12 +1068,16 @@ export default {
         {
           hid: 'og:description',
           name: 'og:description',
-          content: description,
+          content: this.project.description,
         },
         {
           hid: 'description',
           name: 'description',
-          content: description,
+          content: `${this.project.description} - Download the Minecraft ${
+            this.projectTypeDisplay
+          } ${this.project.title} by ${
+            this.members.find((x) => x.role === 'Owner').user.username
+          } on Modrinth`,
         },
         {
           hid: 'og:image',

pages/user/_id.vue

@@ -15,7 +15,7 @@
     </div>
     <div class="normal-page">
       <div class="normal-page__sidebar">
-        <aside class="card sidebar">
+        <article class="card sidebar">
           <h1 class="mobile-username">{{ user.username }}</h1>
           <div class="card__overlay">
             <FileInput
@@ -144,7 +144,7 @@
               View GitHub profile
             </a>
           </template>
-        </aside>
+        </article>
       </div>
       <div class="normal-page__content">
         <Advertisement
@@ -368,6 +368,10 @@ export default {
     }
   },
   head() {
+    const description = this.user.bio
+      ? `${this.user.bio} - Download ${this.user.username}'s projects on Modrinth`
+      : `Download ${this.user.username}'s projects on Modrinth`
+
     return {
       title: this.user.username + ' - Modrinth',
       meta: [
@@ -384,12 +388,12 @@ export default {
         {
           hid: 'apple-mobile-web-app-title',
           name: 'apple-mobile-web-app-title',
-          content: this.user.username,
+          content: description,
         },
         {
           hid: 'og:description',
           name: 'og:description',
-          content: `${this.user.bio} - Download ${this.user.username}'s projects on Modrinth`,
+          content: description,
         },
         {
           hid: 'description',