Skip to content

Instantly share code, notes, and snippets.

View rominirani's full-sized avatar

Romin Irani rominirani

  • Mumbai
View GitHub Profile
@rominirani
rominirani / index.html
Created July 27, 2013 16:31
Indian Pincode App - index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>India Pincodes</title>
<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>
@rominirani
rominirani / manifest.webapp
Created July 27, 2013 16:33
Indian Pincode Firefox OS App - manifest file
{
"version":"1.0",
"name": "India Pincodes",
"description": "This app gives you information on Pincodes (Zipcodes) of India!",
"launch_path": "/index.html",
"icons": {
"16": "/images/icon_016.png",
"32": "/images/icon_032.png",
"48": "/images/icon_048.png",
"128": "/images/icon_128.png"
@rominirani
rominirani / index.html
Created July 30, 2013 06:07
Indian Pincode App index.html fixed by addressing Firefox OS CSP violation. We moved all the code from inside of the <script> tag to an external file app.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>India Pincodes</title>
<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>
@rominirani
rominirani / abc.html
Created July 30, 2013 09:07
Sample HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>India Pincodes</title>
<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>
@rominirani
rominirani / index.html
Created July 31, 2013 03:16
Episode #5 : Firefox OS Tutorial : HTML5 GeoLocation API - index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Locate Me</title>
<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>
@rominirani
rominirani / app.js
Created July 31, 2013 03:17
Episode #5 : Firefox OS Tutorial : app.js for HTML5 Geolocation calls
$(document).ready(function(){
$("#btnLocateMe").click(function(){
findMyCurrentLocation();
});
});
function findMyCurrentLocation(){
var geoService = navigator.geolocation;
if (geoService) {
navigator.geolocation.getCurrentPosition(showCurrentLocation,errorHandler);
@rominirani
rominirani / manifest.webapp
Created July 31, 2013 03:18
Episode #5 : Firefox OS Tutorial : manifest.webapp
{
"version":"1.0",
"name": "LocateMe",
"description": "This app uses the HTML5 Geolocation API to retrieve your current position and plot on the map using Google Maps.",
"launch_path": "/map.html",
"icons": {
"16": "/images/icon_016.png",
"32": "/images/icon_032.png",
"48": "/images/icon_048.png",
"128": "/images/icon_128.png"
@rominirani
rominirani / map.html
Created July 31, 2013 03:19
Episode #5 : Firefox OS Tutorial : map.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Map Me</title>
<link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
<script src="jquery-1.7.1.min.js"></script>
<script src="jquery.mobile-1.3.1.min.js"></script>
@rominirani
rominirani / map-app.js
Created July 31, 2013 03:19
Episode #5 : Firefox OS Tutorial : map-app.js
$(document).ready(function(){
$("#btnLocateMe").click(function(){
findMyCurrentLocation();
});
});
function findMyCurrentLocation(){
var geoService = navigator.geolocation;
if (geoService) {
navigator.geolocation.getCurrentPosition(showCurrentLocation,errorHandler,{enableHighAccuracy:true});
@rominirani
rominirani / webapp.manifest
Created July 31, 2013 05:42
Episode #5 : Firefox OS Tutorial : webapp.manifest
{
"version":"1.0",
"name": "LocateMe",
"description": "This app uses the HTML5 Geolocation API to retrieve your current position and plot on the map using Google Maps.",
"launch_path": "/index.html",
"icons": {
"16": "/images/icon_016.png",
"32": "/images/icon_032.png",
"48": "/images/icon_048.png",
"128": "/images/icon_128.png"