Merge branch 'master' into Upgrade_to_rails5.2

Author: yasulab

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: ['https://coderdojo.jp/partnership']

Gemfile.lock

@@ -47,7 +47,7 @@ GEM
     arel (9.0.0)
     autoprefixer-rails (9.7.4)
       execjs
-    backports (3.15.0)
+    backports (3.16.0)
     bindex (0.8.1)
     binding_of_caller (0.8.0)
       debug_inspector (>= 0.0.1)
@@ -57,8 +57,8 @@ GEM
       autoprefixer-rails (>= 5.2.1)
       sassc (>= 2.0.0)
     builder (3.2.4)
-    byebug (11.0.1)
-    capybara (3.30.0)
+    byebug (11.1.1)
+    capybara (3.31.0)
       addressable
       mini_mime (>= 0.1.3)
       nokogiri (~> 1.8)
@@ -102,9 +102,9 @@ GEM
       railties (>= 4.2.0)
     faraday (0.17.3)
       multipart-post (>= 1.2, < 3)
-    faraday_middleware (0.13.1)
+    faraday_middleware (0.14.0)
       faraday (>= 0.7.4, < 1.0)
-    ffi (1.11.3)
+    ffi (1.12.2)
     flamegraph (0.9.5)
     font-awesome-rails (4.7.0.5)
       railties (>= 3.2, < 6.1)
@@ -119,25 +119,25 @@ GEM
       net-http-pipeline
     globalid (0.4.2)
       activesupport (>= 4.2.0)
-    google-api-client (0.30.10)
+    google-api-client (0.36.4)
       addressable (~> 2.5, >= 2.5.1)
-      googleauth (>= 0.5, < 0.10.0)
+      googleauth (~> 0.9)
       httpclient (>= 2.8.1, < 3.0)
       mini_mime (~> 1.0)
       representable (~> 3.0)
       retriable (>= 2.0, < 4.0)
-      signet (~> 0.10)
-    google_drive (3.0.3)
-      google-api-client (>= 0.11.0, < 0.31.0)
+      signet (~> 0.12)
+    google_drive (3.0.4)
+      google-api-client (>= 0.11.0, < 0.37.0)
       googleauth (>= 0.5.0, < 1.0.0)
       nokogiri (>= 1.5.3, < 2.0.0)
-    googleauth (0.9.0)
+    googleauth (0.10.0)
       faraday (~> 0.12)
       jwt (>= 1.4, < 3.0)
       memoist (~> 0.16)
       multi_json (~> 1.11)
       os (>= 0.9, < 2.0)
-      signet (~> 0.7)
+      signet (~> 0.12)
     haml (5.1.2)
       temple (>= 0.8.0)
       tilt
@@ -148,7 +148,7 @@ GEM
       html2haml (>= 1.0.1)
       railties (>= 5.1)
     hash-deep-merge (0.1.1)
-    hashie (4.0.0)
+    hashie (4.1.0)
     highline (1.7.10)
     html2haml (2.2.0)
       erubis (~> 2.7.0)
@@ -205,11 +205,11 @@ GEM
     mime-types (3.3.1)
       mime-types-data (~> 3.2015)
     mime-types-data (3.2019.1009)
-    mimemagic (0.3.3)
+    mimemagic (0.3.4)
     mini_mime (1.0.2)
     mini_portile2 (2.4.0)
     minitest (5.14.0)
-    minitest-retry (0.1.9)
+    minitest-retry (0.2.0)
       minitest (>= 5.0)
     msgpack (1.3.1)
     multi_json (1.14.1)
@@ -227,7 +227,7 @@ GEM
     pry (0.12.2)
       coderay (~> 1.1.0)
       method_source (~> 0.9.0)
-    pry-byebug (3.7.0)
+    pry-byebug (3.8.0)
       byebug (~> 11.0)
       pry (~> 0.10)
     pry-doc (1.0.0)
@@ -247,12 +247,12 @@ GEM
     pusher-client (0.6.2)
       json
       websocket (~> 1.0)
-    rack (2.1.1)
+    rack (2.1.2)
     rack-attack (6.2.2)
       rack (>= 1.0, < 3)
     rack-host-redirect (1.3.0)
       rack
-    rack-mini-profiler (1.1.4)
+    rack-mini-profiler (1.1.6)
       rack (>= 1.2.0)
     rack-test (1.1.0)
       rack (>= 1.0, < 3)
@@ -317,9 +317,9 @@ GEM
       rspec-core (> 3.3)
     rspec-support (3.9.2)
     ruby-mp3info (0.8.10)
-    ruby_parser (3.14.1)
+    ruby_parser (3.14.2)
       sexp_processor (~> 4.9)
