Host landing page in github pages

.travis.yml

@@ -32,5 +32,5 @@ before_deploy:
 deploy:
   - provider: script
     on:
-      branch: release
+      branch: gh-pages
     script: ./scripts/deploy-to-aws-ecs.sh

README.md

@@ -16,10 +16,10 @@ Cattaz is a realtime collaborative tool which can run custom applications in a W
 ## Features
 
 * Wiki using Markdown with realtime preview and operational transformation
-  * Try it in [sandbox page](http://cattaz.io/build/#/page/sandbox)
+  * Try it in [sandbox page](http://demo.cattaz.io/#/page/sandbox)
 * Custom applications run in preview pane
-  * For instance, you can drag-and-drop task cards in [Kanban](http://cattaz.io/build/#/doc/app-kanban)
-  * To create your own, see [documentation on Hello World](http://cattaz.io/build/#/doc/app-hello) and [browse more in documentation](http://cattaz.io/build/#/doc/index)
+  * For instance, you can drag-and-drop task cards in [Kanban](http://demo.cattaz.io/#/doc/app-kanban)
+  * To create your own, see [documentation on Hello World](http://demo.cattaz.io/#/doc/app-hello) and [browse more in documentation](http://demo.cattaz.io/#/doc/index)
 
 ## Usage
 
@@ -56,5 +56,5 @@ Now you can visit `http://localhost:8080/` to view the application.
 ## Links
 
 * [Project site](http://cattaz.io/)
-* [Demo site](http://cattaz.io/build/)
-* [Documentation](http://cattaz.io/build/#/doc/index)
+* [Demo site](http://demo.cattaz.io/)
+* [Documentation](http://demo.cattaz.io/#/doc/index)

aws-ecs.yaml

@@ -180,7 +180,7 @@ Resources:
     Properties:
       ContainerDefinitions:
       - Image: !Ref EcsRepository
-        Command: [yarn, run, landingpage]
+        Command: [yarn, run, server]
         Memory: 256
         Name: cattaz-container
         PortMappings:

index-ja.html

@@ -48,7 +48,7 @@ <h1 style="margin: 0 0 20px;"><img src="landingpage-assets/img/cattaz-logo.png"
           <p class="lead" style="color: #666666;">Markdownとアプリによる自由闊達なコラボレーションツール</p>
           <p>
             <a href="https://github.com/FujitsuLaboratories/cattaz" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="intro" data-ga-event-label="github"><img src="landingpage-assets/img/github-btn.png" alt="GitHub" width="150" style="margin: 7px;"></a>
-            <a href="http://cattaz.io/build/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="intro" data-ga-event-label="demo"><img src="landingpage-assets/img/demo-btn.png" alt="DEMO" width="150" style="margin: 7px;"></a>
+            <a href="http://demo.cattaz.io/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="intro" data-ga-event-label="demo"><img src="landingpage-assets/img/demo-btn.png" alt="DEMO" width="150" style="margin: 7px;"></a>
           </p>
         </div>
       </section>
@@ -88,7 +88,7 @@ <h3>Markdown編集</h3>
                 Markdownによって、文章を見やすい整形された状態に保てます。<br>
                 Cattazと他のMarkdownエディタの間で、変換処理を必要とせず、テキストをそのままの形でコピー&amp;ペーストできます。<br>
                 編集中のテキストをリアルタイムにプレビュー画面で確認できます。<br>
-                <a href="http://cattaz.io/build/#/page/sandbox" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="sandbox">Sandboxページ</a>で試してみてください。
+                <a href="http://demo.cattaz.io/#/page/sandbox" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="sandbox">Sandboxページ</a>で試してみてください。
               </p>
             </div>
             <div class="col-md-5">
@@ -119,7 +119,7 @@ <h3>アプリを簡単に作って導入</h3>
                 エンジニアはプレビュー画面上で動くアプリをWebアプリを作る要領で開発、導入できます。<br>
                 アプリはJavaScriptとReactライブラリを使用して記述します。<br>
                 指定されたpropTypesを処理することで、同期機能が付加されたアプリを実現できます。<br>
-                アプリを作成するには、<a href="http://cattaz.io/build/#/doc/ja/app-hello" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="app-hello">Hello world</a>を参照してください。
+                アプリを作成するには、<a href="http://demo.cattaz.io/#/doc/ja/app-hello" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="app-hello">Hello world</a>を参照してください。
               </p>
             </div>
             <div class="col-md-5">
@@ -204,8 +204,8 @@ <h2>Mind</h2>
         </p>
         <p>&copy; 2017 Fujitsu Laboratories LTD.
             &middot; <a href="https://github.com/FujitsuLaboratories/cattaz" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="github">GitHub</a>
-            &middot; <a href="http://cattaz.io/build/#/doc/ja/index" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="document">Document</a>
-            &middot; <a href="http://cattaz.io/build/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="demo">Demo</a>
+            &middot; <a href="http://demo.cattaz.io/#/doc/ja/index" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="document">Document</a>
+            &middot; <a href="http://demo.cattaz.io/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="demo">Demo</a>
         </p>
       </div>
     </footer>

index.html

@@ -49,7 +49,7 @@ <h1 style="margin: 0 0 20px;"><img src="landingpage-assets/img/cattaz-logo.png"
           <p class="lead" style="color: #666666;">Collaborate freely and openly with markdown and applications</p>
           <p>
             <a href="https://github.com/FujitsuLaboratories/cattaz" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="intro" data-ga-event-label="github"><img src="landingpage-assets/img/github-btn.png" alt="GitHub" width="150" style="margin: 7px;"></a>
-            <a href="http://cattaz.io/build/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="intro" data-ga-event-label="demo"><img src="landingpage-assets/img/demo-btn.png" alt="DEMO" width="150" style="margin: 7px;"></a>
+            <a href="http://demo.cattaz.io/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="intro" data-ga-event-label="demo"><img src="landingpage-assets/img/demo-btn.png" alt="DEMO" width="150" style="margin: 7px;"></a>
           </p>
         </div>
       </section>
@@ -89,7 +89,7 @@ <h3>Edit Markdown</h3>
                 With Markdown, keep the text in an easily formatted state.<br>
                 Copy &amp; paste text as it is without requiring conversion between Cattaz and other Markdown editors.<br>
                 As you edit the text, you can see the preview in real time.<br>
-                Try it on the <a href="http://cattaz.io/build/#/page/sandbox" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="sandbox">Sandbox page</a>.
+                Try it on the <a href="http://demo.cattaz.io/#/page/sandbox" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="sandbox">Sandbox page</a>.
               </p>
             </div>
             <div class="col-md-5">
@@ -120,7 +120,7 @@ <h3>Easily Develop Applications</h3>
                 Engineers can develop and implement applications that run on the preview screen in the same way as creating web applications.<br>
                 Write the application using JavaScript and React library.<br>
                 By processing the specified propTypes, you can realize an application with synchronization function added.<br>
-                Check the developer's guide for <a href="http://cattaz.io/build/#/doc/app-hello" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="app-hello">Hello world</a> application to start developing your own application.
+                Check the developer's guide for <a href="http://demo.cattaz.io/#/doc/app-hello" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="features" data-ga-event-label="app-hello">Hello world</a> application to start developing your own application.
               </p>
             </div>
             <div class="col-md-5">
@@ -205,8 +205,8 @@ <h2>Mind</h2>
         </p>
         <p>&copy; 2017 Fujitsu Laboratories LTD.
             &middot; <a href="https://github.com/FujitsuLaboratories/cattaz" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="github">GitHub</a>
-            &middot; <a href="http://cattaz.io/build/#/doc/index" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="document">Document</a>
-            &middot; <a href="http://cattaz.io/build/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="demo">Demo</a>
+            &middot; <a href="http://demo.cattaz.io/#/doc/index" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="document">Document</a>
+            &middot; <a href="http://demo.cattaz.io/" target="_blank" data-ga-on="click" data-ga-event-category="outbound" data-ga-event-action="footer" data-ga-event-label="demo">Demo</a>
         </p>
       </div>
     </footer>

scripts/deploy-to-aws-ecs.sh

@@ -20,7 +20,7 @@ docker push "$imageName"
 task=$(printf '[{
   "name": "cattaz-container",
   "image": "%s",
-  "command": ["yarn", "run", "landingpage"],
+  "command": ["yarn", "run", "server"],
   "essential": true,
   "memory": 256,
   "cpu": 0,