merged with sanj branch

This commit is contained in:
Johnson Chetty 2012-09-21 21:08:38 +02:00
commit 8c4fc8f797
47 changed files with 2165 additions and 8 deletions

View File

@ -0,0 +1,226 @@
/*
Content style sheet for ChaloBEST
*/
/* NAVIGATION */
/* footer */
.foot ul, .navlink ul{list-style-type:none; margin:0; padding:0; }
.foot li {display:inline; float:left;}
.foot li a {display:block; margin: 0 10px;}
.foot .right p{display:inline; float:right;}
.foot .right img{display:inline; float:right; padding:5px 2px 5px 5px; width:15px; height:15px;}
/* primary navigation */
.banner {background:url('img/header_bg.png') repeat-x; background-size:contain;} /* background image for the global nav + text logo bar */
.navlink a {color:#fff;}
.sms { float:right; background-color:green; border:2px solid green;}
.trip {float:left; background-color:#BEDB74; border:2px solid #BEDB74;}
.selected {padding-top:2px; color:#fff; font-weight:bold; border:2px solid #FBDD09; border-radius:3px;}
.rim {display:inline; float:left; height:10px;}
.global {
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
}
/* LANDING PAGE DIVS */
/* trip planner item */
.tripplanner {margin: -2px 0 0 -5px; padding:15px; background-color:#BEDB74; border: 2px solid #FBDD09; border-radius:0 0 15px 15px;}
.tripinput {width:98%; margin:5px 0;}
.tripplanner .submit{float:right; margin:5px 0; height:1.5em;}
.tripplanner h2{font-size:1em; color:#FE2423;}
/* landing page area stop route statistic row */
.searchbar ul {list-style-type:none; margin:0;}
.searchbar li {
display:inline; float:left; width: 21%; height: 1em; margin: 0 5% 0 3%; padding:0.3em 5px 0 5px;
border: 3px dotted #ffdd00;
font-family:"Boston Traffic"; font-size:170%; font-weight: bold; color: #ccc; text-align:right;}
.searchbar .statistics {display:block;float:left; margin-top:-3.5%; padding:0; width:22%; font-size:40%; font-weight:normal; line-height:1.6em; text-align:left;}
.statistics .overline {padding: 0.3em 0 0 0; border-top: 2px dashed #ccc;}
.searchbar {display:inline; float:left; width:100%; margin:0;}
/*map looks for landingpage */
.landingmap {width:100%; height:100%; border:0; scrolling:no; margin:0; border-radius:15px;}
/* landing page area list table*/
.landing_table {width:100%; padding:0 2.45% 0 2.45%;}
.landing_table tr {margin:0; padding:0; width:100%; min-height:10px; border-bottom: 1px solid #ccc;}
.landing_table th {padding-top:0px; padding-bottom:0px;}
.landing_table td {padding:5px 3.16% 5px 1.58% !important;}
.landing_table .filterlistinput {width:92%;}
.landing_row {width:100%; margin:5px 0; padding:0; line-height: 1em; border-bottom: 1px solid #ccc; background-color:white;}
.landing_area {width:100%; padding:0 2.45% 0 2.45%;}
.landing_area img {width:1.2em; text-align:center;}
.landing_area span {font-weight:normal;}
.landing_area .filterlistinput {width:92%;}
.listfilter .landing_area {text-align:center;}
/* GUIDE PAGES */
.list, .map, .comments, .listtitle, .listextrainfo
{display:inline; float:left; margin:0; width:100%;}
/* search bar pages */
.search{background-color:#eee; border:2px solid #aaa;}
.search_input{height: 1em; width:94.5%; margin:2px 1%; padding: 0.3333em 2%; border:2px solid #eee;}
.searchsubmit{height: 100%; margin-top:0.1em; padding-top:0.24em; padding-bottom:0.24em; border-radius:1em; border:2px solid yellow; background-color:#FBDD09;}
/* page titles for guide pages */
.pagetitle {display:inline; float:left; margin:0; padding:10px 5px; min-height: 1em; overflow:hidden;}
.pagetitle h1{float:left; color:red; font-size: 1.75em; line-height:1.33333333333333em;}
.pagetitle img{float:left; margin:0 1% 0 0; padding-top:2px; width:1.7em;}
.pagetitle td {margin:0; padding:0 10px;}
/* list headers */
.listtitle{padding:0; height: 3.2em;}
.listtitle h3 {float:left; padding: 10px 5px; width:80%;}
.listtitle img {float:left; padding: 12px 5px; width:1.7em;}
.listtitlesmall{height: 1.8em; background-color:#999;} /* for stacked lists */
.listtitlesmall h3{float:left; margin:0px; padding: 5px; color:#fff; width:80%; font-size:100%;} /* for stacked lists */
.listtitlesmall img{float:left; margin:0px; padding: 5px; height:20px; width:20px;} /* for stacked lists */
/* for extra info under the list header */
.listextrainfo {padding:1em 10px 0 5px; height: 2.3em;}
.listextrainfo p{font-size:80%; line-height:80%; color:red;}
.listextrainfo img{float:left; margin-right:2%; width:1em;}
.listextrainfo span.frequency{margin:0 10px; color:black;}
.listextrainfo span.thumbs {display:inline; float:right; margin:0 10px; width:30%; color:grey; font-size:75%;}
/* list filters */
.listfilter{height:1.7em; background-color:#ddd;}
.listfilter td {padding-top:0 !important; padding-bottom:0 !important; padding-left:1% !important; padding-right:0 !important;}
.listfilter_form{width:98%; margin:0px; padding:0 -1%;}
.listfilter_input{width:96%; height:1.5em; margin:0 ; padding:0 2%; font-size:0.75em;}
/* lists contents - stop area route */
.listheight {display:block; overflow:hidden; height:100%;}
/* list styles to be suspended */
.list{background-color:white;}
.list ul {list-style-type:none; margin:0; padding:10px 5px 0 5px; }
.list li {line-height:1.2em; padding:0 0 0.8em 0;}
/* comments */
.comments{}
.comments h4{font-size:90%}
.comment_item{display:inline; float:left; width:100%; padding:1.2em 0; border-bottom:1px solid #ccc;}
.comment_user{font-size:0.68em; font-weight:bold;}
.comment_content{font-size:0.92em; font-weight:normal;}
.comments .box{display:inline;float:left; width:100%; padding:10px 0 ;}
.comments label, .label{display:inline; float:left; margin:0 2.71% 0 0 !important; width: 135px; font-size:0.92em; font-weight:bold;}
.comments textbox{display:inline; float:left; width: 64.76%;}
.comments .input{width:64.76%;}
.pot {display:none;}
#comment_form {padding:0 0 20px 0;}
#id_name {width:50%}
#id_email {width:50%}
#id_url {width:50%}
#id_comment {width:63.5%; height:6em;}
#id_submit {display:inline; float:left; width:20%}
/* info */
.info h2{font-size:1.7em;}
.info h4 {font-size:80%;}
.info h5 {font-size:100%; color:red;}
/* AREAS PAGES */
/* page title for area pages */
.areatitle {display:block; float:left; margin:0px; padding:0 1% 0 0; line-height:1em;}
.areatitle {width:87%; margin-left:1%;}
.areatitle h1{margin-bottom:0.15em;}
.areatitle h1 span{display:block;float:left;}
.listtitle h3.stop {width:50% !important;}
/* STOP PAGES */
/* page title for stop pages */
.stoptitle {display:block; float:left; margin:0px; padding:0 1% 0 0; line-height:1em;}
.stoptitle {width:85%; margin-left:1%;}
.stoptitle h1{display:block;float:left; margin-bottom:0.15em;}
.stoptitle h1 span{display:block;float:left;}
/* stop list table */
.routecheckbox {width:3%;}
.routecheckboxlabel {width:10%;font-size:80%;}
.stop_frequency img{float:left; padding-left:0; width:15%; height:15%;}
.stop_frequency span.thumbs {display:inline; float:right; margin:0 5%; padding-right:1.99% !important; width:66%; color:#fff; font-size:70%; line-height:1em;}
.stoppage_table {width:100%; padding:0 2.45% 0 2.45%;}
.stoppage_table tr {margin:0; padding:0; width:100%; min-height:10px; border-bottom: 1px solid #ccc;}
.stoppage_table th {padding-top:0px; padding-bottom:0px; padding-right:3.16%;}
.stoppage_table td {padding:5px 3.16% 5px 1.58%;}
.stoppage_table .filterlistinput {width:92%;}
span.half {display:inline; float:left; margin:0; padding:0; width:50%;}
.stop_number .no {position:relative; margin:0; padding:0; line-height: 1em; left:30% !important;}
.stop_route img {position:relative; left:30% !important;}
.stop_number {width:16.01%;}
.stop_number .filterlistinput {width:92%;}
.stop_route {width:62.99%;}
.stop_route .filterlistinput {margin-left:-0.6em; width:100%;}
.stop_frequency {width:16.01%;}
.right {text-align:right !important;}
/* ROUTE PAGES */
/* page title for route pages */
.routetitle, .number, .from, .dash, .to {display:block; float:left; margin:0px; padding:0 1% 0 0;}
.routetitle{width:90%; margin-left:1%; min-height:4.6em;}
.number{width:14%; padding-bottom:10px; overflow:hidden;}
.from{width:38%; text-align:center;}
.dash{width:2%; text-align:centre;}
.to{width:38%; text-align:center;}
/* route list table */
.routepage_table {width:100%; padding:0 2.45% 0 2.45%;}
.routepage_table tr {margin:0; padding:0; width:100%; min-height:10px; border-bottom: 1px solid #ccc;}
.routepage_table th {padding-top:0px; padding-bottom:0px;}
.routepage_table td {padding:5px 3.16% 5px 1.58%;}
.routepage_table .filterlistinput {width:92%;}
.route_stop img {position:relative; left:30% !important;}
.route_area img {position:relative; left:30% !important;}
.route_distance img {position:relative; left:30% !important;}
.route_stop {width:46.84%;}
.route_stop .filterlistinput {width:92%;}
.route_area {width:20.26%;}
.route_area .filterlistinput {margin-left:-0.6em; width:100%;}
.route_distance {width:17.1%;}
.right {text-align:right !important;}
/* PERSONAL PAGES */
/* STATIC PAGES (SMS,ANDROID,JOIN US,ABOUT US) */
/* block */
.staticpage {min-height: 1em; overflow:hidden;}
.staticpage h1{color:red; font-size: 1.75em; line-height:1.33333333333333em;}
.staticpage h2 {font-size:100%;}
.staticpage p, .staticpage h3, .staticpage ul, .staticpage ol {font-size:80%;}
.staticpage .box {padding:10px 0.8em;}
.staticpage .main {min-height:300px;}
.staticpage img{margin:0;}
/* highlight box top right*/
.highlight {margin: -2px 0 0 0; padding:15px; background-color:#BEDB74; border: 2px solid #FBDD09; border-radius:0 0 15px 15px;}
.highlight .right{width:100%; text-align:center;}
.highlight .submit{float:right; margin5px 0; height:1.5em;}
.highlight h2{font-size:1em; color:#FE2423;}
.highlight ol{font-size:1.2em;}
.highlight ul{/*list-style-type:none; text-align:right;*/ padding-left:12%;}
.highlight ul.sublist{font-size:0.6em;}
.highlight ul span{font-style:italic;}
.actionbutton {background-color:#FBDD09 !important; border:2px solid yellow; border-radius:15px; text-align:center !important;}
/* OTP */
/* SIGN UP / SIGN IN */

View File

@ -0,0 +1,699 @@
/*
Fluid Baseline Grid v1.0.0
Designed & Built by Josh Hopkins and 40 Horse, http://40horse.com
Licensed under Unlicense, http://unlicense.org/
Base stylesheet with CSS normalization, typographic baseline grid and progressive responsiveness
*/
/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {display: block}
audio[controls],canvas,video {display: inline-block; *display: inline; zoom: 1}
/* BASE */
html {height: 100%; font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {margin: 0; min-height: 100%; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; background-color:#fff;} /* Improve default text rendering, handling of kerning pairs and ligatures */
/* DEFAULT FONT SETTINGS */
/* 16px base font size with 150% (24px) friendly, unitless line height and margin for vertical rhythm */
/* Font-size percentage is based on 16px browser default size */
body, button, input, select, textarea {font: 100%/1.5 Gill Sans, Calibri, Trebuchet MS, sans-serif; *font-size: 1em; color: #333} /* IE7 and older can't resize px based text */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, img {margin: 0 0 1.5em; padding: 0}
/* TYPOGRAPHY */
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
@font-face {font-family: "Kruti Dev 714";
src: url('fonts/Kruti Dev 714 Normal.ttf') format("truetype"); /* non-IE */
}
@font-face {font-family: "Boston Traffic";
src: url('boston_traffic.ttf') format("truetype"); /* non-IE */
}
h1, h2, h3, h4, h5, h6 {font-family:"Boston Traffic", Impact, Haettenschweiler, Arial Narrow Bold, sans-serif;color:#222; text-shadow:1px 1px 1px rgba(0,0,0,.10)}
h1 {margin: 0; font-size: 2.75em; line-height: 1.5em; margin-bottom: 0.4em;} /* 60px / 72px */
h2 {margin: 0; font-size: 2em; line-height: 1em; margin-bottom: 0.5em;} /* 48px / 48px */
h3 {margin: 0; font-size: 1.75em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em;} /* 36px / 48px */
h4 {margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em} /* 24px / 24px */
h5 {margin: 0; font-size: 1.3125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.125em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em} /* 16px / 24px */
small, p.small, a.small {margin: 0; font-size: 0.875em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */
.italic {font-style:italic;}
/* CODE */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Allow line wrapping of 'pre' */
pre, code, kbd, samp {font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; font-family: Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace}
/* TABLES */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em}
th {text-align: left}
tr, th, td {padding-right: 1.5em; border-bottom: 0 solid #333}
/* FORMS */
form {margin: 0}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}
/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em}
dl dd {margin-left: 1.5em}
dt {font-family:Futura, "Century Gothic", AppleGothic, sans-serif}
/* HYPERLINKS */
a {text-decoration: none; color:#FE2423;}
a:hover {text-decoration: underline}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */
/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%; _width: 100%} /* Fluid images */
img {border: 0; -ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */
/* ABBREVIATION */
abbr[title], dfn[title] {border-bottom: 1px dotted #333; cursor: help}
/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
/* OTHERS */
strong, b, dt { font-weight: bold}
dfn {font-style: italic}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */
/*.margintop{margin-top:10px;}
.margintop2x{margin-top:20px;}*/
.leading10, .leading20, .leading30, .leading40, .leading60 {display:inline; float:left; width:100%;}
.leading10 {height:10px;}
.leading20 {height:10px;}
.leading30 {height:30px;}
.leading40 {height:10px;}
.leading60 {height:60px;}
.center {margin-left:auto; margin-right:auto; text-align:center;}
/* background colors */
.white {background-color:white;}
.lightgrey {background-color:#eee}
.yellow {background-color:#FBDD09;}
.red {background-color:#FE2423;}
.lightgreen {background-color:#deeebf;}
/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1} /* For IE 6/7 (trigger hasLayout) */
/* DEFAULT MOBILE STYLE */
body {width: 92%; margin: 0 auto} /* Center page without wrapper */
/* column grid */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1
{display:inline; position: relative; margin-left: 0.99%; margin-right: 0.99%; margin-bottom:20px;}
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6,.g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8,.g8_5,.g8_3,.g8_gut,
.g9_3,.g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:block; position: relative; margin-left: 0; margin-right: 0; margin-bottom:20px;}
/* 1 column grid */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1,
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6, .g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8,.g8_5,.g8_3,.g8_gut,
.g9_3,.g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:inline; float: left}
/* media Queries
FOLDING FLUID GRID
< 767px - 1-Column Fluid Grid
768px - 1023px - 2-Column Fluid Grid
> 1024px - 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */
/* MOBILE SMALL */
@media only screen and (min-width: 240px) {
/* FONT SIZE ADJUSTED FOR LEGIBILITY*/
body {font-size:80%;} /* 12px / 18px */
.pagetitle{font-size:60%;}
/* NAVIGATION */
.nav, .foot {display:inline; float:left; width:100%;}
.nav {height:85px; margin:0;}
.foot {height:50px;}
.logoimg {display:block; float:left; height: 60px; width:32%; background:URL('img/chalobestlogoS.png') #deeebf no-repeat; background-position: 4px top; overflow:hidden; margin:0; padding:0 0 0 1.03%;}
.global{display:block; float:right; width:65.95%; height:30px; padding-right:0.99%; color:#FBDD09;}
.logotext {display:block; float:left; width:100%; height:30px; margin:0; padding:0;}
.logotext img {height:100%;}
.globallinks{display:block; float:right; width:100%; height:30px; padding-right:0.99%; background-color:#deeebf; vertical-align:bottom;}
.globallinks li a {color:#333; font-family:Consolas, Lucida Console, Monaco, monospace; font-weight:bold; vertical-align:bottom;}
.navprimary{display:block; float:left; width:99%; height:25px; padding-right:0.99%;}
.navlink li {display:inline; float:left; margin:0 0 0 2%; padding:0;}
.navprimary .navlink li {margin: 0 0 0 2%; width:22%; float:right; padding:0;}
.navprimary .navlink li a{display:block; width:96%; height:21px; padding-left:1%; padding-right:1%; text-align:center; border-radius:3px; overflow:hidden;}
/* search bar landing page */
.searchbar{position: absolute;
left: -9999px;
}
/* COLUMN GRID */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1,
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6, .g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8,.g8_5,.g8_3,.g8_gut,
.g9_3,.g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:inline; float: left}
/* 1 COLUMN GRID */
/* GRID */
.g12 {width:97.98%; min-height:20px;}
.g12_12 {width:99.7%;margin:0;}
.g12_9 {}
.g12_8 {width:65%; margin:0;}
.g12_7 {width:57.49%; margin:0;}
.g12_6 {width:48.99%; margin:0;}
.g12_5 {width:40.48%; margin:0;}
.g12_4 {width:31%; margin:0;}
.g12_gut {width:2.02%; margin:0; min-height:20px;}
.g9 {min-height:20px;}
.g9_3 {width:31.52%; margin:0;}
.g9_6{width:65.76%; margin:0;}
.g9_9{width:100%; margin:0;}
.g9_gut{width:2.71%; height: 10px; margin:0;}
.g8 {min-height:400px;}
.g8_8 {width:99.7%; margin:0;}
.g8_5 {width:61.35%; margin:0;}
.g8_3 {width:35.59%; margin:0;}
.g8_gut{width:3.06%; height: 10px; margin:0;}
.g7 {min-height:20px;}
.g7_7 {width:99.7%; margin:0;}
.g7_4 {width:55.63%; margin:0;}
.g7_3 {width:40.84%; margin:0;}
.g7_gut{width:3.52%; height: 10px; margin:0;}
.g6 {min-height:20px;}
.g6_6 {width:99.7%; margin:0;}
.g6_3 {width:47%; margin:0;}
.g6_gut{width:4.13%; height: 10px; margin:0;}
.g5 {min-height:20px;}
.g5_5 {width:99.7%; margin:0;}
.g5_1 {width:16.01%; margin:0;}
.g5_gut {width:4.99%; margin:0;}
.g4 {min-height:100px;}
.g4_4{width:100%; margin:0;}
.g4_3{width:73.42%; margin:0;}
.g4_2{width:46.84%; margin:0;}
.g4_1{width:20.26%; margin:0;}
.g4_1small{width:17.1%; margin:0;}
.g4_gut{width:6.32%; height: 10px; margin:0;}
.g4_gut4{width:1.58%; height: 10px; margin:0;}
.g3 {height:100%;}
.g3_3{width:100%; margin: 0;}
.g2 {height:100%;}
.g2_2{width:100%; margin: 0;}
.maphome{height:240px;margin: 0; }
}
@media only screen and (min-width: 320px) {
/* inherited font size*/
body {}
/* NAVIGATION */
.nav, .foot {display:inline; float:left; width:100%;}
.nav {height:55px; margin:0;}
.foot {height:50px;}
.logoimg {display:block; float:left; height: 55px; width:28%; background:URL('img/chalobestlogoS.png') #deeebf no-repeat; background-position: 12px top; overflow:hidden; margin:0; padding:0 0 0 1.03%;}
.global{display:block; float:left; width:69.95%; height:30px; padding-right:0.99%;}
.logotext {display:block; float:left; width:51.01%; height:25px; margin:3px 0 0 0;}
.globallinks{display:block; float:right; width:48%; height:30px; padding:2px 0.99% 0 0; background-color:inherit; vertical-align:bottom;}
.globallinks li a {color:#FBDD09; font-family:Consolas, Lucida Console, Monaco, monospace; font-weight:bold; font-size:0.80em; line-height:00.9em; vertical-align:bottom;}
.navprimary{display:block; float:left; width:69.95%; height:30px; padding-right:0.99%;}
.navlink li {display:inline; float:right; padding:0;}
.navprimary .navlink li {margin: 0 0 0 3%; width:22%;}
.navprimary .navlink li a{width:96%; height:21px; text-align:center; border-radius:3px; overflow:hidden;}
/* COLUMN GRID */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1,
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6,.g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8,.g8_5,.g8_3,.g8_gut,
.g9_3,.g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:inline; float: left}
/* 1 COLUMN GRID */
/* GRID */
.g12 {width:97.98%; min-height:20px;}
.g12_12 {width:99.7%;margin:0;}
.g12_9 {}
.g12_8 {width:65%; margin:0;}
.g12_7 {width:57.49%; margin:0;}
.g12_6 {width:48.99%; margin:0;}
.g12_5 {width:40.48%; margin:0;}
.g12_4 {width:31%; margin:0;}
.g12_gut {width:2.02%; margin:0; min-height:20px;}
.g9 {min-height:20px;}
.g9_3 {width:31.52%; margin:0;}
.g9_6{width:65.76%; margin:0;}
.g9_9{width:100%; margin:0;}
.g9_gut{width:2.71%; height: 10px; margin:0;}
.g8 {min-height:400px;}
.g8_8 {width:99.7%; margin:0;}
.g8_5 {width:61.35%; margin:0;}
.g8_3 {width:35.59%; margin:0;}
.g8_gut{width:3.06%; height: 10px; margin:0;}
.g7 {min-height:20px;}
.g7_7 {width:99.7%; margin:0;}
.g7_4 {width:55.63%; margin:0;}
.g7_3 {width:40.84%; margin:0;}
.g7_gut{width:3.52%; height: 10px; margin:0;}
.g6 {min-height:20px;}
.g6_6 {width:99.7%; margin:0;}
.g6_3 {width:47%; margin:0;}
.g6_gut{width:4.13%; height: 10px; margin:0;}
.g5 {min-height:20px;}
.g5_5 {width:99.7%; margin:0;}
.g5_1 {width:16.01%; margin:0;}
.g5_gut {width:4.99%; margin:0;}
.g4 {min-height:100px;}
.g4_4{width:100%; margin:0;}
.g4_3{width:73.42%; margin:0;}
.g4_2{width:46.84%; margin:0;}
.g4_1{width:20.26%; margin:0;}
.g4_1small{width:17.1%; margin:0;}
.g4_gut{width:6.32%; height: 10px; margin:0;}
.g4_gut4{width:1.58%; height: 10px; margin:0;}
.g3 {height:100%;}
.g3_3{width:100%; margin: 0;}
.g2 {height:100%;}
.g2_2{width:100%; margin: 0;}
.maphome{height:300px;margin: 0; }
}
@media only screen and (min-width: 480px) {
/* inherited font size*/
body {}
.pagetitle{font-size:100%;}
/* NAVIGATION */
.nav, .foot {display:inline; float:left; width:100%;}
.nav {height:60px; margin:0;}
.foot {height:50px;}
.logoimg {display:block; float:left; height: 60px; width:18%; background:URL('img/chalobestlogoS.png') #deeebf no-repeat; background-position: 12px top; overflow:hidden; margin:0; padding:0 0 0 1.03%;}
.global{display:block; float:left; width:79.95%; height:30px; padding-right:0.99%;}
.logotext {display:block; float:left; height:30px; margin:0; padding:0;}
.globallinks{display:block; float:right; width:30%; height:30px; padding:2px 0.99% 0 0; background-color:inherit; vertical-align:bottom;}
.globallinks li a {color:#FBDD09; font-family:Consolas, Lucida Console, Monaco, monospace; font-weight:bold; vertical-align:bottom;}
.navprimary{display:block; float:left; width:79.95%; height:30px; padding-right:0.99%;}
.navlink li {display:inline; float:right; padding:0;}
.navprimary .navlink li {margin: 0 0 0 2%; width:22%;}
.navprimary .navlink li a{width:96%; height:26px; text-align:center; border-radius:3px; overflow:hidden;}
/* COLUMN GRID */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1,
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6, .g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8,.g8_5,.g8_3,.g8_gut,
.g9_3,.g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:inline; float: left}
/* 1 COLUMN GRID */
/* GRID */
.g12 {width:97.98%; min-height:20px;}
.g12_12 {width:99.7%;margin:0;}
.g12_9 {}
.g12_8 {width:65%; margin:0;}
.g12_7 {width:57.49%; margin:0;}
.g12_6 {width:48.99%; margin:0;}
.g12_5 {width:40.48%; margin:0;}
.g12_4 {width:31%; margin:0;}
.g12_gut {width:2.02%; margin:0; min-height:20px;}
.g9 {width:97.98%; min-height:20px;}
.g9_3 {width:31.52%; margin:0;}
.g9_6{width:65.76%; margin:0;}
.g9_9{width:100%; margin:0;}
.g9_gut{width:2.71%; height: 10px; margin:0;}
.g8 {width:97.98%; min-height:400px;}
.g8_8 {width:99.7%; margin:0;}
.g8_5 {width:61.35%; margin:0;}
.g8_3 {width:35.59%; margin:0;}
.g8_gut{width:3.06%; height: 10px; margin:0;}
.g7 {width:97.98%; min-height:20px;}
.g7_7 {width:99.7%; margin:0;}
.g7_4 {width:55.63%; margin:0;}
.g7_3 {width:40.84%; margin:0;}
.g7_gut{width:3.52%; height: 10px; margin:0;}
.g6 {width:97.98%; min-height:20px;}
.g6_6 {width:99.7%; margin:0;}
.g6_3 {width:47%; margin:0;}
.g6_gut{width:4.13%; height: 10px; margin:0;}
.g5 {width:97.98%; min-height:20px;}
.g5_5 {width:99.7%; margin:0;}
.g5_1 {width:16.01%; margin:0;}
.g5_gut {width:4.99%; margin:0;}
.g4 {width: 65.29%; min-height:100px;}
.g4_4{width:100%; margin:0;}
.g4_3{width:73.42%; margin:0;}
.g4_2{width:46.84%; margin:0;}
.g4_1{width:20.26%; margin:0;}
.g4_1small{width:17.1%; margin:0;}
.g4_gut{width:6.32%; height: 10px; margin:0;}
.g4_gut4{width:1.58%; height: 10px; margin:0;}
.g3 {width: 47.94%; height:100%;}
.g3_3{width:100%; margin: 0;}
.g2 {width: 30.58%; height:100%;}
.g2_2{width:100%; margin: 0;}
.maphome{height:350px;margin: 0; }
}
@media only screen and (min-width: 600px) {
/* inherited font size*/
body {}
/* NAVIGATION */
.nav, .foot {display:inline; float:left; width:100%;}
.nav {height:60px; margin:0;}
.foot {height:50px;}
.logoimg {display:block; float:left; height: 60px; width:15%; background:URL('img/chalobestlogoS.png') #deeebf no-repeat; background-position: 12px top; overflow:hidden; margin:0; padding:0 0 0 1.03%;}
.global{display:block; float:left; width:82.95%; height:30px; padding-right:0.99%;}
.logotext {display:block; float:left; width:23.01%; height:30px; margin:0; padding:0;}
.globallinks{display:block; float:right; width:30%; height:30px; padding:2px 0.99% 0 0; background-color:inherit; vertical-align:bottom;}
.globallinks li {vertical-align:bottom;}
.globallinks a {color:#FBDD09; font-family:Consolas, Lucida Console, Monaco, monospace; font-weight:bold; vertical-align:bottom;}
.navprimary{display:block; float:left; width:82.95%; height:30px; padding-right:0.99%;}
.navlink li {display:inline; float:right; padding:0;}
.navprimary .navlink li {margin: 0 0 0 2%; width:22%;}
.navprimary .navlink li a{width:96%; height:26px; text-align:center; border-radius:3px; overflow:hidden;}
/* searchbar elements landing page */
.searchbar{position:relative;
left:0;}
.leading20 {height:20px;}
/* COLUMN GRID */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1,
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6, .g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8,.g8_5,.g8_3,.g8_gut,
.g9_3,.g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:inline; float: left}
/* 1 COLUMN GRID */
/* GRID */
.g12 {width:97.98%; min-height:20px;}
.g12_12 {width:99.7%;margin:0;}
.g12_9 {}
.g12_8 {width:65%; margin:0;}
.g12_7 {width:57.49%; margin:0;}
.g12_6 {width:48.99%; margin:0;}
.g12_5 {width:40.48%; margin:0;}
.g12_4 {width:31%; margin:0;}
.g12_gut {width:2.02%; margin:0; min-height:20px;}
.g9 {width:97.98%; min-height:20px;}
.g9_3 {width:31.52%; margin:0;}
.g9_6{width:65.76%; margin:0;}
.g9_9{width:100%; margin:0;}
.g9_gut{width:2.71%; height: 10px; margin:0;}
.g8 {width:97.98%; min-height:400px;}
.g8_8 {width:99.7%; margin:0;}
.g8_5 {width:61.35%; margin:0;}
.g8_3 {width:35.59%; margin:0;}
.g8_gut{width:3.06%; height: 10px; margin:0;}
.g7 {width:97.98%; min-height:20px;}
.g7_7 {width:99.7%; margin:0;}
.g7_4 {width:55.63%; margin:0;}
.g7_3 {width:40.84%; margin:0;}
.g7_gut{width:3.52%; height: 10px; margin:0;}
.g6 {width:97.98%; min-height:20px;}
.g6_6 {width:99.7%; margin:0;}
.g6_3 {width:47%; margin:0;}
.g6_gut{width:4.13%; height: 10px; margin:0;}
.g5 {width:97.98%; min-height:20px;}
.g5_5 {width:99.7%; margin:0;}
.g5_1 {width:16.01%; margin:0;}
.g5_gut {width:4.99%; margin:0;}
.g4 {width: 65.29%; min-height:100px;}
.g4_4{width:100%; margin:0;}
.g4_3{width:73.42%; margin:0;}
.g4_2{width:46.84%; margin:0;}
.g4_1{width:20.26%; margin:0;}
.g4_1small{width:17.1%; margin:0;}
.g4_gut{width:6.32%; height: 10px; margin:0;}
.g4_gut4{width:1.58%; height: 10px; margin:0;}
.g3 {width: 47.94%; height:100%;}
.g3_3{width:100%; margin: 0;}
.g2 {width: 30.58%; height:100%;}
.g2_2{width:100%; margin: 0;}
.maphome{height:350px;margin: 0; }
}
/* TABLET/NETBOOK/ */
@media only screen and (min-width: 768px) {
/* inherited font size*/
body {}
/* NAVIGATION */
.nav, .foot {display:inline; float:left; width:100%;}
.nav {height:70px; margin:0;}
.foot {height:50px;}
.logoimg {display:block; float:left; height: 80px; width:12.33%; background:URL('img/chalobestlogoM.png') #deeebf no-repeat; background-position: 12px top; overflow:hidden; margin:0; padding:0 0 0 1.03%;}
.global{display:block; float:left; margin:0; width:85.65%; height:40px;}
.logotext {display:block; float:left; width:23.01%; height:40px; margin:0; padding:0;}
.globallinks{display:block; float:right; width:30%; height:30px; padding:10px 0.99% 0 0; background-color:inherit; vertical-align:bottom;}
.globallinks li {vertical-align:bottom;}
.globallinks a {color:#FBDD09; font-family:Consolas, Lucida Console, Monaco, monospace; font-weight:bold; vertical-align:bottom;}
.navprimary{display:block; float:left; width:85.65%; height:30px; }
.navlink li {display:inline; float:right; margin:0 0 0 1%; padding:0;}
.navprimary .navlink li {width:15.5%;}
.navprimary .navlink li a{display:block; width:96%; height:26px; text-align:center; border-radius:3px;}
/* */
.leading40 {height:40px;}
/* COLUMN GRID */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1,
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6, .g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8, .g8_5,.g8_3,.g8_gut,
.g9_3, .g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:inline; float: left}
/* MULTI COLUMN GRID */
.g12 {width:97.98%; min-height:20px;}
.g12_12 {width:99.7%;margin:0;}
.g12_9 {}
.g12_8 {width:65%; margin:0;}
.g12_7 {width:57.49%; margin:0;}
.g12_6 {width:48.99%; margin:0;}
.g12_5 {width:40.48%; margin:0;}
.g12_4 {width:31%; margin:0;}
.g12_gut {width:2.02%; margin:0; min-height:20px;}
.g9 {width:72.99%; min-height:20px;}
.g9_3 {width:31.52%; margin:0;}
.g9_6{width:65.76%; margin:0;}
.g9_9{width:100%; margin:0;}
.g9_gut{width:2.71%; height: 10px; margin:0;}
.g8 {width:64.66%; min-height:20px;}
.g8_8 {width:99.7%; margin:0;}
.g8_5 {width:61.35%; margin:0;}
.g8_3 {width:35.59%; margin:0;}
.g8_gut{width:3.06%; height: 10px; margin:0;}
.g7 {width:56.33%; min-height:20px;}
.g7_7 {width:99.7%; margin:0;}
.g7_4 {width:55.63%; margin:0;}
.g7_3 {width:40.84%; margin:0;}
.g7_gut{width:3.52%; height: 10px; margin:0;}
.g6 {width:48%; min-height:20px;}
.g6_6 {width:99.7%; margin:0;}
.g6_3 {width:47%; margin:0;}
.g6_gut{width:4.13%; height: 10px; margin:0;}
.g5 {width:39.67%; min-height:20px;}
.g5_5 {width:99.7%; margin:0;}
.g5_1 {width:16.01%; margin:0;}
.g5_gut {width:4.99%; margin:0;}
.g4 {width:31.34%; min-height:100px;}
.g4_4{width:100%; margin:0;}
.g4_3{width:73.42%; margin:0;}
.g4_2{width:46.84%; margin:0;}
.g4_1{width:20.26%; margin:0;}
.g4_1small{width:17.1%; margin:0;}
.g4_gut{width:6.32%; height: 10px; margin:0;}
.g4_gut4{width:1.58%; height: 10px; margin:0;}
.g3 {width:23.01%; height:100%;}
.g3_3{width:100%; margin: 0;}
.g2 {width:14.68%; height:100%;}
.g2_2{width:100%; margin: 0;}
.maphome{height:500px;margin: 0;}
}
/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) {
body {width:100%;font-size:1em;}
.pagetitle {font-size:100%;}
/* NAVIGATION */
.nav, .foot {display:inline; float:left; width:100%;}
.nav {height:80px; margin:0;}
.foot {height:50px;}
.logoimg {display:block; float:left; height:80px; width:10.33%; background:URL('img/chalobestlogo.png') #deeebf no-repeat; background-position: 12px top; overflow:hidden; margin:0; padding:0 0 0 1.03%;}
.global{display:block; float:left; width:87.65%; height:50px; margin:0;}
.logotext {display:block; float:left; width:23.01%; height:50px;}
.globallinks{display:block; float:right; width:30%; height:30px; padding:15px 0.99% 0 0; background-color:inherit; vertical-align:bottom;}
.globallinks li {vertical-align:bottom;}
.globallinks a {color:#FBDD09; font-family:Consolas, Lucida Console, Monaco, monospace; font-weight:bold; vertical-align:bottom;}
.navprimary{display:block; float:left; width:87.65%; height:30px;}
.navlink li {display:inline; float:right; padding:0;}
.navprimary .navlink li {margin:0 0 0 1%; width:10.5%;}
.navprimary .navlink li a{width:96%; height:26px; text-align:center; border-radius:3px;}
/* COLUMN GRID */
.g12,.g11,.g10,.g9,.g8,.g7,.g6,.g5,.g4,.g3,.g2,.g1,
.g2_2,
.g3_3,.g3_gut,
.g4_4, .g4_3, .g4_2, .g4_1, .g4_1small ,.g4_gut, .g4_gut4,
.g5_5, .g5_1, .g5_gut,
.g6_6, .g6_3, .g6_gut,
.g7_7, .g7_4, .g7_3, .g7_gut,
.g8_8,.g8_5,.g8_3,.g8_gut,
.g9_3,.g9_6 ,.g9_9,.g9_gut,
.g12_12, .g12_8, .g12_7, .g12_6, .g12_5, .g12_4, .g12_gut
{display:inline; float: left}
/* MULTI COLUMN GRID */
.g12 {width:97.98%; min-height:20px;}
.g12_12 {width:99.7%;margin:0;}
.g12_9 {}
.g12_8 {width:65%; margin:0;}
.g12_7 {width:57.49%; margin:0;}
.g12_6 {width:48.99%; margin:0;}
.g12_5 {width:40.48%; margin:0;}
.g12_4 {width:31%; margin:0;}
.g12_gut {width:2.02%; margin:0; min-height:20px;}
.g9 {width:72.99%; min-height:20px;}
.g9_3 {width:31.52%; margin:0;}
.g9_6{width:65.76%; margin:0;}
.g9_9{width:100%; margin:0;}
.g9_gut{width:2.71%; height: 10px; margin:0;}
.g8 {width:64.66%; min-height:20px;}
.g8_8 {width:99.7%; margin:0;}
.g8_5 {width:61.35%; margin:0;}
.g8_3 {width:35.59%; margin:0;}
.g8_gut{width:3.06%; height: 10px; margin:0;}
.g7 {width:56.33%; min-height:20px;}
.g7_7 {width:99.7%; margin:0;}
.g7_4 {width:55.63%; margin:0;}
.g7_3 {width:40.84%; margin:0;}
.g7_gut{width:3.52%; height: 10px; margin:0;}
.g6 {width:48%; min-height:20px;}
.g6_6 {width:99.7%; margin:0;}
.g6_3 {width:47%; margin:0;}
.g6_gut{width:4.13%; height: 10px; margin:0;}
.g5 {width:39.67%; min-height:20px;}
.g5_5 {width:99.7%; margin:0;}
.g5_1 {width:16.01%; margin:0;}
.g5_gut {width:4.99%; margin:0;}
.g4 {width:31.34%; min-height:100px;}
.g4_4{width:100%; margin:0;}
.g4_3{width:73.42%; margin:0;}
.g4_2{width:46.84%; margin:0;}
.g4_1{width:20.26%; margin:0;}
.g4_1small{width:17.1%; margin:0;}
.g4_gut{width:6.32%; height: 10px; margin:0;}
.g4_gut4{width:1.58%; height: 10px; margin:0;}
.g3 {width:23.01%; height:100%;}
.g3_3{width:100%; margin: 0;}
.g2 {width:14.68%; height:100%;}
.g2_2{width:100%; margin: 0;}
.maphome{height:500px;margin: 0;}
}
/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) {
body {font-size:116.75%; max-width:1440px} /* 18.5px / 28px */
}
/* PRINT */
@media print {
* {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important} /* Black prints faster */
a, a:visited {color: #444 !important; text-decoration: underline}
a[href]:after {content: " (" attr(href) ")"}
abbr[title]:after {content: " (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""} /* Don't print links for images, javascript or internal links */
pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
thead {display: table-header-group; } /* Repeat header row at top of each printed page */
tr, img {page-break-inside: avoid; }
img {max-width: 100% !important; }
@page {margin: 0.5cm}
p, h2, h3 {orphans: 3; widows: 3}
h2, h3{page-break-after: avoid}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 306 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 453 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 197 B

View File

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 883 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 694 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -10,7 +10,34 @@ from fuzzywuzzy import process as fuzzprocess
from django.http import HttpResponse from django.http import HttpResponse
def index(request): def index(request):
return render_to_response("index.html", {}) areas = Area.objects.all().order_by('name')
context = RequestContext(request, {
'areas': areas
})
return render_to_response("innov/index.html", context)
def about(request):
context = RequestContext(request, {})
return render_to_response("innov/about_chalobest.html", context)
def android(request):
context = RequestContext(request, {})
return render_to_response("innov/android.html", context)
def join_us(request):
context = RequestContext(request, {})
return render_to_response("innov/joinus.html", context)
def sms(request):
context = RequestContext(request, {})
return render_to_response("innov/SMS.html", context)
def contact(request):
context = RequestContext(request, {})
return render_to_response("innov/contactus.html", context)
def login(request): def login(request):
return render_to_response('login.html',c, context_instance=RequestContext(request)) return render_to_response('login.html',c, context_instance=RequestContext(request))

View File

@ -0,0 +1,115 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="g3">
<div class="leading40"></div>
<div class="g3_3 listtitlesmall"><h3>SMS service</h3></div>
<div class="g3_3 staticpage lightgrey">
<div class="box">
<p>With this service, you can send and receive simple queries by SMS about bus stops, bus numbers and routing on BEST.</p>
<p>Send SMS to 9619524420 and you will receive a return SMS with the information you need.</p>
</div>
</div>
</div>
<div class="g6">
<div class="leading40"></div>
<div class="g6_6 staticpage main">
<h1>INSTRUCTIONS SMS</h1>
<h2>Find bus options to destination</h2>
<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>
<div class="g6_6 lightgreen">
<div class="leading10"></div>
<div class="g6_3">
<div class="center">
<img src="/static/images/sms_direction_send.png" alt="send message as - FROM mahim TO churchgate" />
</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="g6_3">
<div class="center">
<img src="/static/images/sms_stop_send.png" alt="send message as - FROM mahim TO churchgate" />
</div>
<div class="box">
<p>"<b>stop agarwadi</b>" <br />Or: "<b>STOP agarwadi</b>", "<b>Stop Agarwadi</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_stop_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 numbers of all the buses that pass through Agarwadi stop.</p>
</div>
</div>
</div>
<div class="leading20"></div>
<h2>Find the route of a particular bus number</h2>
<p>To see the route of any bus number, send an SMS with "BUS " and the number of any bus: Example:</p>
<div class="g6_6 lightgreen">
<div class="leading10"></div>
<div class="g6_3">
<div class="center">
<img src="/static/images/sms_bus_send.png" alt="send message as - FROM mahim TO churchgate" />
</div>
<div class="box">
<p>"bus 21" (Also possible: "BUS 21", "Bus 21")</p>
</div>
</div>
<div class="g6_gut"></div>
<div class="g6_3">
<div class="center">
<img src="/static/images/sms_bus_answer.png" alt="receive message with all direct buses from mahim to churchgate stops" />
</div>
<div class="box">
<p>The answer you receive shows all the stop names that Bus No. 21 passes.</p>
</div>
</div>
</div>
</div>
</div>
<div class="g3">
<div class="g3_3 ">
<div class="highlight">
<h2>SMS ChaloBEST</h2>
<ol>
<li><b>Find bus & route info:</b></li>
<ul class="sublist">
<li>Directions: "<span>[stopname]</span><b> to </b><span>[stopname]</span>"</li>
<li>Buses at your stop: "<b>stop </b><span>[stopname]</span>"</li>
<li>Stop list: "<b>bus </b><span>[number]</span>"</li>
</ul>
<li><b>SMS it to 9619524420</b></li>
</ol>
</div>
</div>
</div>
<div class="g3">
<div class="leading20"></div>
<div class="g3_3 listtitlesmall"><h3>DISCLAIMER: TEST PHASE</h3></div>
<div class="g3_3 staticpage lightgrey">
<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>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,58 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="g3">
<!-- <div class="leading40"></div>
<div class="g3_3 listtitlesmall"><h3>ChaloBEST</h3></div>
<div class="g3_3 staticpage lightgrey">
<div class="box">
<p>[Some quote about ChaloBEST]</p>
</div>
</div> -->
</div>
<div class="g6">
<div class="leading40"></div>
<div class="g6_6 staticpage main">
<h1>ChaloBEST - About Us</h1>
<p>ChaloBEST aims to provide innovative solutions to questions faced every day by millions of urban commuters how can I reach my destination?</p>
<p>Today most Indians with smart phones or basic handsets are able to receive information in an instant. Despite this revolution in mobile connectivity, essential data about urban mobility remains difficult to find bus frequencies, train schedules, street maps and point­to­point routing.</p>
<p>We see mobiles as tools to re­imagine transportation systems as social networks, empower commuters as citizens, and make public transit agencies more user­friendly, transparent and efficient.</p>
<h2>History</h2>
<p>We began in January 2011 as a studio-based learning experiment at Homi Bhabha Centre for Science Education (HBCSE). It developed further and gained several partners and students which made it into a unique partnership project of people and organisations who believe in freely and publicly available data for public benefit. The project also aims to assist the cause of public transport, in our opinion the only way possible to reduce the environmental burden of dense cities like Mumbai and the travel time within it.</p>
<p>The ChaloBEST project is stricktly open source and any community can pick up our work and reproduce the project in their own cities. We have cooperations with initiatives in Pune, Chennai and Delhi for mutual support between our respective projects.</p>
<h2>Current developments</h2>
<p>ChaloBEST is currently in a stage of pre-public beta release. We are working hard to get our databases error free so that we can start testing it via the various developed media of communication.</p>
<h3>- 31st August 2012 update -</h3>
<ul>
<li>SMS server is up! Even though our database work has not been fully completed, you can already use this service. Be ware of a few errors it might make till it has been declared ready for public beta.</li>
<li>The website is under construction and should soon be able to reflect all bus routes through Greater Mumbai, collected as per area, bus stops and all stops in a route. The latest gadget is that you can see the bus frequencies (still experimental)</li>
<li>The Android app has got a decent foundation but needs still a lot of work. We expect to be able to release a very early beta by the end of September.</li>
</ul>
<h2>Team</h2>
<p>ChaloBEST is a collaboration between <a href="#" title="CAMP">CAMP</a>, <a href="#" title="Gnowledge Lab">Gnowledge Lab</a>, <a href="#" title="MacGregor Techknowlogy">MacGregor Technknowlogy</a>, <a href="#" title="SPARC Systems">SPARC Systems</a>, and <a href="#" title="Topomancy Cooperative">Topomancy Cooperative</a> in Mumbai, <a href="#" title="busroutes.in">BusRoutes.in</a> in Chennai, and <a href="#" title="New IndicTrans Tech">New IndicTrans Tech</a> in Pune. ChaloBEST would have been impossible without the kind assistance of officials of the Traffic Planning Department of <a href="#" title="Brihanmumbai Electric Supply & Transport Undertaking">BEST</a> (Brihanmumbai Electric Supply & Transport Undertaking).</p>
<h2>Acknowledgements</h2>
<p>Our work has also been supported by Indian Institute of Human Settlements (IIHS) as the first-prize winners in the Transform Urban India competition held at the India Urban Conference 2011. For an introduction to ChaloBEST in less than ten minutes, see our talk at IIHS Sankranti on YouTube. </p>
</div>
</div>
<div class="g3">
<div class="g3_3 ">
<div class="highlight">
<h2>ChaloBEST work</h2>
<div class="leading20"></div>
<p class="small">Find our ongoing work and project history here:</p>
<ul>
<li><a href="#" title="ChaloBEST Project Wiki">Our project Wiki</a></li>
<li><a href="#" title="ChaloBEST Code Repository">Our code repository</a></li>
</ul>
<p class="small">Similar initiatives in other cities</p>
<ul>
<li><a href="#" title="New IndicTrans Tech">Pune</a></li>
<li><a href="#" title="busroutes.in">Chennai</a></li>
</ul>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,56 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="g3">
<div class="leading40"></div>
<div class="g3_3 listtitlesmall"><h3>Android app</h3></div>
<div class="g3_3 staticpage lightgrey">
<div class="box">
<p>With this app, you can plan your route from stop to stop through Mumbai.</p>
</div>
</div>
</div>
<div class="g6">
<div class="leading40"></div>
<div class="g6_6 staticpage main">
<h1>ChaloBEST - ANDROID APP</h1>
<h2>FEATURES</h2>
<p>The ChaloBEST Android App has been optimised for you to find the best bus options between any two stops in the city.</p>
<ul>
<li>See which buses are departing near you</li>
<li>See the current frequency of each bus in the list (experimental)</li>
<li></li>
</ul>
<h2>User Feedback</h2>
<p><span class="italic">"This app is so easy to use and it is particularly really nice to see which buses leave from near to where I am."</span> Some User - 15-12-2012</p>
<h2>System Requirements</h2>
<p>Generally, this app is usable from Android 2.1 onwards. Additional requirements:</p>
<ul>
<li>Internal RAM:500Mb</li>
</ul>
</div>
</div>
<div class="g3">
<div class="g3_3 ">
<div class="highlight">
<h2>ChaloBEST - Android App</h2>
<div class="leading20"></div>
<p><a href="#" class="g3_3 actionbutton">Download the ChaloBEST app</a></p>
<div class="leading20"></div>
<p class="small">Other smartphone? Our website has been optimised for mobile users.</p>
</div>
</div>
</div>
<div class="g3">
<div class="leading20"></div>
<div class="g3_3 listtitlesmall"><h3>DISCLAIMER: TEST PHASE</h3></div>
<div class="g3_3 staticpage lightgrey">
<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>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,204 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="leading10"></div>
<div class="g12">
<div class="g12_12 search">
{% include 'guidesearch_form.html' %}
</div>
</div>
<div class="g6">
<div class="g6_6">
<div class="g6_6 pagetitle">
<img src="img/area_r.png" />
<div class="areatitle">
<h1><span>Andheri West - &nbsp;</span><span>अंधेरी (प)</span></h1>
</div>
</div>
<br style="clear: both;" />
<div class="maphome">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=72.74,18.939,72.996,19.259&amp;layer=mapnik" style="border: 1px solid #999"></iframe><br /><small><a href="http://www.openstreetmap.org/?lat=19.099&amp;lon=72.868&amp;zoom=11&amp;layers=M">View Larger Map</a></small>
</div>
</div>
<div class="leading40"></div>
<div class="g6_6">
<div class="listtitlesmall">
<h3>Comments</h3>
</div>
<div class="comments" id="comments_list">
<div class="comment_item">
<div class="comment_user">
indrani misra:
</div>
<div class="comment_content">
Bani,
Loved reading your article. What a lovely and meaningful experience between the banyan trees! I could picture it all. carry on with the great work that SRUTI is doing. Between the great economic and social divide...
</div>
</div>
</div>
<div class="leading20"></div>
<div class="comments" id="comment_form">
<h4 class="formHeader">Leave a comment</h4>
<form action="/comments/post/" method="POST">
<div style='display:none'>
<input type='hidden' name="" value="" />
<input type="hidden" name="next" value="" />
</div>
<div class="box">
<label for="id_name">Name:</label>
<div class="textbox"><input id="id_name" type="text" name="name" maxlength="50" /></div>
</div>
<div class="box">
<label for="id_email">Email address:</label>
<div class="textbox"><input id="id_email" type="text" name="email" /></div>
</div>
<div class="box">
<label for="id_url">URL:</label>
<div class="textbox"><input id="id_url" type="text" name="url" /></div>
</div>
<div class="box">
<label for="id_comment">Comment:</label>
<div class="textbox"><textarea id="id_comment" rows="10" cols="40" name="comment"></textarea></div>
<div class="pot">
<label for="id_honeypot">If you enter anything in this field your comment will be treated as spam:</label>
<input type="text" name="honeypot" id="id_honeypot" />
</div>
<div class="box right">
<input type="hidden" name="content_type" value="emailer.emailerissue" id="id_content_type" />
<input type="hidden" name="object_pk" value="" id="id_object_pk" />
<input type="hidden" name="timestamp" value="" id="id_timestamp" />
<input type="hidden" name="security_hash" value="" id="id_security_hash" />
<div class="g9_3">&nbsp;</div>
<div class="g9_gut"></div>
<div class="g9_6"><input type="submit" id="id_submit" name="post" class="submit-post" value="Post"></div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="g2">
<div class="g2_2 height">
<div class="g2_2 listtitle">
<img src="img/stop.png" />
<h3 class="stop">Stops</h3>
</div>
<div class="leading10"></div>
<div class="list">
<table name="landing_area" class="landing_table">
<tr class="listtitlesmall">
<th>
<img src="img/stop.png" />
</th>
</tr>
<tr class="listfilter">
<td>
<form name="filter_home_area" class="listfilter_form">
<input class="listfilter_input" type="text" name="filter list" value="Type stop name..." />
</form>
</td>
</tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Pilot Bunder</b><br /><span>पायल</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Colaba Bus Stn./Post Office</b><br /><span>कोलाबा बस स्थानक</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Hutatma Chk./Mumbai University</b><br /><span>प्रबोधनठाकरे नगर सेक्टर</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Aarey Colony</b><br /><span>आरे वसाहत</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Aksa</b><br /><span>अक्सा</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Andheri (E)</b><br /><span>अंधेरी (पू</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Aarey Colony</b><br /><span>आरे वसाहत</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Aksa</b><br /><span>अक्सा</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Andheri (E)</b><br /><span>अंधेरी (पू</span></a></td>
<tr>
</table>
</div>
</div>
</div>
<div class="g4">
<div class="g4_4 height">
<div class="g4_4 listtitle">
<img src="img/bus.png" />
<h3>Passing Routes</h3>
</div>
<div class="leading10"></div>
<div class="list">
<div class="g5_5 lightgreen">
<form>
<div class="g5_5"><input class="routecheckbox" type="checkbox" name="allbuses" checked="checked" value="All" /><label class="routecheckboxlabel">All</label></div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="Ordinary" /><label class="routecheckboxlabel">Ordinary</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="Limited" /><label class="routecheckboxlabel">Limited</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="Corridor" /><label class="routecheckboxlabel">Corridor</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="AC Expr." /><label class="routecheckboxlabel">AC Expr.</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="AC" /><label class="routecheckboxlabel">AC</label></div>
</form>
</div>
<table name="stoppage_table" class="stoppage_table">
<tr class="listtitlesmall">
<th class="stop_number">
<!-- <form name="filter_stop_number" class="listfilter_form">
<input class="listfilter_input" type="text" name="stop_number" value="Route #..." />
</form> -->
</th>
<th class="stop_route">
<form name="filter_stop_route" class="listfilter_form">
<input class="listfilter_input" type="text" name="stop_route" value="Type first or last stop..." />
</form>
</th>
</tr>
<tr>
<td><a href="#">2 Ltd</td>
<td><span class="half"><b>Pilot Bunder</b><br /><span>पायल</span></span>
<span class="half right"><b>Pilot Bunder</b><br /><span>पायल</span></span></td>
</tr>
<tr>
<td><a href="#">AS2</td>
<td><span class="half"><b>Colaba Bus Stn./Post Office</b><br /><span>कोलाबा बस स्थानक</span></span>
<span class="half right"><b>Hutatma Chk./Mumbai University</b><br /><span>प्रबोधनठाकरे नगर सेक्टर</span></span></td>
</tr>
<tr>
<td><a href="#">4 Ltd</td>
<td><span class="half"><b>Colaba Bus Stn.</b><br /><span>कोलाबाबसस्थानक</span></span>
<span class="half right"><b>Chakala Market</b><br /><span>चकालामार्केट</span></span</td>
</tr>
<tr>
<td><a href="#">AS 4 Ltd</td>
<td><span class="half"><b>Mahatma Phule Market</b><br /><span>महात्मा फुले बाजार</span></span>
<span class="half right"><b>Minara Masjid</b><br /><span>मिनारा मस्जीद</span></span></td>
</tr>
<tr>
<td><a href="#">AS 4 Ltd</td>
<td><span class="half"><b>Khadi Bhandar</b><br /><span>खादिभंडार</span></span>
<span class="half right"><b>Minara Masjid</b><br /><span>मिनारा मस्जीद</span></span></td>
</tr>
<tr>
<td><a href="#">AS 4 Ltd</td>
<td><span class="half"><b>Dr.Shyamaprasad Mukherji Chk./Regal</b><br /><span>डॉ.एस.पी.मुखर्जी चौक / म्युझियम</span></span>
<span class="half right"><b>Chh. Shivaji Terminus</b><br /><span>मुंबईछ. शि. ट</span></span></td>
</tr>
</table>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,84 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>ChaloBEST</title>
<script src="/static/js/jquery-1.7.1.min.js"></script>
{% block leaflet_head %}
{% endblock %}
<!-- Included CSS Files -->
<link rel="stylesheet" type="text/css" href="/static/css/style.css">
<link rel="stylesheet" type="text/css" href="/static/css/content.css">
{% block extra_head %}
{% endblock %}
</head>
<body>
{% block header %}
<div class="nav">
<div class="g12_12">
<div class="logoimg lightgreen"> </div>
<div class="global banner">
<div class="logotext"><img src="/static/images/chalobesttextlogo.png" /></div>
<div class="globallinks">
<ul class="navlink">
<li><span class="small"><a href="/accounts/signin">login</a> / <a href="/accounts/signup">sign-up</a></span></li>
</ul>
</div> </div>
<div class="navprimary lightgreen">
<ul class="navlink">
<li><a href="/android" class="sms small">Android</a></li>
<li><a href="/sms" class="sms small">SMS</a></li>
<li class="tripli"><a href="http://trip.chalobest.in" class="trip small">Trip planner</a></li>
<li class="tripli"><a href="/" class="trip small selected">Bus Guide</a></li>
</ul>
</div>
<div class="g8_gut"></div>
</div>
</div>
<div class="g12_12 yellow rim">&nbsp;</div>
{% endblock %}
{% block content %}
{% endblock %}
{% block footer %}
<div class="g12 foot">
<ul>
<li><a href="/about" class="small">About ChaloBEST</a></li>
<li><a href="/contact" class="small">Contact us</a></li>
<li><a href="http://wiki.chalobest.in" class="small">Project Wiki</a></li>
<li><a href="http://code.camputer.org/chaloBEST" class="small">Code Repository</a></li>
<li><a href="/join_us" class="small">Join the Team</a></li>
</ul>
<div class="right">
<img src="/static/images/twitter-icon.png" />
<img src="/static/images/facebook-icon.png" />
<p class="small">Join us @</p>
</div>
</div>
{% endblock %}
</body>
</html>

View File

@ -0,0 +1,34 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="g3">
</div>
<div class="g6">
<div class="leading40"></div>
<div class="g6_6 staticpage main">
<h1>ChaloBEST - Contact Us</h1>
<p>Drop a line in the form below.</p>
<form name="contactus">
<label for="name">Your name</label><input class="tripinput" type="text" name="name" id="name" value="" />
<label for="email">Your e-mail</label><input class="tripinput" type="text" name="email" id="email" value="" />
<label for="message">Your message</label><textarea class="tripinput" type="text" name="message" id="message" value=""></textarea>
<input class="submit" type="submit" value="Send message" />
<br style="clear: both;" />
</form>
</div>
<div class="leading40"></div>
</div>
<div class="g3">
<div class="g3_3 ">
<div class="highlight">
<h2>ChaloBEST newsletter</h2>
<div class="leading20"></div>
<p class="small">Sign up for our newsletter</p>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,5 @@
<form name="guidesearch">
<div class="g9_6"><input class="search_input" type="text" name="fro" placeholder="Type bus number, stop name or area name..." /></div>
<div class="g9_gut"></div>
<div class="g9_3"><input class="searchsubmit" type="submit" value="Go" /></div>
</form>

View File

@ -0,0 +1,133 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="g9 ">
<div class="leading40"></div>
<div class="leading40"></div>
<div class="g9_9 white">
<div class="g9_9 search">
{% include 'innov/guidesearch_form.html' %}
</div>
<div class="leading10"></div>
<div class="searchbar">
<ul>
<li>AREAS<span class="statistics">30 <span class="overline">areas</span></span></li>
<li>STOPS<span class="statistics">3500 <span class="overline">stops</span></span></li>
<li>ROUTES<span class="statistics">950 <span class="overline">routes</span></span></li>
</ul>
</div>
<div class="leading30"></div>
<div class="g9_9 maphome">
<iframe class="landingmap" src="http://www.openstreetmap.org/export/embed.html?bbox=72.74,18.939,72.996,19.259&amp;layer=mapnik" style="border: 1px solid #999"></iframe><br /><small><a href="http://www.openstreetmap.org/?lat=19.099&amp;lon=72.868&amp;zoom=11&amp;layers=M">View Larger Map</a></small>
</div>
<br style="clear: both;" />
</div>
<div class="leading40"></div>
<div class="leading40"></div>
<div class="g9_9">
<div class="listtitlesmall">
<h3>Comments</h3>
</div>
<div class="comments" id="comments_list">
<div class="comment_item">
<div class="comment_user">
indrani misra:
</div>
<div class="comment_content">
Bani,
Loved reading your article. What a lovely and meaningful experience between the banyan trees! I could picture it all. carry on with the great work that SRUTI is doing. Between the great economic and social divide...
</div>
</div>
</div>
<div class="leading20"></div>
<div class="comments" id="comment_form">
<h4 class="formHeader">Leave a comment</h4>
<form action="/comments/post/" method="POST">
<div style='display:none'>
<input type='hidden' name="" value="" />
<input type="hidden" name="next" value="" />
</div>
<div class="box">
<label for="id_name">Name:</label>
<div class="textbox"><input id="id_name" type="text" name="name" maxlength="50" /></div>
</div>
<div class="box">
<label for="id_email">Email address:</label>
<div class="textbox"><input id="id_email" type="text" name="email" /></div>
</div>
<div class="box">
<label for="id_url">URL:</label>
<div class="textbox"><input id="id_url" type="text" name="url" /></div>
</div>
<div class="box">
<label for="id_comment">Comment:</label>
<div class="textbox"><textarea id="id_comment" rows="10" cols="40" name="comment"></textarea></div>
<div class="pot">
<label for="id_honeypot">If you enter anything in this field your comment will be treated as spam:</label>
<input type="text" name="honeypot" id="id_honeypot" />
</div>
<div class="box right">
<input type="hidden" name="content_type" value="emailer.emailerissue" id="id_content_type" />
<input type="hidden" name="object_pk" value="" id="id_object_pk" />
<input type="hidden" name="timestamp" value="" id="id_timestamp" />
<input type="hidden" name="security_hash" value="" id="id_security_hash" />
<div class="g9_3">&nbsp;</div>
<div class="g9_gut"></div>
<div class="g9_6"><input type="submit" id="id_submit" name="post" class="submit-post" value="Post"></div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="g3">
<div class="g3_3">
<div class="tripplanner">
<h2>Trip planner</h2>
<div class="tripform">
<form name="homeOTPsearch">
<input class="tripinput" type="text" name="from" value="Type departure location" />
<input class="tripinput" type="text" name="to" value="Type arrival location" />
<input class="submit" type="submit" value="Search" />
<br style="clear: both;" />
</form>
</div>
</div>
</div>
</div>
<div class="g3">
<div class="leading20"></div>
<div class="g3_3 height">
<div class="g3_3 list">
<table name="landing_area" class="landing_table">
<tr class="listtitlesmall">
<th>
<img src="/static/images/area.png" />
<h3>Areas</h3>
</th>
</tr>
<tr class="listfilter">
<td>
<form name="filter_home_area" class="listfilter_form">
<input class="listfilter_input" type="text" name="filter list" value="Type area..." />
</form>
</td>
</tr>
{% for area in areas %}
<tr class="landing_row">
<td class="landing_area"><a href="{{ area.get_absolute_url }}"><b>{{ area.display_name }}</b><br /><span>{{ area.name_mr }}</span></a></td>
<tr>
{% endfor %}
</table>
</div>
</div>
</div>
{% endblock content %}

View File

@ -0,0 +1,58 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="g3">
<div class="leading40"></div>
<div class="g3_3 listtitlesmall"><h3>ChaloBEST @work</h3></div>
<div class="g3_3 staticpage lightgrey">
<img src="/static/images/chalobest_team.png" alt="ChaloBEST team at work" />
</div>
</div>
<div class="g6">
<div class="leading40"></div>
<div class="g6_6 staticpage main">
<h1>ChaloBEST - Join Us</h1>
<p>We are an open partnership project, mostly based on voluntary contribution. Anyone who wants to commit time to this project and supports open source development can contact us for more information.</p>
<p>Our team ranges from people with a passion for public transport, for open source development, for public activism, for database crunching, social entrepreneurship and for making stuff work.</p>
<p>There are some skills that we need urgently, if you have any of those please contact us at the earliest:</p>
<h3>Travelers - (application testers) -</h3>
<p>We always need people who travel by bus (and later also train) and who can help evaluating and improving the data and the usability of the ChaloBEST tools.</p>
<p class="italic">- Period of main activity: <b>September 2012 onwards.</b></p>
<h3>User Testers</h3>
<p>Anyone who has experience taking ethnographic and usability interviews/tests is requested to contact us at the earliest. We are planning a larger scale research using our SMS, Android and website applications for the next round of improvements.</p>
<p>- Period of main activity: <b>September to November 2012</b></p>
<h3>Developers</h3>
<p></p>
<p class="italic">- Period of main activity: <b>September 2012 onwards.</b></p>
<h3>Open Trip Planner / Java Developers</h3>
<p></p>
<p class="italic">- Period of main activity: <b>September 2012 onwards.</b></p>
<h2>How to join</h2>
<p>Drop a line in the form below. You will be invited to join us in a regular meeting so that you can see the team in action and decide whether you want to join in.</p>
<form name="joinus">
<label for="name">Your name</label><input class="tripinput" type="text" name="name" id="name" value="" />
<label for="email">Your e-mail</label><input class="tripinput" type="text" name="email" id="email" value="" />
<label for="message">Your message</label><textarea class="tripinput" type="text" name="message" id="message" value=""></textarea>
<input class="submit" type="submit" value="Send message" />
<br style="clear: both;" />
</form>
</div>
<div class="leading40"></div>
</div>
<div class="g3">
<div class="g3_3 ">
<div class="highlight">
<h2>ChaloBEST work</h2>
<div class="leading20"></div>
<p class="small">Find our ongoing work and project history here:</p>
<ul>
<li><a href="#">Our project Wiki</a></li>
<li><a href="#">Our code repository</a></li>
</ul>
</div>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,254 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="leading10"></div>
<div class="g12">
<div class="g12_12 search">
{% include 'guidesearch_form.html' %}
</div>
</div>
<div class="g8">
<div class="g8_8">
<div class="pagetitle">
<img src="img/bus_r.png" />
<div class="routetitle">
<h1>
<span class="number">AS 4 extra</span>
<span class="from">Colaba Bus Stn.</span>
<span class="dash"> - </span>
<span class="to">Santacruz Depot</span>
<span class="from">कोलाबा बस स्थानक</span>
<span class="dash"> - </span>
<span class="to">सांताक्रुझ आगार</span>
</h1>
</div>
</div>
<br style="clear: both;" />
<div class="maphome">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=72.74,18.939,72.996,19.259&amp;layer=mapnik" style="border: 1px solid #999"></iframe><br /><small><a href="http://www.openstreetmap.org/?lat=19.099&amp;lon=72.868&amp;zoom=11&amp;layers=M">View Larger Map</a></small>
</div>
</div>
<div class="leading40"></div>
<div class="g8_5">
<div class="listtitlesmall">
<h3>Comments</h3>
</div>
<div class="comments" id="comments_list">
<div class="comment_item">
<div class="comment_user">
indrani misra:
</div>
<div class="comment_content">
Bani,
Loved reading your article. What a lovely and meaningful experience between the banyan trees! I could picture it all. carry on with the great work that SRUTI is doing. Between the great economic and social divide...
</div>
</div>
</div>
<div class="leading20"></div>
<div class="comments" id="comment_form">
<h4 class="formHeader">Leave a comment</h4>
<form action="/comments/post/" method="POST">
<div style='display:none'>
<input type='hidden' name="" value="" />
<input type="hidden" name="next" value="" />
</div>
<div class="box">
<label for="id_name">Name:</label>
<div class="textbox"><input id="id_name" type="text" name="name" maxlength="50" /></div>
</div>
<div class="box">
<label for="id_email">Email address:</label>
<div class="textbox"><input id="id_email" type="text" name="email" /></div>
</div>
<div class="box">
<label for="id_url">URL:</label>
<div class="textbox"><input id="id_url" type="text" name="url" /></div>
</div>
<div class="box">
<label for="id_comment">Comment:</label>
<div class="textbox"><textarea id="id_comment" rows="10" cols="40" name="comment"></textarea></div>
<div class="pot">
<label for="id_honeypot">If you enter anything in this field your comment will be treated as spam:</label>
<input type="text" name="honeypot" id="id_honeypot" />
</div>
<div class="box right">
<input type="hidden" name="content_type" value="emailer.emailerissue" id="id_content_type" />
<input type="hidden" name="object_pk" value="" id="id_object_pk" />
<input type="hidden" name="timestamp" value="" id="id_timestamp" />
<input type="hidden" name="security_hash" value="" id="id_security_hash" />
<div class="g9_3">&nbsp;</div>
<div class="g9_gut"></div>
<div class="g9_6"><input type="submit" id="id_submit" name="post" class="submit-post" value="Post"></div>
</div>
</form>
</div>
</div>
</div>
<div class="g8_gut"></div>
<div class="g8_3">
<table name="stop_nearby" class="stoppage_table">
<tr class="listtitlesmall">
<th>
<img src="img/area.png" />
<h3>Areas covered</h3>
</th>
</tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Colaba</b><br /><span>कोलाबा</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Fort</b><br /><span></span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Parel</b><br /><span></span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Mahim</b><br /><span></span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Bandra</b><br /><span></span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>SantaCruz</b><br /><span></span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Andheri</b><br /><span></span></a></td>
<tr>
</table>
</div>
</div>
<div class="g4">
<div class="arealistheight">
<div class="g4_4 listtitle">
<img src="img/stop.png" />
<h3>Stops</h3>
</div>
<div class="g4_4 listextrainfo">
<img src="img/Frq_3.png" />
<p>11 am - 5 pm <span class="frequency">22 mins.</span><span class="thumbs">Is this frequency accurate?</span></p>
</div>
<div class="list">
<table name="routepage_table" class="routepage_table">
<tr class="listtitlesmall">
<th class="route_stop">
<img src="img/stop.png" />
</th>
<th class="route_area">
<img src="img/area.png" />
</th>
<th class="route_distance">
<img src="img/distance.png" />
</th>
</tr>
<tr class="listfilter">
<td>
<form name="filter_route_stop" class="listfilter_form">
<input class="listfilter_input" type="text" name="route_stop" value="Type stop name..." />
</form>
</td>
<td>
<form name="filter_route_area" class="listfilter_form">
<input class="listfilter_input" type="text" name="route_area" value="Type area..." />
</form>
</td>
<td class="g4_1small">&nbsp;</td>
</tr>
<tr>
<td><a href="#"><b>Aarey Colony</b><br /><span>आरे वसाहत</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Aksa</b><br /><span>अक्सा</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Andheri (E)</b><br /><span>अंधेरी (पू)</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Andheri (W)</b><br /><span>अंधेरी (प</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Antop Hill</b><br /><span>अँटोप हिल</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Anushakti Nagar</b><br /><span>अणुशक्ती नगर</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Aarey Colony</b><br /><span>आरे वसाहत</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Aksa</b><br /><span>अक्सा</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Andheri (E)</b><br /><span>अंधेरी (पू)</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Andheri (W)</b><br /><span>अंधेरी (प</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Antop Hill</b><br /><span>अँटोप हिल</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Anushakti Nagar</b><br /><span>अणुशक्ती नगर</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Aarey Colony</b><br /><span>आरे वसाहत</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Aksa</b><br /><span>अक्सा</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Andheri (E)</b><br /><span>अंधेरी (पू)</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Andheri (W)</b><br /><span>अंधेरी (प</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Antop Hill</b><br /><span>अँटोप हिल</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
<tr>
<td><a href="#"><b>Anushakti Nagar</b><br /><span>अणुशक्ती नगर</span></a></td>
<td><a href="#">Colaba</a></td>
<td class="right">1km</td>
</tr>
</table>
</div>
</div>
</div>
{% endblock %}

View File

@ -0,0 +1,191 @@
{% extends 'innov/base.html' %}
{% block content %}
<div class="leading10"></div>
<div class="g12">
<div class="g12_12 search">
{% include 'guidesearch_form.html' %}
</div>
</div>
<div class="g7">
<div class="g7_7">
<div class="g7_7 pagetitle">
<img src="img/stop_r.png" />
<div class="stoptitle">
<h1><span>Andheri Fire Brigade -&nbsp;</span><span>कोलाबा बस स्थानक</span></h1>
</div>
</div>
<div class="g4_4 listextrainfo">
<img src="img/area.png" />
<p>SWAMI VIVEKANAND MARG <span class="frequency">Andheri West</span></p>
</div>
<br style="clear: both;" />
<div class="maphome">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=72.74,18.939,72.996,19.259&amp;layer=mapnik" style="border: 1px solid #999"></iframe><br /><small><a href="http://www.openstreetmap.org/?lat=19.099&amp;lon=72.868&amp;zoom=11&amp;layers=M">View Larger Map</a></small>
</div>
</div>
<div class="leading40"></div>
<div class="g7_7">
<div class="g7_4">
<div class="listtitlesmall">
<h3>Comments</h3>
</div>
<div class="comments" id="comments_list">
<div class="comment_item">
<div class="comment_user">
indrani misra:
</div>
<div class="comment_content">
Bani,
Loved reading your article. What a lovely and meaningful experience between the banyan trees! I could picture it all. carry on with the great work that SRUTI is doing. Between the great economic and social divide...
</div>
</div>
</div>
<div class="leading20"></div>
<div class="comments" id="comment_form">
<h4 class="formHeader">Leave a comment</h4>
<form action="/comments/post/" method="POST">
<div style='display:none'>
<input type='hidden' name="" value="" />
<input type="hidden" name="next" value="" />
</div>
<div class="box">
<label for="id_name">Name:</label>
<div class="textbox"><input id="id_name" type="text" name="name" maxlength="50" /></div>
</div>
<div class="box">
<label for="id_email">Email address:</label>
<div class="textbox"><input id="id_email" type="text" name="email" /></div>
</div>
<div class="box">
<label for="id_url">URL:</label>
<div class="textbox"><input id="id_url" type="text" name="url" /></div>
</div>
<div class="box">
<label for="id_comment">Comment:</label>
<div class="textbox"><textarea id="id_comment" rows="10" cols="40" name="comment"></textarea></div>
<div class="pot">
<label for="id_honeypot">If you enter anything in this field your comment will be treated as spam:</label>
<input type="text" name="honeypot" id="id_honeypot" />
</div>
<div class="box right">
<input type="hidden" name="content_type" value="emailer.emailerissue" id="id_content_type" />
<input type="hidden" name="object_pk" value="" id="id_object_pk" />
<input type="hidden" name="timestamp" value="" id="id_timestamp" />
<input type="hidden" name="security_hash" value="" id="id_security_hash" />
<div class="g9_3">&nbsp;</div>
<div class="g9_gut"></div>
<div class="g9_6"><input type="submit" id="id_submit" name="post" class="submit-post" value="Post"></div>
</div>
</form>
</div>
</div>
</div>
<div class="g7_gut"></div>
<div class="g7_3">
<table name="stop_nearby" class="stoppage_table">
<tr class="listtitlesmall">
<th>
<img src="img/stop.png" />
<h3>Nearby Stops</h3>
</th>
</tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Colaba Bus Stn.</b><br /><span>कोलाबा बस स्थानक</span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Sasoon Dock</b><br /><span></span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Strand Cinema</b><br /><span></span></a></td>
<tr>
<tr class="landing_row">
<td class="landing_area"><a href="#"><b>Colaba Depot</b><br /><span></span></a></td>
<tr>
</table>
</div>
</div>
</div>
<div class="g5">
<div class="listheight">
<div class="g5_5 listtitle">
<img src="img/bus.png" />
<h3>Departing Routes</h3>
</div>
<div class="leading10"></div>
<div class="list">
<div class="g5_5 lightgreen">
<form>
<div class="g5_5"><input class="routecheckbox" type="checkbox" name="allbuses" checked="checked" value="All" /><label class="routecheckboxlabel">All</label></div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="Ordinary" /><label class="routecheckboxlabel">Ordinary</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="Limited" /><label class="routecheckboxlabel">Limited</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="Corridor" /><label class="routecheckboxlabel">Corridor</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="AC Expr." /><label class="routecheckboxlabel">AC Expr.</label></div>
<div class="g5_gut">&nbsp;</div>
<div class="g5_1"><input class="routecheckbox" type="checkbox" name="bustype[]" disabled="disabled" value="AC" /><label class="routecheckboxlabel">AC</label></div>
</form>
</div>
<table name="stoppage_table" class="stoppage_table">
<tr class="listtitlesmall">
<th class="stop_number">
<!-- <form name="filter_stop_number" class="listfilter_form">
<input class="listfilter_input" type="text" name="stop_number" value="Route #..." />
</form> -->
</th>
<th class="stop_route">
<form name="filter_stop_route" class="listfilter_form">
<input class="listfilter_input" type="text" name="stop_route" value="Type first or last stop..." />
</form>
</th>
<th class="stop_frequency">
<img src="img/Frq_3.png" />
<span class="thumbs">11 am - <br />5 pm</span>
</th>
</tr>
<tr>
<td><a href="#">2 Ltd</td>
<td><span class="half"><b>Pilot Bunder</b><br /><span>पायल</span></span>
<span class="half right"><b>Pilot Bunder</b><br /><span>पायल</span></span></td>
<td class="right">22 mins.</td>
</tr>
<tr>
<td><a href="#">AS2</td>
<td><span class="half"><b>Colaba Bus Stn./Post Office</b><br /><span>कोलाबा बस स्थानक</span></span>
<span class="half right"><b>Hutatma Chk./Mumbai University</b><br /><span>प्रबोधनठाकरे नगर सेक्टर</span></span></td>
<td class="right">13 mins.</td>
</tr>
<tr>
<td><a href="#">4 Ltd</td>
<td><span class="half"><b>Colaba Bus Stn.</b><br /><span>कोलाबाबसस्थानक</span></span>
<span class="half right"><b>Chakala Market</b><br /><span>चकालामार्केट</span></span</td>
<td class="right">50 mins.</td>
</tr>
<tr>
<td><a href="#">AS 4 Ltd</td>
<td><span class="half"><b>Mahatma Phule Market</b><br /><span>महात्मा फुले बाजार</span></span>
<span class="half right"><b>Minara Masjid</b><br /><span>मिनारा मस्जीद</span></span></td>
<td class="right">8 mins.</td>
</tr>
<tr>
<td><a href="#">AS 4 Ltd</td>
<td><span class="half"><b>Khadi Bhandar</b><br /><span>खादिभंडार</span></span>
<span class="half right"><b>Minara Masjid</b><br /><span>मिनारा मस्जीद</span></span></td>
<td class="right">8 mins.</td>
</tr>
<tr>
<td><a href="#">AS 4 Ltd</td>
<td><span class="half"><b>Dr.Shyamaprasad Mukherji Chk./Regal</b><br /><span>डॉ.एस.पी.मुखर्जी चौक / म्युझियम</span></span>
<span class="half right"><b>Chh. Shivaji Terminus</b><br /><span>मुंबईछ. शि. ट</span></span></td>
<td class="right">8 mins.</td>
</tr>
</table>
</div>
</div>
</div>
{% endblock %}

View File

@ -12,7 +12,14 @@ from feeds import RouteFeed
urlpatterns = patterns('', urlpatterns = patterns('',
# Example: # Example:
# (r'^chaloBEST/', include('chaloBEST.foo.urls')), # (r'^chaloBEST/', include('chaloBEST.foo.urls')),
url(r'^$','chaloBEST.views.index', name='index'), # url(r'^$','mumbai.views.index', name='index'),
url(r'^$','views.index', name='index'),
url(r'^about$', 'mumbai.views.about', name='about'),
url(r'^android$', 'mumbai.views.android', name='android'),
url(r'^contact$', 'mumbai.views.contact', name='contact'),
url(r'^join_us$', 'mumbai.views.join_us', name='join_us'),
url(r'^sms$', 'mumbai.views.sms', name='sms'),
url(r'^stats/$','mumbai.views.stats', name='stats'), url(r'^stats/$','mumbai.views.stats', name='stats'),
# url(r'^static/(?P<path>.*)$','django.views.static.serve', {'document_root':'./static'}), # url(r'^static/(?P<path>.*)$','django.views.static.serve', {'document_root':'./static'}),
(r'^routes/$', 'mumbai.views.routes'), (r'^routes/$', 'mumbai.views.routes'),

View File

@ -33,7 +33,8 @@ def get_routes_for_matches(stops):
def get_stops_for_string(s): def get_stops_for_string(s):
stops = [] stops = []
s = s.strip() s = s.strip()
areas = ChaloBest.areas(q=s) # areas = ChaloBest.areas(q=s)
areas = [area for area in ChaloBest.areas(q=s) if area.lower().startswith(s)]
if len(areas) > 0: if len(areas) > 0:
for a in areas: for a in areas:
area = ChaloBest.area[a] area = ChaloBest.area[a]
@ -76,12 +77,13 @@ class App(AppBase):
origin, dest = stops[0]['properties'], stops[-1]['properties'] origin, dest = stops[0]['properties'], stops[-1]['properties']
origin_name, dest_name = origin['display_name'], dest['display_name'] origin_name, dest_name = origin['display_name'], dest['display_name']
origin_area, dest_area = PUNCT.sub('', origin['area']), PUNCT.sub('', dest['area']) origin_area, dest_area = PUNCT.sub('', origin['area']), PUNCT.sub('', dest['area'])
msg.respond("%s: %s (%s) to %s (%s)" % ( url = "http://chalobest.in" + detail['route']['url']
",".join(routes), origin_name, origin_area, dest_name, dest_area)) msg.respond("%s: %s (%s) to %s (%s) %s" % (
",".join(routes), origin_name, origin_area, dest_name, dest_area, url))
elif msg.text.find(" to ") != -1: elif msg.text.find(" to ") != -1:
from_txt = msg.text.split("to")[0].strip() from_txt = msg.text.lower().split("to")[0].strip()
to_txt = msg.text.split("to")[1].strip() to_txt = msg.text.lower().split("to")[1].strip()
from_matches = get_stops_for_string(from_txt) from_matches = get_stops_for_string(from_txt)
to_matches = get_stops_for_string(to_txt) to_matches = get_stops_for_string(to_txt)
@ -104,7 +106,11 @@ class App(AppBase):
msg.respond("Sorry, no direct buses found between %s and %s" % (from_matches['name'], to_matches['name'],)) msg.respond("Sorry, no direct buses found between %s and %s" % (from_matches['name'], to_matches['name'],))
return return
routesFound = ", ".join(intersection) routesFound = ", ".join(intersection)
msg.respond("%s to %s: %s" % (from_matches['name'], to_matches['name'], routesFound,)) response = "%s to %s: %s" % (from_matches['name'], to_matches['name'], routesFound,)
if len(response) > MAX_MSG_LEN:
response = response[0:MAX_MSG_LEN]
msg.respond(response)
#msg.respond("%s to %s: %s" % (from_matches['name'], to_matches['name'], routesFound,))
return return