update subdomain page

Author: NichtsHsu

_includes/external-links.html

@@ -4,7 +4,7 @@
   <ul class="post-content pl-0 pb-1 ml-1 mt-2">
 
     {% for external_link in site.data.external_links %}
-    <li><a href="{{ external_link.link }}" target="_blank">
+    <li><a href="{{ external_link.link }}" target="_blank" rel="noopener">
         {% if external_link.automatic_name %}
         {% if external_link.use_iconfont %}
         <i class="iconfont {{ external_link.icon }}"></i>

_layouts/subdomain.html

@@ -5,29 +5,29 @@
 
 <div id="post-list">
   {% for subdomain in site.data.subdomain %}
-  <a href="{{ subdomain.link }}" target="_blank">
-    <div class="card post-preview flex-md-row-reverse">
-        <div class="card-body d-flex flex-column">
-          <h1 class="card-title my-2 mt-md-0">
-            {% if subdomain.icon %}
-            <div class="subdomain-icon">
-              <img src="/assets/img/subdomain/{{ subdomain.icon }}" alt="{{ subdomain.icon }}" />
-            </div>
-            {% endif %}
-            <div class="subdomain-title">
-              {{ subdomain.title }}
-            </div>
-          </h1>
-          <div class="card-text post-content mt-0 mb-2">
-            <p>
-              {{ subdomain.description }}
-            </p>
+  <article class="card-wrapper">
+    <a href="{{ subdomain.link }}" class="card post-preview flex-md-row-reverse" target="_blank" rel="noopener">
+      <div class="card-body d-flex flex-column">
+        <h1 class="card-title my-2 mt-md-0">
+          {% if subdomain.icon %}
+          <div class="subdomain-icon">
+            <img src="/assets/img/subdomain/{{ subdomain.icon }}" alt="{{ subdomain.icon }}" />
           </div>
-          <div class="post-meta flex-grow-1 d-flex align-items-end subdomain-a">
-            ▶ {{ subdomain.link }}
+          {% endif %}
+          <div class="subdomain-title">
+            {{ subdomain.title }}
           </div>
+        </h1>
+        <div class="card-text content mt-0 mb-2">
+          <p>
+            {{ subdomain.description }}
+          </p>
         </div>
-    </div>
-  </a>
+        <div class="post-meta flex-grow-1 d-flex align-items-end subdomain-a">
+          ▶ {{ subdomain.link }}
+        </div>
+      </div>
+    </a>
+  </article>
   {% endfor %}
 </div>