b

.gitignore

@@ -1 +1,3 @@
-/node_modules/
+.DS_Store
+node_modules/
+_gh-pages/

.ruby-version

@@ -1 +1 @@
-2.0.0-p353
+1.9.3-p545

LICENSE

@@ -0,0 +1,30 @@
+Artistic License 2.0 Copyright (c) 2000-2006, The Perl Foundation.
+Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed.
+Preamble This license establishes the terms under which a given free software Package may be copied, modified, distributed, and/or redistributed. The intent is that the Copyright Holder maintains some artistic control over the development of that Package while still keeping the Package available as open source and free software.
+You are always permitted to make arrangements wholly outside of this license directly with the Copyright Holder of a given Package. If the terms of this license do not permit the full use that you propose to make of the Package, you should contact the Copyright Holder and seek a different licensing arrangement.
+Definitions "Copyright Holder" means the individual(s) or organization(s) named in the copyright notice for the entire Package.
+"Contributor" means any party that has contributed code or other material to the Package, in accordance with the Copyright Holder's procedures.
+"You" and "your" means any person who would like to copy, distribute, or modify the Package.
+"Package" means the collection of files distributed by the Copyright Holder, and derivatives of that collection and/or of those files. A given Package may consist of either the Standard Version, or a Modified Version.
+"Distribute" means providing a copy of the Package or making it accessible to anyone else, or in the case of a company or organization, to others outside of your company or organization.
+"Distributor Fee" means any fee that you charge for Distributing this Package or providing support for this Package to another party. It does not mean licensing fees.
+"Standard Version" refers to the Package if it has not been modified, or has been modified only in ways explicitly requested by the Copyright Holder.
+"Modified Version" means the Package, if it has been changed, and such changes were not explicitly requested by the Copyright Holder.
+"Original License" means this Artistic License as Distributed with the Standard Version of the Package, in its current version or as it may be modified by The Perl Foundation in the future.
+"Source" form means the source code, documentation source, and configuration files for the Package.
+"Compiled" form means the compiled bytecode, object code, binary, or any other form resulting from mechanical transformation or translation of the Source form.
+Permission for Use and Modification Without Distribution (1) You are permitted to use the Standard Version and create and use Modified Versions for any purpose without restriction, provided that you do not Distribute the Modified Version.
+Permissions for Redistribution of the Standard Version (2) You may Distribute verbatim copies of the Source form of the Standard Version of this Package in any medium without restriction, either gratis or for a Distributor Fee, provided that you duplicate all of the original copyright notices and associated disclaimers. At your discretion, such verbatim copies may or may not include a Compiled form of the Package.
+(3) You may apply any bug fixes, portability changes, and other modifications made available from the Copyright Holder. The resulting Package will still be considered the Standard Version, and as such will be subject to the Original License.
+Distribution of Modified Versions of the Package as Source (4) You may Distribute your Modified Version as Source (either gratis or for a Distributor Fee, and with or without a Compiled form of the Modified Version) provided that you clearly document how it differs from the Standard Version, including, but not limited to, documenting any non-standard features, executables, or modules, and provided that you do at least ONE of the following:
+(a) make the Modified Version available to the Copyright Holder of the Standard Version, under the Original License, so that the Copyright Holder may include your modifications in the Standard Version. (b) ensure that installation of your Modified Version does not prevent the user installing or running the Standard Version. In addition, the Modified Version must bear a name that is different from the name of the Standard Version. (c) allow anyone who receives a copy of the Modified Version to make the Source form of the Modified Version available to others under (i) the Original License or (ii) a license that permits the licensee to freely copy, modify and redistribute the Modified Version using the same licensing terms that apply to the copy that the licensee received, and requires that the Source form of the Modified Version, and of any works derived from it, be made freely available in that license fees are prohibited but Distributor Fees are allowed.
+Distribution of Compiled Forms of the Standard Version or Modified Versions without the Source (5) You may Distribute Compiled forms of the Standard Version without the Source, provided that you include complete instructions on how to get the Source of the Standard Version. Such instructions must be valid at the time of your distribution. If these instructions, at any time while you are carrying out such distribution, become invalid, you must provide new instructions on demand or cease further distribution. If you provide valid instructions or cease distribution within thirty days after you become aware that the instructions are invalid, then you do not forfeit any of your rights under this license.
+(6) You may Distribute a Modified Version in Compiled form without the Source, provided that you comply with Section 4 with respect to the Source of the Modified Version.
+Aggregating or Linking the Package (7) You may aggregate the Package (either the Standard Version or Modified Version) with other packages and Distribute the resulting aggregation provided that you do not charge a licensing fee for the Package. Distributor Fees are permitted, and licensing fees for other components in the aggregation are permitted. The terms of this license apply to the use and Distribution of the Standard or Modified Versions as included in the aggregation.
+(8) You are permitted to link Modified and Standard Versions with other works, to embed the Package in a larger work of your own, or to build stand-alone binary or bytecode versions of applications that include the Package, and Distribute the result without restriction, provided the result does not expose a direct interface to the Package.
+Items That are Not Considered Part of a Modified Version (9) Works (including, but not limited to, modules and scripts) that merely extend or make use of the Package, do not, by themselves, cause the Package to be a Modified Version. In addition, such works are not considered parts of the Package itself, and are not subject to the terms of this license.
+General Provisions (10) Any use, modification, and distribution of the Standard or Modified Versions is governed by this Artistic License. By using, modifying or distributing the Package, you accept this license. Do not use, modify, or distribute the Package, if you do not accept this license.
+(11) If your Modified Version has been derived from a Modified Version made by someone other than you, you are nevertheless required to ensure that your Modified Version complies with the requirements of this license.
+(12) This license does not grant you the right to use any trademark, service mark, tradename, or logo of the Copyright Holder.
+(13) This license includes the non-exclusive, worldwide, free-of-charge patent license to make, have made, use, offer to sell, sell, import and otherwise transfer the Package with respect to any patent claims licensable by the Copyright Holder that are necessarily infringed by the Package. If you institute patent litigation (including a cross-claim or counterclaim) against any party alleging that the Package constitutes direct or contributory patent infringement, then this Artistic License to you shall terminate on the date that such litigation is filed.
+(14) Disclaimer of Warranty: THE PACKAGE IS PROVIDED BY THE COPYRIGHT HOLDER AND CONTRIBUTORS "AS IS' AND WITHOUT ANY EXPRESS OR IMPLIED WARRANTIES. THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT ARE DISCLAIMED TO THE EXTENT PERMITTED BY YOUR LOCAL LAW. UNLESS REQUIRED BY LAW, NO COPYRIGHT HOLDER OR CONTRIBUTOR WILL BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES ARISING IN ANY WAY OUT OF THE USE OF THE PACKAGE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

