0.1.0 Project from Video

.gitignore

@@ -0,0 +1,35 @@
+# Logs
+logs
+*.log
+
+# Sass cache
+.sass-cache/*
+.sass-cache
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# Commenting this out is preferred by some people, see
+# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-
+node_modules
+
+# Users Environment Variables
+.lock-wscript
+
+.idea/
+NW.lnk

_markup/ugui-about.htm

@@ -0,0 +1,56 @@
+<div class="panel panel-info">
+  <div class="panel-heading">
+    <span class="pull-right versionUGUI" title="Version">V1.1.1</span>
+    <h3 class="panel-title">About Universal GUI</h3>
+  </div>
+  <div class="panel-body">
+    <p>
+      The <a class="external-link" href="http://UGUI.io">Universal Graphical User Interface</a> (UGUI) enables you to create your own desktop applications in minutes.<br/>
+      <br />
+      UGUI uses
+        <a class="external-link" href="http://nwjs.io">NW.js</a><span class="nwjsVersion"></span>,
+        <a class="external-link" href="http://chromium.org">Chromium</a><span class="chromiumVersion"></span>,
+        <a class="external-link" href="http://iojs.org">IO.js</a><span class="iojsVersion"></span>,
+        <a class="external-link" href="http://jquery.com">jQuery</a>,
+        <a class="external-link" href="http://getbootstrap.com" title="by Twitter">Bootstrap</a>,
+        <a class="external-link" href="http://bootswatch.com">Bootswatch</a>,
+        <a class="external-link" href="http://sass-lang.com">Sass</a>,
+        <a class="external-link" href="https://github.com/jaysalvat/ezdz">ezdz</a>,
+        <a class="external-link" href="http://seiyria.github.io/bootstrap-slider">Bootstrap Slider</a>,
+        <a class="external-link" href="http://behigh.github.io/bootstrap_dropdowns_enhancement">Bootstrap Dropdowns Enhancement</a>, and
+        <a class="external-link" href="https://github.com/b1rdex/nw-contextmenu" title="by b1rdex">nw-contextmenu</a>.
+      <br />
+      <br />
+      NW.js uses Node.js/IO.js, parts of Chromium, Webkit, and V8. For a full listing of technologies used by NW.js visit <a class="external-link" href="http://nwjs.io">nwjs.io</a>.<br />
+      <br />
+      Contributors to the UGUI Project:<br />
+      <!-- If the following script isn't ran on the page, it doesn't hit soon enough to check if the images loaded. -->
+      <!-- If the images load, keep text hidden, if the app is ran while a user is offline, show text instead of images. -->
+      <script>
+        function offline() {
+          $(".gitHubContributors").addClass("notOnline");
+        }
+      </script>
+      <span class="gitHubContributors">
+        <a class="external-link" href="http://github.com/TheJaredWilcurt">
+          <img onerror="offline()" src="https://avatars.githubusercontent.com/u/4629794?v=3&s=64" alt="TheJaredWilcurt" title="TheJaredWilcurt" />
+          TheJaredWilcurt</a>,
+        <a class="external-link" href="http://github.com/hai5nguy">
+          <img onerror="offline()" src="https://avatars.githubusercontent.com/u/4622481?v=3&s=64" alt="hai5nguy" title="hai5nguy" />
+          hai5nguy</a>,
+        <a class="external-link" href="http://github.com/danodea">
+          <img onerror="offline()" src="https://avatars.githubusercontent.com/u/5711504?v=3&s=64" alt="danodea" title="danodea" />
+          danodea</a>,
+        <a class="external-link" href="http://github.com/StephanRaab">
+          <img onerror="offline()" src="https://avatars.githubusercontent.com/u/8717350?v=3&s=64" alt="StephanRaab" title="StephanRaab" />
+          StephanRaab</a>,
+        <a class="external-link" href="http://github.com/GWatt">
+          <img onerror="offline()" src="https://avatars.githubusercontent.com/u/1068806?v=3&s=64" alt="gwatt" title="gwatt" />
+          gwatt</a>,
+        <a class="external-link" href="http://github.com/boymanjor">
+          <img onerror="offline()" src="https://avatars.githubusercontent.com/u/1259462?v=3&s=64" alt="boymanjor" title="boymanjor" />
+          Boyma Fahnbulleh</a>
+      </span>
+    </p>
+  </div>
+</div>

_markup/ugui-devtools.htm

@@ -0,0 +1,98 @@
+
+<!--
+  In case the user doesn't want to use the supplied style.css,
+  the developer toolbar will still render properly
+-->
+<link rel="stylesheet" href="_style/ugui-devtools.css">
+
+<div id="uguiDevTools" class="slideHide">
+
+
+
+  <nav>
+    <span data-nav="uguiAbout">About</span>
+    <span data-nav="uguiSwapper">Style Swapper</span>
+    <span data-nav="uguiShortcuts">Shortcuts</span>
+    <span data-nav="uguiCommand">CMD Output</span>
+    <span data-nav="uguiExecutable">Executable Info</span>
+  </nav>
+
+
+
+  <section class="uguiAbout">
+<!--
+    <object>
+      <param name="allowfullscreen" value="true" />
+      <param name="allowscriptaccess" value="always" />
+      <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=87110435&show_title=0&show_byline=0&show_portrait=0&force_embed=vimeo.com&fullscreen=1" />
+      <embed src="http://vimeo.com/moogaloop.swf?clip_id=87110435&show_title=0&show_byline=0&show_portrait=0&force_embed=vimeo.com&fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always"></embed>
+    </object>
+    <iframe src="http://player.vimeo.com/video/87110435" webkitallowfullscreen allowfullscreen></iframe>
+-->
+
+    <video controls airplay="allow" x-webkit-airplay="allow" poster="_media/placeholder.png">
+      <source src="_media/placeholder.mkv" type="video/mp4" />
+    </video>
+
+    <h3>UGUI Developer Tools</h3>
+    <p>Watch <a href="http://ugui.io/tutorials/getting-started.htm" class="external-link">the UGUI Introduction video</a> in fullscreen.</p>
+    <p>To hide the UGUI Developer Tools change the <code>&lt;body role="document" class="dev"&gt;</code> to <code>&lt;body role="document" class="prod"&gt;</code>.</p>
+    <p>You are using version <span class="versionUGUI">1.1.1</span> of UGUI.</p>
+  </section>
+
+
+
+  <section class="uguiCommand">
+    <span>Select an executable to preview its output.</span>
+    <select class="executableName"></select>
+    <pre id="commandLine"></pre>
+  </section>
+
+
+
+  <section class="uguiShortcuts">
+    <p>Active key bindings while in developer mode:</p>
+    <ul>
+      <li><strong>F5</strong> Soft Refresh</li>
+      <li><strong>Shift+F5</strong> or <strong>CMD+Shift+R</strong> Refresh ignoring cache</li>
+      <li><strong>CTRL+F5</strong> or <strong>CTRL+R</strong> or <strong>CMD+R</strong> Hard Refresh</li>
+      <li><strong>F12</strong> or <strong>CTRL+Shift+I</strong> Open Webkit's Developer Tools</li>
+    </ul>
+  </section>
+
+
+
+  <section class="uguiSwapper">
+    <p>Test out different looks for your application. Click 'Keep' to use the currently display style</p>
+    <select id="swatchSwapper"></select>
+    <button id="setNewSwatch">Keep</button>
+    <span class="newSwatchSaved">Saved</span>
+  </section>
+
+
+
+  <section class="uguiExecutable">
+    <div class="helpIntro">Get information from your executable.
+      <select class="executableName"></select>
+      <select class="helpDropdown">
+        <option></option>
+        <option value="/?">/?</option>
+        <option value="-?">-?</option>
+        <option value="--?">--?</option>
+        <option value="/help">/help</option>
+        <option value="-help">-help</option>
+        <option value="--help">--help</option>
+        <option value="/about">/about</option>
+        <option value="-about">-about</option>
+        <option value="--about">--about</option>
+        <option value="/h">/h</option>
+        <option value="-h">-h</option>
+        <option value="--h">--h</option>
+      </select>
+    </div>
+    <pre class="executableHelp"></pre>
+  </section>
+
+
+
+</div>

_markup/ugui-multiargnames.htm

@@ -0,0 +1,5 @@
+<div class="alert alert-danger alert-dismissible" role="alert">
+  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+  <h4>UGUI Developer Warning!</h4>
+    You have more than one <code>data-argName</code> with the same value.
+</div>

_sass/_app.sass

@@ -0,0 +1,2 @@
+
+// App specific styles

_sass/_footer.sass

@@ -0,0 +1,2 @@
+
+// Put any Sass styling here for the Footer section

_sass/_header.sass

@@ -0,0 +1,9 @@
+
+// Put any custom Sass here for the header, navigation, and breadcrumbs
+
+.navbar-brand
+    cursor: default
+    img
+        max-width: 32px
+        max-height: 32px
+        margin: 0px 7px 0px 0px

_sass/_main.sass

@@ -0,0 +1,48 @@
+
+// The main document, every page refers to this basic document
+
+*,
+*:before,
+*:after
+    box-sizing: border-box
+
+html
+    +bmp0
+    width: 100%
+    height: 100%
+
+body
+    +bmp0
+    width: 100%
+    padding-top: 57px
+
+input[type="color"]
+    +bmp0
+    width: 3em
+    height: 1.5em
+    background: transparent
+
+.truncate
+    white-space: nowrap
+    overflow: hidden
+    text-overflow: ellipsis
+
+.row
+    margin-top: 8px
+
+.vtop,
+.vmiddle,
+.vcenter,
+.vbottom
+    display: inline-block
+    float: none
+
+.vtop
+    vertical-align: top
+
+.vmiddle,
+.vcenter
+    vertical-align: middle
+
+.vbottom
+    vertical-align: bottom

_sass/_mediaqueries.sass

@@ -0,0 +1,14 @@
+
+// Media Queries that alter the styles on the page depending on browser width
+
+// Extra small devices (phones, less than 768px)
+// No media query since this is the default in Bootstrap
+
+// Small devices (tablets)
+@media (min-width: 768px)
+
+// Medium devices (desktops)
+@media (min-width: 992px)
+
+// Large devices (large desktops)
+@media (min-width: 1200px)

_sass/_meyer.sass

@@ -0,0 +1,50 @@
+
+//Resets the default styles in all browsers so they don't render things differently by default.
+
+// http://meyerweb.com/eric/tools/css/reset/
+// v2.0 | 20110126
+// License: none (public domain)
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video
+    margin: 0
+    padding: 0
+    border: 0
+    font-size: 100%
+    font: inherit
+    vertical-align: baseline
+
+// HTML5 display-role reset for older browsers
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section
+    display: block
+
+body
+    line-height: 1
+
+ol, ul
+    list-style: none
+
+blockquote, q
+    quotes: none
+
+blockquote:before, blockquote:after,
+q:before, q:after
+    content: ''
+    content: none
+
+table
+  border-collapse: collapse
+    border-spacing: 0