From d04b073f755f6d1bb9f14d4784e8fcfb97344047 Mon Sep 17 00:00:00 2001 From: Mgldvd Date: Sun, 26 Feb 2023 00:12:58 -0500 Subject: [PATCH] Update landing and clean root --- .editorconfig | 38 ++++++++++++++++ .jsbeautifyrc | 50 +++++++++++++++++++++ css/main.min.css | 2 +- gulpfile.js | 62 +++++++++++++++++++++++++ index.html | 2 +- index.src.html | 110 ++++++++++++++++++++++++--------------------- js/main.js | 1 + package.json | 22 +++++++++ sass/terminal.scss | 18 +++++--- 9 files changed, 247 insertions(+), 58 deletions(-) create mode 100644 .editorconfig create mode 100644 .jsbeautifyrc create mode 100644 gulpfile.js create mode 100644 package.json diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..e7375ee --- /dev/null +++ b/.editorconfig @@ -0,0 +1,38 @@ +# EditorConfig is awesome: http://EditorConfig.org + +root = true + +[*] +indent_style = space +indent_size = 2 + +end_of_line = lf +charset = utf-8 + +max_line_length = 80 + +trim_trailing_whitespace = true +insert_final_newline = true + +[*.html] +indent_style = space +indent_size = 4 + +[*.{css,scss,less}] +indent_style = space +indent_size = 2 + +[*.js] +indent_style = space +indent_size = 2 + +[*.json] +indent_style = space +indent_size = 2 + +[*.txt] +indent_style = space +indent_size = 4 + +[*.{diff,md}] +trim_trailing_whitespace = false diff --git a/.jsbeautifyrc b/.jsbeautifyrc new file mode 100644 index 0000000..40a72e4 --- /dev/null +++ b/.jsbeautifyrc @@ -0,0 +1,50 @@ +{ + "editorconfig": true, + "indent_char": " ", + "force_indentation": true, + "preserve_newlines": false, + "indent_with_tabs": false, + "keep_array_indentation": false, + "break_chained_methods": false, + "indent_scripts": "keep", + "brace_style": "collapse", + "space_before_conditional": true, + "unescape_strings": false, + "jslint_happy": false, + "end_with_newline": true, + "wrap_line_length": "0", + "indent_inner_html": true, + "comma_first": false, + "e4x": true, + "indent_empty_lines": false, + + "beautifiers": [ + "JS-Beautify", + "Prettier", + "Pretty Diff", + "ESLint" + ], + "html": { + "allowed_file_extensions": ["htm", "html", "xhtml", "xml"], + "indent_size": 4, + "wrap_attributes": "auto", + "unformatted": ["img", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike", "big", "small", "pre", "svg"] + }, + "css": { + "allowed_file_extensions": ["css", "scss", "sass", "less"], + "indent_size": 2, + "align_assignments": true, + "end_with_comma": true + }, + "js": { + "allowed_file_extensions": ["js", "json", "jshintrc", "jsbeautifyrc"], + "indent_size": 2, + "indent_level": 0, + "quotes": "single", + "align_assignments": true, + "space_after_anon_function": true, + "space_in_empty_paren": true, + "end_with_comma": true, + "end_with_semicolon": true + } +} diff --git a/css/main.min.css b/css/main.min.css index 3ed4651..88b5f08 100644 --- a/css/main.min.css +++ b/css/main.min.css @@ -1 +1 @@ -:root{--color-blue: #65d8ee;--color-green: #A6E22E;--color-yellow: #E6DB74;--color-orange: #FD971F;--color-red: #F92672;--color-purple: #AE81FF;--color-cyan: #0F94CF;--color-grey-light: #E9E9E9;--color-grey-medium: #7E868C;--color-grey-dark: #333E47;--color-black: #000000;--color-white: #FFFFFF;--color-primary: var(--color-blue);--color-success: var(--color-green);--color-info: var(--color-yellow);--color-warning: var(--color-orange);--color-danger: var(--color-red)}body,html{height:100%;font-size:10px}body{color:var(--color-black);font-size:1.6rem;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}p{color:var(--color-black);font-weight:400;font-style:normal;font-variant:normal;font-size:1.6rem;line-height:1.4}h1{margin:0;color:var(--color-blue);font-size:4rem;line-height:1}h2{margin:0;font-size:3.1rem;line-height:1}h3{margin:0;font-size:2.5rem;line-height:1}h4{margin:0;font-size:2.2rem;line-height:1}h5{margin:0;font-size:1.9rem;line-height:1}h6{margin:0;font-size:1.6rem;line-height:1}strong{font-weight:900}small{font-size:-1.4rem}em{font-style:italic}blockquote>p{margin:1.6rem;padding:0;border-color:#ccc;border-color:rgba(0,0,0,0.2);border-top:2px solid;border-bottom:2px solid;border-radius:0.25em;color:#888;letter-spacing:0.05em;font-style:italic;font-size:4.6rem}ol{padding:0}ol li{margin-left:1.6rem;padding:0}ul{padding:0}ul li{margin-left:1.6rem;padding:0}.center{text-align:center}.black{color:var(--color-black)}.white{color:var(--color-white)}.red{color:var(--color-red)}.yellow{color:var(--color-yellow)}.green{color:var(--color-green)}.blue{color:var(--color-blue)}.purple{color:var(--color-purple)}.orange{color:var(--color-orange)}.cyan{color:var(--color-cyan)}.grey-light{color:var(--color-grey-light)}.grey-medium{color:var(--color-grey-medium)}.grey-dark{color:var(--color-grey-dark)}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.bg-red{background-color:var(--color-red)}.bg-yellow{background-color:var(--color-yellow)}.bg-green{background-color:var(--color-green)}.bg-blue{background-color:var(--color-blue)}.bg-purple{background-color:var(--color-purple)}.bg-orange{background-color:var(--color-orange)}.bg-cyan{background-color:var(--color-cyan)}.bg-grey-light{background-color:var(--color-grey-light)}.bg-grey-medium{background-color:var(--color-grey-medium)}.bg-grey-dark{background-color:var(--color-grey-dark)}.terminal{box-sizing:border-box;margin:0 0 50px;box-shadow:5px 5px 11px #737373, -5px -5px 11px #b1b1b1;animation:slideIn ease 0.4s forwards}.terminal .btn--terminal{display:inline-block;width:10px;height:10px;margin:0 4px;cursor:pointer;border-radius:100px;background-color:#000000}.terminal .btn--min{border:1px solid #6d6d6d;background-color:#868686}.terminal .btn--max{border:1px solid #4c4c4c;background-color:#656565}.terminal .btn--close{border:1px solid #000;background-color:#171717}.terminal .cmd__cursor{animation:1s blink step-end infinite}.terminal .bar{position:relative;width:100%;height:25px;text-align:center;border-radius:5px 5px 0 0;background-color:#D9D9D9;font-size:0}.terminal .bar .bar__title{position:absolute;top:4px;right:0;left:0;margin:0 auto;color:#424242;font-family:Arial;font-size:14px;font-weight:400;line-height:1.2}.terminal .bar .bar__btns{position:absolute;top:7px;right:10px}.terminal .body{box-sizing:border-box;padding:30px;border:1px solid #D9D9D9;border-radius:0 0 5px 5px;position:relative}.terminal .body .body__txt{margin:0 0 30px;display:none}@media (min-width: 576px){.terminal .body .body__txt{display:block}}.terminal .body .body__txt p{margin:0;padding:0;font-size:20px;line-height:1.1}@media (min-width: 576px){.terminal .body .body__txt p{font-size:1.2rem}}@media (min-width: 768px){.terminal .body .body__txt p{font-size:1.4rem}}@media (min-width: 992px){.terminal .body .body__txt p{font-size:2.0rem}}@media (min-width: 1200px){.terminal .body .body__txt p{font-size:1.8rem}}.terminal .body .body__txt p span{letter-spacing:2px;font-size:16px}@media (min-width: 768px){.terminal .body .body__txt p span{letter-spacing:1px;font-size:12px}}@media (min-width: 992px){.terminal .body .body__txt p span{letter-spacing:1.5px;font-size:15px}}@media (min-width: 1200px){.terminal .body .body__txt p span{font-size:10px}}.terminal .body .body__bar{font-size:0}.terminal .body .body__bar span{display:inline-block;width:12.5%;height:30px}.terminal .body .body__bar--bottom{margin:0 0 30px}@keyframes "blink"{from,to{opacity:0}50%{opacity:1}}@keyframes slideIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.btn{display:inline-block;padding:0.8rem 2.5rem 0.85rem;outline:none;border:1px solid #0d1926;border-radius:0;background-color:transparent;color:#0d1926;text-align:center;text-decoration:none;text-transform:uppercase;font-size:1.6rem;cursor:pointer;transition:all 0.3s ease}@media (min-width: 650px){.btn{font-size:1.4rem;padding:0.57rem 1.5rem 0.55rem}}@media (min-width: 768px){.btn{padding:1.3rem 2.5rem 0.85rem}}.btn:hover{background-color:#0d1926;color:#ffffff}.btn:active{position:relative;top:1px}.btn:focus{box-shadow:0 1px 2px rgba(0,0,0,0.2)}.gogh-header{display:flex;background-color:#0d1926;align-items:center;justify-content:center}.gogh-header h1{width:500px;text-align:center;font-size:1rem;line-height:1}.gogh-header h1 span{display:block;overflow:hidden;color:#fff;text-indent:100%;white-space:nowrap}.gogh-header h1 img{width:100%;height:auto}.gogh-content{padding:50px 0;min-height:200vh;background-color:#e7e7e7;color:#595647}.gogh-content h2{margin:0 0 25px;color:#595647;text-align:center;font-weight:700;font-size:2.0rem;line-height:1.2}@media (min-width: 768px){.gogh-content h2{text-align:left;font-weight:400;font-size:2.8rem;line-height:1}}@media (min-width: 450px){.gogh-content h3{font-size:2.8rem}}@media (min-width: 650px){.gogh-content h3{font-size:3.2rem}}.gogh-content h4{font-size:1.8rem}@media (min-width: 450px){.gogh-content h4{font-size:2.2rem}}@media (min-width: 650px){.gogh-content h4{font-size:2.8rem}}.gogh-content h4 span{font-weight:300;font-size:1.4rem}.gogh-content p{margin:0 0 40px;color:#595647;font-size:1.6rem;line-height:1.4}.code-wrap{position:relative;margin:0 0 40px}.code-wrap .language-bash{padding:0.8rem 0.8rem 1.5rem}@media (min-width: 450px){.code-wrap .language-bash{padding:1.5rem 1.2rem}}.code-wrap .code-holder{position:relative}.code-wrap .btn-copy{position:absolute;right:0;bottom:0;display:inline-flex;padding:5px 10px;height:100%;background-color:#F5F2F0;cursor:pointer;transition:all 0.3s ease}@media (min-width: 650px){.code-wrap .btn-copy{max-width:50px}}.code-wrap .btn-copy svg{width:100%;height:auto;transition:all 0.3s ease;fill:#363636}.code-wrap .btn-copy:hover svg{animation-name:anim-gogh;animation-duration:8s;fill:#FF0883}.github-int{margin:0 0 40px;text-align:center}.filters{display:flex;margin:0 0 40px;justify-content:center;flex-direction:column}@media (min-width: 650px){.filters{flex-direction:row}}.filters .btn{position:relative;margin:0 0 20px 0}@media (min-width: 650px){.filters .btn{margin:0 15px}}.filters .btn:hover::before{position:absolute;right:0;bottom:-10px;left:0;margin:0 auto;width:100%;height:1px;background-color:#0d1926;content:" ";opacity:1;animation-name:anim-gogh-bg;animation-duration:8s}@media (min-width: 768px){.filters .btn::before{position:absolute;right:0;bottom:-10px;left:0;margin:0 auto;width:0;height:1px;background-color:#0d1926;content:" ";opacity:0;transition:all 0.3s ease}}.filters .btn.active{background-color:#0d1926;color:#e7e7e7}@media (min-width: 768px){.filters .btn.active::before{position:absolute;right:0;bottom:-10px;left:0;width:100%;height:1px;background-color:#0d1926;content:" ";opacity:1}}.filter-background{margin:0 0 70px;border:1px solid #ffffff}.filter-background .btn--filter-bg{position:relative;padding:0;width:5%;height:40px;border:none;cursor:pointer;transition:all 0.3s ease, border-radius 0.9s ease}.filter-background .btn--filter-bg span{position:absolute;bottom:-12px;display:none;padding:1px 3px;width:100%;border-radius:1px;background:#0d1926;color:#ffffff;text-align:center;text-transform:none;font-size:0.6rem;transition:all 0.3s ease}.filter-background .btn--filter-bg:hover{z-index:20;height:40px;border:1px solid #414141;border-radius:1px;transform:scale(1.6)}.filter-background .btn--filter-bg:hover span{display:block}.filter-background .btn--filter-bg.active{z-index:10;border:1px solid #414141;border-radius:1px;transform:scale(1.6)}.filter-background .btn--filter-bg.active span{display:block}@media (min-width: 1400px){.gogh-terminal{margin:0 auto;max-width:96%}}@media (min-width: 1800px){.gogh-terminal{max-width:84%}}@media (min-width: 2200px){.gogh-terminal{max-width:74%}}@keyframes anim-gogh{25%{fill:#83FF08}37.5%{fill:#FF8308}50%{fill:#0883FF}62.5%{fill:#8308FF}75%{fill:#08FF83}87.5%{fill:#363636}100%{fill:#FF0883}}@keyframes anim-gogh-bg{25%{background-color:#FF0883}37.5%{background-color:#FF8308}50%{background-color:#0883FF}62.5%{background-color:#8308FF}75%{background-color:#3dba98}87.5%{background-color:#363636}100%{background-color:#47af32}} +:root{--color-blue: #65d8ee;--color-green: #A6E22E;--color-yellow: #E6DB74;--color-orange: #FD971F;--color-red: #F92672;--color-purple: #AE81FF;--color-cyan: #0F94CF;--color-grey-light: #E9E9E9;--color-grey-medium: #7E868C;--color-grey-dark: #333E47;--color-black: #000000;--color-white: #FFFFFF;--color-primary: var(--color-blue);--color-success: var(--color-green);--color-info: var(--color-yellow);--color-warning: var(--color-orange);--color-danger: var(--color-red)}body,html{height:100%;font-size:10px}body{color:var(--color-black);font-size:1.6rem;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}p{color:var(--color-black);font-weight:400;font-style:normal;font-variant:normal;font-size:1.6rem;line-height:1.4}h1{margin:0;color:var(--color-blue);font-size:4rem;line-height:1}h2{margin:0;font-size:3.1rem;line-height:1}h3{margin:0;font-size:2.5rem;line-height:1}h4{margin:0;font-size:2.2rem;line-height:1}h5{margin:0;font-size:1.9rem;line-height:1}h6{margin:0;font-size:1.6rem;line-height:1}strong{font-weight:900}small{font-size:-1.4rem}em{font-style:italic}blockquote>p{margin:1.6rem;padding:0;border-color:#ccc;border-color:rgba(0,0,0,.2);border-top:2px solid;border-bottom:2px solid;border-radius:.25em;color:#888;letter-spacing:.05em;font-style:italic;font-size:4.6rem}ol{padding:0}ol li{margin-left:1.6rem;padding:0}ul{padding:0}ul li{margin-left:1.6rem;padding:0}.center{text-align:center}.black{color:var(--color-black)}.white{color:var(--color-white)}.red{color:var(--color-red)}.yellow{color:var(--color-yellow)}.green{color:var(--color-green)}.blue{color:var(--color-blue)}.purple{color:var(--color-purple)}.orange{color:var(--color-orange)}.cyan{color:var(--color-cyan)}.grey-light{color:var(--color-grey-light)}.grey-medium{color:var(--color-grey-medium)}.grey-dark{color:var(--color-grey-dark)}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.bg-red{background-color:var(--color-red)}.bg-yellow{background-color:var(--color-yellow)}.bg-green{background-color:var(--color-green)}.bg-blue{background-color:var(--color-blue)}.bg-purple{background-color:var(--color-purple)}.bg-orange{background-color:var(--color-orange)}.bg-cyan{background-color:var(--color-cyan)}.bg-grey-light{background-color:var(--color-grey-light)}.bg-grey-medium{background-color:var(--color-grey-medium)}.bg-grey-dark{background-color:var(--color-grey-dark)}.terminal{box-sizing:border-box;margin:0 0 50px;box-shadow:5px 5px 11px #737373,-5px -5px 11px #b1b1b1;animation:slideIn ease .4s forwards}.terminal .btn--terminal{display:inline-block;width:10px;height:10px;margin:0 4px;cursor:pointer;border-radius:100px;background-color:#000}.terminal .btn--min{border:1px solid #6d6d6d;background-color:#868686}.terminal .btn--max{border:1px solid #4c4c4c;background-color:#656565}.terminal .btn--close{border:1px solid #000;background-color:#171717}.terminal .cmd__cursor{animation:1s blink step-end infinite}.terminal .bar{position:relative;width:100%;height:25px;text-align:center;border-radius:5px 5px 0 0;background-color:#d9d9d9;font-size:0}.terminal .bar .bar__title{position:absolute;top:4px;right:0;left:0;margin:0 auto;color:#424242;font-family:Arial;font-size:14px;font-weight:400;line-height:1.2}.terminal .bar .bar__btns{position:absolute;top:7px;right:10px}.terminal .body{box-sizing:border-box;padding:30px;border:1px solid #d9d9d9;border-radius:0 0 5px 5px;position:relative}.terminal .body .body__txt{margin:0 0 30px;display:none}@media(min-width: 576px){.terminal .body .body__txt{display:block}}.terminal .body .body__txt p{margin:0;padding:0;font-size:20px;line-height:1.1}@media(min-width: 576px){.terminal .body .body__txt p{font-size:1.2rem}}@media(min-width: 768px){.terminal .body .body__txt p{font-size:1.4rem}}@media(min-width: 992px){.terminal .body .body__txt p{font-size:2rem}}@media(min-width: 1200px){.terminal .body .body__txt p{font-size:1.8rem}}.terminal .body .body__txt p span{letter-spacing:2px;font-size:16px}@media(min-width: 576px){.terminal .body .body__txt p span{font-size:11px}}@media(min-width: 600px){.terminal .body .body__txt p span{font-size:12px}}@media(min-width: 768px){.terminal .body .body__txt p span{letter-spacing:1px;font-size:12px}}@media(min-width: 992px){.terminal .body .body__txt p span{letter-spacing:1.5px;font-size:13px}}@media(min-width: 1200px){.terminal .body .body__txt p span{font-size:12px}}@media(min-width: 1400px){.terminal .body .body__txt p span{font-size:14px}}.terminal .body .body__bar{font-size:0}.terminal .body .body__bar span{display:inline-block;width:12.5%;height:30px}.terminal .body .body__bar--bottom{margin:0 0 30px}@keyframes blink{from,to{opacity:0}50%{opacity:1}}@keyframes slideIn{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.btn{display:inline-block;padding:.8rem 2.5rem .85rem;outline:none;border:1px solid #0d1926;border-radius:0;background-color:rgba(0,0,0,0);color:#0d1926;text-align:center;text-decoration:none;text-transform:uppercase;font-size:1.6rem;cursor:pointer;transition:all .3s ease}@media(min-width: 650px){.btn{font-size:1.4rem;padding:.57rem 1.5rem .55rem}}@media(min-width: 768px){.btn{padding:1.3rem 2.5rem .85rem}}.btn:hover{background-color:#0d1926;color:#fff}.btn:active{position:relative;top:1px}.btn:focus{box-shadow:0 1px 2px rgba(0,0,0,.2)}.gogh-header{display:flex;background-color:#0d1926;align-items:center;justify-content:center}.gogh-header h1{width:500px;text-align:center;font-size:1rem;line-height:1}.gogh-header h1 span{display:block;overflow:hidden;color:#fff;text-indent:100%;white-space:nowrap}.gogh-header h1 img{width:100%;height:auto}.gogh-content{padding:50px 0;min-height:200vh;background-color:#e7e7e7;color:#595647}.gogh-content h2{margin:0 0 25px;color:#595647;text-align:center;font-weight:700;font-size:2rem;line-height:1.2}@media(min-width: 768px){.gogh-content h2{text-align:left;font-weight:400;font-size:2.8rem;line-height:1}}@media(min-width: 450px){.gogh-content h3{font-size:2.8rem}}@media(min-width: 650px){.gogh-content h3{font-size:3.2rem}}.gogh-content h4{font-size:1.8rem}@media(min-width: 450px){.gogh-content h4{font-size:2.2rem}}@media(min-width: 650px){.gogh-content h4{font-size:2.8rem}}.gogh-content h4 span{font-weight:300;font-size:1.4rem}.gogh-content p{margin:0 0 40px;color:#595647;font-size:1.6rem;line-height:1.4}.code-wrap{position:relative;margin:0 0 40px}.code-wrap .language-bash{padding:.8rem .8rem 1.5rem}@media(min-width: 450px){.code-wrap .language-bash{padding:1.5rem 1.2rem}}.code-wrap .code-holder{position:relative}.code-wrap .btn-copy{position:absolute;right:0;bottom:0;display:inline-flex;padding:5px 10px;height:100%;background-color:#f5f2f0;cursor:pointer;transition:all .3s ease}@media(min-width: 650px){.code-wrap .btn-copy{max-width:50px}}.code-wrap .btn-copy svg{width:100%;height:auto;transition:all .3s ease;fill:#363636}.code-wrap .btn-copy:hover svg{animation-name:anim-gogh;animation-duration:8s;fill:#ff0883}.github-int{margin:0 0 40px;text-align:center}.filters{display:flex;margin:0 0 40px;justify-content:center;flex-direction:column}@media(min-width: 650px){.filters{flex-direction:row}}.filters .btn{position:relative;margin:0 0 20px 0}@media(min-width: 650px){.filters .btn{margin:0 15px}}.filters .btn:hover::before{position:absolute;right:0;bottom:-10px;left:0;margin:0 auto;width:100%;height:1px;background-color:#0d1926;content:" ";opacity:1;animation-name:anim-gogh-bg;animation-duration:8s}@media(min-width: 768px){.filters .btn::before{position:absolute;right:0;bottom:-10px;left:0;margin:0 auto;width:0;height:1px;background-color:#0d1926;content:" ";opacity:0;transition:all .3s ease}}.filters .btn.active{background-color:#0d1926;color:#e7e7e7}@media(min-width: 768px){.filters .btn.active::before{position:absolute;right:0;bottom:-10px;left:0;width:100%;height:1px;background-color:#0d1926;content:" ";opacity:1}}.filter-background{margin:0 0 70px;border:1px solid #fff}.filter-background .btn--filter-bg{position:relative;padding:0;width:5%;height:40px;border:none;cursor:pointer;transition:all .3s ease,border-radius .9s ease}.filter-background .btn--filter-bg span{position:absolute;bottom:-12px;display:none;padding:1px 3px;width:100%;border-radius:1px;background:#0d1926;color:#fff;text-align:center;text-transform:none;font-size:.6rem;transition:all .3s ease}.filter-background .btn--filter-bg:hover{z-index:20;height:40px;border:1px solid #414141;border-radius:1px;transform:scale(1.6)}.filter-background .btn--filter-bg:hover span{display:block}.filter-background .btn--filter-bg.active{z-index:10;border:1px solid #414141;border-radius:1px;transform:scale(1.6)}.filter-background .btn--filter-bg.active span{display:block}@media(min-width: 1400px){.gogh-terminal{margin:0 auto;max-width:96%}}@media(min-width: 1800px){.gogh-terminal{max-width:84%}}@media(min-width: 2200px){.gogh-terminal{max-width:74%}}@keyframes anim-gogh{25%{fill:#83ff08}37.5%{fill:#ff8308}50%{fill:#0883ff}62.5%{fill:#8308ff}75%{fill:#08ff83}87.5%{fill:#363636}100%{fill:#ff0883}}@keyframes anim-gogh-bg{25%{background-color:#ff0883}37.5%{background-color:#ff8308}50%{background-color:#0883ff}62.5%{background-color:#8308ff}75%{background-color:#3dba98}87.5%{background-color:#363636}100%{background-color:#47af32}} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..df25cdc --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,62 @@ +/* global $, fetch, console */ +/* eslint no-undef: "error", semi: 2 */ + +'use strict'; + +const { + src, + dest, + parallel, + series, + watch +} = require('gulp'); + +const htmlmin = require('gulp-htmlmin'); +const inlinesource = require('gulp-inline-source'); +const rename = require('gulp-rename'); +const browserSync = require('browser-sync').create(); +const sass = require('gulp-sass')(require('sass')); + +function sassCompile () { + return src('./sass/**/main.scss') + .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError)) + .pipe(rename('main.min.css')) + .pipe(dest('./css')); +} + +function minify () { + return src('./*.src.html') + .pipe(inlinesource()) + .pipe(htmlmin({ + collapseWhitespace: true + })) + .pipe(rename('index.html')) + .pipe(dest('./')); +} + +function serve () { + browserSync.init({ + port: 8890, + reloadDelay: 500, + ui: false, + open: true, + server: { + baseDir: './', + directory: true + } + }); +} + +function reload (done) { + browserSync.reload(); + done(); +} + +function watchFiles () { + watch(['./**/*.html', '!./index.html'], series(sassCompile, minify, reload)); + watch(['./js/**/*.js'], series(sassCompile, minify, reload)); + watch(['./sass/**/*.scss'], series(sassCompile, minify, reload)); +} + +exports.default = parallel(serve, watchFiles); +exports.dev = parallel(serve, watchFiles); diff --git a/index.html b/index.html index bb03b68..f4d34d1 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Gogh - Color SchemeFork me on GitHub

