[
{
"path": "LICENSE",
"content": "MIT License\n\nCopyright (c) 2016 \n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
},
{
"path": "README.md",
"content": "# What is this?\nThis repository is 99.9% JSON.\n\n**Each JSON file is an iOS app. And an Android app. Simultaneously.**\n\nAnd when you play these JSON snippets on [Jasonette](https://www.jasonette.com), they instantly turn into native apps.\n\nHere's how it works: Jasonette interprets the JSON markup into native iOS and Android components. Just like how you use HTML to write a web page, you use JSON to write a native app, which you can publish to the app store.\n\nCheck out [the website](https://www.jasonette.com) to learn more.\n\nHere are some highlights of what these JSON files can turn into (hint: anything you can imagine):\n\n _ | _ \n-------------------------------------------|--------------------------------------------\nWell it turns out Nexus devices are getting Android 7.1 at the same time as Google's new Pixel phones — or at least a developer preview build of it. This evening Google rolled out a preview release of 7.1 Nougat for the Nexus 6P, 5X, and Pixel C tablet. If your device is installed in the Android Beta program, you can install the update right now to get new features like Night Light, long-press app shortcuts, support for new circular icons, and optimizations to touch and display responsiveness among other changes.
\\\"We’re delivering the initial Developer Preview at beta quality for the Nexus lineup of devices,\\\" Google's Dave Burke wrote in a blog post announcing the release . \\\"The goal is to tease out any device-specific issues.\\\" There's a...
Continue reading…
\"\n }]\n }]\n }\n }\n}\n"
},
{
"path": "view/component/image/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"image\"\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/image/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"header\": {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"text\": \"Full width image\"\n },\n \"items\": [{\n \"type\": \"image\",\n \"style\": {\n \"width\": \"100%\",\n \"padding\": \"0\"\n },\n \"url\": \"http://i8.mangareader.net/ito-junjis-cat-diary/1/ito-junjis-cat-diary-2241289.jpg\"\n }]\n }, {\n \"header\": {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"text\": \"rounded image\"\n },\n \"items\": [{\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"50\",\n \"background\": \"#0000ff\",\n \"align\": \"center\"\n },\n \"components\": [{\n \"type\": \"image\",\n \"url\": \"https://pbs.twimg.com/profile_images/557061751150112768/eMwi4Xz2.jpeg\",\n \"style\": {\n \"width\": \"200\",\n \"corner_radius\": \"100\"\n }\n }]\n }]\n }, {\n \"header\": {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"text\": \"rounded image with transparency\"\n },\n \"items\": [{\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"50\",\n \"background\": \"#0000ff\",\n \"align\": \"center\"\n },\n \"components\": [{\n \"type\": \"image\",\n \"url\": \"https://pbs.twimg.com/profile_images/557061751150112768/eMwi4Xz2.jpeg\",\n \"style\": {\n \"width\": \"200\",\n \"opacity\": \"0.3\",\n \"corner_radius\": \"100\"\n }\n }]\n }]\n }, {\n \"header\": {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"text\": \"animated gif\"\n },\n \"items\": [{\n \"type\": \"image\",\n \"url\": \"https://media.giphy.com/media/13CoXDiaCcCoyk/giphy.gif\",\n \"style\": {\n \"padding\": \"0\",\n \"width\": \"100%\"\n }\n }]\n }]\n }\n }\n}\n\n"
},
{
"path": "view/component/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Component\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n },\n \"$pull\": {\n \"type\": \"$flush\",\n \"success\": {\n \"type\": \"$reload\"\n }\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"label\",\n \"text\": \"label\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/label/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"image\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/image/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"button\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/button/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"html\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/html/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"map\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/map/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"slider\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/slider/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"textarea\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/textarea/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"textfield\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/textfield/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"space\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/space/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"common styling\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/style/index.json\"\n }\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/component/label/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"label\"\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/label/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"items\": [{\n \"type\": \"label\",\n \"text\": \"Helvetica Neue Bold, 20, orange\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"20\",\n \"padding\": \"20\",\n \"color\": \"#FFA500\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Helvetica Neue Bold, 20, orange, align: right\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"align\": \"right\",\n \"size\": \"20\",\n \"padding\": \"20\",\n \"color\": \"#FFA500\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Helvetica Neue Bold, 20, orange, align: center\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"align\": \"center\",\n \"size\": \"20\",\n \"padding\": \"20\",\n \"color\": \"#FFA500\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Courier, 13, green\",\n \"style\": {\n \"font\": \"Courier\",\n \"size\": \"13\",\n \"padding\": \"20\",\n \"color\": \"#00ff00\"\n }\n }, {\n \"type\": \"vertical\",\n \"style\": {\n \"align\": \"center\"\n },\n \"components\": [{\n \"type\": \"label\",\n \"text\": \"Helvetica Neue Bold, size:20, padding:30, background: #ebebeb\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"20\",\n \"color\": \"#0000ff\",\n \"padding\": \"30\",\n \"background\": \"#ebebeb\"\n }\n }]\n }, {\n \"type\": \"vertical\",\n \"style\": {\n \"align\": \"center\"\n },\n \"components\": [{\n \"type\": \"label\",\n \"text\": \"Helvetica Neue, size:20, padding:80, corner_radius: 40, background: #ebebeb\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"20\",\n \"color\": \"#0000ff\",\n \"corner_radius\": \"40\",\n \"padding\": \"90\",\n \"background\": \"#ebebeb\"\n }\n }]\n }]\n }]\n }\n }\n}\n"
},
{
"path": "view/component/map/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"map\",\n \"styles\": {\n \"padded\": {\n \"padding\": \"20\",\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"20\"\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/map/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"header\": {\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"0\"\n },\n \"components\": [{\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\",\n \"padding\": \"10\"\n },\n \"text\": \"Map in a header\"\n }, {\n \"type\": \"map\",\n \"region\": {\n \"coord\": \"40.7197614,-73.9909211\",\n \"width\": \"200\",\n \"height\": \"200\"\n },\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"150\"\n }\n }]\n },\n \"items\": [{\n \"type\": \"label\",\n \"class\": \"padded\",\n \"text\": \"scroll down to see more\"\n }, {\n \"type\": \"label\",\n \"class\": \"padded\",\n \"text\": \"scroll down to see more\"\n }, {\n \"type\": \"label\",\n \"class\": \"padded\",\n \"text\": \"scroll down to see more\"\n }, {\n \"type\": \"label\",\n \"class\": \"padded\",\n \"text\": \"scroll down to see more\"\n }, {\n \"type\": \"label\",\n \"class\": \"padded\",\n \"text\": \"scroll down to see more\"\n }, {\n \"type\": \"label\",\n \"class\": \"padded\",\n \"text\": \"scroll down to see more\"\n }]\n }, {\n \"header\": {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"text\": \"Map with 200x200 region\"\n },\n \"items\": [{\n \"type\": \"map\",\n \"region\": {\n \"coord\": \"40.7197614,-73.9909211\",\n \"width\": \"200\",\n \"height\": \"200\"\n },\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"300\"\n }\n }]\n }, {\n \"header\": {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"text\": \"Map with pins\"\n },\n \"items\": [{\n \"type\": \"map\",\n \"region\": {\n \"coord\": \"40.7197614,-73.9909211\",\n \"width\": \"100\",\n \"height\": \"100\"\n },\n \"pins\": [{\n \"title\": \"This is a pin\",\n \"description\": \"It really is.\",\n \"coord\": \"40.7197614,-73.9909211\",\n \"style\": {\n \"selected\": \"true\"\n }\n }],\n \"style\": {\n \"width\": \"100%\",\n \"height\": \"300\"\n }\n }]\n }]\n }\n }\n}\n"
},
{
"path": "view/component/slider/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Slider\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"align\": \"center\",\n \"size\": \"40\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n },\n \"$pull\": {\n \"type\": \"$flush\",\n \"success\": {\n \"type\": \"$reload\"\n }\n },\n \"$load\": {\n \"type\": \"$set\",\n \"options\": {\n \"gauge\": \"0.2\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/slider/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"header\": {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"{{'' + $get.gauge}}\"\n },\n \"items\": [{\n \"type\": \"slider\",\n \"name\": \"gauge\",\n \"style\": {\n \"height\": \"100\",\n \"width\": \"50%\",\n \"align\": \"center\",\n \"color\": \"#00ff00\"\n },\n \"action\": {\n \"type\": \"$render\"\n }\n }, {\n \"type\": \"slider\",\n \"name\": \"gauge\",\n \"style\": {\n \"height\": \"100\",\n \"width\": \"100%\",\n \"align\": \"center\",\n \"color\": \"#ff0000\"\n },\n \"action\": {\n \"type\": \"$render\"\n }\n }]\n }]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/component/space/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Space\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n },\n \"$pull\": {\n \"type\": \"$flush\",\n \"success\": {\n \"type\": \"$reload\"\n }\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/space/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"Fixed space\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n }\n },\n \"items\": [\n {\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"0\"\n },\n \"components\": [\n {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#ebebeb\"\n },\n \"text\": \"50px Space below this point\",\n \"class\": \"bold\"\n },\n {\n \"type\": \"space\",\n \"style\": {\n \"height\": \"50\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"50px Space above this point\",\n \"style\": {\n \"background\": \"#ebebeb\"\n },\n \"class\": \"bold\"\n }\n ]\n }\n ]\n },\n {\n \"header\": {\n \"type\": \"label\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"text\": \"Flexible space usage. The space component in the middle automatically expands to fill the layout. This type of layout would be not possible without a space component\"\n },\n \"items\": [{\n \"type\": \"horizontal\",\n \"components\": [{\n \"type\": \"label\",\n \"style\": {\n \"width\": \"100\",\n \"align\": \"right\"\n },\n \"text\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco\"\n }, {\n \"type\": \"space\"\n }, {\n \"type\": \"label\",\n \"style\": {\n \"width\": \"50\",\n \"align\": \"left\"\n },\n \"text\": \"laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\"\n }]\n }]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/component/style/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Common component styling\",\n \"data\": {\n \"items\": [\n { \"type\": \"Opacity\", \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/style/opacity.json\" }\n ]\n },\n \"templates\": {\n \"body\": {\n \"sections\": [{\n \"items\": {\n \"{{#each items}}\": {\n \"type\": \"label\",\n \"style\": {\n \"padding\": \"10\",\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"15\"\n },\n \"href\": {\n \"url\": \"{{url}}\"\n },\n \"text\": \"{{type}}\"\n }\n }\n }]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/component/style/opacity.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Opacity\",\n\t\t\t\"description\": \"No opacity on the left, opacity on the right\"\n },\n \"body\": {\n \"style\": {\n \"background\": \"https://raw.githubusercontent.com/gliechtenstein/images/master/highrise.jpg\",\n \"border\": \"none\"\n },\n \"header\": {\n \"style\": {\n \"background\": \"rgba(0,0,0,0)\",\n \"color\": \"#ffffff\"\n },\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/style/opacity.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"horizontal\",\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"Label\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"color\": \"#ffffff\",\n \"size\": \"40\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Label\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"color\": \"#ffffff\",\n \"size\": \"40\",\n \"opacity\": \"0.2\"\n }\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"components\": [\n {\n \"type\": \"image\",\n \"url\": \"https://raw.githubusercontent.com/gliechtenstein/images/master/perrier.jpg\"\n },\n {\n \"type\": \"image\",\n \"url\": \"https://raw.githubusercontent.com/gliechtenstein/images/master/perrier.jpg\",\n \"style\": {\n \"opacity\": \"0.2\"\n }\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"components\": [\n {\n \"type\": \"button\",\n \"text\": \"Button\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"color\": \"#ffffff\",\n \"size\": \"20\"\n }\n },\n {\n \"type\": \"button\",\n \"text\": \"Button\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"color\": \"#ffffff\",\n \"size\": \"20\",\n \"opacity\": \"0.2\"\n }\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"components\": [\n {\n \"type\": \"map\",\n \"style\": {\n \"height\": \"200\",\n \"width\": \"50%\"\n },\n \"region\": {\n \"coord\": \"40.7197614,-73.9909211\",\n \"width\": \"100\",\n \"height\": \"100\"\n }\n },\n {\n \"type\": \"map\",\n \"region\": {\n \"coord\": \"40.7197614,-73.9909211\",\n \"width\": \"100\",\n \"height\": \"100\"\n },\n \"style\": {\n \"height\": \"200\",\n \"width\": \"50%\",\n \"opacity\": \"0.6\"\n }\n }\n ]\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/component/textarea/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"textarea\",\n \"styles\": {\n \"padded\": {\n \"padding\": \"20\",\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"20\"\n }\n }\n },\n \"body\": {\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/textarea/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"header\": {\n \"type\": \"label\",\n \"text\": \"textarea\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n }\n },\n \"items\": [\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"align\": \"top\",\n \"padding\": \"0\"\n },\n \"components\": [{\n \"type\": \"textarea\",\n \"name\": \"blank\",\n \"style\": {\n \"background\": \"#ffffff\",\n \"height\": \"200\"\n }\n }, {\n \"type\": \"button\",\n \"text\": \"Done\",\n \"style\": {\n \"width\": \"60\",\n \"height\": \"30\",\n \"color\": \"#ff0000\"\n },\n \"action\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Selected Value\",\n \"description\": \"{{$get.blank}}\"\n }\n }\n }]\n }\n ]\n }]\n }\n }\n}\n"
},
{
"path": "view/component/textfield/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"textfield example\",\n \"styles\": {\n \"padded\": {\n \"padding\": \"20\",\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"20\"\n }\n }\n },\n \"body\": {\n \"style\": {\n \"background\": \"#f5f5f5\"\n },\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/component/textfield/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"textfield\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n }\n },\n \"items\": [\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"background\": \"#ffffff\",\n \"align\": \"center\"\n },\n \"components\": [\n {\n \"type\": \"textfield\",\n \"placeholder\": \"Enter text and press Done\",\n \"name\": \"blank\"\n },\n {\n \"type\": \"button\",\n \"text\": \"Done\",\n \"style\": {\n \"width\": \"60\",\n \"height\": \"50\",\n \"color\": \"#ffffff\",\n \"background\": \"#0000ff\"\n },\n \"action\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Selected Value\",\n \"description\": \"{{$get.blank}}\"\n }\n }\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"background\": \"#ffffff\",\n \"align\": \"center\"\n },\n \"components\": [\n {\n \"type\": \"textfield\",\n \"style\": {\n \"secure\": \"true\"\n },\n \"placeholder\": \"Secure field\",\n \"name\": \"secure\"\n },\n {\n \"type\": \"button\",\n \"text\": \"Done\",\n \"style\": {\n \"width\": \"60\",\n \"color\": \"#ffffff\",\n \"background\": \"#0000ff\"\n },\n \"action\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Selected secure value\",\n \"description\": \"{{$get.secure}}\"\n }\n }\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"background\": \"#ffffff\",\n \"align\": \"center\"\n },\n \"components\": [\n {\n \"type\": \"textfield\",\n \"style\": {\n \"border_color\": \"#000000\"\n },\n \"placeholder\": \"field with border\",\n \"name\": \"border\"\n }\n ]\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/footer/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Footer Examples\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/footer/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Chat Input\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/input.json\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Tabs\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\",\n \"transition\": \"modal\"\n }\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/footer/input.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Input Footer\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n },\n \"send\": {\n \"type\": \"$util.alert\",\n \"options\": {\n \"title\": \"Message\",\n \"description\": \"{{$get.message}}\"\n }\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/footer/input.json\",\n \"view\": \"web\"\n }\n }\n },\n \"footer\": {\n \"input\": {\n \"left\": {\n \"image\": \"https://s3.amazonaws.com/www.textcast.co/icons/cam%402x.png\",\n \"action\": {\n \"type\": \"$media.camera\"\n }\n },\n \"name\": \"message\",\n \"placeholder\": \"Say something...\",\n \"right\": {\n \"text\": \"Send\",\n \"action\": {\n \"trigger\": \"send\"\n }\n }\n }\n }\n }\n }\n}\n"
},
{
"path": "view/footer/tabs.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Tabs Footer\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n },\n \"send\": {\n \"type\": \"$util.alert\",\n \"options\": {\n \"title\": \"Message\",\n \"description\": \"{{$get.message}}\"\n }\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/footer/tabs.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"label\",\n \"text\": \"Fullscreen transition\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/action/audio/vaultboy/index.json\",\n \"transition\": \"fullscreen\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Next\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Next\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Next\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Next\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Next\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n }\n }\n ]\n }\n ],\n \"footer\": {\n \"tabs\": {\n \"style\": {\n \"background\": \"#ffffff\"\n },\n \"items\": [\n {\n \"image\": \"https://s3-us-west-2.amazonaws.com/www.jasonclient.org/topsecret%402x.png\",\n \"text\": \"Top Secret\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n },\n {\n \"image\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/info%402x.png\",\n \"text\": \"Info\",\n \"badge\": \"2\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n },\n {\n \"image\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/apps%402x.png\",\n \"text\": \"Collection\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/tabs.json\"\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/header/header.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Header\",\n \"data\": {\n \"items\": [\n \"a\",\n \"b\",\n \"c\",\n \"d\",\n \"e\",\n \"f\",\n \"g\",\n \"h\",\n \"i\",\n \"j\",\n \"k\",\n \"l\",\n \"m\",\n \"n\",\n \"o\",\n \"p\",\n \"q\",\n \"r\",\n \"s\",\n \"t\",\n \"u\",\n \"v\",\n \"w\",\n \"x\",\n \"y\",\n \"z\"\n ]\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": \"#222222\",\n \"border\": \"none\"\n },\n \"header\": {\n \"title\": \"Header/No Header Test\",\n \"style\": {\n \"background\": \"#ff0000\",\n \"color\": \"#ffffff\"\n }\n },\n \"sections\": [\n {\n \"items\": {\n \"{{#each items}}\": {\n \"type\": \"label\",\n \"text\": \"{{this}}\",\n \"style\": {\n \"color\": \"#ffffff\",\n \"size\": \"40\",\n \"padding\": \"20\",\n \"align\": \"right\"\n }\n }\n }\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/header/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Header Example\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$load\": {\n \"type\": \"$render\"\n },\n \"$foreground\": {\n \"type\": \"$reload\"\n }\n }\n },\n \"body\": {\n \"header\": {\n \"title\": \"[Title goes here]\",\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/header/index.json\",\n \"view\": \"web\"\n }\n },\n \"style\": {\n \"font\": \"AvenirNext-Heavy\",\n \"size\": \"18\"\n },\n \"search\": {\n \"name\": \"query\",\n \"placeholder\": \"Enter keyword\",\n \"action\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"{{$get.query}}\",\n \"description\": \"The content inside the search input is {{$get.query}}\"\n }\n }\n }\n },\n \"sections\": [{\n \"items\": [{\n \"type\": \"label\",\n \"text\": \"With header\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/header/header.json\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"No header\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/header/noheader.json\"\n }\n }]\n }]\n }\n }\n}\n"
},
{
"path": "view/header/noheader.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"No Header\",\n \"data\": {\n \"items\": [\n \"a\",\n \"b\",\n \"c\",\n \"d\",\n \"e\",\n \"f\",\n \"g\",\n \"h\",\n \"i\",\n \"j\",\n \"k\",\n \"l\",\n \"m\",\n \"n\",\n \"o\",\n \"p\",\n \"q\",\n \"r\",\n \"s\",\n \"t\",\n \"u\",\n \"v\",\n \"w\",\n \"x\",\n \"y\",\n \"z\"\n ]\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": \"#222222\",\n \"border\": \"none\"\n },\n \"layers\": [\n {\n \"type\": \"label\",\n \"text\": \"👈\",\n \"style\": {\n \"bottom\": \"20\",\n \"right\": \"20\",\n \"background\": \"#ff0000\",\n \"color\": \"#ffffff\",\n \"width\": \"100\",\n \"height\": \"100\",\n \"align\": \"center\",\n \"size\": \"30\",\n \"corner_radius\": \"50\"\n },\n \"action\": {\n \"type\": \"$back\"\n }\n }\n ],\n \"sections\": [\n {\n \"items\": {\n \"{{#each items}}\": {\n \"type\": \"label\",\n \"style\": {\n \"color\": \"#ffffff\",\n \"size\": \"40\",\n \"padding\": \"20\",\n \"align\": \"right\"\n },\n \"text\": \"{{this}}\"\n }\n }\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Views\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"label\",\n \"text\": \"Header\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/header/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Sections\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/section/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Layers\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Footer\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/footer/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Layout\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layout/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Component\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/component/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Background\",\n \"class\": \"bold\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/background/index.json\"\n }\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/layer/dynamic.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Dynamic Layers\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$set\",\n \"options\": {\n \"style\": {\n \"width\": \"86\",\n \"height\": \"175\",\n \"bottom\": \"70\",\n \"left\": \"50%-43\"\n }\n },\n \"success\": {\n \"type\": \"$render\"\n }\n },\n \"resizable\": {\n \"type\": \"$set\",\n \"options\": {\n \"style\": \"{{var new_style = $get.style; new_style['resize']='true'; return new_style;}}\"\n },\n \"success\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Now resizable\",\n \"description\": \"Try pinching Mario with two fingers\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n },\n \"draggable\": {\n \"type\": \"$set\",\n \"options\": {\n \"style\": \"{{var new_style = $get.style; new_style['move']='true'; return new_style;}}\"\n },\n \"success\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Now draggable\",\n \"description\": \"Try dragging Mario around\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n },\n \"rotatable\": {\n \"type\": \"$set\",\n \"options\": {\n \"style\": \"{{var new_style = $get.style; new_style['rotate']='true'; return new_style;}}\"\n },\n \"success\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Now rotatable\",\n \"description\": \"Try rotating Mario with two fingers\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": \"https://jasonette.github.io/Jasonpedia/assets/mariobackground.jpg\"\n },\n \"header\": {\n \"style\": {\n \"background\": \"rgba(0,0,0,0)\"\n },\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layer/dynamic.json\",\n \"view\": \"web\"\n }\n }\n },\n \"layers\": [{\n \"type\": \"label\",\n \"text\": \"IN THIS DEMO, MARIO IS A DYNAMIC LAYER, WHICH MEANS YOU CAN RESIZE, DRAG, ROTATE HIM.\\n\\nBUT FIRST, PRESS THE BUTTONS TO ACTIVATE EACH FEATURE\",\n \"style\": {\n \"font\": \"Verdana\",\n \"color\": \"#fdfdfd\",\n \"size\": \"15\",\n \"top\": \"100\",\n \"left\": \"10%\",\n \"width\": \"80%\",\n \"height\": \"150\",\n \"align\": \"center\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Draggable\",\n \"action\": {\n \"trigger\": \"draggable\"\n },\n \"style\": {\n \"align\": \"center\",\n \"bottom\": \"30\",\n \"left\": \"50%-50\",\n \"width\": \"100\",\n \"padding\": \"10\",\n \"background\": \"#6e2111\",\n \"color\": \"#ffffff\",\n \"corner_radius\": \"3\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Resizable\",\n \"action\": {\n \"trigger\": \"resizable\"\n },\n \"style\": {\n \"align\": \"center\",\n \"bottom\": \"30\",\n \"right\": \"20\",\n \"padding\": \"10\",\n \"background\": \"#6e2111\",\n \"color\": \"#ffffff\",\n \"corner_radius\": \"3\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Rotatable\",\n \"action\": {\n \"trigger\": \"rotatable\"\n },\n \"style\": {\n \"align\": \"center\",\n \"bottom\": \"30\",\n \"left\": \"20\",\n \"padding\": \"10\",\n \"background\": \"#6e2111\",\n \"color\": \"#ffffff\",\n \"corner_radius\": \"3\"\n }\n }, {\n \"type\": \"image\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/0.png\",\n \"style\": \"{{$get.style}}\"\n }]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/layer/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Layer\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layer/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"Tutorials\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n }\n },\n \"items\": [{\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Basic Labels\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/label.json\"\n }\n }, {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Static layers\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/static.json\"\n }\n }, {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Dynamic layers\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/dynamic.json\"\n }\n }]\n },\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"Demos\",\n \"style\": {\n \"background\": \"#f5f5f5\"\n }\n },\n \"items\": [\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"CatchAll!\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/pokemon/index.json\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Weather\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/weather/index.json\",\n \"transition\": \"modal\"\n }\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/layer/label.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Basic Layers\"\n },\n \"body\": {\n \"header\": {\n \"style\": {\n \"background\": \"#8bb92d\",\n \"color\": \"#ffffff\"\n },\n \"title\": \"Label Layer Demo\"\n },\n \"layers\": [{\n \"type\": \"label\",\n \"text\": \"{top: 74, left: 10}\",\n \"style\": {\n \"top\": \"74\",\n \"left\": \"10\",\n \"padding\": \"10\",\n \"background\": \"#ff0000\",\n \"color\": \"#ffffff\",\n \"align\": \"center\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"{top: 74, right: 10}\",\n \"style\": {\n \"top\": \"74\",\n \"right\": \"10\",\n \"padding\": \"10\",\n \"background\": \"#ff0000\",\n \"color\": \"#ffffff\",\n \"align\": \"center\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"{bottom: 10, left: 10}\",\n \"style\": {\n \"bottom\": \"10\",\n \"left\": \"10\",\n \"padding\": \"10\",\n \"background\": \"#ff0000\",\n \"color\": \"#ffffff\",\n \"align\": \"center\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"{bottom: 10, right: 10}\",\n \"style\": {\n \"bottom\": \"10\",\n \"right\": \"10\",\n \"padding\": \"10\",\n \"background\": \"#ff0000\",\n \"color\": \"#ffffff\",\n \"align\": \"center\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"{top: 50%-50, left: 50%-50, width: 100, height: 100}\",\n \"style\": {\n \"top\": \"50%-50\",\n \"left\": \"50%-50\",\n \"width\": \"100\",\n \"height\": \"100\",\n \"background\": \"#ff0000\",\n \"color\": \"#ffffff\",\n \"align\": \"center\"\n }\n }]\n }\n }\n}\n"
},
{
"path": "view/layer/pokemon/backpack.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Pokemon Items\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$network.request\",\n \"options\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/pokemon/db.json\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": \"#fcfffc\"\n },\n \"nav\": {\n \"style\": {\n \"background\": \"#fdfffc\",\n \"color\": \"#4e7174\",\n \"font\": \"AvenirNext-Regular\",\n \"size\": \"18\"\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"label\",\n \"style\": {\n \"padding\": \"10\",\n \"background\": \"#414141\",\n \"color\": \"#ffffff\",\n \"size\": \"12\"\n },\n \"text\": \"This app was built with Jasonette, an app that lets you create an app. Learn more here.\",\n \"href\": {\n \"url\": \"http://www.jasonette.com\",\n \"view\": \"Web\"\n }\n }\n ]\n },\n {\n \"items\": [\n {\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"15\",\n \"spacing\": \"3\",\n \"background\": \"#e9ffde\"\n },\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"Catch your own custom monster!\",\n \"style\": {\n \"size\": \"14\",\n \"color\": \"#44696c\",\n \"font\": \"AvenirNext-Bold\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Check out what others caught, and upload your own.\",\n \"style\": {\n \"size\": \"12\",\n \"color\": \"#44696c\",\n \"font\": \"AvenirNext-Regular\"\n }\n }\n ],\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/pokemon/more.json\"\n }\n }\n ]\n },\n {\n \"items\": {\n \"{{#each $jason}}\": {\n \"type\": \"horizontal\",\n \"style\": {\n \"padding\": \"10\",\n \"spacing\": \"10\"\n },\n \"action\": {\n \"type\": \"$close\",\n \"success\": {\n \"type\": \"$set\",\n \"options\": {\n \"monster\": \"{{url}}\",\n \"caption\": \"{{name + ' / CP ???'}}\"\n },\n \"success\": {\n \"type\": \"$render\",\n \"success\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Move and resize\",\n \"description\": \"You can hide the resize button by tapping the sticker\"\n }\n }\n }\n }\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"style\": {\n \"width\": \"80\"\n },\n \"url\": \"{{url}}\"\n },\n {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"{{name}}\",\n \"style\": {\n \"color\": \"#44696c\",\n \"font\": \"AvenirNext-Regular\",\n \"size\": \"18\"\n }\n },\n {\n \"type\": \"label\",\n \"style\": {\n \"color\": \"#6f8d8d\",\n \"font\": \"AvenirNext-Regular\",\n \"size\": \"12\"\n },\n \"text\": \"\"\n }\n ]\n }\n ]\n }\n }\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/layer/pokemon/db.json",
"content": "[\n {\n \"name\": \"Diglett\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/7/7f/Pokken_Tournament_Diglett.PNG/revision/latest?cb=20160711081831\"\n },\n {\n \"name\": \"Chespin\",\n \"url\": \"http://orig08.deviantart.net/e4f6/f/2013/009/b/e/chespin_3d_model_download_by_bogeymankurt-d5qxbbo.png\"\n },\n {\n \"name\": \"Fennekin\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/d/db/Support_Fennekin.png/revision/latest?cb=20160115234126\"\n },\n {\n \"name\": \"Psyduck\",\n \"url\": \"http://www.pokezorworld.com/anime/3d/3dpsyduck.gif\"\n },\n {\n \"name\": \"Yveltal\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/9/94/717Yveltal_Pokemon_Rumble_World.png/revision/latest?cb=20160216063748\"\n },\n {\n \"name\": \"Articuno\",\n \"url\": \"http://www.psypokes.com/dex/picdex/stadium2/144.png\"\n },\n {\n \"name\": \"Dedenne\",\n \"url\": \"http://i.imgur.com/3jiPb0O.png\"\n },\n {\n \"name\": \"Snivy\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/4/4c/Snivy-PokePark2-Model.png/revision/latest?cb=20140816045543\"\n },\n {\n \"name\": \"Tepig\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/1/18/Tepig_%28Pok%C3%A9dex_3D%29.png/revision/latest?cb=20110608232312\"\n },\n {\n \"name\": \"Oshawott\",\n \"url\": \"http://vignette4.wikia.nocookie.net/pokemon/images/9/98/Oshawott-PokePark2-Model.png/revision/latest?cb=20140816052928\"\n },\n {\n \"name\": \"Reshiram\",\n \"url\": \"http://vignette2.wikia.nocookie.net/ssb-tourney/images/4/4b/Reshiram_CG_Art.png/revision/latest?cb=20130911021023\"\n },\n {\n \"name\": \"Lapras\",\n \"url\": \"http://www.psypokes.com/dex/picdex/stadium2/131.png\"\n },\n {\n \"name\": \"Tyranitar\",\n \"url\": \"http://www.psypokes.com/dex/picdex/stadium2/248.png\"\n },\n {\n \"name\": \"Emolga\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/d/dc/587Emolga_Pokedex_3D.png/revision/latest?cb=20141108025533\"\n },\n {\n \"name\": \"Froakie\",\n \"url\": \"https://media.pocketmonsters.net/imageboard/60/14315437290054.png\"\n },\n {\n \"name\": \"Meloetta\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/a/ad/648Meloetta_3D_Pro.png/revision/latest?cb=20150126030347\"\n },\n {\n \"name\": \"Piplup\",\n \"url\": \"http://vignette1.wikia.nocookie.net/fantendo/images/8/82/PiplupPok%C3%A9Park2.png/revision/latest?cb=20130726110030\"\n },\n {\n \"name\": \"Dialga\",\n \"url\": \"http://vignette1.wikia.nocookie.net/pokemon/images/a/a6/483Dialga_Pokemon_Battle_Revolution.png/revision/latest?cb=20141231204017\"\n },\n {\n \"name\": \"Palkia\",\n \"url\": \"http://vignette1.wikia.nocookie.net/pokemon/images/d/d3/484Palkia_Pokemon_Battle_Revolution.png/revision/latest?cb=20141231204052\"\n },\n {\n \"name\": \"Giratina\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/b/b1/487Giratina_Site.png/revision/latest?cb=20140920041457\"\n },\n {\n \"name\": \"Pachirisu\",\n \"url\": \"http://vignette1.wikia.nocookie.net/pokemon/images/f/f7/417Pachirisu_Pokemon_Battle_Revolution.png/revision/latest?cb=20141021151558\"\n },\n {\n \"name\": \"Treecko\",\n \"url\": \"http://vignette1.wikia.nocookie.net/fantendo/images/6/64/SceptilePDIOS.png/revision/latest?cb=20150117124429\"\n },\n {\n \"name\": \"Torchic\",\n \"url\": \"http://media-cerulean.cursecdn.com/avatars/254/50/255.png.png\"\n },\n {\n \"name\": \"Mudkip\",\n \"url\": \"http://orig07.deviantart.net/b0cb/f/2012/185/1/6/mudkip_by_finnishpokemonfan96-d55y3vu.png\"\n },\n {\n \"name\": \"Groudon\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/c/cf/383Groudon_Pokemon_Battle_Revolution.png/revision/latest?cb=20140829040352\"\n },\n {\n \"name\": \"Kyogre\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/3/3b/382Kyogre_Pokemon_Battle_Revolution.png/revision/latest?cb=20141011054520\"\n },\n {\n \"name\": \"Rayquaza\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/7/78/384Rayquaza_Super_Smash_Bros_Brawl.png/revision/latest?cb=20140921015142\"\n },\n {\n \"name\": \"Plusle\",\n \"url\": \"http://i.imgur.com/L2hs7.png\"\n },\n {\n \"name\": \"Blastoise\",\n \"url\": \"http://www.psypokes.com/dex/picdex/stadium2/009.png\"\n },\n {\n \"name\": \"Chikorita\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/7/79/152Chikorita_Pok%C3%A9mon_Super_Mystery_Dungeon.png/revision/latest?cb=20150716060154\"\n },\n {\n \"name\": \"Cyndaquil\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/d/d6/155Cyndaquil_Pokemon_Mystery_Dungeon_Explorers_of_Time_and_Darkness.png/revision/latest?cb=20150107222137\"\n },\n {\n \"name\": \"Totodile\",\n \"url\": \"http://vignette1.wikia.nocookie.net/pokemon/images/6/67/158Totodile_Pok%C3%A9mon_Super_Mystery_Dungeon.png/revision/latest?cb=20150716060404\"\n },\n {\n \"name\": \"Ho-oh\",\n \"url\": \"http://vignette1.wikia.nocookie.net/pokemon/images/0/06/250Ho-Oh_Pokemon_Mystery_Dungeon_Gates_to_Infinity.png/revision/latest?cb=20150101212702\"\n },\n {\n \"name\": \"Lugia\",\n \"url\": \"http://vignette4.wikia.nocookie.net/pokemon/images/2/27/249Lugia_Pokemon_Battle_Revolution.png/revision/latest?cb=20141024154812\"\n },\n {\n \"name\": \"Celebi\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/a/ab/251Celebi_Pokemon_Rumble_U.png/revision/latest?cb=20140921013125\"\n },\n {\n \"name\": \"Pichu\",\n \"url\": \"http://vignette2.wikia.nocookie.net/ssb/images/9/97/Pichumeleeclear.png/revision/latest?cb=20140227140421\"\n },\n {\n \"name\": \"Pikachu\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/e/ef/025Pikachu_SSB4.png/revision/latest?cb=20140410201208\"\n },\n {\n \"name\": \"Bulbasaur\",\n \"url\": \"http://vignette1.wikia.nocookie.net/leonhartimvu/images/b/bb/001_Bulbasaur_3D.png/revision/latest?cb=20131106174200\"\n },\n {\n \"name\": \"Charmander\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/f/fb/004Charmander_3D_Pro.png/revision/latest?cb=20140901022259\"\n },\n {\n \"name\": \"Squirtle\",\n \"url\": \"http://i.imgur.com/5xpXP0H.png\"\n },\n {\n \"name\": \"Eevee\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/a/aa/Support_Eevee.png/revision/latest?cb=20160115235248\"\n },\n {\n \"name\": \"Mew\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/7/79/151Mew_Pokemon_Stadium.png/revision/latest?cb=20140315211611\"\n },\n {\n \"name\": \"MewTwo\",\n \"url\": \"http://vignette1.wikia.nocookie.net/pokemon/images/d/da/Mewtwo_SSB4.png/revision/latest?cb=20150403133009\"\n },\n {\n \"name\": \"Articuno\",\n \"url\": \"http://vignette1.wikia.nocookie.net/pokemon/images/5/52/Articuno.png/revision/latest?cb=20160409232041\"\n },\n {\n \"name\": \"Zapdos\",\n \"url\": \"http://vignette3.wikia.nocookie.net/playstationallstarsbattleroyale/images/c/ce/Zapdos_3D.png/revision/latest?cb=20141002204533\"\n },\n {\n \"name\": \"Moltres\",\n \"url\": \"http://cdn.nintendonews.com/wp-content/uploads/2016/07/pokemon_go_moltres.png\"\n },\n {\n \"name\": \"Dragonair\",\n \"url\": \"https://56.media.tumblr.com/0ff7ce436261a96d95f79c2111b0152e/tumblr_o1dsgu3GSs1u5zmd1o5_1280.png\"\n },\n {\n \"name\": \"Dragonite\",\n \"url\": \"http://vignette2.wikia.nocookie.net/pokemon/images/1/12/149Dragonite_Pokemon_Stadium.png/revision/latest?cb=20140126094049\"\n },\n {\n \"name\": \"Aerodactyl\",\n \"url\": \"http://www.psypokes.com/dex/picdex/stadium2/142.png\"\n },\n {\n \"name\": \"Kabutops\",\n \"url\": \"http://www.psypokes.com/dex/picdex/stadium2/141.png\"\n },\n {\n \"name\": \"Snorlax\",\n \"url\": \"http://vignette3.wikia.nocookie.net/pokemon/images/4/49/143Snorlax_3D_Pro.png/revision/latest?cb=20140924022356\"\n },\n {\n \"name\": \"Ducklett\",\n \"url\": \"http://cdn.bulbagarden.net/upload/thumb/4/4b/580Ducklett.png/250px-580Ducklett.png\"\n }\n]\n"
},
{
"path": "view/layer/pokemon/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Pokemon Cam\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$set\",\n \"options\": {\n \"monster\": \"placeholder\",\n \"caption\": \"placeholder\",\n \"background\": {\n \"type\": \"camera\",\n \"options\": {\n \"device\": \"back\"\n }\n }\n },\n \"success\": {\n \"trigger\": \"camera\"\n }\n },\n \"toggle_direction\": {\n \"type\": \"$set\",\n \"options\": [\n {\n \"{{#if (typeof $get.background) == 'string' }}\": {\n \"background\": {\n \"type\": \"camera\"\n }\n }\n }, \n {\n \"{{#elseif 'options' in $get.background}}\": {\n \"background\": {\n \"type\": \"camera\"\n }\n }\n },\n {\n \"{{#else}}\": {\n \"background\": {\n \"type\": \"camera\",\n \"options\": {\n \"device\": \"back\"\n }\n }\n }\n }\n ],\n \"success\": {\n \"type\": \"$render\",\n \"success\": {\n \"type\": \"$util.toast\",\n \"options\": {\n \"text\": \"changed camera direction\"\n }\n }\n }\n },\n \"backpack\": {\n \"type\": \"$href\",\n \"options\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layer/pokemon/backpack.json\",\n \"transition\": \"modal\"\n }\n },\n \"camera\": {\n \"type\": \"$set\",\n \"options\": {\n \"data_url\": \"{{$jason.data_url}}\",\n \"editing\": \"true\",\n \"ui\": \"true\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": \"{{$get.background}}\"\n },\n \"header\": {\n \"title\": \" \",\n \"style\": {\n \"background\": \"rgba(0,0,0,0)\",\n \"color\": \"rgba(255,255,255,0.3)\"\n },\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layer/pokemon/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"layers\": [\n [\n {\n \"{{#if $get.monster && $get.monster != 'placeholder'}}\": {\n \"type\": \"image\",\n \"style\": {\n \"left\": \"50%-75\",\n \"bottom\": \"200\",\n \"width\": \"150\",\n \"border\": \"rgba(0,0,0,0)\",\n \"rotate\": \"true\",\n \"resize\": \"true\",\n \"move\": \"true\"\n },\n \"name\": \"monster\",\n \"action\": {\n \"trigger\": \"toggle\"\n },\n \"url\": \"{{$get.monster}}\"\n }\n }\n ],\n [\n {\n \"{{#if $get.caption && $get.caption != 'placeholder'}}\": {\n \"type\": \"label\",\n \"name\": \"annotation\",\n \"style\": {\n \"background\": \"rgba(0,0,0,0.1)\",\n \"color\": \"#ffffff\",\n \"bottom\": \"500\",\n \"align\": \"center\",\n \"padding\": \"10\",\n \"left\": \"50%-125\",\n \"width\": \"250\",\n \"size\": \"20\",\n \"font\": \"AvenirNext-Regular\",\n \"height\": \"60\",\n \"corner_radius\": \"30\",\n \"move\": \"true\",\n \"resize\": \"true\"\n },\n \"action\": {\n \"trigger\": \"toggle\"\n },\n \"text\": \"{{$get.caption}}\"\n }\n }\n ],\n {\n \"type\": \"image\",\n \"style\": {\n \"right\": \"15\",\n \"top\": \"60\",\n \"width\": \"60\"\n },\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/pokear.png\",\n \"action\": {\n \"trigger\": \"toggle_direction\"\n }\n },\n {\n \"type\": \"image\",\n \"style\": {\n \"left\": \"15\",\n \"top\": \"50\",\n \"height\": \"60\"\n },\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/pokerun.png\",\n \"action\": {\n \"type\": \"$snapshot\",\n \"success\": {\n \"type\": \"$util.share\",\n \"options\": {\n \"items\": [{\n \"type\": \"image\",\n \"data\": \"{{$jason.data}}\"\n }]\n }\n }\n }\n },\n {\n \"type\": \"image\",\n \"style\": {\n \"right\": \"10\",\n \"bottom\": \"10\",\n \"width\": \"80\"\n },\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/pokebackpack.png\",\n \"action\": {\n \"trigger\": \"backpack\"\n }\n },\n {\n \"type\": \"image\",\n \"style\": {\n \"right\": \"10\",\n \"bottom\": \"95\",\n \"width\": \"80\"\n },\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/pokecamera.png\",\n \"action\": {\n \"type\": \"$snapshot\",\n \"success\": {\n \"type\": \"$set\",\n \"options\": {\n \"background\": \"{{$jason.data_uri}}\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n }\n },\n {\n \"type\": \"image\",\n \"style\": {\n \"left\": \"50%-65\",\n \"bottom\": \"0\",\n \"width\": \"130\",\n \"height\": \"130\",\n \"move\": \"true\",\n \"resize\": \"true\",\n \"rotate\": \"true\"\n },\n \"name\": \"ball\",\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/fakeball.png\"\n }\n ]\n }\n },\n \"icon\": \"https://s3.amazonaws.com/jasonette/uploads/thing/icon/Y0J/thumb_icon\"\n }\n }\n}\n"
},
{
"path": "view/layer/pokemon/more.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"More to catch!\",\n \"actions\": {\n \"$foreground\": {\n \"trigger\": \"refresh\"\n },\n \"$load\": {\n \"trigger\": \"refresh\"\n },\n \"refresh\": {\n \"type\": \"$network.request\",\n \"options\": {\n \"url\": \"http://stickermatic.herokuapp.com/items.json\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": \"#fcfffc\",\n \"border\": \"none\"\n },\n \"nav\": {\n \"style\": {\n \"background\": \"#fdfffc\",\n \"color\": \"#4e7174\",\n \"font\": \"AvenirNext-Regular\",\n \"size\": \"18\"\n },\n \"items\": [\n {\n \"type\": \"search\",\n \"name\": \"query\",\n \"action\": {\n \"type\": \"$network.request\",\n \"options\": {\n \"url\": \"https://stickermatic.herokuapp.com/search.json?query={{$get.query}}\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n }\n ]\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"padding\": \"20\",\n \"spacing\": \"20\",\n \"background\": \"#e9ffde\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"url\": \"https://d30y9cdsu7xlg0.cloudfront.net/png/534489-200.png\",\n \"style\": {\n \"width\": \"40\"\n }\n },\n {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"Upload your own monster\",\n \"style\": {\n \"size\": \"14\",\n \"color\": \"#44696c\",\n \"font\": \"AvenirNext-Bold\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Upload a transparent PNG and catch'em all!\",\n \"style\": {\n \"size\": \"12\",\n \"color\": \"#44696c\",\n \"font\": \"AvenirNext-Regular\"\n }\n }\n ]\n }\n ],\n \"href\": {\n \"view\": \"App\",\n \"url\": \"http://stickermatic.herokuapp.com/items/new\"\n }\n }\n ]\n },\n {\n \"items\": {\n \"{{#each $jason}}\": {\n \"action\": {\n \"type\": \"$util.picker\",\n \"options\": {\n \"items\": [\n {\n \"text\": \"Catch'em!\",\n \"action\": {\n \"type\": \"$close\",\n \"success\": {\n \"type\": \"$set\",\n \"options\": {\n \"monster\": \"{{url}}\",\n \"caption\": \"{{description}}\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n }\n },\n {\n \"text\": \"Edit caption\",\n \"action\": {\n \"type\": \"$href\",\n \"options\": {\n \"url\": \"{{edit_url}}\",\n \"view\": \"App\"\n }\n }\n }\n ]\n }\n },\n \"type\": \"horizontal\",\n \"style\": {\n \"padding\": \"20\",\n \"spacing\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"style\": {\n \"height\": \"120\"\n },\n \"url\": \"{{url}}\"\n },\n {\n \"type\": \"label\",\n \"text\": \"{{description}}\",\n \"style\": {\n \"color\": \"#44696c\",\n \"font\": \"AvenirNext-Regular\",\n \"size\": \"18\"\n }\n }\n ]\n }\n }\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/layer/static.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Static Layers\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$render\"\n }\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": \"#000000\"\n },\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layer/static.json\",\n \"view\": \"web\"\n }\n },\n \"style\": {\n \"background\": \"rgba(0,0,0,0)\",\n \"color\": \"#ffffff\"\n }\n },\n \"layers\": [{\n \"type\": \"label\",\n \"text\": \"THESE ARE STATIC LAYERS.\\n\\nSTATIC LAYERS CAN BE STYLED AND ALSO RESPOND TO ACTIONS.\\n\\nBUT YOU CAN'T RESIZE, ROTATE, OR DRAG THEM.\\n\\nTRY PRESSING A BUTTON BELOW.\",\n \"style\": {\n \"font\": \"Verdana\",\n \"color\": \"#fdfdfd\",\n \"size\": \"18\",\n \"top\": \"100\",\n \"left\": \"0\",\n \"width\": \"100%\",\n \"height\": \"200\",\n \"align\": \"center\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Banner\",\n \"action\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Banner\",\n \"description\": \"This is a banner\"\n }\n },\n \"style\": {\n \"align\": \"center\",\n \"bottom\": \"30\",\n \"left\": \"50%-50\",\n \"width\": \"100\",\n \"padding\": \"10\",\n \"background\": \"#6e2111\",\n \"color\": \"#ffffff\",\n \"corner_radius\": \"3\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"Alert\",\n \"action\": {\n \"type\": \"$util.alert\",\n \"options\": {\n \"title\": \"Alert\",\n \"description\": \"This is an alert\"\n }\n },\n \"style\": {\n \"align\": \"center\",\n \"bottom\": \"30\",\n \"right\": \"20\",\n \"padding\": \"10\",\n \"background\": \"#6e2111\",\n \"color\": \"#ffffff\",\n \"corner_radius\": \"3\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"1UP\",\n \"action\": {\n \"type\": \"$audio.play\",\n \"options\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/1up.mp3\"\n }\n },\n \"style\": {\n \"align\": \"center\",\n \"bottom\": \"30\",\n \"left\": \"20\",\n \"padding\": \"10\",\n \"background\": \"#6e2111\",\n \"color\": \"#ffffff\",\n \"corner_radius\": \"3\"\n }\n }, {\n \"type\": \"image\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/0.png\",\n \"style\": {\n \"width\": \"86\",\n \"height\": \"175\",\n \"bottom\": \"30%-87\",\n \"left\": \"50%-43\"\n }\n }]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/layer/weather/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Weather\",\n \"offline\": \"true\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$set\",\n \"options\": {\n \"mode\": \"c\"\n },\n \"success\": {\n \"trigger\": \"draw\"\n }\n },\n \"$foreground\": [\n {\n \"{{#if 'mode' in $get}}\": {\n \"trigger\": \"draw\"\n }\n },\n {\n \"{{#else}}\": {\n \"type\": \"$set\",\n \"options\": {\n \"mode\": \"c\"\n },\n \"success\": {\n \"trigger\": \"draw\"\n }\n }\n }\n ],\n \"camera\": {\n \"type\": \"$snapshot\",\n \"success\": {\n \"type\": \"$util.share\",\n \"options\": {\n \"items\": [\n {\n \"type\": \"image\",\n \"data\": \"{{$jason.data}}\"\n }\n ]\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n },\n \"toggle\": {\n \"type\": \"$set\",\n \"options\": {\n \"mode\": [\n {\n \"{{#if $get.mode == 'c'}}\": \"f\"\n },\n {\n \"{{#else}}\": \"c\"\n }\n ]\n },\n \"success\": {\n \"trigger\": \"draw\"\n }\n },\n \"draw\": {\n \"type\": \"$geo.get\",\n \"success\": {\n \"type\": \"$network.request\",\n \"options\": {\n \"url\": \"http://api.openweathermap.org/data/2.5/weather?lat={{$jason.coord.split(',')[0]}}&lon={{$jason.coord.split(',')[1]}}&APPID=8ecb164bf68983a3169aaf3b9cf9feb2\"\n },\n \"success\": {\n \"type\": \"$set\",\n \"options\": {\n \"temperature\": \"{{Math.floor(($jason.main.temp * 9/5 - 459.67)).toString()}}\",\n \"celsius\": \"{{(Math.floor($jason.main.temp-273.15)).toString()}}\",\n \"weather\": \"{{$jason.weather[0].description}}\",\n \"icon\": \"http://openweathermap.org/img/w/{{$jason.weather[0].icon}}.png\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n }\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"style\": {\n \"background\": {\n \"type\": \"camera\",\n \"options\": {\n \"device\": \"back\"\n }\n },\n \"color\": \"#ffffff\",\n \"border\": \"none\"\n },\n \"header\": {\n \"title\": \" \",\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layer/weather/index.json\",\n \"view\": \"web\"\n }\n },\n \"style\": {\n \"background\": \"rgba(0,0,0,0)\",\n \"color\": \"rgba(255,255,255,0.3)\"\n }\n },\n \"layers\": [\n {\n \"type\": \"image\",\n \"url\": \"https://s3.amazonaws.com/www.textcast.co/icons/camera%402x.png\",\n \"action\": {\n \"trigger\": \"camera\"\n },\n \"style\": {\n \"bottom\": \"100\",\n \"width\": \"30\",\n \"move\": \"true\",\n \"size\": \"20\",\n \"color\": \"#ffffff\",\n \"right\": \"30\"\n }\n }\n ],\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"padding_top\": \"50\",\n \"background\": \"rgba(0,0,0,0)\"\n },\n \"action\": {\n \"trigger\": \"toggle\"\n },\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": [\n {\n \"{{#if $get.mode=='f'}}\": \" {{$get.temperature}}°F\"\n },\n {\n \"{{#else}}\": \" {{$get.celsius}}°C\"\n }\n ],\n \"style\": {\n \"font\": \"HelveticaNeue-UltraLight\",\n \"color\": \"#ffffff\",\n \"size\": \"70\",\n \"align\": \"center\"\n }\n }\n ]\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"padding_bottom\": \"20\",\n \"spacing\": \"10\",\n \"background\": \"rgba(0,0,0,0)\"\n },\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"{{$get.weather}}\",\n \"style\": {\n \"font\": \"HelveticaNeue-Light\",\n \"color\": \"#ffffff\",\n \"size\": \"20\",\n \"align\": \"center\"\n }\n }\n ]\n }\n ]\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/layout/horizontal.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Horizontal Layout\",\n \"styles\": {\n \"note\": {\n \"font\": \"Georgia\",\n \"size\": \"16\"\n }\n },\n \"actions\": {\n \"$pull\": {\n \"type\": \"$flush\",\n \"success\": {\n \"type\": \"$reload\"\n }\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layout/horizontal.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"items\": [{\n \"type\": \"horizontal\",\n \"style\": {\n \"padding\": \"15\",\n \"distribution\": \"equalsize\",\n \"spacing\": \"10\"\n },\n \"components\": [{\n \"type\": \"label\",\n \"class\": \"note\",\n \"text\": \"When I first encounter René Redzepi, he is cutting a live elk in half with a chainsaw. Noma’s unwavering commitment to native, hyper-local Nordic foods requires its kitchen staff to spend hours every morning foraging the neighboring woodlands and shorelines for wild ingredients, and Redzepi has a gift for sensing gastronomic potential in everything around him.\"\n }, {\n \"type\": \"label\",\n \"class\": \"note\",\n \"text\": \"\\\"A lot of times you can find these lovely little rose hip flowers pickling in the stomach fluids of the larger field mammals that live around here,\\\" Redzepi says, his arm elbow-deep in the abdominal cavity of the freshly bisected animal, its viscera still twitching and gurgling as he fishes out two small, pink, slimy flower petals from within. \\\"Sometimes you have to saw through 20 or so elk before you find any, but it's always worth the effort. They're absolutely perfect with caramelized sweetbreads.\\\"\"\n }]\n }]\n }, {\n \"header\": {\n \"type\": \"horizontal\",\n \"style\": {\n \"padding\": \"0\",\n \"align\": \"top\",\n \"z_index\": \"-1\"\n },\n \"components\": [{\n \"type\": \"image\",\n \"style\": {\n \"width\": \"100%\"\n },\n \"url\": \"http://images.onionstatic.com/clickhole/3380/5/16x9/640.jpg\"\n }]\n },\n \"items\": [{\n \"type\": \"horizontal\",\n \"style\": {\n \"padding\": \"15\",\n \"background\": \"#ffffff\",\n \"distribution\": \"equalsize\",\n \"spacing\": \"10\"\n },\n \"components\": [{\n \"type\": \"label\",\n \"class\": \"note\",\n \"text\": \"Redzepi collects some of the bile-drenched petals in a jar, sets the elk carcass ablaze, and wanders off to continue foraging. He leads me down to a gray, windblown beach, where, to the untrained eye, there seems to be nothing growing but weeds and scraggly grass. But Redzepi, using hand grenades to displace large mounds of sand, almost immediately uncovers a veritable buffet of herbs and produce sticking out every which way from the soil. There’s wild parsnip, beach peas, sea lettuce, spicy lilac, Osama bin Laden’s beached corpse, horseradish, mustard flowers, and verdant goosefoot—all growing within the same 4-foot radius.\"\n }, {\n \"type\": \"label\",\n \"class\": \"note\",\n \"text\": \"“We’ll use the horseradish in a sea urchin dish, the lettuce with salted cod roe, and the corpse leg to make a nice broth with ash-roasted beets,” he explains while severing the bloated terrorist leader’s cadaver at the pelvis with his chainsaw, filling the air with a pungent, almost curry-like bouquet of hot postmortem gases. “These flavors are wholly unique to this area. You will not find them anywhere else in the world.”\"\n }]\n }]\n }]\n }\n }\n}\n"
},
{
"path": "view/layout/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Layouts\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layout/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Vertical Layout\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layout/vertical.json\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Horizontal Layout\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layout/horizontal.json\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Complex Nested Layout\",\n \"href\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/view/layout/nested.json\"\n }\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "view/layout/nested.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Nested Layout\",\n \"styles\": {\n \"note\": {\n \"color\": \"#ffffff\",\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"15\"\n }\n },\n \"actions\": {\n \"$pull\": {\n \"type\": \"$flush\",\n \"success\": {\n \"type\": \"$reload\"\n }\n }\n },\n \"data\": {\n \"tweets\": [{\n \"text\": \"Animated GIFs are neon signs of the Internet.\",\n \"image\": \"https://pbs.twimg.com/media/Cub2D-vXYAIXFQo.jpg\"\n }, {\n \"text\": \"I think this is a new feature on Twitter: a push notification for every tweet\",\n \"image\": \"https://pbs.twimg.com/media/CtJYvx1XgAIilZ4.jpg\"\n }, {\n \"text\": \"Found the most brilliant invention in human history\",\n \"image\": \"https://pbs.twimg.com/media/Cr7cSz1WIAA0OZj.jpg\"\n }, {\n \"text\": \"Ludlow and Rivington. NOW.\",\n \"image\": \"https://pbs.twimg.com/media/CrNnHPUWEAEK_b3.jpg\"\n }]\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"style\": {\n \"color\": \"#2daaf5\"\n },\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layout/nested.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"items\": {\n \"{{#each tweets}}\": {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\"\n },\n \"components\": [{\n \"type\": \"image\",\n \"url\": \"https://pbs.twimg.com/profile_images/557061751150112768/eMwi4Xz2_400x400.jpeg\",\n \"style\": {\n \"width\": \"48\",\n \"height\": \"48\",\n \"corner_radius\": \"5\"\n }\n }, {\n \"type\": \"vertical\",\n \"style\": {\n \"spacing\": \"5\"\n },\n \"components\": [{\n \"type\": \"horizontal\",\n \"components\": [{\n \"type\": \"label\",\n \"text\": \"ethan\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"width\": \"50\",\n \"size\": \"14\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"@gliechtenstein · 8h\",\n \"style\": {\n \"color\": \"#8899a6\",\n \"size\": \"13\",\n \"font\": \"HelveticaNeue\"\n }\n }]\n }, {\n \"type\": \"label\",\n \"text\": \"{{text}}\",\n \"style\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"14\"\n }\n }, {\n \"type\": \"image\",\n \"url\": \"{{image}}\",\n \"style\": {\n \"width\": \"100%\",\n \"corner_radius\": \"5\"\n }\n }, {\n \"type\": \"horizontal\",\n \"style\": {\n \"padding_top\": \"10\"\n },\n \"components\": [{\n \"type\": \"image\",\n \"style\": {\n \"height\": \"20\"\n },\n \"url\": \"https://g.twimg.com/dev/documentation/image/reply-action_0.png\"\n }, {\n \"type\": \"space\",\n \"style\": {\n \"width\": \"60\"\n }\n }, {\n \"type\": \"image\",\n \"style\": {\n \"height\": \"20\"\n },\n \"url\": \"https://g.twimg.com/dev/documentation/image/retweet-action.png\"\n }, {\n \"type\": \"space\",\n \"style\": {\n \"width\": \"60\"\n }\n }, {\n \"type\": \"image\",\n \"style\": {\n \"height\": \"20\"\n },\n \"url\": \"https://g.twimg.com/dev/documentation/image/like-action.png\"\n }, {\n \"type\": \"space\"\n }]\n }]\n }]\n }\n }\n }]\n }\n }\n }\n }\n}\n"
},
{
"path": "view/layout/vertical.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Vertical Layout\",\n \"styles\": {\n \"note\": {\n \"color\": \"#ffffff\",\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"15\"\n }\n }\n },\n \"body\": {\n \"header\": {\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/layout/vertical.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [{\n \"items\": [{\n \"type\": \"vertical\",\n \"style\": {\n \"height\": \"300\"\n },\n \"components\": [{\n \"type\": \"label\",\n \"class\": \"note\",\n \"style\": {\n \"background\": \"#FF5733\"\n },\n \"text\": \"First component: Label. There's a space component below this label.\"\n }, {\n \"type\": \"space\"\n }, {\n \"type\": \"label\",\n \"class\": \"note\",\n \"style\": {\n \"background\": \"#FF5733\"\n },\n \"text\": \"Third component: Label. There's a space component above this label.\"\n }]\n }]\n }]\n }\n }\n}\n"
},
{
"path": "view/section/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Sections Example\",\n \"styles\": {\n \"bold\": {\n \"font\": \"HelveticaNeue-CondensedBold\",\n \"padding\": \"10\",\n \"size\": \"15\"\n },\n \"normal\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"color\": \"rgb(154, 205, 50)\",\n \"size\": \"12\"\n },\n \"carousel_img\": {\n \"height\": \"210\",\n \"width\": \"210\"\n },\n \"avatar_img\": {\n \"height\": \"70\",\n \"width\": \"70\",\n \"corner_radius\": \"35\"\n },\n \"username\": {\n \"font\": \"Avenir\",\n \"size\": \"15\"\n },\n \"center\": {\n \"align\": \"center\"\n }\n },\n \"actions\": {\n \"$foreground\": {\n \"type\": \"$reload\"\n }\n }\n },\n \"body\": {\n \"style\": {\n \"background\": \"#ECA73E\"\n },\n \"header\": {\n \"style\": {\n \"background\": \"#ECA73E\"\n },\n \"menu\": {\n \"text\": \"View JSON\",\n \"href\": {\n \"url\": \"https://github.com/Jasonette/Jasonpedia/blob/gh-pages/view/section/index.json\",\n \"view\": \"web\"\n }\n }\n },\n \"sections\": [\n {\n \"type\": \"horizontal\",\n \"header\": {\n \"type\": \"horizontal\",\n \"style\": {\n \"align\": \"center\",\n \"background\": \"#ECA73E\",\n \"opacity\": \"0.2\",\n \"spacing\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/swipehorizontal.png\",\n \"style\": {\n \"width\": \"50\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"horizontally scrolling section\"\n }\n ]\n },\n \"items\": [\n {\n \"type\": \"vertical\",\n \"style\": {\n \"width\": \"210\",\n \"padding\": \"10\",\n \"background\": \"#ffffff\",\n \"align\": \"center\",\n \"height\": \"300\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"carousel_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/homer.jpg\"\n },\n {\n \"type\": \"label\",\n \"text\": \"Homer Simpson\",\n \"class\": \"username center\"\n },\n {\n \"type\": \"button\",\n \"text\": \"Meow\",\n \"style\": {\n \"background\": \"rgb(100, 149, 237)\",\n \"color\": \"#ffffff\",\n \"align\": \"center\",\n \"width\": \"150\",\n \"height\": \"40\"\n },\n \"action\": {\n \"type\": \"$audio.play\",\n \"options\": {\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/cat.mp3\"\n }\n }\n }\n ]\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"width\": \"210\",\n \"padding\": \"10\",\n \"background\": \"#ffffff\",\n \"align\": \"center\",\n \"height\": \"300\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"carousel_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/marge.png\"\n },\n {\n \"type\": \"label\",\n \"text\": \"Marge Simpson\",\n \"class\": \"username center\"\n },\n {\n \"type\": \"button\",\n \"text\": \"Meow\",\n \"style\": {\n \"background\": \"rgb(100, 149, 237)\",\n \"color\": \"#ffffff\",\n \"align\": \"center\",\n \"width\": \"150\",\n \"height\": \"40\"\n },\n \"action\": {\n \"type\": \"$audio.play\",\n \"options\": {\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/cat.mp3\"\n }\n }\n }\n ]\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"width\": \"210\",\n \"padding\": \"10\",\n \"background\": \"#ffffff\",\n \"align\": \"center\",\n \"height\": \"300\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"carousel_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/bart.png\"\n },\n {\n \"type\": \"label\",\n \"text\": \"Bart Simpson\",\n \"class\": \"username center\"\n },\n {\n \"type\": \"button\",\n \"text\": \"Meow\",\n \"style\": {\n \"background\": \"rgb(100, 149, 237)\",\n \"color\": \"#ffffff\",\n \"align\": \"center\",\n \"width\": \"150\",\n \"height\": \"40\"\n },\n \"action\": {\n \"type\": \"$audio.play\",\n \"options\": {\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/cat.mp3\"\n }\n }\n }\n ]\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"width\": \"210\",\n \"padding\": \"10\",\n \"background\": \"#ffffff\",\n \"align\": \"center\",\n \"height\": \"300\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"carousel_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/lisa.jpg\"\n },\n {\n \"type\": \"label\",\n \"text\": \"Lisa Simpson\",\n \"class\": \"username center\"\n },\n {\n \"type\": \"button\",\n \"text\": \"Meow\",\n \"style\": {\n \"background\": \"rgb(100, 149, 237)\",\n \"color\": \"#ffffff\",\n \"align\": \"center\",\n \"width\": \"150\",\n \"height\": \"40\"\n },\n \"action\": {\n \"type\": \"$audio.play\",\n \"options\": {\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/cat.mp3\"\n }\n }\n }\n ]\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"width\": \"210\",\n \"padding\": \"10\",\n \"background\": \"#ffffff\",\n \"align\": \"center\",\n \"height\": \"300\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"carousel_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/maggie.png\"\n },\n {\n \"type\": \"label\",\n \"text\": \"Maggie Simpson\",\n \"class\": \"username center\"\n },\n {\n \"type\": \"button\",\n \"text\": \"Meow\",\n \"style\": {\n \"background\": \"rgb(100, 149, 237)\",\n \"color\": \"#ffffff\",\n \"align\": \"center\",\n \"width\": \"150\",\n \"height\": \"40\"\n },\n \"action\": {\n \"type\": \"$audio.play\",\n \"options\": {\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/cat.mp3\"\n }\n }\n }\n ]\n }\n ]\n },\n {\n \"header\": {\n \"type\": \"horizontal\",\n \"style\": {\n \"background\": \"#ECA73E\",\n \"align\": \"center\",\n \"spacing\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/swipevertical.png\",\n \"style\": {\n \"width\": \"50\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"vertically scrolling section\"\n }\n ]\n },\n \"items\": [\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"background\": \"#edf0ff\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"avatar_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/homer.jpg\"\n },\n {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"label\",\n \"class\": \"username\",\n \"text\": \"Homer Simpson\"\n },\n {\n \"type\": \"label\",\n \"class\": \"normal\",\n \"text\": \"Donuts...\"\n }\n ]\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"background\": \"#edf0ff\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"avatar_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/marge.png\"\n },\n {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"label\",\n \"class\": \"username\",\n \"text\": \"Marge Simpson\"\n },\n {\n \"type\": \"label\",\n \"class\": \"normal\",\n \"text\": \"I don't mind if you pee in the shower, but only if you're taking a shower\"\n }\n ]\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"background\": \"#edf0ff\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"avatar_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/bart.png\"\n },\n {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"label\",\n \"class\": \"username\",\n \"text\": \"Bart Simpson\"\n },\n {\n \"type\": \"label\",\n \"class\": \"normal\",\n \"text\": \"Ay Caramba!\"\n }\n ]\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"background\": \"#edf0ff\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"avatar_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/lisa.jpg\"\n },\n {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"label\",\n \"class\": \"username\",\n \"text\": \"Lisa Simpson\"\n },\n {\n \"type\": \"label\",\n \"class\": \"normal\",\n \"text\": \"BAAAART!\"\n }\n ]\n }\n ]\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"background\": \"#edf0ff\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"class\": \"avatar_img\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/assets/maggie.png\"\n },\n {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"label\",\n \"class\": \"username\",\n \"text\": \"Maggie Simpson\"\n },\n {\n \"type\": \"label\",\n \"class\": \"normal\",\n \"text\": \"...\"\n }\n ]\n }\n ]\n }\n ]\n },\n {\n \"header\": {\n \"type\": \"horizontal\",\n \"style\": {\n \"background\": \"#ECA73E\",\n \"align\": \"center\",\n \"spacing\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/map.png\",\n \"style\": {\n \"width\": \"50\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Map component\"\n }\n ]\n },\n \"items\": [\n {\n \"type\": \"map\",\n \"region\": {\n \"coord\": \"40.7409395,-74.0083886\",\n \"width\": \"50\"\n },\n \"pins\": [\n {\n \"title\": \"Le Bain\",\n \"description\": \"Best club in NYC\",\n \"coord\": \"40.7409395,-74.0083886\",\n \"style\": {\n \"selected\": \"true\"\n }\n }\n ],\n \"style\": {\n \"width\": \"100%\",\n \"padding\": \"0\",\n \"height\": \"200\"\n }\n }\n ]\n },\n {\n \"header\": {\n \"type\": \"horizontal\",\n \"style\": {\n \"background\": \"#ECA73E\",\n \"align\": \"center\",\n \"spacing\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"url\": \"https://s3-us-west-2.amazonaws.com/fm.ethan.jason/form.png\",\n \"style\": {\n \"width\": \"50\"\n }\n },\n {\n \"type\": \"label\",\n \"class\": \"bold\",\n \"text\": \"Form components\"\n }\n ]\n },\n \"items\": [\n {\n \"type\": \"textarea\",\n \"name\": \"multiline_content\",\n \"placeholder\": \"Type something...\",\n \"style\": {\n \"background\": \"#ffffff\",\n \"width\": \"100%\",\n \"align\": \"right\",\n \"height\": \"200\"\n }\n },\n {\n \"type\": \"space\",\n \"style\": {\n \"width\": \"100%\",\n \"background\": \"#ebebeb\",\n \"height\": \"10\"\n }\n },\n {\n \"type\": \"textfield\",\n \"name\": \"singleline_content\",\n \"value\": \"44\",\n \"placeholder\": \"Say something...\",\n \"style\": {\n \"background\": \"#ffffff\",\n \"width\": \"100%\"\n }\n },\n {\n \"type\": \"space\",\n \"style\": {\n \"width\": \"100%\",\n \"background\": \"#ebebeb\",\n \"height\": \"10\"\n }\n },\n {\n \"type\": \"slider\",\n \"name\": \"gauge\",\n \"style\": {\n \"color\": \"#ff0000\",\n \"background\": \"#ffffff\"\n },\n \"action\": {\n \"type\": \"$util.banner\",\n \"options\": {\n \"title\": \"Value\",\n \"description\": \"{{parseFloat($get.gauge)*100}}%\"\n }\n }\n }\n ]\n }\n ]\n }\n }\n}\n"
},
{
"path": "webcontainer/agent/default.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Behave like a regular browser\",\n \"description\": \"The web container will behave like a regular browser, refreshing content when you click a link\"\n },\n \"body\": {\n \"header\": {\n \"title\": \"Regular Browser\"\n },\n \"background\": {\n \"type\": \"html\",\n \"url\": \"https://news.ycombinator.com\",\n \"action\": {\n \"type\": \"$default\"\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/agent/fn/agent.html",
"content": "\n\n
\n\n\n"
},
{
"path": "webcontainer/agent/fn/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Jasonette => Web Container $agent function call\",\n \"description\": \"This example takes user input from native body.footer.input component and sends it to the web container, calling the qr code update function\",\n \"actions\": {\n \"qr\": {\n \"type\": \"$agent.request\",\n \"options\": {\n \"id\": \"$webcontainer\",\n \"method\": \"qr\",\n \"params\": [\"{{$get.val}}\"]\n }\n }\n }\n },\n \"body\": {\n \"header\": {\n \"title\": \"Generate QR Code\"\n },\n \"background\": {\n \"type\": \"html\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/webcontainer/agent/fn/agent.html\"\n },\n \"footer\": {\n \"input\": {\n \"textfield\": {\n \"name\": \"val\",\n \"placeholder\": \"Type something\"\n },\n \"right\": {\n \"text\": \"Generate\",\n \"action\": { \"trigger\": \"qr\" }\n }\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/agent/hijack.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Selective URL handling\",\n \"description\": \"By attaching an action called 'visit' and observing the $jason.url value, we can selectively trigger different actions depending on the clicked URL. In this case the browser demonstrates a regular behavior when you click the top menu items, but does a native $href transition if you click any other link\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$render\"\n },\n \"visit\": [\n {\n \"{{#if /\\\\/(newest|newcomments|show|ask|jobs|submit)$/.test($jason.url) }}\": {\n \"type\": \"$default\"\n }\n },\n {\n \"{{#else}}\": {\n \"type\": \"$href\",\n \"options\": {\n \"url\": \"https://jasonette.github.io/Jasonpedia/webcontainer/agent/hijack.json\",\n \"preload\": {\n \"background\": \"#ffffff\"\n },\n \"options\": {\n \"url\": \"{{$jason.url}}\"\n }\n }\n }\n }\n ]\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"title\": \"Custom Browser\"\n },\n \"background\": {\n \"type\": \"html\",\n \"url\": \"{{'url' in $params ? $params.url : 'https://news.ycombinator.com'}}\",\n \"action\": {\n \"trigger\": \"visit\"\n }\n }\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/agent/hybrid.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Jasonbase\",\n \"actions\": {\n \"visit\": [\n {\n \"{{#if /\\\\/edit/.test($jason.url)}}\": {\n \"type\": \"$href\",\n \"options\": {\n \"url\": \"{{$jason.url.replace('/edit', '')}}\",\n \"preload\": {\n \"background\": \"#ffffff\"\n }\n }\n }\n },\n {\n \"{{#else}}\": {\n \"type\": \"$default\"\n }\n }\n ]\n }\n },\n \"body\": {\n \"background\": {\n \"type\": \"html\",\n \"url\": \"https://www.jasonbase.com\",\n \"action\": {\n \"trigger\": \"visit\"\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/agent/ignore.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Ignore User Interaction\",\n \"description\": \"Nothing will happen when you touch the web view or try to scroll\"\n },\n \"body\": {\n \"header\": {\n \"title\": \"Unbrowsable Browser\"\n },\n \"background\": {\n \"type\": \"html\",\n \"url\": \"https://news.ycombinator.com\"\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/agent/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"$jason.body.background web container (agent)\",\n \"data\": {\n \"items\": [\n {\n \"title\": \"Ignore All User Interaction\",\n \"description\": \"By default all web containers ignore user interaction such as touch or scroll\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/webcontainer/agent/ignore.json\"\n },\n {\n \"title\": \"$default Link Click Handling\",\n \"description\": \"Setting type: $default as the action will let the web container behave like a regular browser\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/webcontainer/agent/default.json\"\n },\n {\n \"title\": \"Selective Link Click Handling via native jasonette action\",\n \"description\": \"You can set an action attribute to handle link clicks\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/webcontainer/agent/hijack.json\"\n },\n {\n \"title\": \"Jasonette => Web Container $agent function call\",\n \"description\": \"The $jason.body.background web container is implemented as an agent. This means it supports all $agent APIs between Jasonette core and the container\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/webcontainer/agent/fn/index.json\"\n },\n {\n \"title\": \"Hybrid App\",\n \"description\": \"Blur the line between web and native by seamlessly crossing over between native JASON view and web containers. In this case we use jasonbase.com to demonstrate this\",\n \"url\": \"https://jasonette.github.io/Jasonpedia/webcontainer/agent/hybrid.json\"\n }\n ]\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"title\": \"Web Container Agent\"\n },\n \"sections\": [\n {\n \"items\": {\n \"{{#each items}}\": {\n \"type\": \"vertical\",\n \"components\": [{\n \"type\": \"label\",\n \"text\": \"{{title}}\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"14\"\n }\n }, {\n \"type\": \"label\",\n \"text\": \"{{description}}\",\n \"style\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n }],\n \"href\": {\n \"url\": \"{{url}}\",\n \"preload\": {\n \"background\": \"#ffffff\"\n }\n }\n }\n }\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/animejs.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Anime.js Background with controllable UI\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$set\",\n \"options\": {\n \"caption\": \" \",\n \"color\": \"#ffffff\"\n },\n \"success\": {\n \"type\": \"$render\"\n }\n },\n \"$pull\": {\n \"type\": \"$set\",\n \"options\": {\n \"color\": [\n {\n \"{{#if 'color' in $get}}\": \"{{var letters = '0123456789ABCDEF'; var color = '#'; for (var i = 0; i < 6; i++ ) { color += letters[Math.floor(Math.random() * 16)]; } return color;}}\"\n },\n {\n \"{{#else}}\": \"#ffffff\"\n }\n ]\n },\n \"success\": {\n \"trigger\": \"update_color\"\n }\n },\n \"update_color\": {\n \"type\": \"$render\"\n }\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"style\": {\n \"background\": \"rgba(0,0,0,0)\",\n \"color\": \"{{$get.color}}\"\n },\n \"title\": \"Anime.js\"\n },\n \"footer\": {\n \"input\": {\n \"left\": {\n \"image\": \"https://raw.githubusercontent.com/gliechtenstein/images/master/camera.png\",\n \"style\": {\n \"color\": \"{{$get.color}}\"\n }\n },\n \"textfield\": {\n \"name\": \"caption\",\n \"placeholder\": \"Enter text\",\n \"action\": {\n \"type\": \"$render\"\n },\n \"style\": {\n \"corner_radius\": \"0\",\n \"color:placeholder\": \"rgba(255,255,255,0.6)\",\n \"color\": \"{{$get.color}}\",\n \"background\": \"#000000\"\n }\n },\n \"style\": {\n \"background\": \"#222222\"\n },\n \"right\": {\n \"text\": \"Send\",\n \"style\": {\n \"color\": \"{{$get.color}}\"\n },\n \"action\": {\n \"type\": \"$render\"\n }\n }\n }\n },\n \"style\": {\n \"border\": \"none\",\n \"color\": \"rgba(0,0,0,0)\",\n \"background\": {\n \"type\": \"html\",\n \"text\": \"\"\n }\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"space\",\n \"style\": {\n \"height\": \"100\"\n }\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"align\": \"center\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"style\": {\n \"color\": \"{{$get.color}}\",\n \"align\": \"center\",\n \"height\": \"100\"\n },\n \"url\": \"https://raw.githubusercontent.com/gliechtenstein/images/master/swipe.png\"\n }\n ]\n },\n {\n \"type\": \"label\",\n \"text\": \"pull to\\nrefresh color\",\n \"style\": {\n \"color\": \"{{$get.color}}\",\n \"align\": \"center\",\n \"font\": \"HelveticaNeue\",\n \"size\": \"20\",\n \"padding\": \"10\"\n }\n }\n ]\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/canvas.json",
"content": "{\n \"+\": \"https://jasonette.github.io/Jasonpedia/webcontainer/template2.json\",\n \"title\": \"3000 particles\",\n \"theme\": \"#000000\",\n \"html\": \"
30,000 Particles A study creating performant particles with Canvas 2D
\"\n}\n"
},
{
"path": "webcontainer/d3gauge.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"gauge d3\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$set\",\n \"options\": {\n \"gauge\": \"0.1\"\n },\n \"success\": {\n \"type\": \"$render\",\n \"options\": {\n \"template\": \"body\"\n }\n }\n },\n \"redraw\": {\n \"type\": \"$render\"\n }\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"style\": {\n \"background\": \"rgba(0,0,0,0)\",\n \"color\": \"rgba(0,0,0,0)\"\n },\n \"title\": \"D3.js Gauge\"\n },\n \"sections\": [\n {\n \"items\": [\n {\n \"type\": \"vertical\",\n \"style\": {\n \"align\": \"center\"\n },\n \"components\": [\n {\n \"type\": \"slider\",\n \"name\": \"gauge\",\n \"style\": {\n \"width\": \"300\",\n \"color\": \"#ff0000\"\n },\n \"action\": {\n \"trigger\": \"redraw\"\n }\n }\n ]\n }\n ]\n }\n ],\n \"style\": {\n \"border\": \"none\",\n \"color\": \"rgba(0,0,0,0)\",\n \"background\": {\n \"type\": \"html\",\n \"text\": {\n \"+\": \"html@https://jasonette.github.io/Jasonpedia/webcontainer/gaugehtml.json\"\n }\n }\n }\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/d3graph.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"D3 graph app\",\n \"actions\": {\n \"$load\": {\n \"trigger\": \"redraw\"\n },\n \"redraw\": {\n \"type\": \"$network.request\",\n \"options\": {\n \"url\": \"https://bl.ocks.org/mbostock/raw/3884955/data.tsv\",\n \"data_type\": \"raw\"\n },\n \"success\": {\n \"type\": \"$set\",\n \"options\": {\n \"tsv\": \"{{$jason.replace(/\\\\n/g, '\\\\\\\\n')}}\"\n },\n \"success\": {\n \"type\": \"$render\",\n \"options\": {\n \"data_type\": \"raw\"\n }\n }\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"style\": {\n \"shy\": \"true\",\n \"background\": \"#332017\",\n \"color\": \"#ffffff\"\n },\n \"title\": \"D3.js graph\"\n },\n \"style\": {\n \"border\": \"none\",\n \"background\": \"#D7CCA9\"\n },\n \"sections\": [\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"height 200\",\n \"style\": {\n \"background\": \"#D7CCA9\"\n }\n },\n \"items\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"200\",\n \"padding\": \"0\"\n },\n \"text\": {\n \"+\": \"html@https://jasonette.github.io/Jasonpedia/webcontainer/d3html.json\"\n }\n }\n ]\n },\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"height 300\",\n \"style\": {\n \"background\": \"#D7CCA9\"\n }\n },\n \"items\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"300\",\n \"padding\": \"0\"\n },\n \"text\": {\n \"+\": \"html@https://jasonette.github.io/Jasonpedia/webcontainer/d3html.json\"\n }\n }\n ]\n },\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"height 400\",\n \"style\": {\n \"background\": \"#D7CCA9\"\n }\n },\n \"items\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"400\",\n \"padding\": \"0\"\n },\n \"text\": {\n \"+\": \"html@https://jasonette.github.io/Jasonpedia/webcontainer/d3html.json\"\n }\n }\n ]\n },\n {\n \"header\": {\n \"type\": \"label\",\n \"text\": \"height 500\",\n \"style\": {\n \"background\": \"#D7CCA9\"\n }\n },\n \"items\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"500\",\n \"padding\": \"0\"\n },\n \"text\": {\n \"+\": \"html@https://jasonette.github.io/Jasonpedia/webcontainer/d3html.json\"\n }\n }\n ]\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/d3html.json",
"content": "{\n \"html\": \" VIDEO \"\n },\n {\n \"avatar\": \"https://pbs.twimg.com/profile_images/557061751150112768/eMwi4Xz2.jpeg\",\n \"username\": \"ethan\",\n \"status\": \"This is an iframe embed using Embedly\",\n \"interactive\": \"true\",\n \"style\": {\n \"height\": \"300\"\n },\n \"embed\": \"Some people are seized by this task with a fierce longing. Maybe they are propelled by wounds that need urgent healing or by a fear of loneliness or fragmentation. Maybe they are driven by some glorious fantasy to make a mark on the world.
601.1k Likes, 5,765 Comments - National Geographic (@natgeo) on Instagram: 'Photograph by @paulnicklen taken while on assignment for @natgeo. This is a photo from the past and...'
Phaser Example Runner
\"\n }\n ]\n}\n"
},
{
"path": "webcontainer/feed/index.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Feed\",\n \"data\": {\n \"items\": {\n \"+\": \"items@https://jasonette.github.io/Jasonpedia/webcontainer/feed/db.json\"\n }\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"title\": \"the feed\",\n \"style\": {\n \"theme\": \"dark\"\n }\n },\n \"sections\": [\n {\n \"items\": {\n \"{{#each items}}\": {\n \"+\": \"https://jasonette.github.io/Jasonpedia/webcontainer/feed/item.json\"\n }\n }\n },\n {\n \"items\": [{\n \"+\": \"item@https://jasonette.github.io/Jasonpedia/webcontainer/feed/special_item.json\"\n }, {\n \"+\": \"item@https://jasonette.github.io/Jasonpedia/webcontainer/feed/animated_item.json\"\n }]\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/feed/item.json",
"content": "{\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"padding\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"image\",\n \"url\": \"{{avatar}}\",\n \"style\": {\n \"width\": \"50\",\n \"corner_radius\": \"25\"\n }\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"10\",\n \"spacing\": \"5\"\n },\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"{{username}}\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"14\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"{{status}}\",\n \"style\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n {\n \"type\": \"space\",\n \"style\": {\n \"height\": \"20\"\n }\n },\n [{\n \"{{#if interactive == 'true'}}\": {\n \"type\": \"html\",\n \"style\": \"{{style}}\",\n \"text\": \"{{embed}}\",\n \"action\": {\n \"type\": \"$default\"\n }\n }\n }, {\n \"{{#else}}\": {\n \"type\": \"html\",\n \"style\": \"{{style}}\",\n \"text\": \"{{embed}}\"\n }\n }]\n ]\n }\n ]\n}\n"
},
{
"path": "webcontainer/feed/special_item.json",
"content": "{\n \"item\": {\n \"type\": \"vertical\",\n \"components\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"150\"\n },\n \"text\": \"Sunset \"\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"padding\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"100\",\n \"width\": \"100\",\n \"corner_radius\": \"50\"\n },\n \"text\": \"Sunset \"\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"10\",\n \"spacing\": \"5\"\n },\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"Ethan\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"14\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Check out this video!\",\n \"style\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"150\"\n },\n \"text\": \"Sunset \"\n },\n {\n \"type\": \"horizontal\",\n \"components\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"width\": \"100\",\n \"height\": \"150\"\n },\n \"text\": \"Sunset \"\n },\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"150\"\n },\n \"text\": \"Sunset \"\n }\n ]\n }\n ]\n }\n ]\n }\n ]\n }\n}\n"
},
{
"path": "webcontainer/gaugehtml.json",
"content": "{\n \"html\": \" Sunset \"\n },\n {\n \"type\": \"horizontal\",\n \"style\": {\n \"spacing\": \"10\",\n \"padding\": \"10\"\n },\n \"components\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"50\",\n \"width\": \"50\",\n \"corner_radius\": \"25\"\n },\n \"action\": {\n \"trigger\": \"banner\",\n \"options\": {\n \"id\": \"avatar\"\n }\n },\n \"text\": \"Sunset \"\n },\n {\n \"type\": \"vertical\",\n \"style\": {\n \"padding\": \"10\",\n \"spacing\": \"5\"\n },\n \"components\": [\n {\n \"type\": \"label\",\n \"text\": \"Ethan\",\n \"style\": {\n \"font\": \"HelveticaNeue-Bold\",\n \"size\": \"14\"\n }\n },\n {\n \"type\": \"label\",\n \"text\": \"Check out this video!\",\n \"style\": {\n \"font\": \"HelveticaNeue\",\n \"size\": \"12\"\n }\n },\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"150\"\n },\n \"action\": {\n \"trigger\": \"banner\",\n \"options\": {\n \"id\": \"medium top\"\n }\n },\n \"text\": \"abcdefnedskfwefnkdsnfiewfn dskjf lsdkfjsd nsdf ksjdfksjdklfj sdfkjsldjf sdklfj sdlkjfdkls jlsjf slkf lksjdfl kjsdlkfj sljf lsjfdkl jsdfj sljkf lsjkfl jslkdfj lksjf kldsjflj slkjfd lsjdf \"\n },\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"150\"\n },\n \"action\": {\n \"trigger\": \"banner\",\n \"options\": {\n \"id\": \"medium top\"\n }\n },\n \"text\": \"Sunset \"\n },\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"150\"\n },\n \"action\": {\n \"trigger\": \"banner\",\n \"options\": {\n \"id\": \"medium top\"\n }\n },\n \"text\": \"abcdefnedskfwefnkdsnfiewfn dskjf lsdkfjsd nsdf ksjdfksjdklfj sdfkjsldjf sdklfj sdlkjfdkls jlsjf slkf lksjdfl kjsdlkfj sljf lsjfdkl jsdfj sljkf lsjkfl jslkdfj lksjf kldsjflj slkjfd lsjdf \"\n },\n {\n \"type\": \"horizontal\",\n \"components\": [\n {\n \"type\": \"html\",\n \"style\": {\n \"width\": \"100\",\n \"height\": \"150\"\n },\n \"action\": {\n \"trigger\": \"banner\",\n \"options\": {\n \"id\": \"bottom left\"\n }\n },\n \"text\": \"Sunset \"\n },\n {\n \"type\": \"space\",\n \"style\": {\n \"width\": \"10\"\n }\n },\n {\n \"type\": \"html\",\n \"style\": {\n \"height\": \"150\"\n },\n \"action\": {\n \"trigger\": \"banner\",\n \"options\": {\n \"id\": \"bottom right\"\n }\n },\n \"text\": \"Sunset \"\n }\n ]\n }\n ]\n }\n ]\n }\n ]\n }\n }\n }\n ]\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/pdf.json",
"content": "{\n \"+\": \"https://jasonette.github.io/Jasonpedia/webcontainer/template.json\",\n \"title\": \"PDF.json\",\n \"theme\": \"#474747\",\n \"html\": \"\",\n \"action\": {\n \"type\": \"$default\"\n }\n}\n"
},
{
"path": "webcontainer/phasergame.json",
"content": "{\n \"+\": \"https://jasonette.github.io/Jasonpedia/webcontainer/template.json\",\n \"title\": \"Phaser.js Game\",\n \"theme\": \"rgba(0,0,0,0)\",\n \"html\": \" Phaser Example Runner
\",\n \"action\": {\n \"type\": \"$default\"\n }\n}\n"
},
{
"path": "webcontainer/svg.json",
"content": "{\n \"+\": \"https://jasonette.github.io/Jasonpedia/webcontainer/template2.json\",\n \"title\": \"SVG Clock\",\n \"theme\": \"rgba(0,0,0,0)\",\n \"html\": \"
\"\n}\n"
},
{
"path": "webcontainer/template.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Web Container Background Template\",\n \"description\": \"template with action handler\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$render\",\n \"options\": {\n \"template\": \"body\"\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"style\": {\n \"background\": {\n \"+\": \"$document.theme\"\n },\n \"color\": \"#ffffff\"\n },\n \"title\": {\n \"+\": \"$document.title\"\n }\n },\n \"style\": {\n \"border\": \"none\",\n \"color\": \"rgba(0,0,0,0)\",\n \"background\": {\n \"type\": \"html\",\n \"text\": {\n \"+\": \"$document.html\"\n },\n \"action\": {\n \"+\": \"$document.action\"\n }\n }\n }\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/template2.json",
"content": "{\n \"$jason\": {\n \"head\": {\n \"title\": \"Web Container Background Template\",\n \"description\": \"template without action handler\",\n \"actions\": {\n \"$load\": {\n \"type\": \"$render\",\n \"options\": {\n \"template\": \"body\"\n }\n }\n },\n \"templates\": {\n \"body\": {\n \"header\": {\n \"style\": {\n \"background\": {\n \"+\": \"$document.theme\"\n },\n \"color\": \"#ffffff\"\n },\n \"title\": {\n \"+\": \"$document.title\"\n }\n },\n \"style\": {\n \"border\": \"none\",\n \"color\": \"rgba(0,0,0,0)\",\n \"background\": {\n \"type\": \"html\",\n \"text\": {\n \"+\": \"$document.html\"\n }\n }\n }\n }\n }\n }\n }\n}\n"
},
{
"path": "webcontainer/threejsblocks.json",
"content": "{\n \"+\": \"https://jasonette.github.io/Jasonpedia/webcontainer/template2.json\",\n \"title\": \"Three.js Blocks\",\n \"theme\": \"rgba(0,0,0,0)\",\n \"html\": \"
\"\n}\n"
},
{
"path": "webcontainer/threejsrainbow.json",
"content": "{\n \"+\": \"https://jasonette.github.io/Jasonpedia/webcontainer/template2.json\",\n \"title\": \"Three.js Rainbow\",\n \"theme\": \"rgba(0,0,0,0)\",\n \"html\": \"
\"\n }\n"
}
] ![\\\"\\\"](\\\"https://cdn0.vox-cdn.com/thumbor/PPvtkzgfvglcclm7DNwByCxjY1M=/0x0:2500x1667/1310x873/cdn0.vox-cdn.com/uploads/chorus_image/image/51427661/nexus-6p-9736.0.0.jpg\\\")