X-Git-Url: https://git.openstreetmap.org./osqa.git/blobdiff_plain/a9eef437702d5df7a2f97010e6798c689371808c..07ab188d70f8e090ad79090fb467b7f1c1d72ef9:/forum/skins/default/templates/question_edit_tips.html

diff --git a/forum/skins/default/templates/question_edit_tips.html b/forum/skins/default/templates/question_edit_tips.html
index 4cabea7..3e72a1e 100644
--- a/forum/skins/default/templates/question_edit_tips.html
+++ b/forum/skins/default/templates/question_edit_tips.html
@@ -1,10 +1,34 @@
 <!-- question_edit_tips.html -->
 {% load i18n %}
-<div class="boxC">
-    <p class="subtitle darkred">{% trans "question tips" %}</p>
+{% block forejs %}
+        <script type="text/javascript">
+            var currentSideBar = 'div#title_side_bar';
+            function changeSideBar(enabled_bar) {
+                $(currentSideBar).hide();
+                currentSideBar = enabled_bar;
+                $(currentSideBar).fadeIn('slow');
+
+            }
+            $(function () {
+                $('div#editor_side_bar').hide();
+                $('div#tags_side_bar').hide();
+
+                $('input#id_title').focus(function(){changeSideBar('div#title_side_bar')});
+                $('textarea#editor').focus(function(){changeSideBar('div#editor_side_bar')});
+                $('input#id_tags').focus(function(){changeSideBar('div#tags_side_bar')});
+            });
+        </script>
+{% endblock %}
+<div class="boxC" id="title_side_bar">
+    <p class="subtitle darkred">{% trans "Title Tips" %}</p>
     <div>
         <ul class="list-item">
-            <li> <b>{% trans "please ask a relevant question" %}</b>
+            <li>
+            <b>
+                {% blocktrans with settings.APP_SHORT_NAME as app_title %}
+                ask a question relevant to the {{ app_title }} community 
+                {% endblocktrans %}
+            </b>
             </li>
             <li>
                 {% trans "please try provide enough details" %}
@@ -19,8 +43,8 @@
     </div>
 </div>
 
-<div class="boxC">
-    <p class="subtitle">{% trans "Markdown tips" %}</p>
+<div class="boxC" id="editor_side_bar">
+    <p class="subtitle darkred">{% trans "Markdown Basics" %}</p>
     <ul class="list-item">
         <li>
             {% trans "*italic* or __italic__" %}
@@ -32,7 +56,7 @@
             <b>{% trans "link" %}</b>:[{% trans "text" %}](http://url.com/ "{% trans "title" %}")
 
         </li>
-        
+
         <li>
             <b>{% trans "image" %}</b>：![alt {% trans "text" %}](/path/img.jpg "{% trans "title" %}")
 
@@ -47,7 +71,24 @@
         </li>
     </ul>
     <p class='info-box-follow-up-links'>
-        <a href="http://en.wikipedia.org/wiki/Markdown" target="_blank">{% trans "learn more about Markdown" %} »</a>
+        <a href="/markdown_help" target="_blank">{% trans "learn more about Markdown" %} </a>
     </p>
 </div>
+
+<div class="boxC" id="tags_side_bar" align="left">
+    <p class="subtitle darkred">{% trans "What Are Tags" %}</p>
+    <ul class="list-item">
+        <li>
+            {% trans "Tags are words that will tell others what this question is about." %}
+        </li>
+        <li>
+            {% trans "They will help other find your question." %}
+        </li>
+        <li>
+            {% trans "A question can have up to five tags, but it must have at least one." %}
+        </li>
+    </ul>
+</div>
+
+
 <!-- end question_edit_tips.html -->