new SMS page including 3 languages

This commit is contained in:
Carolien Klep 2012-09-25 12:47:32 +05:30
parent 3ff07f1acc
commit 2f5ab39797
6 changed files with 141 additions and 77 deletions

View File

@ -220,7 +220,9 @@ span.half {display:inline; float:left; margin:0; padding:0; width:50%;}
.highlight ul span{font-style:italic;} .highlight ul span{font-style:italic;}
.actionbutton {background-color:#FBDD09 !important; border:2px solid yellow; border-radius:15px; text-align:center !important;} .actionbutton {background-color:#FBDD09 !important; border:2px solid yellow; border-radius:15px; text-align:center !important;}
/* highlight special header */
.hwide {font-size:1.5em !important; padding:0; margin:0; color:white; text-shadow:none;}
.hwider {font-size:1em !important; padding:0; margin:10px 0 0 0; color:white; text-shadow:none; text-align:center;}
/* OTP */ /* OTP */
/* SIGN UP / SIGN IN */ /* SIGN UP / SIGN IN */

View File

@ -112,10 +112,13 @@ span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","
/* background colors */ /* background colors */
.white {background-color:white;} .white {background-color:white;}
.lightgrey {background-color:#eee}
.yellow {background-color:#FBDD09;} .yellow {background-color:#FBDD09;}
.red {background-color:#FE2423;} .green {background-color:#BEDB74;}
.red {background-color:#FE2423; color:white;}
.lightgrey {background-color:#eee}
.lightgreen {background-color:#deeebf;} .lightgreen {background-color:#deeebf;}
.lightyellow {background-color:#FCF79A;}
.darkgrey {background-color: #ddd;}
/* MICRO CLEARFIX HACK */ /* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */ .cf:before, .cf:after {content:"";display:table} /* For modern browsers */

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -1,91 +1,148 @@
{% extends 'innov/base.html' %} {% extends 'innov/base.html' %}
{% block content %} {% block content %}
<div class="g3"> <!-- english -->
<div class="g3 lightgrey">
<div class="leading60"><h2 class="hwider darkgrey">English</h2></div>
<div class="g3_3 staticpage main"><h1>SMS service</h1></div>
<div class="g3_3 staticpage">
<p>With ChaloBEST, you can send queries and receive information about bus stops, bus numbers and routing on BEST. <br />
Send SMS to <b>96195.24420</b> (*)</p>
<p>(*) Normal SMS charges applicable as per carrier rate and plan.</p>
</div>
<div class="leading20"></div>
<div class="g3_3 staticpage main">
<h2 class="hwide darkgrey">INSTRUCTIONS</h2>
<div class="leading10"></div>
<h3>Find routes between bus stops <br />(or areas)</h3>
<p>Send the names separated by "<b>to</b>". (other possible separators: "<b>+</b>", "<b>/</b>".)<br />Example: </p>
<div class="g3_3 darkgrey">
<div class="leading10"></div>
<div class="center">
<img src="/static/images/sms_direction_send.png" alt="send message as - FROM mahim TO churchgate" />
</div>
<div class="leading10"></div>
</div>
<div class="leading40"></div> <div class="leading40"></div>
<div class="g3_3 listtitlesmall"><h3>SMS service</h3></div> <h3>Find all busses &plus; frequencies at your stop</h3>
<div class="g3_3 staticpage lightgrey"> <p>Send the stop name. Example:<br />
<div class="box"> "<b>mahim</b>" (or "<b>borivali w</b>", "<b>bhandup</b>", etc)</p>
<p>With this service, you can send and receive simple queries by SMS about bus stops, bus numbers and routing on BEST.</p> <div class="g3_3 darkgrey">
<p>Send SMS to 9619524420 and you will receive a return SMS with the information you need.</p> <div class="leading10"></div>
<div class="center">
<img src="/static/images/sms_stop_send.png" alt="send message as - FROM mahim TO churchgate" />
</div>
<div class="leading10"></div>
</div>
<div class="leading40"></div>
<h3>Find bus route &amp; frequency:</h3>
<p>Send the bus number (add the letter if it has one). Example:<br />
"<b>21</b>" (Other bus types: "<b>92L</b>","<b>C-52</b>","<b>AS-440</b>")</p>
<div class="g3_3 darkgrey">
<div class="leading10"></div>
<div class="center">
<img src="/static/images/sms_bus_send.png" alt="send message as: 21" />
</div>
<div class="leading10"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="g6"> <!-- marathi -->
<div class="leading40"></div> <div class="g3 lightgreen">
<div class="g6_6 staticpage main"> <div class="leading60"><h2 class="hwider green">मराठी</h2></div>
<h1>INSTRUCTIONS SMS</h1> <div class="g3_3 staticpage main"><h1>एस.एम.एस. service</h1></div>
<h2>Find bus options to destination</h2> <div class="g3_3 staticpage">
<p>To find out how to go from one stop to another, send an SMS with any stop name "TO " any stop name. Example:</p> <p>चलोबेस्ट या सेवेद्वारे तुम्ही बेस्ट बसेस, बसस्थानक, बसमार्ग यांची माहीती एस.एम.एस च्या माध्यमातुन मिळवू शकता.<br />
<div class="g6_6 lightgreen"> त्यासाठी <b>९६१९५२४४२०</b> या मोबाईल क्रंमाकावर एस.एम.एस पाठवा.(*)</p>
<p>(*) या सुविधेसाठी तुमच्या एस.एम.एस सेवेचा नियमीत शुल्क आकारले जातील. </p>
</div>
<div class="leading20"></div>
<div class="g3_3 staticpage main">
<h2 class="hwide green">INSTRUCTIONS</h2>
<div class="leading10"></div>
<h3>दोन बसस्थानक किंवा क्षेत्रातील बसमार्गांबद्दलच्या माहीतीसाठी</h3>
<p>त्या दोन स्थानकांच्या नावांमध्ये "<b>to</b>", "<b>+</b>", "<b>/</b>" लिहुन एस.एम.एस करा. उदाहरणार्थ:</p>
<div class="g3_3 green">
<div class="leading10"></div> <div class="leading10"></div>
<div class="g6_3">
<div class="center"> <div class="center">
<img src="/static/images/sms_direction_send.png" alt="send message as - FROM mahim TO churchgate" /> <img src="/static/images/sms_direction_send.png" alt="send message as - FROM mahim TO churchgate" />
</div> </div>
<div class="box">
<p>"<b>Agarwadi to Kalanagar</b>" <br />Or: "<b>agarwadi to kalanagar</b>",<br /> "<b>From Agarwadi TO Kalanagar</b>" and variations on those.</p>
</div>
</div>
<div class="g6_gut"></div>
<div class="g6_3">
<div class="center">
<img src="/static/images/sms_direction_answer.png" alt="receive message with all direct buses from mahim to churchgate stops" />
</div>
<div class="box">
<p>The answer you receive shows the bus numbers which ply between Agarwadi and Kalanagar stops.</p>
</div>
</div>
</div>
<div class="leading20"></div>
<h2>Find all busses that pass a particular stop</h2>
<p>To see all the bus numbers served by a stop, send an SMS with "STOP " and the name of any bus stop or area: Example:</p>
<div class="g6_6 lightgreen">
<div class="leading10"></div> <div class="leading10"></div>
<div class="g6_3"> </div>
<div class="leading40"></div>
<h3>कोणत्याही बसस्थानकावरील बसमार्ग व त्या स्थानकावरुन सुटणार् या दोन बसमधिल वेळेच अंतर यांच्या माहीतीसाठी</h3>
<p>स्थानकाचे नाव एस.एम.एस करा. उदाहरणार्थ:<br />
"<b>mahim</b>" (or "<b>borivali w</b>", "<b>bhandup</b>", etc)</p>
<div class="g3_3 green">
<div class="leading10"></div>
<div class="center"> <div class="center">
<img src="/static/images/sms_stop_send.png" alt="send message as - FROM mahim TO churchgate" /> <img src="/static/images/sms_stop_send.png" alt="send message as - FROM mahim TO churchgate" />
</div> </div>
<div class="box"> <div class="leading10"></div>
<p>"<b>stop agarwadi</b>" <br />Or: "<b>STOP agarwadi</b>", "<b>Stop Agarwadi</b>" and variations on those.</p>
</div> </div>
</div> <div class="leading40"></div>
<div class="g6_gut"></div> <h3>कोणत्याही बेस्ट बसच्या बसमार्गाची व वारंवारतेची माहिती मिळवण्यासाठी</h3>
<div class="g6_3"> <p>बसचा पूर्ण क्रमांक एस.एम.एस करा. उदाहरणार्थ:<br />
"<b>21</b>" (Other bus types: "<b>92L</b>","<b>C-52</b>","<b>AS-440</b>")</p>
<div class="g3_3 green">
<div class="leading10"></div>
<div class="center"> <div class="center">
<img src="/static/images/sms_stop_answer.png" alt="receive message with all direct buses from mahim to churchgate stops" /> <img src="/static/images/sms_bus_send.png" alt="send message as: 21" />
</div> </div>
<div class="box"> <div class="leading10"></div>
<p>The answer you receive shows the numbers of all the buses that pass through Agarwadi stop.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- hindi -->
<div class="g3 lightyellow">
<div class="leading60"><h2 class="hwider yellow">हिन्दी</h2></div>
<div class="g3_3 staticpage main"><h1>एस.एम.एस. service</h1></div>
<div class="g3_3 staticpage">
<p>ChaloBEST के द्वारा आप बस के क्रमांक, स्टॉप एवं बस मार्गों क़ी जानकारी पा सकते है. <br />
इस सेवा का उपयोग करने के लिए <b>96195.24420</b> पर SMS भेजें (*)</p>
<p>(*) सुविधा पे सामान्य SMS शुल्क लागू </p>
</div>
<div class="leading20"></div> <div class="leading20"></div>
<h2>Find the route of a particular bus number</h2> <div class="g3_3 staticpage main">
<p>To see the route of any bus number, send an SMS with "BUS " and the number of any bus: Example:</p> <h2 class="hwide yellow">INSTRUCTIONS</h2>
<div class="g6_6 lightgreen"> <div class="leading10"></div>
<h3>किसी स्थान या स्टॉप के बीच कौन कौन से बस मार्ग है </h3>
<p>जानने के लिए उनके नाम SMS में भेजें. नामों के बीच "<b>to</b>","<b>+</b>" या "<b>/</b>" डाल के उन्हें अलग करें. उदाहरण के लिए:</p>
<div class="g3_3 yellow">
<div class="leading10"></div> <div class="leading10"></div>
<div class="g6_3">
<div class="center"> <div class="center">
<img src="/static/images/sms_bus_send.png" alt="send message as - FROM mahim TO churchgate" /> <img src="/static/images/sms_direction_send.png" alt="send message as - FROM mahim TO churchgate" />
</div> </div>
<div class="box"> <div class="leading10"></div>
<p>"bus 21" (Also possible: "BUS 21", "Bus 21")</p>
</div> </div>
</div> <div class="leading40"></div>
<div class="g6_gut"></div> <h3>किसी भी स्टॉप के बस मार्ग या उस स्टॉप क़ी बसें कितने समय काल के बाद आती है</h3>
<div class="g6_3"> <p>जानने के लिए उस स्टॉप का नाम SMS करें. उदाहरण के लिए <br />
"<b>mahim</b>" (or "<b>borivali w</b>", "<b>bhandup</b>", etc)</p>
<div class="g3_3 yellow">
<div class="leading10"></div>
<div class="center"> <div class="center">
<img src="/static/images/sms_bus_answer.png" alt="receive message with all direct buses from mahim to churchgate stops" /> <img src="/static/images/sms_stop_send.png" alt="send message as - FROM mahim TO churchgate" />
</div>
<div class="box">
<p>The answer you receive shows all the stop names that Bus No. 21 passes.</p>
</div>
</div> </div>
<div class="leading10"></div>
</div>
<div class="leading40"></div>
<h3>किसी बस का मार्ग जानने के लिए या यह जानने के लिए क़ि वह कितने समय काल के बाद आती है</h3>
<p> बस का नंबर ( अंग्रेजी अक्षर सहित ) SMS करें. उदाहरण के लिए:<br />
"<b>21</b>" (Other bus types: "<b>92L</b>","<b>C-52</b>","<b>AS-440</b>")</p>
<div class="g3_3 yellow">
<div class="leading10"></div>
<div class="center">
<img src="/static/images/sms_bus_send.png" alt="send message as: 21" />
</div>
<div class="leading10"></div>
</div> </div>
</div> </div>
</div> </div>
<!-- right banner -->
<div class="g3"> <div class="g3">
<div class="g3_3 "> <div class="g3_3 ">
<div class="highlight"> <div class="highlight">
@ -94,8 +151,8 @@
<li><b>Find bus & route info:</b></li> <li><b>Find bus & route info:</b></li>
<ul class="sublist"> <ul class="sublist">
<li>Directions: "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li> <li>Directions: "<span>[stop name]</span><b> to </b><span>[stop name]</span>"</li>
<li>Buses at your stop: "<b>stop </b><span>[stopname]</span>"</li> <li>Buses at your stop: "<span>[stop name]</span>"</li>
<li>Stop list: "<b>bus </b><span>[number]</span>"</li> <li>Bus stop list &amp; frequency: "<span>[number]</span>"</li>
</ul> </ul>
<li><b>SMS it to 9619524420</b></li> <li><b>SMS it to 9619524420</b></li>
</ol> </ol>
@ -107,7 +164,9 @@
<div class="g3_3 listtitlesmall"><h3>DISCLAIMER: TEST PHASE</h3></div> <div class="g3_3 listtitlesmall"><h3>DISCLAIMER: TEST PHASE</h3></div>
<div class="g3_3 staticpage lightgrey"> <div class="g3_3 staticpage lightgrey">
<div class="box"> <div class="box">
<p>ChaloBEST is still being tested, we plan to release a public beta soon. We welcome your feedback and comments via email to info@chalobest.in</p> <p>ChaloBEST SMS is in public beta, and your feedback is most welcome, <a href="contact.html">click here to contact</a>.</p>
<p>ChaloBEST सुविधा क़ी अभी जांच एवं परिक्षण जारी है. इस सेवा पे आपके विचार एवं सुझाव हमें ज़रूर भेजें. हम से समपर्क करने के लिए <a href="contact.html">इधर क्लिक करें</a>.</p>
<p>चलोबेस्ट एस.एम.एस सेवा ही लोकांकरीता असल्याने त्याचे परिक्षण चालु आहे, तुमच्या अभिप्राय आणि सुचनेचे आम्ही स्वागत करतो. संपर्क साधण्यासाठी <a href="contact.html">येथे क्लिक करा.</a></p>
</div> </div>
</div> </div>
</div> </div>