From 02af5330b2e9bf3937f58553feeafe2a8783e5e6 Mon Sep 17 00:00:00 2001 From: mgldvd Date: Sat, 14 Sep 2024 18:18:58 -0500 Subject: [PATCH] Remove old website --- docs/.editorconfig | 38 --- docs/.jsbeautifyrc | 50 --- docs/README.md | 40 --- docs/css/main.min.css | 1 - docs/favicons/favicon.ico | Bin 4286 -> 0 bytes docs/favicons/favicon.png | Bin 318 -> 0 bytes docs/google88efcf22d02ab258.html | 1 - docs/gulpfile.js | 62 ---- docs/index.html | 1 - docs/index.src.html | 293 ------------------ docs/js/main.js | 208 ------------- docs/package.json | 22 -- docs/sass/_base.scss | 250 --------------- docs/sass/main.scss | 511 ------------------------------- docs/sass/terminal.scss | 190 ------------ docs/wcag/index.html | 131 -------- 16 files changed, 1798 deletions(-) delete mode 100644 docs/.editorconfig delete mode 100644 docs/.jsbeautifyrc delete mode 100644 docs/README.md delete mode 100644 docs/css/main.min.css delete mode 100644 docs/favicons/favicon.ico delete mode 100644 docs/favicons/favicon.png delete mode 100644 docs/google88efcf22d02ab258.html delete mode 100644 docs/gulpfile.js delete mode 100644 docs/index.html delete mode 100644 docs/index.src.html delete mode 100644 docs/js/main.js delete mode 100644 docs/package.json delete mode 100644 docs/sass/_base.scss delete mode 100644 docs/sass/main.scss delete mode 100644 docs/sass/terminal.scss delete mode 100644 docs/wcag/index.html diff --git a/docs/.editorconfig b/docs/.editorconfig deleted file mode 100644 index e7375ee7..00000000 --- a/docs/.editorconfig +++ /dev/null @@ -1,38 +0,0 @@ -# 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/docs/.jsbeautifyrc b/docs/.jsbeautifyrc deleted file mode 100644 index 40a72e4a..00000000 --- a/docs/.jsbeautifyrc +++ /dev/null @@ -1,50 +0,0 @@ -{ - "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/docs/README.md b/docs/README.md deleted file mode 100644 index 58100212..00000000 --- a/docs/README.md +++ /dev/null @@ -1,40 +0,0 @@ ---- -permalink: /index.html ---- - -# Gogh - -## DEV Website - -### Pre: - -- node -- npm -- Gulp - -## Start: - -- In root repo folder -- Run `npm install`. This will install all dependencies the project needs. -- Run `gulp dev` and start coding . -- Got to `./gh-pages/` ----- - -## Add theme - -- Add preview image in `./images/` folder. -- Go to `./gh-pages/data/themes.js` and add your theme there. - ----- - -To push changes into gh-pages - -```bash -$ git subtree push --prefix gh-pages origin gh-pages -``` - -Delete remote branch - -```bash -$ git push origin --delete gh-pages -``` diff --git a/docs/css/main.min.css b/docs/css/main.min.css deleted file mode 100644 index 88b5f080..00000000 --- a/docs/css/main.min.css +++ /dev/null @@ -1 +0,0 @@ -: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/docs/favicons/favicon.ico b/docs/favicons/favicon.ico deleted file mode 100644 index 9645cd15381282a85bb2c1a97de1ead17b82f2cb..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4286 zcmeI$u}VT=7{>9pI|v8C%|S>lXHlUX43~y*b&0lap-GTvlQtKj(;&2@P*Z~_972RH zrL7Bi`rZrhKL)~k4!<*e&+rW2`+dVPJ4$c4Z2q;^W3!@}Rg<)2-Ne`TJ*#nDWYK>T zdCW>8-@9Dob5s*~>rF%+vZBZ~Ux`q+XVmQ(b$dqLo<)D`Kg~eQUz~rMfw+GT`~F|v z*G00+smOR<68Xq;k-8}F t)a_aH$Ntj{#Qeqirx}R*=dkbp;Z;YZ-Cv8`Et?{h=O2-M{{{YQ{SWRRj#>Z! diff --git a/docs/favicons/favicon.png b/docs/favicons/favicon.png deleted file mode 100644 index c80387a8949531b1294312cc11d51a5e3089142d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 318 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdzwj^(N7l!Q&I~lfZ*4z^d6yYrJ zh%9Dc;1&j9Muu5)B!GhKC7!;n?Dsj@#0+#kecGc66p}1)jVN)>&&^HED`9XhN=+9|m#*Ed@A`5aoDth&MA@^aubXnWZ1aJ-7yUO5f2era zu#~Yn-tEogn&bC&$m=t*2skh>vT&s3WJtdg)2hzUZn(3y@Ild|=M@$AHq3us%{Im2 zXyeA34bP9Le<(AKb%JR4_t*XbGxy%a?^A7$oRDwQ-*2oK6?(L17SP2Ep00i_>zopr E0O`tdF8}}l diff --git a/docs/google88efcf22d02ab258.html b/docs/google88efcf22d02ab258.html deleted file mode 100644 index 8b137891..00000000 --- a/docs/google88efcf22d02ab258.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/docs/gulpfile.js b/docs/gulpfile.js deleted file mode 100644 index df25cdc2..00000000 --- a/docs/gulpfile.js +++ /dev/null @@ -1,62 +0,0 @@ -/* 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/docs/index.html b/docs/index.html deleted file mode 100644 index 23ddc83b..00000000 --- a/docs/index.html +++ /dev/null @@ -1 +0,0 @@ -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.

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/docs/index.src.html b/docs/index.src.html deleted file mode 100644 index 636fa7b0..00000000 --- a/docs/index.src.html +++ /dev/null @@ -1,293 +0,0 @@ - - - - - - - - - - - - Gogh - Color Scheme - - - - - - - - - - - - - - - - Fork 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. -

