#35 Update pages views and nav bar

Author: Yuma Soga

app/assets/stylesheets/pages.scss

@@ -130,4 +130,9 @@
   .page-title {
     border-bottom: 0.3rem dotted $primary;
   }
+  hr {
+    max-width: 100%;
+    border-width: 100%;
+    border-color: $primary;
+  }
 }

app/controllers/application_controller.rb

@@ -2,13 +2,13 @@ class ApplicationController < ActionController::Base
   # Prevent CSRF attacks by raising an exception.
   # For APIs, you may want to use :null_session instead.
   protect_from_forgery with: :exception
-  
+
   before_action :put_ver_link
-  
+
   private
     def put_ver_link
       @first_link = { :url =>  "#{root_url}", :text => "ROOT" }
-      @second_link = { :url =>  "#{root_url}ninjas-works", :text => "作品紹介" }
+      @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)"   }
     end

app/controllers/pages_controller.rb

@@ -1,5 +1,6 @@
-class PagesController < ApplicationController
+include MarkdownHelper
 
+class PagesController < ApplicationController
   def index
     @title = 'ページ一覧'
     @pages = Page.all
@@ -11,7 +12,7 @@ def show
     unless @page.exists?
       render :action => "not_found_404",  :status => 404
     end
-    @content = MarkdownHelper.md_to_html @page.source
+    @content = MarkdownHelper.md_to_html @page.content
     @url = request.url
   end
 

app/helpers/markdown_helper.rb

@@ -11,7 +11,7 @@ def md_to_html(md_text)
       fenced_code_blocks: true
     }
     unless @markdown
-      renderer = Redcarpet::Render::HTML.new(options)
+      renderer = Redcarpet::Render::OriginalHTML.new(options)
       @markdown = Redcarpet::Markdown.new(renderer, extensions)
     end
 

app/models/page.rb

@@ -29,14 +29,14 @@ def exists?
   end
 
   def description
-    @desc  ||= exists? ? self.source.lines.reject{|l| l =~ /^(\n|<)/ }.second.delete('<br>').strip : ''
+    @desc  ||= exists? ? self.content.match(/\[desc:(.+)\]/)[1] : ''
   end
 
   def title
-    @title ||= exists? ? self.source.lines.first[2..-1].strip.gsub('<br>', '') : ''
+    @title ||= exists? ? self.content.match(/\[title:(.+)\]/)[1] : ''
   end
 
-  def source
-    @source ||= exists? ? File.read(path) : ''
+  def content
+    @content ||= exists? ? File.read(path) : ''
   end
 end

app/views/layouts/pages.html.haml

@@ -35,13 +35,13 @@
         #navbarResponsive.collapse.navbar-collapse
           %ul.navbar-nav.ml-auto
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#about"} About
+              %a.nav-link.js-scroll-trigger{:href => "#{@first_link[:url]}"}= @first_link[:text]
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#services"} Services
+              %a.nav-link.js-scroll-trigger{:href => "#{@second_link[:url]}"}= @second_link[:text]
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#portfolio"} Portfolio
+              %a.nav-link.js-scroll-trigger{:href => "#{@third_link[:url]}"}= @third_link[:text]
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#contact"} Contact
+              %a.nav-link.js-scroll-trigger{:href => "#{@fourth_link[:url]}"}= @fourth_link[:text]
     %article
       %section#page-content
         .container

app/views/layouts/staticpages.html.haml

@@ -33,13 +33,13 @@
         #navbarResponsive.collapse.navbar-collapse
           %ul.navbar-nav.ml-auto
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#about"} About
+              %a.nav-link.js-scroll-trigger{:href => "#{@first_link[:url]}"}= @first_link[:text]
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#services"} Services
+              %a.nav-link.js-scroll-trigger{:href => "#{@second_link[:url]}"}= @second_link[:text]
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#portfolio"} Portfolio
+              %a.nav-link.js-scroll-trigger{:href => "#{@third_link[:url]}"}= @third_link[:text]
             %li.nav-item
-              %a.nav-link.js-scroll-trigger{:href => "#contact"} Contact
+              %a.nav-link.js-scroll-trigger{:href => "#{@fourth_link[:url]}"}= @fourth_link[:text]
     = yield
 
     %footer.bg-dark

app/views/pages/show.html.haml

@@ -4,7 +4,8 @@
 
 .headings.page-title.m-3.p-2
   %h1= @page.title
-  %p= @page.description
 
+  %p= @page.description
+%br/
 .content.m-3.p-2
   = raw @content

config/application.rb

@@ -11,6 +11,9 @@ class Application < Rails::Application
     # Initialize configuration defaults for originally generated Rails version.
     config.load_defaults 5.1
 
