1<!DOCTYPE html> 2<html> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <title>Alantgeo</title> 8 <link rel="icon" type="image/png" href="/img/logos/icon.png" /> 9 <meta name="viewport" content="width=device-width"> 10 <meta name="description" content="Alantgeo is an Australian geospatial consultancy company specialising in geospatial data and visualisations, mapping and cartography."> 11 <link rel="canonical" href="/"> 12 13 <!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ --> 14 <link rel="stylesheet" href="/style.css"> 15 16 <!-- Custom Fonts --> 17 <link rel="stylesheet" href="/css/font-awesome/css/font-awesome.min.css"> 18 <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Kaushan+Script|Lato:400,700,400italic,700italic|Droid+Serif:400,700,400italic,700italic|Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css"> 19 20 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 21 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 22 <!--[if lt IE 9]> 23
23<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
23 24
24<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
24 25 <![endif]--> 26 27</head> 28 29 30 31 <body id="page-top" class="index"> 32 33 <!-- Navigation --> <!-- was navbar-fixed-top--> 34 <nav class="navbar navbar-default"> 35 <div class="container"> 36 <!-- Brand and toggle get grouped for better mobile display --> 37 <div class="navbar-header page-scroll"> 38 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 39 <span class="sr-only">Toggle navigation</span> 40 <span class="icon-bar"></span> 41 <span class="icon-bar"></span> 42 <span class="icon-bar"></span> 43 </button> 44 <a class="navbar-brand page-scroll" href="#page-top"> 45 <img alt="Alantgeo" src="img/logos/alantgeo.png" height="42px"/> 46 </a> 47 </div> 48 49 <!-- Collect the nav links, forms, and other content for toggling --> 50 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 51 <ul class="nav navbar-nav navbar-right"> 52 <li class="hidden"> 53 <a href="#page-top"></a> 54 </li> 55 <li> 56 <a class="page-scroll" href="#about">About</a> 57 </li> 58 <li> 59 <a class="page-scroll" href="#team">Team</a> 60 </li> 61 <li> 62 <a class="page-scroll" href="#portfolio">Projects</a> 63 </li> 64 <li> 65 <a class="page-scroll" href="#newsletter">News</a> 66 </li> 67 <li> 68 <a class="page-scroll" href="#contact">Contact</a> 69 </li> 70 </ul> 71 </div> 72 <!-- /.navbar-collapse --> 73 </div> 74 <!-- /.container-fluid --> 75 </nav> 76 77 <!-- Header --> 78 <!-- 79 <header> 80 <div class="container"> 81 <div class="intro-text"> 82 <div class="intro-heading">Alantgeo</div> 83 <div class="intro-lead-in">Mapping solutions</div> 84 <a href="#services" class="page-scroll btn btn-xl">Tell Me More</a> 85 </div> 86 </div> 87 </header> 88 --> 89<!-- 90 91 92 93 94 95 --> 96 97 98 <!-- About Section --> 99 <section id="about" class="bg-light-gray"> 100 <div class="container"> 101 <div class="row"> 102 <div class="col-lg-12 text-center"> 103 <h2 class="section-heading">What we do</h2> 104 <h3 class="section-subheading text-muted">We design and build mapping solutions.</h3> 105 </div> 106 </div> 107 <div class="row text-center"> 108 <div class="col-md-4"> 109 <span class="fa-stack fa-4x"> 110 <i class="fa fa-circle fa-stack-2x text-primary"></i> 111 <i class="fa fa-globe fa-stack-1x fa-inverse"></i> 112 </span> 113 <h4 class="service-heading">Map Design</h4> 114 <p class="text-muted">Expertly crafted maps using the best cartography and mapping tools including Mapbox Studio</p> 115 <p class="text-muted">We also run Mapbox training courses to bring your staff up to speed working with Mapbox.</p> 116 </div> 117 <div class="col-md-4"> 118 <span class="fa-stack fa-4x"> 119 <i class="fa fa-circle fa-stack-2x text-primary"></i> 120 <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i> 121 </span> 122 <h4 class="service-heading">Geospatial Applications</h4> 123 <p class="text-muted">We design and deliver services and applications, to bring a geographical context to your business.</p> 124 <p class="text-muted"> 125 We develop applications for both web and mobile using <
125a href="https://www.mapbox.com/products" target="_blank">Mapbox</a> for maps, directions, geocoding, satellite and analysis and much more. 126 </p> 127 <p class="text-muted"> 128 We bring street level insights into your business through our <a href="https://www.mapillary.com">Mapillary</a> solutions. 129 </p> 130 </div> 131 <div class="col-md-4"> 132 <span class="fa-stack fa-4x"> 133 <i class="fa fa-circle fa-stack-2x text-primary"></i> 134 <i class="fa fa-map fa-stack-1x fa-inverse"></i> 135 </span> 136 <h4 class="service-heading">OpenStreetMap</h4> 137 <p class="text-muted">As experts in OpenStreetMap we provide a range of consulting and development services around the OpenStreetMap ecosystem.</p> 138 </div> 139 </div> 140 </div> 141 </section> 142 143 <!-- Partnerships Section --> 144 <section id="partners"> 145 <div class="container"> 146 <div class="row"> 147 <div class="col-lg-12 text-center"> 148 <h2 class="section-heading">Who we work with</h2> 149 </div> 150 </div> 151 <div class="row"> 152 <div class="col-lg-6 col-lg-offset-3 text-center"> 153 <a target="_blank" href="https://www.mapbox.com/"> 154 <img src="img/mapbox-logo/mapbox-150.png" class="img-responsive img-centered" alt="Mapbox" width="434px" height="150px"> 155 </a> 156 <br /> 157 <a target="_blank" href="https://www.mapillary.com/"> 158 <img src="img/mapillary-logo/mapillary-logo-150px-black.png" class="img-responsive img-centered" alt="Mapillary" width="434px" height="150px"> 159 </a> 160 <p class="text-muted">We partner with <a target="_blank" href="https://www.mapbox.com/">Mapbox</a> and <a target="_blank" href="https://www.mapillary.com/">Mapillary</a> to provide cutting edge geospatial solutions to our customers.</p> 161 </div> 162 </div> 163 </div> 164 </section> 165 166 <!-- Team Section --> 167 <section id="team" class="bg-light-gray"> 168 <div class="container"> 169 <div class="row"> 170 <div class="col-lg-12 text-center"> 171 <h2 class="section-heading">Our Team</h2> 172 </div> 173 </div> 174 <div class="row"> 175 <div class="col-sm-4"> 176 </div> 177 178 <div class="col-sm-4"> 179 <div class="team-member"> 180 <!--<img src="img/team/andrew.jpg" class="img-responsive img-circle" alt="">--> 181 <h4>Andrew Harvey</h4> 182 <p class="text-muted">CEO</p> 183 <ul class="list-inline social-buttons"> 184 185 <li><a target="_blank" href="http://twitter.com/alantgeo"><i class="fa fa-twitter"></i></a> 186 187 <li><a target="_blank" href="http://au.linkedin.com/in/andrewharveyAU"><i class="fa fa-linkedin"></i></a> 188 189 <li><a target="_blank" href="mailto:[email protected]"><i class="fa fa-envelope-o"></i></a> 190 191 <li><a target="_blank" href="/vcard/3.0/andrew.vcard"><i class="fa fa-user"></i></a> 192 193 <li><a href="#" data-toggle="modal" data-target="#qrmodal-andrew"><i class="fa fa-qrcode"></i></a> 194 195 </ul> 196 </div> 197 </div> 198 199 </div> 200 <!-- 201 <div class="row"> 202 <div class="col-lg-8 col-lg-offset-2 text-center"> 203 <p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p> 204 </div> 205 </div> 206 --> 207 </div> 208 </section> 209 210 <!-- Clients Aside --> 211 <aside class="clients"> 212 <div class="container"> 213 <div class="row"> 214 <div class="col-lg-12 text-center"> 215 <h2 class="section-heading">Our clients include</h2> 216 <!--<h3 class="section-subheading text-muted">Our clients include</h3>--> 217 </div> 218 </div> 219 <div class="row"> 220 221 <div class="col-md-3 col-sm-6"> 222 223 <a href="#portfolio-npws" data-toggle="modal"> 224 225 <img src="img/client-logos/oeh-grey.png" class="img-responsive img-centered" alt="NSW Office of Environemnt & Heritage"> 226 227 </a> 228 229 </div> 230 231 <div class="col-md-3 col-sm-6"> 232 233 <a target="_blank" href="http://www.westernaustralia.com/"> 234 235 <img src="img/client-logos/watourism-grey.png" class="img-responsive img-centered" alt="Tourism Western Australia"> 236 237 </a> 238 239 </div> 240 241 <div class="col-md-3 col-sm-6"> 242 243 <a href="#portfolio-lostoncampus" data-toggle="modal"> 244 245 <img src="img/client-logos/lostoncampus-grey.png" class="img-responsive img-centered" alt="Lost On Campus"> 246 247 </a> 248 249 </div> 250 251 </div> 252 </div> 253 </aside> 254 255 <!-- Portfolio Grid Section --> 256 <section id="portfolio" class="bg-light-gray"> 257 <div class="container"> 258 <div class="row"> 259 <div class="col-lg-12 text-center"> 260 <h2 class="section-heading">Our Work</h2> 261 <!--<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>--> 262 </div> 263 </div> 264 <div class="row"> 265 266 <div class="col-md-4 col-sm-6 portfolio-item"> 267 <a href="#portfolio-npws" class="portfolio-link" data-toggle="modal"> 268 <div class="portfolio-hover"> 269 <div class="portfolio-hover-content"> 270 <i class="fa fa-plus fa-3x"></i> 271 </div> 272 </div> 273 <img src="https://api.mapbox.com/v4/alantgeo-presales.o6cgjoa9/151.2635,-33.5564,12/[email protected]?access_token=pk.eyJ1IjoiYWxhbnRnZW8tcHJlc2FsZXMiLCJhIjoiY2loNW91bmdtMDF3M3R4bHg4aDE0bHQzYiJ9.Sn55qD82EcMJZzO2zRrq8w" class="img-responsive" alt=""> 274 </a> 275 <div class="portfolio-caption"> 276 <h4>Office of Environment & Heritage</h4> 277 <p class="text-muted">Themed basemap</p> 278 </div> 279 </div> 280 281 <div class="col-md-4 col-sm-6 portfolio-item"> 282 <a href="#portfolio-lostoncampus" class="portfolio-link" data-toggle="modal"> 283 <div class="portfolio-hover"> 284 <div class="portfolio-hover-content"> 285 <i class="fa fa-plus fa-3x"></i> 286 </div> 287 </div> 288 <img src="img/portfolio/loc-ios-2-thumbnail.jpg" class="img-responsive" alt=""> 289 </a> 290 <div class="portfolio-caption"> 291 <h4>Student Services Australia</h4> 292 <p class="text-muted">Campus maps</p> 293 </div> 294 </div> 295 296 <div class="col-md-4 col-sm-6 portfolio-item"> 297 <a href="#portfolio-beyondtracks" class="portfolio-link" data-toggle="modal"> 298 <div class="portfolio-hover"> 299 <div class="portfolio-hover-content"> 300 <i class="fa fa-plus fa-3x"></i> 301 </div> 302 </div> 303 <img src="img/portfolio/bt_map_photo_thumbnail.png" class="img-responsive" alt=""> 304 </a> 305 <div class="portfolio-caption"> 306 <h4>BeyondTracks</h4> 307 <p class="text-muted">Interactive map application</p> 308 </div> 309 </div> 310 311 <div class="col-md-4 col-sm-6 portfolio-item"> 312 <a href="#portfolio-socialpinpoint" class="portfolio-link" data-toggle="modal"> 313 <div class="portfolio-hover"> 314 <div class="portfolio-hover-content"> 315 <i class="fa fa-plus fa-3x"></i> 316 </div> 317 </div> 318 <img src="img/portfolio/planning-environment-socialpinpoint_thumbnail.png" class="img-responsive" alt=""> 319 </a> 320 <div class="portfolio-caption"> 321 <h4>Social Pinpoint</h4> 322 <p class="text-muted">Custom base maps</p> 323 </div> 324 </div> 325 326 <div class="col-md-4 col-sm-6 portfolio-item"> 327 <a href="#portfolio-tourismwesternaustralia" class="portfolio-link" data-toggle="modal"> 328 <div class="portfolio-hover"> 329 <div class="portfolio-hover-content"> 330 <i class="fa fa-plus fa-3x"></i> 331 </div> 332 </div> 333 <img src="img/portfolio/twa-mapbox-thumbn
333ail.png" class="img-responsive" alt=""> 334 </a> 335 <div class="portfolio-caption"> 336 <h4>Tourism Western Australia</h4> 337 <p class="text-muted">Tourism Destinations</p> 338 </div> 339 </div> 340 341 <div class="col-md-4 col-sm-6 portfolio-item"> 342 <a href="#portfolio-taxiplanet" class="portfolio-link" data-toggle="modal"> 343 <div class="portfolio-hover"> 344 <div class="portfolio-hover-content"> 345 <i class="fa fa-plus fa-3x"></i> 346 </div> 347 </div> 348 <img src="img/portfolio/taxi-planet-thumbnail.png" class="img-responsive" alt=""> 349 </a> 350 <div class="portfolio-caption"> 351 <h4>Checker Car Club of America</h4> 352 <p class="text-muted">Full featured custom map</p> 353 </div> 354 </div> 355 356 </div> 357 </div> 358 </section> 359 360 <section id="newsletter"> 361 <div class="container"> 362 <div class="row"> 363 <div class="col-lg-12 text-center"> 364 <h2 class="section-heading">Keep Informed</h2> 365 <h3 class="section-subheading">Subscribe to our newsletter</h3> 366 </div> 367 </div> 368 <div class="row"> 369 <div class="col-md-6 col-md-offset-3"> 370 <form name="newsletterSubscribed" id="newsletterSubscription" action="#"> 371 <div class="input-group input-group-lg"> 372 <input class="form-control" name="email" id="newsletter-email" type="email" placeholder="Your Email" required> 373 <span class="input-group-btn"> 374 <button class="btn btn-xl" type="submit">Subscribe</button> 375 </span> 376 </div> 377 <div id="newsletterSuccess"></div> 378 </form> 379 </div> 380 </div> 381 </div> 382</section> 383 384<div id="conctact-section"> 385 <div id="satellite-backdrop"></div> 386 <section id="contact"> 387 <div class="container"> 388 <div class="row"> 389 <div class="col-lg-12 text-center"> 390 <h2 class="section-heading">Contact Us</h2> 391 <h3 class="section-subheading">If you would like to talk, please leave your details or email us at <a href="mailto:[email protected]">[email protected]</a></h3> 392 </div> 393 </div> 394 <div class="row"> 395 <div class="col-lg-12"> 396 <form name="sentMessage" id="contactForm" novalidate> 397 <div class="row"> 398 <div class="col-md-6"> 399 <div class="form-group"> 400 <input type="text" class="form-control" placeholder="Your Name" id="name"> 401 <p class="help-block text-danger"></p> 402 </div> 403 <div class="form-group"> 404 <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email address."> 405 <p class="help-block text-danger"></p> 406 </div> 407 <div class="form-group"> 408 <input type="tel" class="form-control" placeholder="Your Phone Number" id="phone"> 409 <p class="help-block text-danger"></p> 410 </div> 411 </div> 412 <div class="col-md-6"> 413 <div class="form-group"> 414 <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea> 415 <p class="help-block text-danger"></p> 416 </div> 417 </div> 418 <div class="clearfix"></div> 419 <div class="col-lg-12 text-center"> 420 <div id="success"></div> 421 <button type="submit" class="btn btn-xl">Send Message</button> 422 </div> 423 </div> 424 </form> 425 </div> 426 </div> 427 </div> 428 </section> 429</div> 430 431 <footer> 432 <div class="container"> 433 <div class="row"> 434 <div class="col-md-4">
435 <span class="copyright">Copyright © Alantgeo 2017</span> 436 </div> 437 <div class="col-md-4"> 438 <ul class="list-inline social-buttons"> 439 440 <li><a href="http://twitter.com/alantgeo" target="_blank"><i class="fa fa-twitter"></i></a> 441 </li> 442 443 <li><a href="https://www.linkedin.com/company/alantgeo" target="_blank"><i class="fa fa-linkedin"></i></a> 444 </li> 445 446 </ul> 447 </div> 448 <div class="col-md-4"> 449 <!-- 450 <ul class="list-inline quicklinks"> 451 <li><a href="#">Privacy Policy</a> 452 </li> 453 <li><a href="#">Terms of Use</a> 454 </li> 455 </ul> 456 --> 457 </div> 458 </div> 459 </div> 460 </footer> 461 462 <!-- Portfolio Modals --> 463 464 <div class="portfolio-modal modal fade" id="portfolio-npws" tabindex="-1" role="dialog" aria-hidden="true"> 465 <div class="modal-content"> 466 <div class="close-modal" data-dismiss="modal"> 467 <div class="lr"> 468 <div class="rl"> 469 </div> 470 </div> 471 </div> 472 <div class="container"> 473 <div class="row"> 474 <div class="col-lg-8 col-lg-offset-2"> 475 <div class="modal-body"> 476 <h2>Themed basemap</h2> 477 <hr class="star-primary"> 478 479 <iframe width='100%' height='500px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/alantgeo-presales.o6cgjoa9/attribution,zoompan,zoomwheel,geocoder.html?access_token=pk.eyJ1IjoiYWxhbnRnZW8tcHJlc2FsZXMiLCJhIjoiNkRKcXdVdyJ9.XVLiu2tRo5f2P__oBfdqsw#12/-33.5212/151.2756'></iframe> 480 481 <p class="text-muted">We undertook a proof of concept with OEH to incorporate Mapbox into the National Parks and Wildlife Service website for park maps.<br><br>We developed several concepts, with our primary concept being a custom NPWS basemap. We extended the <a href="https://www.mapbox.com/industries/outdoors/">Mapbox Outdoors basemap</a> by replacing existing parks with NPWS supplied park boundaries and extending the map design to give emphasis to these parks on the map.</p> 482 <ul class="list-inline item-details"> 483 <li>Client: 484 <strong><a href="http://nationalparks.nsw.gov.au/">Office of Environment & Heritage</a> 485 </strong> 486 </li> 487 <li>Service: 488 <strong>Mapbox design, solution architecture 489 </strong> 490 </li> 491 </ul> 492 <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 493 </div> 494 </div> 495 </div> 496 </div> 497 </div> 498 </div> 499 500 <div class="portfolio-modal modal fade" id="portfolio-lostoncampus" tabindex="-1" role="dialog" aria-hidden="true"> 501 <div class="modal-content"> 502 <div class="close-modal" data-dismiss="modal"> 503 <div class="lr"> 504 <div class="rl"> 505 </div> 506 </div> 507 </div> 508 <div class="container"> 509 <div class="row"> 510 <div class="col-lg-8 col-lg-offset-2"> 511 <div class="modal-body"> 512 <h2>Campus maps</h2> 513 <hr class="star-primary"> 514 515 516 <a target="_blank" href="http://lostoncampus.com.au/"> 517 518 <img src="img/portfolio/loc-ios-2.jpg" class="img-responsive img-centered" alt="Lost on Campus Mobile App with Map"> 519 520 </a> 521 522 523 <p class="text-muted">We consulted with Student Services Australia to develop a workflow for mapping university campuses across the country and integrating these maps into their Lost On Campus mobile apps. Our process uses JOSM as an easy to use and flexible geospatial data editing tool which allowed SSA to trace aerial imagery and combine this with their own field collected data to create their mapping dataset.<br><br>We designed a unique map style specifically for their campus data to match the Lost on Campus branding with <a href="https://www.mapbox.com/mapbox-studio/" target="_blank">Mapbox Studio</a> together with implementing the end to end process to get these maps into their mobile apps using <a href="https://www.mapbox.com/mobile/" target="_blank">Mapbox Mobile</a>.</p> 524 <ul class="list-inline item-details"> 525 <li>Client: 526 <strong><a href="http://www.lostoncampus.com.au/">Student Services Australia</a> 527 </strong> 528 </li> 529 <li>Service: 530 <strong>Consulting, map design 531 </strong> 532 </li> 533 </ul> 534 <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 535 </div> 536 </div> 537 </div> 538 </div> 539 </div> 540 </div> 541 542 <div class="portfolio-modal modal fade" id="portfolio-beyondtracks" tabindex="-1" role="dialog" aria-hidden="true"> 543 <div class="modal-content"> 544 <div class="close-modal" data-dismiss="modal"> 545 <div class="lr"> 546 <div class="rl"> 547 </div> 548 </div> 549 </div> 550 <div class="container"> 551 <div class="row"> 552 <div class="col-lg-8 col-lg-offset-2"> 553 <div class="modal-body"> 554 <h2>Interactive map application</h2> 555 <hr class="star-primary"> 556 557 558 <a target="_blank" href="http://www.beyondtracks.com/walks/royal-national-park/otford-to-burning-palms-return/#map-section"> 559 560 <img src="img/portfolio/bt_map_photo.png" class="img-responsive img-centered" alt="beyondtracks.com website showing map with walking route"> 561 562 </a> 563 564 565 <p class="text-muted"><a href="https://www.beyondtracks.com" target="_blank">BeyondTracks.com</a> is a website aimed at helping bushwalkers both expert and novice, find and plan walks. BeyondTracks has over 130 walks mostly around the greater Sydney area, providing route options, walk distances, transport information, photos, user comments and most importantly high quality outdoor focused maps with an integrated elevation profile.<br><br>BeyondTracks was designed and implemented as a side project of Alantgeo's founder Andrew Harvey. He built the front end as a
565simple and usable web interface, including relevant information for walkers.<br><br>Mapbox made it really easy to get started with the ready made <a href="https://www.mapbox.com/industries/outdoors" target="_blank">Mapbox Outdoors</a> style and developer APIs.<br><br>Supporting the web interface is a back end leveraging OpenStreetMap data and tools to create and maintain the walking routes, and utilising PostGIS geospatial based analysis.</p> 566 <ul class="list-inline item-details"> 567 <li>Client: 568 <strong><a href="http://www.beyondtracks.com">BeyondTracks</a> 569 </strong> 570 </li> 571 <li>Service: 572 <strong>Web design and development 573 </strong> 574 </li> 575 </ul> 576 <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 577 </div> 578 </div> 579 </div> 580 </div> 581 </div> 582 </div> 583 584 <div class="portfolio-modal modal fade" id="portfolio-socialpinpoint" tabindex="-1" role="dialog" aria-hidden="true"> 585 <div class="modal-content"> 586 <div class="close-modal" data-dismiss="modal"> 587 <div class="lr"> 588 <div class="rl"> 589 </div> 590 </div> 591 </div> 592 <div class="container"> 593 <div class="row"> 594 <div class="col-lg-8 col-lg-offset-2"> 595 <div class="modal-body"> 596 <h2>Custom base maps</h2> 597 <hr class="star-primary"> 598 599 600 <a target="_blank" href="http://www.planning.nsw.gov.au/centralcoast"> 601 602 <img src="img/portfolio/planning-environment-socialpinpoint.png" class="img-responsive img-centered" alt="Social Pinpoint app for NSW Department of Planning and Environment Regional Planning Survey - Central Coast"> 603 604 </a> 605 606 607 <p class="text-muted">The <a href="http://www.planning.nsw.gov.au/" target="_blank">NSW Department of Planning and Environment</a> conducted a series of <a href="http://www.planning.nsw.gov.au/centralcoast" target="_blank">Regional Planning Surveys</a>. <a href="http://www.socialpinpoint.com.au/" target="_blank">Social Pinpoint</a> provided the platform for a map based community consultation and engagement. We developed a series of maps within Mapbox Studio Classic to serve as custom base maps for use within Social Pinpoint for the Regional Planning Surveys.</p> 608 <ul class="list-inline item-details"> 609 <li>Client: 610 <strong><a href="http://www.socialpinpoint.com.au/">Social Pinpoint</a> 611 </strong> 612 </li> 613 <li>Service: 614 <strong>Map design 615 </strong> 616 </li> 617 </ul> 618 <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 619 </div> 620 </div> 621 </div> 622 </div> 623 </div> 624 </div> 625 626 <div class="portfolio-modal modal fade" id="portfolio-tourismwesternaustralia" tabindex="-1" role="dialog" aria-hidden="true"> 627 <div class="modal-content"> 628 <div class="close-modal" data-dismiss="modal"> 629 <div class="lr"> 630 <div class="rl"> 631 </div> 632 </div> 633 </div> 634 <div class="container"> 635 <div class="row"> 636 <div class="col-lg-8 col-lg-offset-2"> 637 <div class="modal-body"> 638 <h2>Tourism Destinations</h2> 639 <hr class="star-primary"> 640 641 642 <a target="_blank" href="http://www.westernaustralia.com/en/Things_to_See_and_Do/top_10/Pages/Top_10_Natural_Wonders.aspx"> 643 644 <img src="img/portfolio/twa-mapbox-top10.png" class="img-responsive img-centered" alt="Tourism Western Australia Top 10 Map"> 645 646 </a> 647 648 649 <p class="text-muted">We implemented the Tourism Western Australia map design guide in <a href="https://www.mapbox.com/mapbox-studio/" targtet="_blank">Mapbox Studio</a>. We built a series of Top 10 maps highlighting attractions and itinerary maps using Mapbox Directions to link up attractions into suggested routes.</p> 650 <ul class="list-inline item-details"> 651 <li>Client: 652 <strong><a href="http://www.westernaustralia.com/">Tourism Western Australia</a> 653 </strong> 654 </li> 655 <li>Service: 656 <strong>Mapbox design, Mapbox development 657 </strong> 658 </li> 659 </ul> 660 <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 661 </div> 662 </div> 663 </div> 664 </div> 665 </div> 666 </div> 667 668 <div class="portfolio-modal modal fade" id="portfolio-taxiplanet" tabindex="-1" role="dialog" aria-hidden="true"> 669 <div class="modal-content"> 670 <div class="close-modal" data-dismiss="modal"> 671 <div class="lr"> 672 <div class="rl"> 673 </div> 674 </div> 675 </div> 676 <div class="container"> 677 <div class="row"> 678 <div class="col-lg-8 col-lg-offset-2"> 679 <div class="modal-body"> 680 <h2>Full featured custom map</h2> 681 <hr class="star-primary"> 682 683 684 <a target="_blank" href="http://www.taxiplanet.org/"> 685 686 <img src="img/portfolio/taxi-planet.png" class="img-responsive img-centered" alt="Taxi Planet Checkers Worldwide"> 687 688 </a> 689 690 691 <p class="text-muted">We provided guidance on brining custom data into Mapbox to be managed with the Mapbox Datasets Editor and developed a custom web map to display that data in a custom interface.</p> 692 <ul class="list-inline item-details"> 693 <li>Client: 694 <strong><a href="http://www.taxiplanet.org/">Checker Car Club of America</a> 695 </strong> 696 </li> 697 <li>Service: 698 <strong>Mapbox design, Mapbox development 699 </strong> 700 </li> 701 </ul> 702 <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button> 703 </div> 704 </div> 705 </div> 706 </div> 707 </div> 708 </div> 709 710 711<!-- QR Code Modal --> 712
713<div id="qrmodal-andrew" class="modal" tabindex="-1" role="dialog"> 714 <div class="modal-dialog"> 715 <div class="modal-content"> 716 <div class="modal-body"> 717 <img src="vcard/qr/andrew.png" class="img-responsive"> 718 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 719 </div> 720 </div> 721 </div> 722 </div> 723 724 725 <!-- jQuery Version 1.11.0 --> 726
726<script src="/js/jquery-1.11.0.js"></script>
726 727 728 <!-- Bootstrap Core JavaScript --> 729
729<script src="/js/bootstrap.min.js"></script>
729 730 731 <!-- Plugin JavaScript --> 732
732<script src="/js/jquery.easing.min.js"></script>
732 733
733<script src="/js/classie.js"></script>
733 734 <!--
734<script src="/js/cbpAnimatedHeader.js"></script>
734--> 735 736 <!-- Contact Form JavaScript --> 737
737<script src="/js/jqBootstrapValidation.js"></script>
737 738
738<script src="/js/contact.js"></script>
738 739 740 <!-- Custom Theme JavaScript --> 741
741<script src="/js/agency.js"></script>
741 742 743 744 <!-- Mapbox.js --> 745
745<script src='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.js'></script>
745 746 <link href='https://api.mapbox.com/mapbox.js/v3.0.1/mapbox.css' rel='stylesheet' /> 747 748
748<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
748 749 <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' /> 750 751
751<script src="/js/alantgeo.js"></script>
751 752 753
753<script>
vendor: 377 bytes, lines 753-759
753 754 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 755 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 756 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 757 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 758 759 ga('create', '
759UA-60357523-1
vendor: 48 bytes, lines 759-761
759', 'auto'); 760 ga('send', 'pageview'); 761
761</script>
761 762 763 764 </body> 765</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.