diff --git a/.bowerrc b/.bowerrc
new file mode 100644
index 0000000..5ba3f84
--- /dev/null
+++ b/.bowerrc
@@ -0,0 +1,4 @@
+{
+ "directory": "app/vendor",
+ "json": "bower.json"
+}
diff --git a/README.md b/README.md
index 34481f7..25abea3 100644
--- a/README.md
+++ b/README.md
@@ -42,3 +42,30 @@ $ gulp zip
```
$ gulp dist
```
+
+## Changes
+
+### v.0.0.2
+
+**Features**
+
+- Fafonts and social fonts added
+- Editor view
+- Configuration view
+- Welcome view
+- Tabs added to the UI
+- Bootstrap added for fast prototyping
+- Bower Added
+- Typical shortcuts added
+- Main menu added with typical configuration
+- Art added to project
+- Icon added to navigation menu
+- Icon added to app for all distributions
+
+**Bugs**
+
+### v.0.0.1
+
+**Notes:**
+
+Hello World App.
diff --git a/app/css/fonts/ApercuPro-Mono/ApercuPro-Mono.woff b/app/css/fonts/ApercuPro-Mono/ApercuPro-Mono.woff
new file mode 100644
index 0000000..d42c5b0
Binary files /dev/null and b/app/css/fonts/ApercuPro-Mono/ApercuPro-Mono.woff differ
diff --git a/app/css/fonts/ApercuPro-Mono/ApercuPro-Mono.woff2 b/app/css/fonts/ApercuPro-Mono/ApercuPro-Mono.woff2
new file mode 100644
index 0000000..5b7541a
Binary files /dev/null and b/app/css/fonts/ApercuPro-Mono/ApercuPro-Mono.woff2 differ
diff --git a/app/css/fonts/ApercuPro-Regular/ApercuPro.woff b/app/css/fonts/ApercuPro-Regular/ApercuPro.woff
new file mode 100644
index 0000000..fc5994e
Binary files /dev/null and b/app/css/fonts/ApercuPro-Regular/ApercuPro.woff differ
diff --git a/app/css/fonts/ApercuPro-Regular/ApercuPro.woff2 b/app/css/fonts/ApercuPro-Regular/ApercuPro.woff2
new file mode 100644
index 0000000..c3595e0
Binary files /dev/null and b/app/css/fonts/ApercuPro-Regular/ApercuPro.woff2 differ
diff --git a/app/css/fonts/Gilroy-Black/Gilroy-Black.woff b/app/css/fonts/Gilroy-Black/Gilroy-Black.woff
new file mode 100644
index 0000000..93e646c
Binary files /dev/null and b/app/css/fonts/Gilroy-Black/Gilroy-Black.woff differ
diff --git a/app/css/fonts/Gilroy-Black/Gilroy-Black.woff2 b/app/css/fonts/Gilroy-Black/Gilroy-Black.woff2
new file mode 100644
index 0000000..74d7b61
Binary files /dev/null and b/app/css/fonts/Gilroy-Black/Gilroy-Black.woff2 differ
diff --git a/app/css/fonts/Gilroy-Bold/Gilroy-Bold.woff b/app/css/fonts/Gilroy-Bold/Gilroy-Bold.woff
new file mode 100644
index 0000000..0d201a2
Binary files /dev/null and b/app/css/fonts/Gilroy-Bold/Gilroy-Bold.woff differ
diff --git a/app/css/fonts/Gilroy-Bold/Gilroy-Bold.woff2 b/app/css/fonts/Gilroy-Bold/Gilroy-Bold.woff2
new file mode 100644
index 0000000..37c8c75
Binary files /dev/null and b/app/css/fonts/Gilroy-Bold/Gilroy-Bold.woff2 differ
diff --git a/app/css/fonts/MonoSocialIconsFont-1.10.eot b/app/css/fonts/MonoSocialIconsFont-1.10.eot
new file mode 100755
index 0000000..100b2b3
Binary files /dev/null and b/app/css/fonts/MonoSocialIconsFont-1.10.eot differ
diff --git a/app/css/fonts/MonoSocialIconsFont-1.10.otf b/app/css/fonts/MonoSocialIconsFont-1.10.otf
new file mode 100755
index 0000000..6debb04
Binary files /dev/null and b/app/css/fonts/MonoSocialIconsFont-1.10.otf differ
diff --git a/app/css/fonts/MonoSocialIconsFont-1.10.svg b/app/css/fonts/MonoSocialIconsFont-1.10.svg
new file mode 100755
index 0000000..ead38ff
--- /dev/null
+++ b/app/css/fonts/MonoSocialIconsFont-1.10.svg
@@ -0,0 +1,1013 @@
+
+
+
+
+Created by Ivan Drinchev. OFL license
+This is a custom SVG font generated by IcoMoon.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/app/css/fonts/MonoSocialIconsFont-1.10.ttf b/app/css/fonts/MonoSocialIconsFont-1.10.ttf
new file mode 100755
index 0000000..20cdb85
Binary files /dev/null and b/app/css/fonts/MonoSocialIconsFont-1.10.ttf differ
diff --git a/app/css/fonts/MonoSocialIconsFont-1.10.woff b/app/css/fonts/MonoSocialIconsFont-1.10.woff
new file mode 100755
index 0000000..47df3a9
Binary files /dev/null and b/app/css/fonts/MonoSocialIconsFont-1.10.woff differ
diff --git a/app/css/monosocialiconsfont.css b/app/css/monosocialiconsfont.css
new file mode 100755
index 0000000..439cb36
--- /dev/null
+++ b/app/css/monosocialiconsfont.css
@@ -0,0 +1,38 @@
+@font-face {
+ font-family: 'Mono Social Icons Font';
+ src: url('../fonts/MonoSocialIconsFont-1.10.eot');
+ src: url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
+ url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
+ url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
+ src: url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.symbol, a.symbol:before {
+ font-family: 'Mono Social Icons Font';
+ -webkit-text-rendering: optimizeLegibility;
+ -moz-text-rendering: optimizeLegibility;
+ -ms-text-rendering: optimizeLegibility;
+ -o-text-rendering: optimizeLegibility;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-font-smoothing: antialiased;
+ -ms-font-smoothing: antialiased;
+ -o-font-smoothing: antialiased;
+ font-smoothing: antialiased;
+}
+
+a.symbol:before {
+ content: attr(title);
+ margin-right: 0.3em;
+ font-size: 130%;
+}
+
+a.symbol {
+ background: #9f9f9f;
+ padding: 7px 5px 3px 5px;
+ color: white;
+ text-decoration: none;
+}
diff --git a/app/css/tabs-styles.css b/app/css/tabs-styles.css
new file mode 100644
index 0000000..9018d16
--- /dev/null
+++ b/app/css/tabs-styles.css
@@ -0,0 +1,184 @@
+:root{
+ --mainOrange: #FF3643;
+ --darkOrange: #661D1D;
+ --lightOrange: #F7B3B7;
+ --mainPurple: #8436C2;
+ --darkPurple: #371E59;
+ --lightPurple: #C2ABE0;
+ --mainBlack: #232328;
+ --mainWhite: #f7f3eb;
+ --mainGrey: #73737F;
+ --lightGrey: #D0D0E2;
+ --green: #75D27C;
+ --red: #CC3F54;
+}
+
+@font-face {
+ font-family: 'Gilroy-Black';
+ src: url(fonts/Gilroy-Black/Gilroy-Black.woff2) format('woff2'),
+ url(fonts/Gilroy-Black/Gilroy-Black.woff) format('woff');
+}
+
+@font-face {
+ font-family: 'Gilroy-Bold';
+ src: url(fonts/Gilroy-Bold/Gilroy-Bold.woff2) format('woff2'),
+ url(fonts/Gilroy-Bold/Gilroy-Bold.woff) format('woff');
+}
+
+@font-face {
+ font-family: 'ApercuPro-Mono';
+ src: url(fonts/ApercuPro-Mono/ApercuPro-Mono.woff2) format('woff2'),
+ url(fonts/ApercuPro-Mono/ApercuPro-Mono.woff) format('woff');
+}
+
+@font-face {
+ font-family: 'ApercuPro-Regular';
+ src: url(fonts/ApercuPro-Regular/ApercuPro.woff2) format('woff2'),
+ url(fonts/ApercuPro-Regular/ApercuPro.woff) format('woff');
+}
+
+body{
+ min-height: 100%;
+ min-height: 100vh;
+ display: flex;
+ align-items: center;
+ background: var(--mainOrange);
+}
+
+/* ------------ Override styles ------------ */
+
+a{
+ color: var(--mainWhite);
+}
+
+/* ------------ Wrapper ------------ */
+
+.wrapper{
+ min-width: 98%;
+ min-height: 98%;
+ min-height: 98vh;
+ background-color: var(--mainWhite);
+}
+
+/* ------------ NAV BAR ------------ */
+
+#exTab3 .nav-pills {
+ display: flex;
+ background: var(--mainOrange);
+}
+
+#exTab3 .nav>li {
+ flex-basis: 18%;
+ border-radius: 4px 4px 0 0;
+ background-color: var(--mainBlack);
+ border-bottom: none;
+ text-align: center;
+}
+
+#exTab3 .nav>li:last-child{
+ flex-basis: 7%;
+}
+
+#exTab3 .nav>li a{
+ height: 100%;
+ font-size: 20px;
+ border-radius: 2px 4px 0 0;
+}
+
+#exTab3 .nav .plus-size{
+ font-size: 25px;
+}
+
+/* Override Bootstrap nav pills active,hover and focus colors */
+.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li>a:hover {
+ color: var(--mainBlack);
+ background-color: var(--mainWhite);
+}
+
+
+
+/* ------------ Panes ------------ */
+
+#exTab3 .tab-content {
+ color : var(--mainBlack);
+ min-height: 93vh;
+ display: flex;
+ align-items: center;
+}
+
+.tab-pane{
+ flex: 1;
+}
+
+/* ------------ ------------ */
+
+/* WELCOME*/
+.welcome-logo{
+ max-width: 80%;
+ margin-top: 30px;
+}
+
+.welcome-text{
+ margin-left: 50px;
+}
+
+.welcome-text p{
+ margin-bottom: 0;
+}
+
+
+.flex-col{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.welcome-options>h3{
+ margin-bottom: 0;
+}
+
+@media (min-width: 768px){
+ .welcome-options {
+ margin-top: 250px;
+ }
+}
+
+.welcome-button{
+ height: 50px;
+ margin: 20px 0;
+ border: none;
+ border-radius: 4px;
+ background-color: var(--mainBlack);
+ color: var(--mainWhite);
+ text-align: left;
+ max-width: 500px;
+}
+
+.welcome-button:hover{
+ box-sizing: border-box;
+ border: 1px solid var(--mainBlack);
+ border-radius: 4px;
+ background-color: var(--mainWhite);
+ color: var(--mainBlack);
+}
+
+.welcome-button>i {
+ margin: 0 15px;
+}
+
+.
+/* EDITOR */
+
+.editor-logo{
+ max-width: 30%;
+ margin-top: 30px;
+}
+
+#space h3{
+ background-color: var(--mainBlack);
+ color: var(--mainWhite);
+ margin-bottom: 0px;
+ padding: 5px 35px;
+}
+
diff --git a/app/ginger.html b/app/ginger.html
index ef9e872..ed0670d 100644
--- a/app/ginger.html
+++ b/app/ginger.html
@@ -8,7 +8,7 @@
-
+
diff --git a/app/icons/logo.icns b/app/icons/logo.icns
new file mode 100644
index 0000000..645321d
Binary files /dev/null and b/app/icons/logo.icns differ
diff --git a/app/icons/logo.ico b/app/icons/logo.ico
new file mode 100644
index 0000000..ecc115a
Binary files /dev/null and b/app/icons/logo.ico differ
diff --git a/app/img/Logo - formato horizontal@2x.png b/app/img/Logo - formato horizontal@2x.png
new file mode 100644
index 0000000..1327182
Binary files /dev/null and b/app/img/Logo - formato horizontal@2x.png differ
diff --git a/app/img/Logo@2x.png b/app/img/Logo@2x.png
new file mode 100644
index 0000000..33baf2f
Binary files /dev/null and b/app/img/Logo@2x.png differ
diff --git a/app/img/app_logo.png b/app/img/app_logo.png
new file mode 100755
index 0000000..7688de4
Binary files /dev/null and b/app/img/app_logo.png differ
diff --git a/app/img/circle_logo.png b/app/img/circle_logo.png
new file mode 100755
index 0000000..eb95b4f
Binary files /dev/null and b/app/img/circle_logo.png differ
diff --git a/app/img/horizontal_logo.png b/app/img/horizontal_logo.png
new file mode 100755
index 0000000..ef5cc95
Binary files /dev/null and b/app/img/horizontal_logo.png differ
diff --git a/app/img/tap_icon.png b/app/img/tap_icon.png
new file mode 100755
index 0000000..6035f3c
Binary files /dev/null and b/app/img/tap_icon.png differ
diff --git a/app/img/vertical_logo.png b/app/img/vertical_logo.png
new file mode 100755
index 0000000..237309a
Binary files /dev/null and b/app/img/vertical_logo.png differ
diff --git a/app/js/javascript/javascript.js b/app/js/codemirror-javascript.js
similarity index 100%
rename from app/js/javascript/javascript.js
rename to app/js/codemirror-javascript.js
diff --git a/app/js/javascript/index.html b/app/js/javascript/index.html
deleted file mode 100644
index 592a133..0000000
--- a/app/js/javascript/index.html
+++ /dev/null
@@ -1,114 +0,0 @@
-
-
-
CodeMirror: JavaScript mode
-
-
-
-
-
-
-
-
-
-
-
-
-
-JavaScript mode
-
-
-
-
-
-
-
- JavaScript mode supports several configuration options:
-
- json which will set the mode to expect JSON
- data rather than a JavaScript program.
- jsonld which will set the mode to expect
- JSON-LD linked data rather
- than a JavaScript program (demo ).
- typescript which will activate additional
- syntax highlighting and some other things for TypeScript code
- (demo ).
- statementIndent which (given a number) will
- determine the amount of indentation to use for statements
- continued on a new line.
- wordCharacters, a regexp that indicates which
- characters should be considered part of an identifier.
- Defaults to /[\w$]/, which does not handle
- non-ASCII identifiers. Can be set to something more elaborate
- to improve Unicode support.
-
-
-
- MIME types defined: text/javascript, application/json, application/ld+json, text/typescript, application/typescript.
-
diff --git a/app/js/javascript/json-ld.html b/app/js/javascript/json-ld.html
deleted file mode 100644
index 3a37f0b..0000000
--- a/app/js/javascript/json-ld.html
+++ /dev/null
@@ -1,72 +0,0 @@
-
-
-CodeMirror: JSON-LD mode
-
-
-
-
-
-
-
-
-
-
-
-
-
-JSON-LD mode
-
-
-
-
-
-
- This is a specialization of the JavaScript mode .
-
diff --git a/app/js/javascript/test.js b/app/js/javascript/test.js
deleted file mode 100644
index d3188bb..0000000
--- a/app/js/javascript/test.js
+++ /dev/null
@@ -1,271 +0,0 @@
-// CodeMirror, copyright (c) by Marijn Haverbeke and others
-// Distributed under an MIT license: http://codemirror.net/LICENSE
-
-(function() {
- var mode = CodeMirror.getMode({indentUnit: 2}, "javascript");
- function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)); }
-
- MT("locals",
- "[keyword function] [def foo]([def a], [def b]) { [keyword var] [def c] [operator =] [number 10]; [keyword return] [variable-2 a] [operator +] [variable-2 c] [operator +] [variable d]; }");
-
- MT("comma-and-binop",
- "[keyword function](){ [keyword var] [def x] [operator =] [number 1] [operator +] [number 2], [def y]; }");
-
- MT("destructuring",
- "([keyword function]([def a], [[[def b], [def c] ]]) {",
- " [keyword let] {[def d], [property foo]: [def c][operator =][number 10], [def x]} [operator =] [variable foo]([variable-2 a]);",
- " [[[variable-2 c], [variable y] ]] [operator =] [variable-2 c];",
- "})();");
-
- MT("destructure_trailing_comma",
- "[keyword let] {[def a], [def b],} [operator =] [variable foo];",
- "[keyword let] [def c];"); // Parser still in good state?
-
- MT("class_body",
- "[keyword class] [def Foo] {",
- " [property constructor]() {}",
- " [property sayName]() {",
- " [keyword return] [string-2 `foo${][variable foo][string-2 }oo`];",
- " }",
- "}");
-
- MT("class",
- "[keyword class] [def Point] [keyword extends] [variable SuperThing] {",
- " [keyword get] [property prop]() { [keyword return] [number 24]; }",
- " [property constructor]([def x], [def y]) {",
- " [keyword super]([string 'something']);",
- " [keyword this].[property x] [operator =] [variable-2 x];",
- " }",
- "}");
-
- MT("anonymous_class_expression",
- "[keyword const] [def Adder] [operator =] [keyword class] [keyword extends] [variable Arithmetic] {",
- " [property add]([def a], [def b]) {}",
- "};");
-
- MT("named_class_expression",
- "[keyword const] [def Subber] [operator =] [keyword class] [def Subtract] {",
- " [property sub]([def a], [def b]) {}",
- "};");
-
- MT("import",
- "[keyword function] [def foo]() {",
- " [keyword import] [def $] [keyword from] [string 'jquery'];",
- " [keyword import] { [def encrypt], [def decrypt] } [keyword from] [string 'crypto'];",
- "}");
-
- MT("import_trailing_comma",
- "[keyword import] {[def foo], [def bar],} [keyword from] [string 'baz']")
-
- MT("const",
- "[keyword function] [def f]() {",
- " [keyword const] [[ [def a], [def b] ]] [operator =] [[ [number 1], [number 2] ]];",
- "}");
-
- MT("for/of",
- "[keyword for]([keyword let] [def of] [keyword of] [variable something]) {}");
-
- MT("generator",
- "[keyword function*] [def repeat]([def n]) {",
- " [keyword for]([keyword var] [def i] [operator =] [number 0]; [variable-2 i] [operator <] [variable-2 n]; [operator ++][variable-2 i])",
- " [keyword yield] [variable-2 i];",
- "}");
-
- MT("quotedStringAddition",
- "[keyword let] [def f] [operator =] [variable a] [operator +] [string 'fatarrow'] [operator +] [variable c];");
-
- MT("quotedFatArrow",
- "[keyword let] [def f] [operator =] [variable a] [operator +] [string '=>'] [operator +] [variable c];");
-
- MT("fatArrow",
- "[variable array].[property filter]([def a] [operator =>] [variable-2 a] [operator +] [number 1]);",
- "[variable a];", // No longer in scope
- "[keyword let] [def f] [operator =] ([[ [def a], [def b] ]], [def c]) [operator =>] [variable-2 a] [operator +] [variable-2 c];",
- "[variable c];");
-
- MT("spread",
- "[keyword function] [def f]([def a], [meta ...][def b]) {",
- " [variable something]([variable-2 a], [meta ...][variable-2 b]);",
- "}");
-
- MT("quasi",
- "[variable re][string-2 `fofdlakj${][variable x] [operator +] ([variable re][string-2 `foo`]) [operator +] [number 1][string-2 }fdsa`] [operator +] [number 2]");
-
- MT("quasi_no_function",
- "[variable x] [operator =] [string-2 `fofdlakj${][variable x] [operator +] [string-2 `foo`] [operator +] [number 1][string-2 }fdsa`] [operator +] [number 2]");
-
- MT("indent_statement",
- "[keyword var] [def x] [operator =] [number 10]",
- "[variable x] [operator +=] [variable y] [operator +]",
- " [atom Infinity]",
- "[keyword debugger];");
-
- MT("indent_if",
- "[keyword if] ([number 1])",
- " [keyword break];",
- "[keyword else] [keyword if] ([number 2])",
- " [keyword continue];",
- "[keyword else]",
- " [number 10];",
- "[keyword if] ([number 1]) {",
- " [keyword break];",
- "} [keyword else] [keyword if] ([number 2]) {",
- " [keyword continue];",
- "} [keyword else] {",
- " [number 10];",
- "}");
-
- MT("indent_for",
- "[keyword for] ([keyword var] [def i] [operator =] [number 0];",
- " [variable i] [operator <] [number 100];",
- " [variable i][operator ++])",
- " [variable doSomething]([variable i]);",
- "[keyword debugger];");
-
- MT("indent_c_style",
- "[keyword function] [def foo]()",
- "{",
- " [keyword debugger];",
- "}");
-
- MT("indent_else",
- "[keyword for] (;;)",
- " [keyword if] ([variable foo])",
- " [keyword if] ([variable bar])",
- " [number 1];",
- " [keyword else]",
- " [number 2];",
- " [keyword else]",
- " [number 3];");
-
- MT("indent_funarg",
- "[variable foo]([number 10000],",
- " [keyword function]([def a]) {",
- " [keyword debugger];",
- "};");
-
- MT("indent_below_if",
- "[keyword for] (;;)",
- " [keyword if] ([variable foo])",
- " [number 1];",
- "[number 2];");
-
- MT("indent_semicolonless_if",
- "[keyword function] [def foo]() {",
- " [keyword if] ([variable x])",
- " [variable foo]()",
- "}")
-
- MT("indent_semicolonless_if_with_statement",
- "[keyword function] [def foo]() {",
- " [keyword if] ([variable x])",
- " [variable foo]()",
- " [variable bar]()",
- "}")
-
- MT("multilinestring",
- "[keyword var] [def x] [operator =] [string 'foo\\]",
- "[string bar'];");
-
- MT("scary_regexp",
- "[string-2 /foo[[/]]bar/];");
-
- MT("indent_strange_array",
- "[keyword var] [def x] [operator =] [[",
- " [number 1],,",
- " [number 2],",
- "]];",
- "[number 10];");
-
- MT("param_default",
- "[keyword function] [def foo]([def x] [operator =] [string-2 `foo${][number 10][string-2 }bar`]) {",
- " [keyword return] [variable-2 x];",
- "}");
-
- MT("new_target",
- "[keyword function] [def F]([def target]) {",
- " [keyword if] ([variable-2 target] [operator &&] [keyword new].[keyword target].[property name]) {",
- " [keyword return] [keyword new]",
- " .[keyword target];",
- " }",
- "}");
-
- var ts_mode = CodeMirror.getMode({indentUnit: 2}, "application/typescript")
- function TS(name) {
- test.mode(name, ts_mode, Array.prototype.slice.call(arguments, 1))
- }
-
- TS("extend_type",
- "[keyword class] [def Foo] [keyword extends] [variable-3 Some][operator <][variable-3 Type][operator >] {}")
-
- TS("arrow_type",
- "[keyword let] [def x]: ([variable arg]: [variable-3 Type]) [operator =>] [variable-3 ReturnType]")
-
- TS("typescript_class",
- "[keyword class] [def Foo] {",
- " [keyword public] [keyword static] [property main]() {}",
- " [keyword private] [property _foo]: [variable-3 string];",
- "}")
-
- TS("typescript_literal_types",
- "[keyword import] [keyword *] [keyword as] [def Sequelize] [keyword from] [string 'sequelize'];",
- "[keyword interface] [def MyAttributes] {",
- " [property truthy]: [string 'true'] [operator |] [number 1] [operator |] [atom true];",
- " [property falsy]: [string 'false'] [operator |] [number 0] [operator |] [atom false];",
- "}",
- "[keyword interface] [def MyInstance] [keyword extends] [variable-3 Sequelize].[variable-3 Instance] [operator <] [variable-3 MyAttributes] [operator >] {",
- " [property rawAttributes]: [variable-3 MyAttributes];",
- " [property truthy]: [string 'true'] [operator |] [number 1] [operator |] [atom true];",
- " [property falsy]: [string 'false'] [operator |] [number 0] [operator |] [atom false];",
- "}")
-
- TS("typescript_extend_operators",
- "[keyword export] [keyword interface] [def UserModel] [keyword extends]",
- " [variable-3 Sequelize].[variable-3 Model] [operator <] [variable-3 UserInstance], [variable-3 UserAttributes] [operator >] {",
- " [property findById]: (",
- " [variable userId]: [variable-3 number]",
- " ) [operator =>] [variable-3 Promise] [operator <] [variable-3 Array] [operator <] { [property id], [property name] } [operator >>];",
- " [property updateById]: (",
- " [variable userId]: [variable-3 number],",
- " [variable isActive]: [variable-3 boolean]",
- " ) [operator =>] [variable-3 Promise] [operator <] [variable-3 AccountHolderNotificationPreferenceInstance] [operator >];",
- " }")
-
- var jsonld_mode = CodeMirror.getMode(
- {indentUnit: 2},
- {name: "javascript", jsonld: true}
- );
- function LD(name) {
- test.mode(name, jsonld_mode, Array.prototype.slice.call(arguments, 1));
- }
-
- LD("json_ld_keywords",
- '{',
- ' [meta "@context"]: {',
- ' [meta "@base"]: [string "http://example.com"],',
- ' [meta "@vocab"]: [string "http://xmlns.com/foaf/0.1/"],',
- ' [property "likesFlavor"]: {',
- ' [meta "@container"]: [meta "@list"]',
- ' [meta "@reverse"]: [string "@beFavoriteOf"]',
- ' },',
- ' [property "nick"]: { [meta "@container"]: [meta "@set"] },',
- ' [property "nick"]: { [meta "@container"]: [meta "@index"] }',
- ' },',
- ' [meta "@graph"]: [[ {',
- ' [meta "@id"]: [string "http://dbpedia.org/resource/John_Lennon"],',
- ' [property "name"]: [string "John Lennon"],',
- ' [property "modified"]: {',
- ' [meta "@value"]: [string "2010-05-29T14:17:39+02:00"],',
- ' [meta "@type"]: [string "http://www.w3.org/2001/XMLSchema#dateTime"]',
- ' }',
- ' } ]]',
- '}');
-
- LD("json_ld_fake",
- '{',
- ' [property "@fake"]: [string "@fake"],',
- ' [property "@contextual"]: [string "@identifier"],',
- ' [property "user@domain.com"]: [string "@graphical"],',
- ' [property "@ID"]: [string "@@ID"]',
- '}');
-})();
diff --git a/app/js/javascript/typescript.html b/app/js/javascript/typescript.html
deleted file mode 100644
index 1f26d7f..0000000
--- a/app/js/javascript/typescript.html
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-CodeMirror: TypeScript mode
-
-
-
-
-
-
-
-
-
-
-TypeScript mode
-
-
-
-
-
-
- This is a specialization of the JavaScript mode .
-
diff --git a/app/new-tabs.html b/app/new-tabs.html
new file mode 100644
index 0000000..028d73d
--- /dev/null
+++ b/app/new-tabs.html
@@ -0,0 +1,139 @@
+
+
+
+
+
+
+
+
+
+
+ Ginger Code - Aprender a programar es divertido
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
¡Aprende a programar!
+
Si necesitas ayuda, visita:
+
+
+ Documentación oficial sobre el lenguajde de programación JavaScript
+
+
+ Documentación sobre Ginger Code y esta aplicación de escritorio
+
+
+ Conoce a la comuniad que esta destras
+
+
+ Aprende desde cero a tu ritmo con nuestros vídeos de Youtube
+
+
+
+ Mostrar esta pestaña de bienvenida la próxima vez
+
+
+
+
+
+
¡Empieza tu aventura!
+ Abre un proyecto
+ Crea un proyecto
+ Cambia los ajustes
+ ¡Conoce a otros!
+
+
+
+
+
Pestaña de configuración!
+
+
+
+
+
+
+
+
+
+
+
Pseudocodigo:
+
+
+
+
JavaScript:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/super-tabs.html b/app/super-tabs.html
new file mode 100644
index 0000000..c942376
--- /dev/null
+++ b/app/super-tabs.html
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+ Chrome Tabs - Chrome-style Tabs in HTML/CSS/ES6
+
+
+
+
+
+
+
+
+
+
+
+
+ Toggle dark theme
+ Add new tab
+ Remove current tab
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/app/tabs.html b/app/tabs.html
new file mode 100644
index 0000000..d0843e0
--- /dev/null
+++ b/app/tabs.html
@@ -0,0 +1,224 @@
+
+
+
+
+
+
+
+
+
+
+ Ginger Code - Aprender a programar es divertido
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
¡Aprende a progrmar!
+
Si necesitas ayuda, visita:
+
+
+ Documentación oficial sobre el lenguajde de programación JavaScript
+
+
+ Documentación sobre Ginger Code y esta aplicación de escritorio
+
+
+ Conoce a la comuniad que esta destras
+
+
+ Ponte a prueba con nuestros ejercicios!
+
+
+ Aprende desde cero a tu ritmo con nuestros vídeos de Youtube
+
+
+
+ Mostrar esta pestaña de bienvenida la próxima vez
+
+
+
+
¡Empieza tu aventura!
+ Abre un proyecto
+ Crea un proyecto
+ Cambia los ajustes
+ ¡Aprende con otros!
+
+
+
+
+
Pestaña de configuración!
+
+
+
+
+
+
+
+
+
+
Pseudocodigo:
+
+
+
+
JavaScript:
+
+
+
+
+
+
+
+
+
+
nueva pestaña!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/bower.json b/bower.json
new file mode 100644
index 0000000..71f1c29
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,21 @@
+{
+ "name": "gingercode",
+ "description": "Gingercode - Desktop Application",
+ "main": "index.js",
+ "authors": [
+ "OSWeekends"
+ ],
+ "license": "GLP-3.0",
+ "keywords": [
+ "pseudocode",
+ "gingercode"
+ ],
+ "homepage": "https://github.com/GingerCode/Desktop-Client",
+ "ignore": [
+ "**/.*",
+ "node_modules",
+ "bower_components",
+ "test",
+ "tests"
+ ]
+}
diff --git a/index.js b/index.js
index 0dbb209..00bd80d 100644
--- a/index.js
+++ b/index.js
@@ -1,5 +1,6 @@
'use strict';
-const electron = require('electron');
+const electron = require('electron'),
+ path = require('path');
const app = electron.app;
@@ -16,12 +17,15 @@ function onClosed() {
}
function createMainWindow() {
+ /* --- MENU?? ---*/
+ require('./main_menu')
const win = new electron.BrowserWindow({
width: 1000,
- height: 800
+ height: 800,
+ icon: path.join(__dirname, "app/img/app_logo.png")
});
- win.loadURL(`file://${__dirname}/app/ginger.html`);
+ win.loadURL(`file://${__dirname}/app/new-tabs.html`);
win.on('closed', onClosed);
return win;
diff --git a/main_menu.js b/main_menu.js
new file mode 100644
index 0000000..9bdb1f4
--- /dev/null
+++ b/main_menu.js
@@ -0,0 +1,176 @@
+const {Menu} = require('electron')
+const electron = require('electron')
+const app = electron.app
+
+const template = [
+ {
+ label: 'Edit',
+ submenu: [
+ {
+ role: 'undo'
+ },
+ {
+ role: 'redo'
+ },
+ {
+ type: 'separator'
+ },
+ {
+ role: 'cut'
+ },
+ {
+ role: 'copy'
+ },
+ {
+ role: 'paste'
+ },
+ {
+ role: 'pasteandmatchstyle'
+ },
+ {
+ role: 'delete'
+ },
+ {
+ role: 'selectall'
+ }
+ ]
+ },
+ {
+ label: 'View',
+ submenu: [
+ {
+ label: 'Reload',
+ accelerator: 'CmdOrCtrl+R',
+ click (item, focusedWindow) {
+ if (focusedWindow) focusedWindow.reload()
+ }
+ },
+ {
+ label: 'Toggle Developer Tools',
+ accelerator: process.platform === 'darwin' ? 'Alt+Command+I' : 'Ctrl+Shift+I',
+ click (item, focusedWindow) {
+ if (focusedWindow) focusedWindow.webContents.toggleDevTools()
+ }
+ },
+ {
+ type: 'separator'
+ },
+ {
+ role: 'resetzoom'
+ },
+ {
+ role: 'zoomin'
+ },
+ {
+ role: 'zoomout'
+ },
+ {
+ type: 'separator'
+ },
+ {
+ role: 'togglefullscreen'
+ }
+ ]
+ },
+ {
+ role: 'window',
+ submenu: [
+ {
+ role: 'minimize'
+ },
+ {
+ role: 'close'
+ }
+ ]
+ },
+ {
+ role: 'help',
+ submenu: [
+ {
+ label: 'Learn More',
+ click () { require('electron').shell.openExternal('http://electron.atom.io') }
+ }
+ ]
+ }
+]
+
+if (process.platform === 'darwin') {
+ const name = app.getName()
+ template.unshift({
+ label: name,
+ submenu: [
+ {
+ role: 'about'
+ },
+ {
+ type: 'separator'
+ },
+ {
+ role: 'services',
+ submenu: []
+ },
+ {
+ type: 'separator'
+ },
+ {
+ role: 'hide'
+ },
+ {
+ role: 'hideothers'
+ },
+ {
+ role: 'unhide'
+ },
+ {
+ type: 'separator'
+ },
+ {
+ role: 'quit'
+ }
+ ]
+ })
+ // Edit menu.
+ template[1].submenu.push(
+ {
+ type: 'separator'
+ },
+ {
+ label: 'Speech',
+ submenu: [
+ {
+ role: 'startspeaking'
+ },
+ {
+ role: 'stopspeaking'
+ }
+ ]
+ }
+ )
+ // Window menu.
+ template[3].submenu = [
+ {
+ label: 'Close',
+ accelerator: 'CmdOrCtrl+W',
+ role: 'close'
+ },
+ {
+ label: 'Minimize',
+ accelerator: 'CmdOrCtrl+M',
+ role: 'minimize'
+ },
+ {
+ label: 'Zoom',
+ role: 'zoom'
+ },
+ {
+ type: 'separator'
+ },
+ {
+ label: 'Bring All to Front',
+ role: 'front'
+ }
+ ]
+}
+
+const menu = Menu.buildFromTemplate(template)
+Menu.setApplicationMenu(menu)
diff --git a/package.json b/package.json
index 0d56596..72e9949 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "gingercode",
"productName": "Gingercode",
- "version": "0.0.1",
+ "version": "0.0.2",
"description": "Gingercode - Desktop Application",
"license": "MIT",
"repository": {
@@ -30,7 +30,9 @@
"scripts": {
"test": "xo",
"start": "electron .",
- "build": "electron-packager . --out=build --asar --overwrite --all"
+ "pack:all": "electron-packager . --out=build --asar --overwrite --all --icon=app/icons/logo.ico",
+ "pack:osx": "electron-packager . $npm_package_productName --overwrite --out=dist/osx --platform=darwin --arch=x64 --icon=app/icons/logo.icns",
+ "build": "npm run pack:all && npm run pack:osx"
},
"files": [
"index.js",