+    config.autoload_paths += %W(#{config.root}/lib)
+    config.autoload_paths += Dir["#{config.root}/lib/**/"] 
+
     # Settings in config/environments/* take precedence over those specified here.
     # Application configuration can go into files in config/initializers
     # -- all .rb files in that directory are automatically loaded after loading

db/pages/disaster-response.md

@@ -1,13 +1,16 @@
-# 各種警報発令時・災害時 の対応について
+<!--
+[title: 各種警報発令時・災害時 の対応について ]
+[desc: CoderDojo 岡山 岡南 の 各種警報発令時・災害時 の対応についてまとめてあります。]
+ -->
 
 今のところ、以下のようになっていますが、会場となる公民館なども別途対応を定めています。<br>場合によってはそちらの対応の方を優先される可能性もありますのでご注意ください。
 
 また、この方針は、 CoderDojo 岡山 岡南 の方針です。
 他のCoderDojo とは異なる場合もありますのでご注意ください。
 
-## 警報発令時・災害時の対応
+# 警報発令時・災害時の対応
 
-### 開催前
+## 開催前
 
 以下の場合、CoderDojo 岡山 岡南 の開催は中止です。
 
@@ -21,7 +24,7 @@
 
 ※ Yahoo!防災情報アプリ などを活用し、情報を収集しながら来場ください。
 
-### 開催中
+## 開催中
 
 基本的に下記の場合、開催は即中止します。
 また、一人での帰宅が困難だと判断される場合、保護者様によるお迎えをお頼みすることがあります。
@@ -30,22 +33,22 @@
 - 岡山市で、開催中に、避難準備情報、避難勧告、避難指示のいずれかが発令された場合。
 - その他に、非常に高い確率で、上記各種警報・各種情報が発令されると予測される場合。
 - その他に、重大な災害が起こる可能性があり、帰宅させたほうがいいと運営によって判断されたとき。
- 
 
-## 中止の場合の連絡手段について
 
-### 開催前
+# 中止の場合の連絡手段について
+
+## 開催前
 
 開催申込時に入力していただいたメールアドレスにお知らせいたします。
 
 また、各種SNSでもお知らせします。
 
-### 開催中
+## 開催中
 
 メールアドレスにご連絡します。
 
 また、余りにも緊急性の高い場合、緊急連絡先にもご連絡します。
 
- 
 
-皆さん、気象情報にはよく気を付けてご来場ください！
+
+皆さん、気象情報にはよく気を付けてご来場ください！

db/pages/f-and-q.md

@@ -1,8 +1,9 @@
-# よくある質問 (F&Q)
+<!--
+[title: よくある質問 (F&Q) ]
+[desc: お問い合わせなどでよく質問さえれる事項をまとめています。]
+ -->
 
-お問い合わせなどでよく質問さえれる事項をまとめています。
-
-## Ninja って何するの？
+# Ninja って何するの？
 ---
 Ninja は、CoderDojo 独自の用語で、主に参加者である子供の事を指します。
 
@@ -14,10 +15,9 @@ CoderDojo は自主性をとても重視しており、CoderDojo 岡山 岡南
 
 **（なお、これは CoderDojo 岡山 岡南 の形であり、ほかの全Dojoがこのような形をとっているとは限りません。）**
 
-<br>
-<br>
+<br/>
 
-## Mentor（メンター）って何するの？
+# Mentor（メンター）って何するの？
 ---
 自分の知っている知識、技術を子どもたちに見せ、思いっきり自慢し、また教えてあげるのがメンターの役目です。
 
@@ -33,4 +33,3 @@ CoderDojo は自主性をとても重視しており、CoderDojo 岡山 岡南
 <!--### 申し込み方法-->
 
 <!-- TODO: 申し込みリンクの追加 -->
-

db/pages/marking-test.md

@@ -1,14 +1,13 @@
-# 見学・取材について
+<!--
+[title: 見学・取材について]
+[desc: 興味は持っているが参加までには踏み切れない、どのような感じでやっているのか気になる。そういう方は見学が可能です。また、取材の場合もご連絡をお願いしていますのでご覧ください。]
+ -->
 
-
-興味は持っているが参加までには踏み切れない、どのような感じでやっているのか気になる、そういう方は、見学が可能です。また、取材の場合もご連絡をお願いしていますので、ご覧ください。
-
-## 見学
+# 見学
 ---
 見学は、開催日の一週間前までに、見学申込フォームよりお申し込みください。
 
 ただ、Ninjaの場合は見学となりますととてもつまらないと思いますので、是非ご参加ください。
-
 初参加、初心者でも丁寧にサポートいたします。ご安心ください。
 
 見学フォーム: [https://goo.gl/forms/M9ouksAqZ37BZaRM2](https://goo.gl/forms/M9ouksAqZ37BZaRM2)
@@ -19,7 +18,7 @@
 
 **会場の広さによって可否がございますので、イベント詳細ページよりご確認ください。**
 
-## 取材
+# 取材
 ---
 申し訳ございませんが、まだフォームが完成していません。
 
@@ -29,7 +28,7 @@
 
 ご了承ください。
 
-#### 送信していただく内容
+### 送信していただく内容
 
 - 所属団体名
 - お名前（複数人の場合は、代表者のお名前）
@@ -38,4 +37,4 @@
 - 写真・動画の撮影の有無
 - 返信の連絡先
 
-お手数ですが、よろしくお願いします。
+お手数ですが、よろしくお願いします。