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: -

-

- -

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

    +
  • +
+
+ +
+
+
+ +
+

¡Empieza tu aventura!

+ + + + +
+
+
+
+

Pestaña de configuración!

+
+ +
+
+ +
+
+
+
+
+

Pseudocodigo:

+ +
+
+

JavaScript:

+ +
+
+
+
+

Resultado

+ +
+
+
+
+
+
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + 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 + + + + + + + +
+
+
+
+ +
+
+
Google
+
+
+
+
+ +
+
+
Facebook
+
+
+
+
+ + +
+ +
+ +

+   +   + +

+ +
+
+ + + + + + + + + + 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

    +
  • +
+
+ +
+
+
+

¡Empieza tu aventura!

+ + + + +
+
+
+
+

Pestaña de configuración!

+
+
+
+ +
+
+
+
+
+

Pseudocodigo:

+ +
+
+

JavaScript:

+ +
+
+
+
+

Resultado

+ +
+
+
+
+
+
+
+
+

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",