ui: update homepage style

packages/ui-default/pages/homepage.page.styl

@@ -1,12 +0,0 @@
-.page--homepage
-    .more
-        text-align: center
-        a
-            color: #a7a7a7
-            font-size: rem($font-size-secondary)
-            text-decoration: none
-            border-bottom: 2px solid $pager-border-color
-            transition: border-bottom .2s linear, color .2s linear
-            &:hover
-                color: #666;
-                border-color: #5f9fd6

packages/ui-default/templates/partials/homepage/contest.html

@@ -41,8 +41,8 @@
         </li>
       {%- endfor -%}
     </ol>
-    <div class="section__footer more">
-      <a href="{{ url('contest_main') }}">{{ _('More') }} ></a>
-    </div>
+    <ul class="pager pager-bottom"><li>
+      <a class="pager__item next link" href="{{ url('contest_main') }}">{{ _('More') }} ></a>
+    </li></ul>
   </div>
 {% endif %}

packages/ui-default/templates/partials/homepage/discussion.html

@@ -6,8 +6,8 @@
       <h1 class="section__title">{{ _('Discussion') }}</h1>
     </div>
     {% include "partials/discussion_list.html" %}
-    <div class="section__footer more">
-      <a href="{{ url('discussion_main') }}">{{ _('More') }} ></a>
-    </div>
+    <ul class="pager pager-bottom"><li>
+      <a class="pager__item next link" href="{{ url('discussion_main') }}">{{ _('More') }} ></a>
+    </li></ul>
   </div>
 {% endif %}

packages/ui-default/templates/partials/homepage/homework.html

@@ -38,8 +38,8 @@
         </li>
       {%- endfor -%}
     </ol>
-    <div class="section__footer more">
-      <a href="{{ url('homework_main') }}">{{ _('More') }} ></a>
-    </div>
+    <ul class="pager pager-bottom"><li>
+      <a class="pager__item next link" href="{{ url('homework_main') }}">{{ _('More') }} ></a>
+    </li></ul>
   </div>
 {% endif %}

packages/ui-default/templates/partials/homepage/ranking.html

@@ -34,8 +34,8 @@
         </table>
       </div>
     </div>
-    <div class="section__footer more">
-      <a href="{{ url('ranking') }}">{{ _('More') }} ></a>
-    </div>
+    <ul class="pager pager-bottom"><li>
+      <a class="pager__item next link" href="{{ url('ranking') }}">{{ _('More') }} ></a>
+    </li></ul>
   </div>
 {% endif %}

packages/ui-default/templates/partials/homepage/training.html

@@ -43,8 +43,8 @@
         </li>
       {%- endfor -%}
     </ol>
-    <div class="section__footer more">
-      <a href="{{ url('training_main') }}">{{ _('More') }} ></a>
-    </div>
+    <ul class="pager pager-bottom"><li>
+      <a class="pager__item next link" href="{{ url('training_main') }}">{{ _('More') }} ></a>
+    </li></ul>
   </div>
 {% endif %}