#35 Update Pages Desgin and add links

Author: Yuma Soga

app/assets/stylesheets/pages.scss

@@ -1,131 +1,7 @@
 // // Place all the styles related to the pages controller here.
 // // They will automatically be included in application.css.
 // // You can use Sass (SCSS) here: http://sass-lang.com/
-// .pages-layout {
-//     .pages-layout__header {
-//     	background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), image-url('coderdojo-konan-header-image-1.jpg');
-//     	background-size: cover;
-//     	background-position: center;
-//         .mdl-layout__header-row {
-//             margin-top: 0.5rem;
-//             margin-bottom: 0.5rem;
-//         }
-//     }
-//     article {
-//         margin: 0.5rem;
-//         #pages-section {
-//           padding: 0.8rem;
-//           .pages-section-card {
-//             width: 100%;
-//             height: 100%;
-//             padding: 0.5rem;
-//           }
-//         }
-//         .pages-section {
-//           padding: 0.8rem;
-//           .pages-section-card {
-//             width: 100%;
-//             height: 100%;
-//             padding: 0.5rem;
-//           }
-//         }
-//     }
-//     .mdl-layout__content {
-//         #pages-section {
-//             .docs-list {
-//                 ul {
-//                     font-size: 1.3rem;
-//                 }
-//             }
-//         }
-//         .pages-contents {
-//             h1 {
-//                 font-size: 2.0rem;
-//                 color: black;
-//                 line-height: 2.2rem;
-//             }
-//             h2 {
-//                 font-size: 1.75rem;
-//                 color: black;
-//                 line-height: 1.8rem;
-//             }
-//             h3 {
-//                 font-size: 1.65rem;
-//                 color: black;
-//                 line-height: 1.7rem;
-//             }
-//             h4 {
-//                 font-size: 1.5rem;
-//                 line-height: 1.6rem;
-//                 color: black;
-//             }
-//             p {
-//                 font-size: 1rem;
-//             }
-//             .pages-col {
-//                 display: inline-block;
-//                 vertical-align: middle;
-//                 margin: 1rem;
-//             }
-//
-//             .ninjas-works-video {
-//                 iframe {
-//                     width: 400px;
-//                     height: 300px;
-//                 }
-//             }
-//
-//             .ninjas-works-impressions {
-//                 background: aliceblue;
-//                 -webkit-box-shadow: 2px 2px 0px 0px #777;
-//                 -moz-box-shadow: 2px 2px 0px 0px #777;
-//                 box-shadow: 2px 2px 0px 0px #777;
-//                 border-radius: 10px;
-//                 p {
-//                     color: black;
-//                 }
-//                 .ninjas-works-container {
-//                     padding: 0.3rem;
-//                     width: 100%;
-//                     height: 100%;
-//                     .pages-col {
-//                         display: inline-block;
-//                         padding: 0.3rem;
-//                         margin: 0.5rem;
-//                         margin-top: 1rem;
-//                         h4 {
-//                             margin-top: 0;
-//                             margin-bottom: 0;
-//                             line-height: 1.5rem;
-//                         }
-//                     }
-//                     img {
-//                         margin: auto;
-//                         border-radius: 50%;
-//                         width: 5rem;
-//                         height: 5rem;
-//                     }
-//                     .ninjas-icon {
-//                         p {
-//                             text-align: center;
-//                             margin: 0.1rem;
-//                         }
-//                     }
-//                 }
-//             }
-//         .twitter-share-button-style {
-//             vertical-align: top;
-//             display: inline-block;
-//             margin: 0.5rem;
-//         }
-//         .fb-share-button-style {
-//             vertical-align: top;
-//             display: inline-block;
-//             margin: 0.5rem;
-//           }
-//         }
-//     }
-// }
+
 #page-content {
   .page-title {
     border-bottom: 0.3rem dotted $primary;
@@ -134,5 +10,19 @@
     max-width: 100%;
     border-width: 100%;
     border-color: $primary;
+    margin-bottom: 1.3rem;
+  }
+  h2 {
+    margin-top: 1.5rem;
+  }
+  h3 {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    font-size: 1.5rem;
+  }
+  table {
+    @extend .table;
+    @extend .table-striped;
+    @extend .table-bordered;
   }
 }

app/controllers/application_controller.rb

@@ -10,6 +10,8 @@ def put_ver_link
       @first_link = { :url =>  "#{root_url}", :text => "ROOT" }
       @second_link = { :url =>  "#{root_url}", :text => "ROOT" }
       @third_link = { :url =>  "#{root_url}visit-interview", :text => "見学・取材について" }
-      @fourth_link = { :url =>  "#{root_url}f-and-q", :text => "よくある質問 (F&Q)"   }
+      @fourth_link = { :url =>  "#{root_url}f-and-q", :text => "よくある質問 (F&Q)" }
+      @first_link_footer = { url: "#{root_url}pages", text: "ページ一覧" }
+      @second_link_footer = { url: "#{root_url}regulation", text: "会則" }
     end
 end

app/helpers/markdown_helper.rb

@@ -8,7 +8,8 @@ def md_to_html(md_text)
     extensions = {
       autolink:           true,
       no_intra_emphasis:  true,
-      fenced_code_blocks: true
+      fenced_code_blocks: true,
+      tables: true
     }
     unless @markdown
       renderer = Redcarpet::Render::OriginalHTML.new(options)