Makefile

@@ -1,19 +1,26 @@
 
-.PHONY: less
 .PHONY: css
+.PHONY: less
 
 install:
 	bower install
 
-less:
-	lessc less/pix.less css/pix.css --clean-css
-	
+less: 
+	lessc less/style.less > css/style.css
+
 css:
-	lessc less/pix.less css/pix.css --clean-css
+	make less
 
 server:
 	jekyll server --watch --baseurl= --trace
 
-dist:
+cp_js:
 	cp bower_components/bootstrap/dist/js/bootstrap.min.js js
-	cp bower_components/jquery/dist/jquery.min.js js
+	cp bower_components/jquery/dist/jquery.min.js js
+	cp bower_components/handlebars/handlebars.min.js js
+
+dist:
+	make cp_js
+	cp -R bower_components/pixograms/fonts .
+	cp bower_components/pixograms/css/pix-webfont.css css
+	make css

README.md

@@ -1,19 +1,11 @@
-# PiX<br><small>Interaction notation for UX design</small>
-This visual language notation is and adaptation from [service blueprinting](http://en.wikipedia.org/wiki/Service_blueprint).
+![PiX Logo](img/pix-logo.png)
 
-This simplified version of the language defines three different layers:
+## PiX: Interaction notation for UX design
 
-1. User actions
-2. User/system dialogues
-3. System actions
+PiX is a visual language specially crafted to define and model user experience within digital services. PIX Language based upon service blueprinting and customer journeys, among other visual languages. It is being continuously developed at Taller de Investigaciones Gráficas .:TIG:. [Escuela de Arquitectura y Diseño](http://www.ead.pucv.cl).
+
+**Online tool available &rarr; [here](http://eadpucv.github.io/pix)**
+
+
+Artistic License 2.0
 
-## Icons
-### User Actions
-### Dialogues
-#### Mouse
-#### Keyboard
-#### Touch Gestures
-### System Actions
-#### Server Communication
-#### Processes and Computation
-#### File Management

_config.yml

@@ -2,10 +2,17 @@ safe:			false
 source:			.
 destination:	_gh-pages
 lsi:			false
-markdown:		rdiscount
-pygments:		true
 permalink:		pretty
-baseurl: 		"http://eadpucv.github.io/pix"
+baseurl: 		"https://eadpucv.github.io/pix"
 exclude:		[bower_components, src]
 name: 			"PiX"
-pixver:			"2.5"
+pixver:			"1.0.0"
+exclude:
+  - less
+  - libs
+  - node_modules
+  - bower_components
+  - src
+  - bower.json
+  - package.json
+  - Makefile

_includes/app-head.html

@@ -0,0 +1,17 @@
+<head>
+  <!-- PiX Application -->
+  <meta charset='UTF-8'/>
+  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+  <link href='{{ site.baseurl }}/css/style.css' rel='stylesheet'>
+  <link href='{{ site.baseurl }}/css/pix-webfont.css' rel='stylesheet'>
+  <script type='text/javascript'>
+  /* <![CDATA[ */
+  var Ajax = {'icons':'{{ site.baseurl }}/js/icons.json'};
+  /* ]]> */
+  </script>
+  <title>{{ page.title }}</title>
+  {% include favicon.html %}
+</head>
+
+

_includes/app-navbar.html

@@ -0,0 +1,16 @@
+<nav class="navbar navbar-inverse navbar-default navbar-fixed-top hp" role="navigation">
+  <div class="container">
+  	<div class="navbar-header">
+      <a class="navbar-brand" href="https://eadpucv.github.io/pix-web/"><i class="pix">logo</i> PiX</a>
+    </div>
+    <ul class="nav navbar-nav pull-right">
+      <li class="hidden-xs"><a href="#" class="new" title="new"><i class="pix pix-2x">file</i></a></li>
+    	<li class="hidden-xs"><a href="#" class="import" title="upload JSON"><i class="pix pix-2x">up</i></a></li>
+      <input type="file" id="input" class="upload-json" >
+      <li class="hidden-xs"><a href="#" class="export" title="download JSON"><i class="pix pix-2x">down</i></a></li>
+      <li class="hidden-xs"><a href="#" class="save" title="save session"><i class="pix pix-2x">save</i></a></li>
+      <li class="hidden-xs"><a href="#" class="embed" title="Embed PiX"><i class="pix pix-2x">share</i></a></li>
+    	<li class="hidden-xs"><a href="#" class="print" title="print PDF"><i class="pix pix-2x">print</i></a></li>
+    </ul>
+  </div>
+</nav>

_includes/col-pix.html

@@ -1,8 +1,8 @@
-<div class="col-md-1 col-sm-2 col-xs-6">
+<div class="col-md-2 col-sm-3 col-xs-6">
     <div class="inner icon-docs">
         <div class='pix-group'>
-            <p class='tcenter'><i class="pix pix-5x pix-{{ include.name }}"></i></p>
-            <p class='tcenter'><span class='docs-icon-name'>{{ include.name }}</span></p>
+            <span class='tcenter'><i class="pix pix-5x hover-beat pix-{{ include.name }}"></i></span>
+            <span class='tcenter'><span class='docs-icon-name'>{{ include.name }}</span></span>
         </div>
     </div>
 </div>

_includes/donate-button.html

@@ -0,0 +1,7 @@
+<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+	<input type="hidden" name="cmd" value="_s-xclick">
+	<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
+	">
+	<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
+	<img alt="" border="0" src="https://www.paypalobjects.com/es_XC/i/scr/pixel.gif" width="1" height="1">
+</form>

_includes/example-creation-tutorial.html

@@ -0,0 +1 @@
+<iframe src="{{ site.baseurl }}/pages/app-embed/#!/import/eyJ0aXRsZSI6IlBpWCBjcmVhdGlvbiBUdXRvcmlhbCIsImxheW91dCI6ImlwIiwiZGVzY3JpcHRpb24iOiJIb3cgdG8gY3JlYXRlIGEgUGlYIGZyb20gc2NyYXRjaCIsInNjb3JlcyI6W1t7InN0ZXBfdGl0bGUiOiJQaVggV2VicGFnZSIsInVzZXIiOiJwaXgtdGhpbmsgIEkgd2FudCB0byB0cnkgdGhpcyBQaVggdGhpbmcuLi5cbiIsImRpYWxvZ3VlIjoicGl4LXBhZ2UgIGxldCdzIGNoZWNrIFBpWCB3ZWJzaXRlIiwic3lzdGVtIjoicGl4LWRhdGFiYXNlICBwdWxsIHdlYnBhZ2UiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6IiAgIiwiZGlhbG9ndWUiOiJwaXgtYnV0dG9uICBjbGljayBBUFAgYnV0dG9uIiwic3lzdGVtIjoiICAiLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiUGlYIEFwcCIsInVzZXIiOiJwaXgtc21pbGluZyAgaGVyZSBJIGNhbiB3b3JrISIsImRpYWxvZ3VlIjoicGl4LWVkaXQgIG5hbWUgc2NvcmUgYW5kIGFkZCBkZXNjcmlwdGlvbiIsInN5c3RlbSI6IiAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiIgICIsImRpYWxvZ3VlIjoicGl4LWVkaXQgIMKgdHlwZSBcInBpeC1cIiBvbiBhIHNvY3JlIGNlbGwiLCJzeXN0ZW0iOiIgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoicGl4LXN1cnByaXNlZCAgYW1hemluZyEiLCJkaWFsb2d1ZSI6InBpeC1hdXRvY29tcGxldGUgIGF1dG9jb21wbGV0ZSB3aXRoIG90aGVyIG9wdGlvbnMiLCJzeXN0ZW0iOiJwaXgtdXBkYXRlICB0aGUgc3lzdGVtIHRyYW5zZm9ybXMgYW5kIGZvcm1hdHMgdGhlIGlucHV0XG4iLCJub3RlIjoiIn0seyJzdGVwX3RpdGxlIjoiIiwidXNlciI6InBpeC1oYXBweSAgdGhpcyBpcyBncmVhdCEiLCJkaWFsb2d1ZSI6InBpeC1pbnB1dCAgcHJlc3MgJ1RBQicgdG8gYWR2YW5jZSBpbiB0aGUgc2VxdWVuY2VcbiIsInN5c3RlbSI6IiAgIiwibm90ZSI6IiJ9LHsic3RlcF90aXRsZSI6IiIsInVzZXIiOiJwaXgtdGhpbmsgIEkgd2FudCB0byBzYXZlIHRoaXMgd29yayEiLCJkaWFsb2d1ZSI6InBpeC1kb3duICBzZWxlY3QgXCJkb3dubG9hZCBKU09OXCIgZnJvbSB0b29sYmFyIiwic3lzdGVtIjoicGl4LXByb2Nlc3MgICIsIm5vdGUiOiIifSx7InN0ZXBfdGl0bGUiOiIiLCJ1c2VyIjoiICAiLCJkaWFsb2d1ZSI6IiAgIiwic3lzdGVtIjoicGl4LXByb2Nlc3MgIGdlbmVyYXRlIGFuZCBkb3dubG9hZCBKU09OIiwibm90ZSI6IiJ9XV19" width="100%" height="644" ></iframe>