diff --git a/_base.sh b/_base.sh
deleted file mode 100755
index 654d4be..0000000
--- a/_base.sh
+++ /dev/null
@@ -1,55 +0,0 @@
-#!/usr/bin/env bash
-
-# ====================CONFIG THIS =============================== #
-export COLOR_01="#292D3E" # Black
-export COLOR_02="#F07178" # Red
-export COLOR_03="#C3E88D" # Green
-export COLOR_04="#FFCB6B" # Yellow
-export COLOR_05="#82AAFF" # Blue
-export COLOR_06="#C792EA" # Magenta
-export COLOR_07="#60ADEC" # Cyan
-export COLOR_08="#ABB2BF" # Light gray
-
-export COLOR_09="#959DCB" # Dark gray
-export COLOR_10="#F07178" # Light Red
-export COLOR_11="#C3E88D" # Light Green
-export COLOR_12="#FF5572" # Light Yellow
-export COLOR_13="#82AAFF" # Light Blue
-export COLOR_14="#FFCB6B" # Light Magenta
-export COLOR_15="#676E95" # Light Cyan
-export COLOR_16="#FFFEFE" # White
-
-export BACKGROUND_COLOR="#292D3E" # Background Color
-export FOREGROUND_COLOR="#BFC7D5" # Foreground Color (text)
-export CURSOR_COLOR="$FOREGROUND_COLOR" # Cursor color
-export PROFILE_NAME="_bash"
-# =============================================================== #
-
-
-
-
-
-
-
-# =============================================================== #
-# | Apply Colors
-# ===============================================================|#
-SCRIPT_PATH="${SCRIPT_PATH:-$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)}"
-PARENT_PATH="$(dirname "${SCRIPT_PATH}")"
-
-# Allow developer to change url to forked url for easier testing
-# IMPORTANT: Make sure you export this variable if your main shell is not bash
-BASE_URL=${BASE_URL:-"https://raw.githubusercontent.com/Gogh-Co/Gogh/master"}
-
-
-if [[ -e "${PARENT_PATH}/apply-colors.sh" ]]; then
- bash "${PARENT_PATH}/apply-colors.sh"
-else
- if [[ "$(uname)" = "Darwin" ]]; then
- # OSX ships with curl and ancient bash
- bash -c "$(curl -so- "${BASE_URL}/apply-colors.sh")"
- else
- # Linux ships with wget
- bash -c "$(wget -qO- "${BASE_URL}/apply-colors.sh")"
- fi
-fi
diff --git a/.editorconfig b/gh-pages/.editorconfig
similarity index 100%
rename from .editorconfig
rename to gh-pages/.editorconfig
diff --git a/.jsbeautifyrc b/gh-pages/.jsbeautifyrc
similarity index 100%
rename from .jsbeautifyrc
rename to gh-pages/.jsbeautifyrc
diff --git a/gh-pages/css/main.min.css b/gh-pages/css/main.min.css
index 3ed4651..88b5f08 100644
--- a/gh-pages/css/main.min.css
+++ b/gh-pages/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/gh-pages/gulpfile.js
similarity index 69%
rename from gulpfile.js
rename to gh-pages/gulpfile.js
index 3ab2807..df25cdc 100644
--- a/gulpfile.js
+++ b/gh-pages/gulpfile.js
@@ -15,23 +15,23 @@ 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');
+const sass = require('gulp-sass')(require('sass'));
function sassCompile () {
- return src('./gh-pages/sass/**/main.scss')
+ return src('./sass/**/main.scss')
.pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
.pipe(rename('main.min.css'))
- .pipe(dest('./gh-pages/css'));
+ .pipe(dest('./css'));
}
function minify () {
- return src('./gh-pages/*.src.html')
+ return src('./*.src.html')
.pipe(inlinesource())
.pipe(htmlmin({
collapseWhitespace: true
}))
.pipe(rename('index.html'))
- .pipe(dest('./gh-pages/'));
+ .pipe(dest('./'));
}
function serve () {
@@ -53,9 +53,9 @@ function reload (done) {
}
function watchFiles () {
- watch(['./gh-pages/**/*.html', '!./gh-pages/index.html'], series(sassCompile, minify, reload));
- watch(['./gh-pages/js/**/*.js'], series(sassCompile, minify, reload));
- watch(['./gh-pages/sass/**/*.scss'], series(sassCompile, minify, reload));
+ 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);
diff --git a/gh-pages/index.html b/gh-pages/index.html
index bb03b68..f4d34d1 100644
--- a/gh-pages/index.html
+++ b/gh-pages/index.html
@@ -1 +1 @@
-
4d 69 67 75 65 6c 20 44 2e 20 51 75 69 6e 74 65 72 6f 20 2d 20 6d 69 67 75 65 6c 64 61 76 69 64 71 40 67 6d 61 69 6c 2e 63 6f 6d
\ No newline at end of file
+4d 69 67 75 65 6c 20 44 2e 20 51 75 69 6e 74 65 72 6f 20 2d 20 6d 69 67 75 65 6c 64 61 76 69 64 71 40 67 6d 61 69 6c 2e 63 6f 6d
\ No newline at end of file
diff --git a/gh-pages/index.src.html b/gh-pages/index.src.html
index 5f67252..1051fde 100644
--- a/gh-pages/index.src.html
+++ b/gh-pages/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/gh-pages/js/main.js b/gh-pages/js/main.js
index e46d8ae..209b33d 100644
--- a/gh-pages/js/main.js
+++ b/gh-pages/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/gh-pages/package.json
similarity index 50%
rename from package.json
rename to gh-pages/package.json
index 1044efd..a005496 100644
--- a/package.json
+++ b/gh-pages/package.json
@@ -1,24 +1,22 @@
{
- "name": "",
+ "name": "gogh",
"version": "1.0.0",
"description": "",
"main": "",
"scripts": {
- "dev": "gulp dev",
- "test": "echo \"Error: no test specified\" && exit 1"
+ "dev": "gulp dev"
},
"author": "",
"license": "",
"homepage": "",
- "devDependencies": {
- "gulp-sass": "^4.1.0"
- },
"dependencies": {
- "browser-sync": "^2.26.7",
- "compass-mixins": "^0.12.10",
+ "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-rename": "^2.0.0",
+ "gulp-sass": "^5.1.0",
+ "sass": "^1.58.3"
}
}
diff --git a/gh-pages/sass/terminal.scss b/gh-pages/sass/terminal.scss
index 07956f0..854e0a8 100644
--- a/gh-pages/sass/terminal.scss
+++ b/gh-pages/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;