docs: fix articles style

docs/index.html

@@ -160,8 +160,15 @@
         <!-- Articles -->
         <section class="topic">
             <h2 id="articles"><a href="#articles">#</a>Articles</h2>
-            <article v-for="article in articles">
+            <article class="article-link">
-              <h3><a :href="article.url" target="_blank"><i class="nes-icon" :class="article.icon"></i>{{ article.title }}</a></h3>
+              <h3 class="title">
+                <a href="https://medium.com/@bc_rikko/why-i-created-and-released-nes-css-ee8966bacd09" target="_blank"><i class="nes-icon medium"></i><span>Why I created and released NES.css</span></a>
+              </h3>
+            </article>
+            <article class="article-link">
+              <h3 class="title">
+                <a href="https://github.blog/2019-01-20-release-radar-december-2018/#nes-css-1-0" target="_blank"><i class="nes-icon github"></i><span>Release Radar·December 2018|The GitHub Blog</span></a>
+              </h3>
             </article>
         </section>
 

docs/script.js

@@ -497,19 +497,6 @@ const contributors = [
   'JamesIves',
 ];
 
-const articles = [
-  {
-    icon: 'medium',
-    title: 'Why I created and released NES.css',
-    url: 'https://medium.com/@bc_rikko/why-i-created-and-released-nes-css-ee8966bacd09',
-  },
-  {
-    icon: 'github',
-    title: 'Release Radar · December 2018 | The GitHub Blog',
-    url: 'https://github.blog/2019-01-20-release-radar-december-2018/#nes-css-1-0',
-  },
-];
-
 new Vue({
   el: '#nescss',
   data() {
@@ -518,7 +505,6 @@ new Vue({
       coreteam,
       emeriti,
       contributors,
-      articles,
       animateOctocat: false,
       copiedBalloon: {
         display: 'none',

docs/style.css

@@ -153,6 +153,7 @@ section.message-list {
 h3.topic-title {
   display: flex;
   align-items: center;
+  margin-bottom: 1rem;
 }
 
 h3.topic-title > i {
@@ -204,3 +205,9 @@ h3.topic-title > i {
 }
 
 /* Articles */
+.article-link > .title a {
+  color: #333;
+}
+.article-link > .title span {
+  margin-left: 1rem;
+}