Android port using PhoneGap

build/mobile/css/main.css

@@ -435,7 +435,8 @@ button {
 }
 .picker,
 .about,
-.tour {
+.tour,
+.vote {
   font-family: 'MozTT-Light';
   width: 30rem;
   height: 24.6rem;
@@ -447,11 +448,13 @@ button {
 }
 .picker .color-picker,
 .about .color-picker,
-.tour .color-picker {
+.tour .color-picker,
+.vote .color-picker {
   margin: 0;
 }
 .about,
-.tour {
+.tour,
+.vote {
   background: #262626;
   padding: 1rem 2rem;
   height: 23rem;
@@ -463,34 +466,45 @@ button {
 }
 .about a,
 .tour a,
+.vote a,
 .about a:link,
 .tour a:link,
+.vote a:link,
 .about a:visited,
 .tour a:visited,
+.vote a:visited,
 .about a:active,
-.tour a:active {
+.tour a:active,
+.vote a:active {
   color: white;
 }
 .about .close,
-.tour .close {
+.tour .close,
+.vote .close {
   background: #262626;
   color: white;
   border: 1px solid gray;
 }
 .about p,
-.tour p {
+.tour p,
+.vote p {
   font-size: 11pt;
 }
 .about span,
-.tour span {
+.tour span,
+.vote span {
   font-size: 8pt;
 }
-.tour .button {
+.tour .button,
+.vote .button {
   width: 30rem;
   position: absolute;
   bottom: 1rem;
   left: 1.8rem;
 }
+.vote {
+  height: 30rem;
+}
 header {
   width: 100%;
   height: 5.3rem;

build/mobile/index.html

@@ -238,6 +238,19 @@
       <button class='close'>x</button>
    </div>
 
+    <div class='vote overlay hidden'>
+        <p>King of Firefox OS Apps</p>
+          <span>Hey! FirefoxOSGuide.com has started a competition, judging the best Firefox OS application by users' vote.</span><br /><span>Would you consider taking a few minutes to vote for us, please?</span><br /><br />
+          <span>We're working to add new features to Sketchy like sharing and maybe some 'hosted' addons.</span><br /><br />
+          <span>If you would like to see something in Sketchy's new version, please get in touch with us.</span>
+          <br /><br />
+          <a href='http://bit.ly/1irTueS'>What's your Favorite Firefox OS application?</a>
+          <br />
+          <a href='http://bit.ly/1hosWbM'>Original post on Firefox OS Guide</a>
+        <button class='button'>OK!</button>
+      <button class='close'>x</button>
+   </div>
+
     <!-- PRELOADER -->
     <div class='hidden'>
       <img src='css/value_selector/images/ui/pattern.png'>

build/mobile/js/diff.js

@@ -1 +1 @@
-$(document).ready(function(){$("*").off("click mousemove mousedown mouseup mouseleave").on("click mousemove mousedown mouseup mouseleave",function(a){a.preventDefault}),$('a[href^="http"]').tap(function(a){a.preventDefault();{var b=$(this).attr("href");new MozActivity({name:"view",data:{type:"url",url:b}})}return!1}).click(function(a){return a.preventDefault(),!1}),$('a[href^="mailto"]').tap(function(a){a.preventDefault();new MozActivity({name:"new",data:{type:"mail",url:$(this).attr("href")}});return!1}).click(function(a){return a.preventDefault(),!1}),window.save=function(){var a=c.getImageData(0,0,width(),height());switch(save.background){case"white":c.fillStyle="white",c.globalCompositeOperation="destination-over",c.fillRect(0,0,width(),height()),c.fillStyle=settings.color,c.globalCompositeOperation=settings.composite;break;case"current color":c.fillStyle=settings.bg,c.globalCompositeOperation="destination-over",c.fillRect(0,0,width(),height()),c.globalCompositeOperation=settings.composite}var b=$c[0].toDataURL();if("sketchy project"==save.type){var d,e=JSON.parse(localStorage.getItem("projects"));e&&e.some(function(a,b){return a.name==save["file name"]?(d=b,!0):!1})?confirm("A sketch with this name already exists. Do you want to overwrite "+save["file name"]+"?")&&(console.log(d),e[d]={name:save["file name"],data:b,points:window.points,settings:settings},localStorage.setItem("projects",JSON.stringify(e))):(e?e.push({name:save["file name"],data:b,points:window.points,settings:settings}):e=[{name:save["file name"],data:b,points:window.points,settings:settings}],localStorage.setItem("projects",JSON.stringify(e)))}else{var f=navigator.getDeviceStorage("pictures"),g=dataToBlob(b),h=f.addNamed(g,save["file name"]+".png");h.onsuccess=function(){alert("Your Sketch was saved successfuly: "+this.result)},h.onerror=function(){alert("Something bad happened trying to save your sketch "+save["file name"]+"\n Possible reasons:\n Duplicate Name \n Not enough permission")}}c.putImageData(a,0,0)},window.load=function(){var a=JSON.parse(localStorage.getItem("projects")).filter(function(a){return a.name==load.file})[0],b=document.createElement("img");b.src=a.data,b.onload=function(){c.clearRect(0,0,width(),height()),c.drawImage(b,0,0),window.points=a.points,window.points.history=[{data:c.createImageData($c.width(),$c.height()),points:[]},{data:c.getImageData(0,0,width(),height()),points:a.points}],$c.first().css("background",a.settings.bg),window.settings.bg=a.settings.bg}},localStorage.getItem("sawTips")!=settings.version&&($(".tour").removeClass("hidden"),localStorage.setItem("sawTips",settings.version))});
+$(document).ready(function(){$("*").off("click mousemove mousedown mouseup mouseleave").on("click mousemove mousedown mouseup mouseleave",function(a){a.preventDefault}),$('a[href^="http"]').tap(function(a){a.preventDefault();{var b=$(this).attr("href");new MozActivity({name:"view",data:{type:"url",url:b}})}return!1}).click(function(a){return a.preventDefault(),!1}),$('a[href^="mailto"]').tap(function(a){a.preventDefault();new MozActivity({name:"new",data:{type:"mail",url:$(this).attr("href")}});return!1}).click(function(a){return a.preventDefault(),!1}),window.save=function(){var a=c.getImageData(0,0,width(),height());switch(save.background){case"white":c.fillStyle="white",c.globalCompositeOperation="destination-over",c.fillRect(0,0,width(),height()),c.fillStyle=settings.color,c.globalCompositeOperation=settings.composite;break;case"current color":c.fillStyle=settings.bg,c.globalCompositeOperation="destination-over",c.fillRect(0,0,width(),height()),c.globalCompositeOperation=settings.composite}var b=$c[0].toDataURL();if("sketchy project"==save.type){var d,e=JSON.parse(localStorage.getItem("projects"));e&&e.some(function(a,b){return a.name==save["file name"]?(d=b,!0):!1})?confirm("A sketch with this name already exists. Do you want to overwrite "+save["file name"]+"?")&&(console.log(d),e[d]={name:save["file name"],data:b,points:window.points,settings:settings},localStorage.setItem("projects",JSON.stringify(e))):(e?e.push({name:save["file name"],data:b,points:window.points,settings:settings}):e=[{name:save["file name"],data:b,points:window.points,settings:settings}],localStorage.setItem("projects",JSON.stringify(e)))}else{var f=navigator.getDeviceStorage("pictures"),g=dataToBlob(b),h=f.addNamed(g,save["file name"]+".png");h.onsuccess=function(){alert("Your Sketch was saved successfuly: "+this.result)},h.onerror=function(){alert("Something bad happened trying to save your sketch "+save["file name"]+"\n Possible reasons:\n Duplicate Name \n Not enough permission")}}c.putImageData(a,0,0)},window.load=function(){var a=JSON.parse(localStorage.getItem("projects")).filter(function(a){return a.name==load.file})[0],b=document.createElement("img");b.src=a.data,b.onload=function(){c.clearRect(0,0,width(),height()),c.drawImage(b,0,0),window.points=a.points,window.points.history=[{data:c.createImageData($c.width(),$c.height()),points:[]},{data:c.getImageData(0,0,width(),height()),points:a.points}],$c.first().css("background",a.settings.bg),window.settings.bg=a.settings.bg}},localStorage.getItem("sawVote")||($(".vote").removeClass("hidden"),localStorage.setItem("sawVote",!0))});

build/mobile/manifest.webapp

@@ -1,7 +1,7 @@
 {
   "name": "Sketchy",
-  "description": "Free Sketch/Paint app",
-  "version": "1.2",
+  "description": "Free full-featured Sketch app",
+  "version": "1.2.1",
   "fullscreen": "true",
   "type": "privileged",
   "launch_path": "/index.html",
@@ -18,7 +18,7 @@
   },
   "developer": {
     "name": "Mahdi Dibaiee",
-    "url": "https://twitter.com/mdibaiee"
+    "url": "http://dibaiee.ir/"
   },
   "locales": {
     "en": {