- - - -

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)" 
- - - -
-
- -
-
-
- -
-
-
-
-
-
- - - - -
-
-
- -
-
- -
-
-
- -
-
- -
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/js/main.js b/docs/js/main.js deleted file mode 100644 index 2a4b3484..00000000 --- a/docs/js/main.js +++ /dev/null @@ -1,208 +0,0 @@ -/* global $, Vue, axios, chroma, vm */ -/* eslint no-undef: "error", semi: 2 */ - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Copy - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - */ - -new ClipboardJS('.btn-copy'); - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Functions - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - */ - -function lightOrDark (color) { - // Variables for red, green, blue values - var r, - g, - b, - hsp; - // Check the format of the color, HEX or RGB? - if (color.match(/^rgb/)) { - // If RGB --> store the red, green, blue values in separate variables - color = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/); - r = color[1]; - g = color[2]; - b = color[3]; - } else { - // If hex --> Convert it to RGB: http://gist.github.com/983661 - color = +('0x' + color.slice(1).replace(color.length < 5 && /./g, '$&$&')); - r = color >> 16; - g = color >> 8 & 255; - b = color & 255; - } - // HSP (Highly Sensitive Poo) equation from http://alienryderflex.com/hsp.html - hsp = Math.sqrt(0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b)); - // Using the HSP value, determine whether the color is light or dark - if (hsp > 127.5) { - return 'light'; - } else { - return 'dark'; - } -} - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Color Functions - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - */ - -function colorDistance (color1, color2) { - // This is actually the square of the distance but - // this doesn't matter for sorting. - var result = 0; - for (var i = 0; i < color1.length; i++) - result += (color1[i] - color2[i]) * (color1[i] - color2[i]); - return result; -} - -function sortColors (colors) { - // Calculate distance between each color - var distances = []; - for (var i = 0; i < colors.length; i++) { - distances[i] = []; - for (var j = 0; j < i; j++) - distances.push([ - colors[i], - colors[j], - colorDistance(colors[i], colors[j]), - ]); - } - distances.sort(function (a, b) { - return a[2] - b[2]; - }); - - // Put each color into separate cluster initially - var colorToCluster = {}; - for (var y = 0; y < colors.length; y++) - colorToCluster[colors[y]] = [colors[y]]; - - // Merge clusters, starting with lowest distances - var lastCluster; - for (var e = 0; e < distances.length; e++) { - var color1 = distances[e][0]; - var color2 = distances[e][1]; - var cluster1 = colorToCluster[color1]; - var cluster2 = colorToCluster[color2]; - if (!cluster1 || !cluster2 || cluster1 == cluster2) - continue; - - // Make sure color1 is at the end of its cluster and - // color2 at the beginning. - if (color1 !== cluster1[cluster1.length - 1]) - cluster1.reverse(); - if (color2 !== cluster2[0]) - cluster2.reverse(); - - // Merge cluster2 into cluster1 - cluster1.push.apply(cluster1, cluster2); - delete colorToCluster[color1]; - delete colorToCluster[color2]; - colorToCluster[cluster1[0]] = cluster1; - colorToCluster[cluster1[cluster1.length - 1]] = cluster1; - lastCluster = cluster1; - } - - // By now all colors should be in one cluster - return lastCluster; -} - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Vue App - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - */ - - var $getUrl = 'https://raw.githubusercontent.com/Gogh-Co/Gogh/master/data/themes.json'; - // var $getUrl = 'themes.json'; - -const $app = { - data () { - return { - themes: [], - filter: 'all', - themeBackgrounds: null, - selected: null - }; - }, - - created () { - axios.get($getUrl).then((response) => { - //this.themes = response.data.themes; - this.themes = response.data; - this.themes.forEach((v) => { - v.category = lightOrDark(v.background); - }); - }); - }, - - computed: { - allValues () { - // var $result = []; - // for(var e in this.themes) { - // var value = this.themes[e]; - // for (var i in value) { - // if (value.hasOwnProperty(i)) { - // $result.push(value[i]) - // } - // } - // } - // $result = $result.filter(s => ~s.indexOf("#")); - // $result = $result.map(ele => ele.toLowerCase()); - // $result = [...new Set($result)]; - // $result = $result.sort(); - // return $result; - - } - }, - - methods: { - setFilter (f) { - this.filter = ''; - setTimeout(() => { - this.filter = f; - }, 100); - }, - - setBackground () { - this.filter = 'background'; - }, - - getBackgrounds () { - const $bgs = this.themes.map(e => e.background); - const $bgsLowerCase = $bgs.map((ele) => ele.toLowerCase()); - const $bgsUnique = [...new Set($bgsLowerCase)]; - const $bgsRGB = $bgsUnique.map((ele) => chroma(ele).rgb()); - const $bgsSort = sortColors($bgsRGB); - const $bgsHEX = $bgsSort.map(ele => chroma(ele).hex()); - this.themeBackgrounds = $bgsHEX.reverse(); - this.selected = 'background'; - this.filter = 'background'; - }, - - resetMenuSelected () { - this.selected = ''; - } - } -}; - -Vue.createApp($app) - .mount('#js-vue-app'); - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Menu - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ - -$('.js-btn--filter-bg').on('click', function () { - $('.js-filter-background').slideToggle(); -}); - -$('.js-btn--filter').on('click', function () { - $('.js-filter-background').slideUp(400); -}); diff --git a/docs/package.json b/docs/package.json deleted file mode 100644 index a0054965..00000000 --- a/docs/package.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "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/docs/sass/_base.scss b/docs/sass/_base.scss deleted file mode 100644 index 3ac30a7a..00000000 --- a/docs/sass/_base.scss +++ /dev/null @@ -1,250 +0,0 @@ -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Colors - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ - -: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); -} - -$color_blue : var(--color-blue); -$color_green : var(--color-green); -$color_yellow : var(--color-yellow); -$color_orange : var(--color-orange); -$color_red : var(--color-red); -$color_purple : var(--color-purple); -$color_cyan : var(--color-cyan); -/* */ -$color_grey_light : var(--color-grey-light); -$color_grey_medium: var(--color-grey-medium); -$color_grey_dark : var(--color-grey-dark); -/* */ -$color_black : var(--color-black); -$color_white : var(--color-white); -/* */ -$color_primary : $color_blue; -$color_success : $color_green; -$color_info : $color_yellow; -$color_warning : $color_orange; -$color_danger : $color_red; - - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Fonts - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -$font_roboto_default: 'Roboto', sans-serif; -/* */ -$font_default : $font_roboto_default; -$font_normal : $font_default; -/* */ -$font_size_base: 1.6rem; -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· General - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -body, -html { - height : 100%; - font-size: 10px; -} - -body { - color : $color_black; - font-size : $font_size_base; - font-family : $font_default; - - -webkit-font-smoothing : antialiased; - -moz-osx-font-smoothing : grayscale; - -webkit-font-smoothing : antialiased; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust : 100%; -} -/** - * ::::::: Typography -*/ -p { - color : $color_black; - font-weight : 400; - font-style : normal; - font-variant: normal; - font-size : $font_size_base; - line-height : 1.4; -} - -h1 { - margin : 0; - color : $color_primary; - font-size : $font_size_base + 2.4; - line-height : 1; -} - -h2 { - margin : 0; - font-size : $font_size_base + 1.5; - line-height : 1; -} - -h3 { - margin : 0; - font-size : $font_size_base + .9; - line-height : 1; -} - -h4 { - margin : 0; - font-size : $font_size_base + .6; - line-height : 1; -} - -h5 { - margin : 0; - font-size : $font_size_base + .3; - line-height : 1; -} - -h6 { - margin : 0; - font-size : $font_size_base; - line-height : 1; -} - -strong { - font-weight: 900; -} - -small { - font-size: $font_size_base - 3; -} - -em { - font-style: italic; -} - -blockquote > p { - margin : $font_size_base; - 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 : $font_size_base + 3; -} - -ol { - padding: 0; - - li { - margin-left: $font_size_base; - padding : 0; - } -} - -ul { - padding: 0; - - li { - margin-left: $font_size_base; - padding : 0; - } -} - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Media - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ - -/** - * ::::::: Media Width - */ -@mixin m360 { @media (min-width: 360px) { @content; } } -@mixin m450 { @media (min-width: 450px) { @content; } } -@mixin m576 { @media (min-width: 576px) { @content; } } -@mixin m600 { @media (min-width: 600px) { @content; } } -@mixin m650 { @media (min-width: 650px) { @content; } } -@mixin m768 { @media (min-width: 768px) { @content; } } -@mixin m800 { @media (min-width: 800px) { @content; } } -@mixin m900 { @media (min-width: 900px) { @content; } } -@mixin m992 { @media (min-width: 992px) { @content; } } -@mixin m1200 { @media (min-width: 1200px) { @content; } } -@mixin m1400 { @media (min-width: 1400px) { @content; } } -@mixin m1800 { @media (min-width: 1800px) { @content; } } -@mixin m2200 { @media (min-width: 2200px) { @content; } } - -/** - * ::::::: Media Height - */ -@mixin h360 { @media (min-height: 360px) { @content; } } -@mixin h450 { @media (min-height: 450px) { @content; } } -@mixin h576 { @media (min-height: 576px) { @content; } } -@mixin h600 { @media (min-height: 600px) { @content; } } -@mixin h650 { @media (min-height: 650px) { @content; } } -@mixin h768 { @media (min-height: 768px) { @content; } } -@mixin h800 { @media (min-height: 800px) { @content; } } -@mixin h900 { @media (min-height: 900px) { @content; } } -@mixin h992 { @media (min-height: 992px) { @content; } } -@mixin h1200 { @media (min-height: 1200px) { @content; } } -@mixin h1400 { @media (min-height: 1400px) { @content; } } -@mixin h1800 { @media (min-height: 1800px) { @content; } } -@mixin h2200 { @media (min-height: 2200px) { @content; } } - -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Helpers - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ - -.center {text-align: center} - -.black {color: $color_black} -.white {color: $color_white} -.red {color: $color_red} -.yellow {color: $color_yellow} -.green {color: $color_green} -.blue {color: $color_blue} -.purple {color: $color_purple} -.orange {color: $color_orange} -.cyan {color: $color_cyan} -.grey-light {color: $color_grey_light} -.grey-medium {color: $color_grey_medium} -.grey-dark {color: $color_grey_dark} - -.bg-black {background-color: $color_black} -.bg-white {background-color: $color_white} -.bg-red {background-color: $color_red} -.bg-yellow {background-color: $color_yellow} -.bg-green {background-color: $color_green} -.bg-blue {background-color: $color_blue} -.bg-purple {background-color: $color_purple} -.bg-orange {background-color: $color_orange} -.bg-cyan {background-color: $color_cyan} -.bg-grey-light {background-color: $color_grey_light} -.bg-grey-medium {background-color: $color_grey_medium} -.bg-grey-dark {background-color: $color_grey_dark} diff --git a/docs/sass/main.scss b/docs/sass/main.scss deleted file mode 100644 index 451f4ec7..00000000 --- a/docs/sass/main.scss +++ /dev/null @@ -1,511 +0,0 @@ -@charset "UTF-8"; -@import './_base.scss'; -@import './terminal.scss'; -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· General - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.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; - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 { - font-size : 1.4rem; - padding: 0.57rem 1.5rem 0.55rem; - } - @include m768 { - padding: 1.3rem 2.5rem 0.85rem; - } - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} -} - -.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); -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Header - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.gogh-header { - display : flex; - background-color: #0d1926; - align-items : center; - justify-content : center; - - h1 { - width : 500px; - text-align : center; - font-size : 1rem; - line-height: 1; - - span { - display : block; - overflow : hidden; - color : #fff; - text-indent: 100%; - white-space: nowrap; - } - - img { - width : 100%; - height: auto; - } - } -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Content - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.gogh-content { - padding : 50px 0; - min-height : 200vh; - background-color: #e7e7e7; - color : #595647; - - h2 { - margin : 0 0 25px; - color : #595647; - text-align : center; - font-weight: 700; - font-size : 2.0rem; - line-height: 1.2; - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 {} - @include m768 { - text-align : left; - font-weight: 400; - font-size : 2.8rem; - line-height: 1; - } - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - } - - h3 { - @include m360 {} - @include m450 { - font-size: 2.8rem; - } - @include m576 {} - @include m650 { - font-size: 3.2rem; - } - @include m768 {} - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - } - - h4 { - font-size: 1.8rem; - @include m360 {} - @include m450 { - font-size: 2.2rem; - } - @include m576 {} - @include m650 { - font-size: 2.8rem; - } - @include m768 {} - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - - span { - font-weight: 300; - font-size : 1.4rem; - } - } - - p { - margin : 0 0 40px; - color : #595647; - font-size : 1.6rem; - line-height: 1.4; - } -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Code - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.code-wrap { - position: relative; - margin : 0 0 40px; - - .language-bash { - padding: 0.8rem 0.8rem 1.5rem; - @include m360 {} - @include m450 { - padding: 1.5rem 1.2rem; - } - @include m576 {} - @include m650 {} - @include m768 {} - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - } - - .code-holder { - position: relative; - } - - .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; - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 { - max-width: 50px; - } - @include m768 {} - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - - svg { - width : 100%; - height : auto; - transition: all 0.3s ease; - fill : #363636; - } - - &:hover { - svg { - animation-name : anim-gogh; - animation-duration: 8s; - fill : #FF0883; - } - } - } -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Github - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.github-int { - margin : 0 0 40px; - text-align: center; -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Filters - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.filters { - display : flex; - margin : 0 0 40px; - justify-content: center; - flex-direction: column; - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 { - flex-direction: row; - } - @include m768 {} - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - - .btn { - position: relative; - margin : 0 0 20px 0; - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 { - margin : 0 15px; - } - @include m768 { - - } - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - - &: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; - } - } - - &::before { - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 {} - @include m768 { - 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; - } - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - - } - - &.active { - background-color: #0d1926; - color : #e7e7e7; - } - - &.active::before { - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 {} - @include m768 { - position : absolute; - right : 0; - bottom : -10px; - left : 0; - width : 100%; - height : 1px; - background-color: #0d1926; - content : " "; - opacity : 1; - } - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - - } - } -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Filters Bg - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.filter-background { - margin: 0 0 70px; - border: 1px solid #ffffff; - - .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; - - 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; - } - - &:hover { - z-index : 20; - height : 40px; - border : 1px solid #414141; - border-radius: 1px; - transform : scale(1.6); - - span { - display: block; - } - } - } - - .btn--filter-bg.active { - z-index : 10; - border : 1px solid #414141; - border-radius: 1px; - transform : scale(1.6); - - span { - display: block; - } - } -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Main Content - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.gogh-terminal { - @include m360 {} - @include m450 {} - @include m576 {} - @include m650 {} - @include m768 {} - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 { - margin : 0 auto; - max-width: 96%; - } - @include m1800 { - max-width: 84%; - } - @include m2200 { - max-width: 74%; - } -} -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Animations - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -@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; - } -} diff --git a/docs/sass/terminal.scss b/docs/sass/terminal.scss deleted file mode 100644 index 854e0a82..00000000 --- a/docs/sass/terminal.scss +++ /dev/null @@ -1,190 +0,0 @@ -/** - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ - * ······· Terminal - * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ -*/ -.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; - - .btn--terminal { - display : inline-block; - width : 10px; - height : 10px; - margin : 0 4px; - cursor : pointer; - border-radius : 100px; - background-color: #000000; - } - - .btn--min { - border : 1px solid darken(#868686, 10%); - background-color: #868686; - } - - .btn--max { - border : 1px solid darken(#656565, 10%); - background-color: #656565; - } - - .btn--close { - border : 1px solid darken(#171717, 10%); - background-color: #171717; - } - - .cmd__cursor { - animation: 1s blink step-end infinite; - } - - .bar { - position : relative; - width : 100%; - height : 25px; - text-align : center; - border-radius : 5px 5px 0 0; - background-color: #D9D9D9; - font-size : 0; - - .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; - } - - .bar__btns { - position: absolute; - top : 7px; - right : 10px; - } - } - - /** - * ::::::: Body - */ - .body { - box-sizing : border-box; - padding : 30px; - border : 1px solid #D9D9D9; - border-radius: 0 0 5px 5px; - position: relative; - - .body__txt { - margin: 0 0 30px; - display: none; - @include m360 {} - @include m450 {} - @include m576 { - display: block; - } - @include m650 {} - @include m768 {} - @include m900 {} - @include m992 {} - @include m1200 {} - @include m1400 {} - @include m1800 {} - @include m2200 {} - - p { - margin : 0; - padding : 0; - font-size : 20px; - line-height: 1.1; - @include m360 {} - @include m450 {} - @include m576 { - font-size: 1.2rem; - } - @include m600 {} - @include m768 { - font-size: 1.4rem; - } - @include m900 {} - @include m992 { - font-size: 2.0rem; - } - @include m1200 { - font-size: 1.8rem; - } - @include m1400 {} - @include m1800 {} - @include m2200 {} - - span { - letter-spacing: 2px; - font-size : 16px; - @include m360 {} - @include m450 {} - @include m576 { - font-size : 11px; - } - @include m600 { - font-size : 12px; - } - @include m768 { - letter-spacing: 1px; - font-size : 12px; - } - @include m900 {} - @include m992 { - letter-spacing: 1.5px; - font-size : 13px; - } - @include m1200 { - font-size: 12px; - } - @include m1400 { - font-size: 14px; - } - @include m1800 {} - @include m2200 {} - } - } - } - - .body__bar { - font-size: 0; - - span { - display: inline-block; - width : 12.5%; - height : 30px; - } - } - - .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); - } -} diff --git a/docs/wcag/index.html b/docs/wcag/index.html deleted file mode 100644 index 8207f11a..00000000 --- a/docs/wcag/index.html +++ /dev/null @@ -1,131 +0,0 @@ - - - - - - - - - - -

Download the WCAG Report in JSON format

- -
- - - - - - - \ No newline at end of file