--- a/autotweet-php/src/Org/W3/AutotweetBundle/Controller/DefaultController.php	Wed Sep 04 08:01:00 2013 +0900
+++ b/autotweet-php/src/Org/W3/AutotweetBundle/Controller/DefaultController.php	Wed Sep 04 08:33:49 2013 +0900
@@ -24,6 +24,11 @@
         $talk = $this->getDoctrine()->getRepository('OrgW3AutotweetBundle:Talk')->findBy(array('user_id'=>99999));
         return $this->render('OrgW3AutotweetBundle:Default:list.html.twig', array('talk' => $talk));
     }
+    
+    public function introAction(){
+        return $this->render('OrgW3AutotweetBundle:Default:intro.html.twig', array());
+    }
+    
     public function noteAction($id){
         $talk = $this->getDoctrine()->getRepository('OrgW3AutotweetBundle:Talk')->find($id);
         $post= $this->getDoctrine()->getRepository('OrgW3AutotweetBundle:Post')->findBy(array('talk'=>$talk));

--- a/autotweet-php/src/Org/W3/AutotweetBundle/Resources/config/routing.yml	Wed Sep 04 08:01:00 2013 +0900
+++ b/autotweet-php/src/Org/W3/AutotweetBundle/Resources/config/routing.yml	Wed Sep 04 08:33:49 2013 +0900
@@ -20,6 +20,6 @@
     pattern:   /login_check
 logout:
     pattern:   /logout
-org_w3_autotweet_list:
+org_w3_autotweet_intro:
     pattern:  /
-    defaults: { _controller: OrgW3AutotweetBundle:Default:list }
\ No newline at end of file
+    defaults: { _controller: OrgW3AutotweetBundle:Default:intro }
\ No newline at end of file

--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/autotweet-php/src/Org/W3/AutotweetBundle/Resources/views/Default/intro.html.twig	Wed Sep 04 08:33:49 2013 +0900
@@ -0,0 +1,80 @@
+{% extends '::base.html.twig' %}
+{% block title %}Talk list{% endblock %}
+{% block javascripts %}
+<script src="{{ asset('js/bootstrap.js') }}" type="text/javascript"></script>
+<script src="{{ asset('js/jquery-2.0.0.min.js') }}" type="text/javascript"></script>
+
+{% endblock %}
+{% block stylesheets %}
+<link href="{{ asset('css/bootstrap.css') }}" type="text/css" rel="stylesheet" />
+<link href="{{ asset('css/bootstrap-responsive.css') }}" type="text/css" rel="stylesheet" />
+<link href="{{ asset('css/base_design.css') }}" type="text/css" rel="stylesheet" />
+{% endblock %}
+
+{% block body %}
+
+<div class="container-narrow">
+    <div class="masthead">
+        <div class="mastheadbg">
+            <img src="{{ asset('images/logo-masthead.png') }}" alt="W3C"></img>
+        </div>
+    </div>
+    <div class="row-fluid detail">
+        <div class="span8 offset2 introdata">
+<h1>W3C Talk</h1></br>
+
+<h2>How to get started?</h2>
+
+<h3>1.Get Slide frameworks</h3>
+<p>You can get slide frameworks follwing link.
+Please download and unzip it.
+</p>
+         <p><a class="btn  btn-large btn-print" href="w3c_talk.zip">
+     Download.
+    </a></p>
+
+<h3>2.Register your talk and get access key.</h3>
+<p>You can register the talk by following link.
+The reason for this registration is to distinguish each talks and prevent duplicated multi posts.
+</p>
+         <p><a class="btn  btn-large btn-print" href="{{ path('org_w3_autotweet_newtalk') }}">
+      Get an accesskey.
+    </a></p>  
+
+<h3>3.Edit the configuration</h3>
+<ul>
+<li>Edit js/w3c_talks.js with your access key on line 67.</li>
+<li>Put metadata on your slide like following.</li>
+<p>
+&lt;meta name=&quot;hashtag&quot; content=&quot;#testevent&quot;&gt;
+&lt;meta name=&quot;author&quot; content=&quot;Bob Smith&quot;&gt;
+</p>
+<li>include js/w3c_talk.js into just before &lt;/body&gt; tag on your slide.</li>
+</ul>
+
+
+        </div>
+        <div class="separator"></div>
+     
+        
+        
+    </div>    <div class="jumbotron">
+    
+                               
+
+</p>
+
+
+
+
+    </div>
+
+    <div class="footer">
+        <div class="footerbg">
+            
+        </div>
+    </div>
+</div>
+               
+
+{% endblock %}
\ No newline at end of file

--- a/autotweet-php/web/css/base_design.css	Wed Sep 04 08:01:00 2013 +0900
+++ b/autotweet-php/web/css/base_design.css	Wed Sep 04 08:33:49 2013 +0900
@@ -140,6 +140,10 @@
       .paymentdata{
           text-align: center;
       }
+      
+      .introdata{
+          text-align: left;
+      }
 
 .btn-print {
   background-color: hsl(0, 69%, 22%) !important;

--- a/js/w3c_talks.js	Wed Sep 04 08:01:00 2013 +0900
+++ b/js/w3c_talks.js	Wed Sep 04 08:33:49 2013 +0900
@@ -2,7 +2,7 @@
     'use strict';
     
     // Global variables
-    var url = 'http://tekka.keio.w3.org/~hiroto/autotweet/app_dev.php/post';
+    var url = 'http://talk.keio.w3.org/post';
     var hashtag = getMetaTag('hashtag');
     var author = getMetaTag('author');
     var title = document.title;
@@ -64,7 +64,7 @@
         window.sessionStorage['accesskey'] = '';
         var start = document.getElementById('w3c_talks_start');
         start.onclick = function(event) {
-            window.sessionStorage['accesskey'] = 'FLXTCWENBZHVEFZQCJMKNQVFYVCRYEKBQLRH';
+            window.sessionStorage['accesskey'] = 'ACCESS KEY HERE!';
             start.innerHTML = 'Ready';
             start.disabled = true;
             event = event || window.event;