Updated instructions for users
authorDaniel Davis <ddavis@w3.org>
Wed, 04 Sep 2013 17:34:47 +0900
changeset 55 6d66b2d5b527
parent 54 8748638fb9c0
child 56 cb8d24beba67
Updated instructions for users
--- a/autotweet-php/src/Org/W3/AutotweetBundle/Resources/views/Default/intro.html.twig	Wed Sep 04 17:17:06 2013 +0900
+++ b/autotweet-php/src/Org/W3/AutotweetBundle/Resources/views/Default/intro.html.twig	Wed Sep 04 17:34:47 2013 +0900
@@ -31,28 +31,46 @@
 Please download and unzip it.
          <p><a class="btn  btn-large btn-print" href="w3c_talk.zip">
-     Download.
+     Download
-<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.
+<h3>2. Get an access key</h3>
+<p>Once activated, this will register your slides on the server which prevents sending duplicate posts.</p>
          <p><a class="btn  btn-large btn-print" href="{{ path('org_w3_autotweet_newtalk') }}">
-      Get an accesskey.
+      Get accesskey
-<h3>3.Edit the configuration</h3>
+<h3>3.Edit your presentation</h3>
-<li>Edit js/w3c_talks.js with your access key on line 67.</li>
-<li>Put metadata on your slide like following.</li>
-&lt;meta name=&quot;hashtag&quot; content=&quot;#testevent&quot;&gt;
-&lt;meta name=&quot;author&quot; content=&quot;Bob Smith&quot;&gt;
-<li>include js/w3c_talk.js into just before &lt;/body&gt; tag on your slide.</li>
+    <li>Include the <code>w3c_talk.js</code> file just before the closing <code>&lt;/body&gt;</code> tag in your presentation, like so:
+    <pre><code>
+    ...
+    &lt;script src="js/w3c_talk.js"&gt;&lt;/script&gt;
+    &lt;/body&gt;
+    </code></pre></li>
+    <li>Put metadata in your presentation like so:
+    <pre><code>
+    &lt;head&gt;
+    ...
+    &lt;meta name=&quot;hashtag&quot; content=&quot;#testevent&quot;&gt;
+    &lt;meta name=&quot;author&quot; content=&quot;Bob Smith&quot;&gt;
+    &lt;title&gt;My wonderful talk&lt;/title&gt;
+    ...
+    &lt;/head&gt;
+    </code></pre>
+    </li>
+    <li>For each slide you'd like to post/tweet a note for, add a <code>data-note</code> attribute like so:
+    <pre><code>
+    &lt;div class="slide" data-note="80% of statistics are made up"&gt;
+        &lt;h1&gt;80% of statistics are made up&lt;/h1&gt;
+        ...
+    &lt;/div&gt;
+    </code></pre>
+    </li>
+<p>Just before you start your presentation at the event, enter the access key in the black dialog box and tweets will be sent as you present your slides. Don't worry - until you enter the access key nothing will be tweeted.</p>
 <h2>Existing Talks</h2>
 {% if talk|length > 0 %}