-    rubyzip (2.0.0)
+    rubyzip (2.2.0)
     sass (3.7.4)
       sass-listen (~> 4.0.0)
     sass-listen (4.0.0)
@@ -366,11 +366,11 @@ GEM
       scrivito
     scrivito_ui (1.16.0)
       railties
-    secure_headers (6.1.2)
+    secure_headers (6.3.0)
     selenium-webdriver (3.142.7)
       childprocess (>= 0.5, < 4.0)
       rubyzip (>= 1.2.2)
-    sexp_processor (4.13.0)
+    sexp_processor (4.14.0)
     signet (0.12.0)
       addressable (~> 2.3)
       faraday (~> 0.9)

README.md

@@ -10,17 +10,18 @@
 
 coderdojo.jp の開発には以下のいずれかの方法で参加できます。Dojo 情報の修正やドキュメントの追加・執筆であれば、ブラウザだけで参加できます。
 
-1. Dojo 情報やドキュメントなどの修正
+1. Dojo 情報やドキュメントなどの修正 ([» 詳細](#1-dojo-情報の更新))
    - 必要なもの: ブラウザ + GitHub アカウント
-2. [CoderDojo Kata](https://coderdojo.jp/kata) の執筆・編集
-   - 必要なもの: ブラウザ + coderdojo.jp アカウント
-3. 新機能の開発やデザインの改善
+2. [CoderDojo Kata](https://coderdojo.jp/kata) の執筆・編集 ([» 詳細](#2-coderdojo-kata-の執筆編集))
+   - 必要なもの: ブラウザ + coderdojo.jp アカウント 
+3. 新機能の開発やデザインの改善 ([» 詳細](#3-新機能の開発やデザインの改善))
    - 必要なもの: 各種開発環境のセットアップ (開発者向け)
 
 新機能の開発やデザインの改善には開発環境が必要ですが、ちょっとした文言の追記・修正であればブラウザだけで参加できるようになっているのが特徴です ✨📝💨 
+
 それぞれの参加方法は次のとおりです。
 
-### 1. Dojo 情報の更新
+## 1. Dojo 情報の更新
 
 Dojo 情報は次の手順で簡単に更新できます。
 
@@ -33,22 +34,25 @@ Dojo 情報は次の手順で簡単に更新できます。
 
 https://coderdojo.jp/docs にあるドキュメントの編集方法も同様です。[db/docs](https://github.com/coderdojo-japan/coderdojo.jp/tree/master/db/docs)ディレクトリをブラウザで開き、修正したいファイルをクリックして、修正内容を提案してください。同ディレクトページの右上にある `Create new file` ボタンをクリックすると、新しいドキュメントの追記を提案することもできます。
 
-### 2. CoderDojo Kata の執筆・編集
+## 2. CoderDojo Kata の執筆・編集
 
-[Kata](https://coderdojo.jp/kata) や [Sotechsha](https://coderdojo.jp/sotechsha) などのいくつかのページは、[Scrivito](https://scrivito.com/) と呼ばれる CMS (コンテンツ管理サービス) で運営しています。背景や使用例については次のスライドをご参照ください。
+[Kata](https://coderdojo.jp/kata) や [Sotechsha](https://coderdojo.jp/sotechsha) などのいくつかのページは、[Scrivito](https://scrivito.com/) と呼ばれる CMS (コンテンツ管理サービス) で運営しています。
 
-CoderDojo を支える Rails CMS の活用事例 - Speaker Deck   
-https://speakerdeck.com/yasulab/case-study-rails-cms-for-coderdojo
+編集方法は下記の手順書をご参照してください。
+
+:scroll: Kata の編集方法 - esa   
+https://esa-pages.io/p/sharing/7542/posts/213/bc0e68f705b7298ae5e0.html
 
-編集方法については下記の手順書をご参考にしてください。
+Kata の編集には CoderDojo Japan のアカウントが必要です。アカウントを発行したい場合は [@yasulab](https://twitter.com/yasulab) までご連絡ください。
 
-記事の編集手順書 - Google Drive   
-http://bit.ly/coderdojo-kata-edit
+CMS を利用している背景や技術仕様などについては次のスライド資料にまとめています。もし興味あればお気軽にご参照ください :wink:
+
+:scroll: CoderDojo を支える Rails CMS の活用事例 - Speaker Deck   
+https://speakerdeck.com/yasulab/case-study-rails-cms-for-coderdojo
 
 
-編集用のユーザーアカウントを発行したい場合は [@yasulab](https://twitter.com/yasulab) までお問い合わせください。
 
-### 3. 新機能の開発やデザインの改善
+## 3. 新機能の開発やデザインの改善
 
 本サイトでは以下の技術が使われているので、それぞれのツールをセットアップします。
 
@@ -57,15 +61,15 @@ http://bit.ly/coderdojo-kata-edit
 - [PostgreSQL](https://www.postgresql.jp/)
 - [Scrivito](https://scrivito.com/) (Kataページ開発時に必要)
 
-#### セットアップ方法
+### セットアップ方法
 
 1. 本リポジトリを fork 後、clone します
 1. ターミナルから `$ bin/setup` を実行します
 1. `$ rails server` でローカルサーバーを立ち上げます
 1. ブラウザから [localhost:3000](http://localhost:3000) にアクセスします
 1. [coderdojo.jp](https://coderdojo.jp/) と同様のサイトが表示できれば完了です
 
-#### Dockerを利用したセットアップ方法
+### Dockerを利用したセットアップ方法
 
 Dockerを利用する場合は上記ツールをインストールする必要はありません。
 
@@ -80,12 +84,12 @@ Dockerを利用する場合は上記ツールをインストールする必要
 1. ブラウザから [localhost:3000](http://localhost:3000) にアクセスします
 1. [coderdojo.jp](https://coderdojo.jp/) と同様のサイトが表示できれば完了です
 
-#### Development with Scrivito
+### Development with Scrivito
 
 Some pages require [Scrivito](https://scrivito.com/), Professional Cloud-Based Rails CMS, such as:
 
 - `/kata`
-- `/news/*`
+- ~~/news/*~~ (Outdated)
 - `/sotechsha/*`
 
 CMS enables wider people to contribute to editing contents,   
@@ -95,7 +99,7 @@ engineers to join developing Scrivito-used pages like above.
 If interested in developing them, contact [@yasulab](https://github.com/yasulab) to
 get production keys (`SCRIVITO_TENANT` and `SCRIVITO_API_KEY`).
 
-### 他、開発に関する資料
+## 他、開発に関する資料
 
 開発に関する資料は [/docs](https://github.com/coderdojo-japan/coderdojo.jp/tree/master/docs) や下記サイトにまとめてあります (最新順)。必要に応じて適宜ご参照ください。
 

app/assets/stylesheets/custom.scss

@@ -521,23 +521,32 @@ body>footer a:hover {
   padding-top: 1em;
   margin: .4em
 }
+.dojo-flex{
+  display: flex !important;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin: auto;
+}
 
 .dojo {
-  display: inline-block;
-  height: 300px;
   width: 45%;
   margin: 5px;
   padding: 15px 0;
   background: #fff;
   position: relative;
-  text-align: center
-}
-
-.dojo>p {
-  font-size: 90%;
-  padding: 5px 10px;
   text-align: center;
-  margin: 5px 0
+  height: auto;
+
+  //display: block;
+  display: flex;
+  flex-direction: column;
+  p {
+    font-size: 70%;
+    padding: 10px 10px 5px;
+    text-align: center;
+    margin: 5px 0;
+    margin-top: auto;
+  }
 }
 
 .dojo-picture {
@@ -546,7 +555,7 @@ body>footer a:hover {
   width: 96px;
   background-position: center center; // border-radius: 48px;
   background-size: cover;
-  margin: 0 auto
+  margin: 0 auto;
 }
 
 .dojo-name {
@@ -565,7 +574,7 @@ body>footer a:hover {
 }
 
 .dojo-private:hover {
-  text-decoration: none
+  text-decoration: none;
 }
 
 .event-region {
@@ -622,8 +631,7 @@ body>footer a:hover {
 
 @media only screen and (min-width:560px) {
   .dojo {
-    width: 220px;
-    height: 275px;
+    width: calc(220px - 10px);
     margin: 10px;
   }
   .event {

app/helpers/application_helper.rb

@@ -10,12 +10,15 @@ def full_title(page_title)
   end
 
   def full_url(page_url)
-    page_url = @obj.permalink if page_url.empty? && @obj && !@obj.permalink.nil?
+    # When URL is composed by Scrivito
+    return @obj.permalink if @obj && !@obj.permalink.nil?
+
+    # When URL is composed by Rails
     if page_url.empty?
-      # URLs rendered via Rails
+      # Set og:url with request param
       request.url
     else
-      # URLs rendered via Scrivito
+      # Set og:url with given param
       page_url
     end
   end
@@ -30,7 +33,7 @@ def full_description(description)
   end
 
   def kata_description
-    "CoderDojo で活用されている資料や教材、子ども向けのプログラミングキャンプ・プログラミングコンテスト情報、CoderDojo の立ち上げ方・関わり方など、CoderDojo を中心にして色々なトピックまとめています。"
+    "道場で役立つ資料やコンテスト情報、立ち上げ方や各種支援をまとめています。"
   end
 
   def using_scrivito?