Gogh

Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal

Color Schemes For Ubuntu, Linux Mint, Elementary OS and all distributions that use Gnome Terminal, Pantheon Terminal, Tilix, or XFCE4 Terminal; initially inspired by Elementary OS Luna. Also works on iTerm for macOS.

View Star

Install

Just copy and paste One line command.

Linux (wget)

bash -c  "$(wget -qO- https://git.io/vQgMr)"

Mac (curl)

bash -c  "$(curl -sLo- https://git.io/vQgMr)"
\ No newline at end of file +Gogh - Color SchemeFork me on GitHub

Gogh

Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal

Color Schemes For Ubuntu, Linux Mint, Elementary OS and all distributions that use Gnome Terminal, Pantheon Terminal, Tilix, or XFCE4 Terminal; initially inspired by Elementary OS Luna. Also works on iTerm for macOS.

View Star

Install

Just copy and paste One line command.

Linux (wget)

bash -c  "$(wget -qO- https://git.io/vQgMr)"

Mac (curl)

bash -c  "$(curl -sLo- https://git.io/vQgMr)"
\ No newline at end of file diff --git a/index.src.html b/index.src.html index 5f67252..1051fde 100644 --- a/index.src.html +++ b/index.src.html @@ -187,58 +187,68 @@ -
-

- ███ *** AaBbMmYyZz 01 --- ███ {{ theme.black.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 02 --- ███ {{ theme.red.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 03 --- ███ {{ theme.green.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 04 --- ███ {{ theme.yellow.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 05 --- ███ {{ theme.blue.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 06 --- ███ {{ theme.purple.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 07 --- ███ {{ theme.cyan.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 08 --- ███ {{ theme.white.toLowerCase() }} -

-
-

- ███ *** AaBbMmYyZz 09 --- ███ {{ theme.brightBlack.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 10 --- ███ {{ theme.brightRed.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 11 --- ███ {{ theme.brightGreen.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 12 --- ███ {{ theme.brightYellow.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 13 --- ███ {{ theme.brightBlue.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 14 --- ███ {{ theme.brightPurple.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 15 --- ███ {{ theme.brightCyan.toLowerCase() }} -

-

- ███ *** AaBbMmYyZz 16 --- ███ {{ theme.brightWhite.toLowerCase() }} -

+
+
+
+

+ AaBbMmYyZz - {{ theme.black.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.red.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.green.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.yellow.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.blue.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.purple.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.cyan.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.white.toUpperCase() }} +

+
+
+
+
+

+ AaBbMmYyZz - {{ theme.brightBlack.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.brightRed.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.brightGreen.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.brightYellow.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.brightBlue.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.brightPurple.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.brightCyan.toUpperCase() }} +

+

+ AaBbMmYyZz - {{ theme.brightWhite.toUpperCase() }} +

+
+
+ + +
$ sudo diff --git a/js/main.js b/js/main.js index e46d8ae..209b33d 100644 --- a/js/main.js +++ b/js/main.js @@ -118,6 +118,7 @@ function sortColors (colors) { */ var $getUrl = 'https://raw.githubusercontent.com/Gogh-Co/Gogh/master/data/themes.json'; +// var $getUrl = '../data/themes.json'; const $app = { data () { diff --git a/package.json b/package.json new file mode 100644 index 0000000..a005496 --- /dev/null +++ b/package.json @@ -0,0 +1,22 @@ +{ + "name": "gogh", + "version": "1.0.0", + "description": "", + "main": "", + "scripts": { + "dev": "gulp dev" + }, + "author": "", + "license": "", + "homepage": "", + "dependencies": { + "browser-sync": "^2.27.12", + "compass-mixins": "^0.12.12", + "gulp": "^4.0.2", + "gulp-htmlmin": "^5.0.1", + "gulp-inline-source": "^4.0.0", + "gulp-rename": "^2.0.0", + "gulp-sass": "^5.1.0", + "sass": "^1.58.3" + } +} diff --git a/sass/terminal.scss b/sass/terminal.scss index 07956f0..854e0a8 100644 --- a/sass/terminal.scss +++ b/sass/terminal.scss @@ -124,8 +124,12 @@ font-size : 16px; @include m360 {} @include m450 {} - @include m576 {} - @include m600 {} + @include m576 { + font-size : 11px; + } + @include m600 { + font-size : 12px; + } @include m768 { letter-spacing: 1px; font-size : 12px; @@ -133,12 +137,14 @@ @include m900 {} @include m992 { letter-spacing: 1.5px; - font-size : 15px; + font-size : 13px; } @include m1200 { - font-size: 10px; + font-size: 12px; + } + @include m1400 { + font-size: 14px; } - @include m1400 {} @include m1800 {} @include m2200 {} } @@ -161,7 +167,7 @@ } } -@keyframes "blink" { +@keyframes blink { from, to { opacity: 0;