Several tweaks

src/.vuepress/components/ACommentCount.vue

@@ -31,16 +31,21 @@ a {
   align-items: center;
   color: $textColor;
   transition: color 0.3s;
-  margin-right: 10px;
+  margin-right: 0.5rem;
+
+  .is-dark & {
+    color: $textColorDark;
+  }
 
   &:hover {
     color: $accentColor;
     text-decoration: none !important;
   }
 
   img {
-    width: 32px;
-    height: 32px;
+    width: 2rem;
+    height: 2rem;
+    margin-right: 0.25rem;
   }
 }
 </style>

src/.vuepress/components/ASponsorAd.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :id="'127550-' + adUnitId">
+  <div :class="format" :id="'127550-' + adUnitId">
     <component
       :is="'script'"
       :src="`//ads.themoneytizer.com/s/gen.js?type=${adUnitId}`"
@@ -29,4 +29,8 @@ export default {
 };
 </script>
 
-<style lang="stylus" scoped></style>
+<style lang="stylus" scoped>
+.banner {
+  margin: 2rem auto;
+}
+</style>

src/.vuepress/components/MAccessLinks.vue

@@ -1,19 +1,45 @@
 <template>
   <div class="access">
-    <a
-      href="https://play.google.com/store/apps/details?id=com.visnalize.win7simu"
-      target="_blank"
-    >
-      <img src="/assets/access-store.png" alt="Play Store" width="300" />
-    </a>
-    <a href="https://win7simu.visnalize.com" target="_blank">
-      <img src="/assets/access-web.png" alt="Web App" width="300" />
+    <a v-for="link in links" :key="link" :href="link" target="_blank">
+      <img v-bind="getImageProps(link)" />
     </a>
   </div>
 </template>
 
 <script>
-export default {};
+const LinkMap = {
+  win7simu: [
+    "https://play.google.com/store/apps/details?id=com.visnalize.win7simu",
+    "https://win7simu.visnalize.com",
+  ],
+  brick1100: [
+    "https://play.google.com/store/apps/details?id=com.visnalize.brick1100",
+  ],
+};
+
+export default {
+  props: {
+    app: { type: String, required: true },
+  },
+  computed: {
+    links() {
+      return LinkMap[this.app];
+    },
+  },
+  methods: {
+    getImageProps(link) {
+      const props = { width: 300 };
+      if (link.includes("play.google.com")) {
+        props.alt = "Play Store";
+        props.src = "/assets/access-store.png";
+      } else {
+        props.alt = "Web App";
+        props.src = "/assets/access-web.png";
+      }
+      return props;
+    },
+  },
+};
 </script>
 
 <style lang="stylus" scoped>

src/.vuepress/components/MBlogLinks.vue

@@ -15,11 +15,7 @@
 </template>
 
 <script>
-import ACreated from "./ACreated.vue";
-import MBlogTagList from "./MBlogTagList.vue";
-
 export default {
-  components: { ACreated, MBlogTagList },
   props: {
     blogs: Array,
   },

src/.vuepress/components/MEmailSender.vue

@@ -24,10 +24,7 @@
 </template>
 
 <script>
-import AButton from "./AButton.vue";
-
 export default {
-  components: { AButton },
   data() {
     return {
       errors: [],

src/.vuepress/components/MSocialLinks.vue

@@ -20,15 +20,25 @@ export default {
   align-items: center;
   justify-content: flex-end;
 
-  >>> &-share {
-    &:hover .social-share-btn {
+  >>> .social-share {
+    .is-dark & .social-share-btn {
+      color: darken($textColorDark, 40%);
+    }
+
+    .social-share-btn:hover {
       color: $accentColor;
     }
 
     .social-share-btn {
       width: 2.5rem;
       height: 2.5rem;
       font-size: 1.5rem;
+
+      > span {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
     }
   }
 }

src/.vuepress/theme/layouts/FeaturePage.vue

@@ -22,7 +22,7 @@
           preferred platform. Simply click a button below to download the
           Android app or access directly from your web browser.
         </p>
-        <m-access-links />
+        <m-access-links app="win7simu" />
       </div>
     </template>
     <template #page-bottom>

src/brick1100/about.md

@@ -11,11 +11,7 @@ image: https://image.social/get?url=visnalize.com/brick1100/about.html
 
 **Brick 1100** is a simulation of the Nokia 1100 mobile phone, the best-selling mobile phone of all time worldwide. The simulation aims to bring the users back to the simpler time with the fundamental graphics and features from one of the most durable phones produced by [Nokia](https://en.wikipedia.org/wiki/Nokia), a Finnish based firm.
 
-<div class="access">
-  <a href="https://play.google.com/store/apps/details?id=com.visnalize.brick1100" target="_blank">
-    <img src="/assets/access-store.png" alt="Play Store" />
-  </a>
-</div>
+<m-access-links app="brick1100" />
 
 ## Interesting facts and history
 

src/win7simu/about.md

@@ -12,7 +12,7 @@ image: https://image.social/get?url=visnalize.com/win7simu/about.html
 
 **Win7 Simu** is a recreation of the Windows 7 operating system on the Web/Android platform. It is built out of pure joy and nostalgia for the sake of reliving the good old time with the elegant Aero and Glassy interface.
 
-<m-access-links />
+<m-access-links app="win7simu" />
 
 ## Features