1
0
mirror of https://github.com/Mayccoll/Gogh.git synced 2023-08-10 21:12:46 +03:00

Update landing and clean root

This commit is contained in:
Mgldvd 2023-02-26 00:12:58 -05:00
parent 55b3e25b2c
commit 6092e80eb4
10 changed files with 90 additions and 130 deletions

View File

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

File diff suppressed because one or more lines are too long

View File

@ -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);

File diff suppressed because one or more lines are too long

View File

@ -187,58 +187,68 @@
<span :style="'background-color: ' + theme.brightWhite"></span>
</div>
<div class="body__txt">
<p :style="'color: ' + theme.black">
&block;&block;&block; <span>*** AaBbMmYyZz 01 ---</span> &block;&block;&block; <span> {{ theme.black.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.red">
&block;&block;&block; <span>*** AaBbMmYyZz 02 ---</span> &block;&block;&block; <span> {{ theme.red.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.green">
&block;&block;&block; <span>*** AaBbMmYyZz 03 ---</span> &block;&block;&block; <span> {{ theme.green.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.yellow">
&block;&block;&block; <span>*** AaBbMmYyZz 04 ---</span> &block;&block;&block; <span> {{ theme.yellow.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.blue">
&block;&block;&block; <span>*** AaBbMmYyZz 05 ---</span> &block;&block;&block; <span> {{ theme.blue.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.purple">
&block;&block;&block; <span>*** AaBbMmYyZz 06 ---</span> &block;&block;&block; <span> {{ theme.purple.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.cyan">
&block;&block;&block; <span>*** AaBbMmYyZz 07 ---</span> &block;&block;&block; <span> {{ theme.cyan.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.white">
&block;&block;&block; <span>*** AaBbMmYyZz 08 ---</span> &block;&block;&block; <span> {{ theme.white.toLowerCase() }}</span>
</p>
<br>
<p :style="'color: ' + theme.brightBlack">
&block;&block;&block; <span>*** AaBbMmYyZz 09 ---</span> &block;&block;&block; <span> {{ theme.brightBlack.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.brightRed">
&block;&block;&block; <span>*** AaBbMmYyZz 10 ---</span> &block;&block;&block; <span> {{ theme.brightRed.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.brightGreen">
&block;&block;&block; <span>*** AaBbMmYyZz 11 ---</span> &block;&block;&block; <span> {{ theme.brightGreen.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.brightYellow">
&block;&block;&block; <span>*** AaBbMmYyZz 12 ---</span> &block;&block;&block; <span> {{ theme.brightYellow.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.brightBlue">
&block;&block;&block; <span>*** AaBbMmYyZz 13 ---</span> &block;&block;&block; <span> {{ theme.brightBlue.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.brightPurple">
&block;&block;&block; <span>*** AaBbMmYyZz 14 ---</span> &block;&block;&block; <span> {{ theme.brightPurple.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.brightCyan">
&block;&block;&block; <span>*** AaBbMmYyZz 15 ---</span> &block;&block;&block; <span> {{ theme.brightCyan.toLowerCase() }}</span>
</p>
<p :style="'color: ' + theme.brightWhite">
&block;&block;&block; <span>*** AaBbMmYyZz 16 ---</span> &block;&block;&block; <span> {{ theme.brightWhite.toLowerCase() }}</span>
</p>
<div class="row">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-6">
<div class="body__txt">
<p :style="'color: ' + theme.black">
<span> AaBbMmYyZz - {{ theme.black.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.red">
<span> AaBbMmYyZz - {{ theme.red.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.green">
<span> AaBbMmYyZz - {{ theme.green.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.yellow">
<span> AaBbMmYyZz - {{ theme.yellow.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.blue">
<span> AaBbMmYyZz - {{ theme.blue.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.purple">
<span> AaBbMmYyZz - {{ theme.purple.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.cyan">
<span> AaBbMmYyZz - {{ theme.cyan.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.white">
<span> AaBbMmYyZz - {{ theme.white.toUpperCase() }}</span>
</p>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-6">
<div class="body__txt">
<p :style="'color: ' + theme.brightBlack">
<span> AaBbMmYyZz - {{ theme.brightBlack.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.brightRed">
<span> AaBbMmYyZz - {{ theme.brightRed.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.brightGreen">
<span> AaBbMmYyZz - {{ theme.brightGreen.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.brightYellow">
<span> AaBbMmYyZz - {{ theme.brightYellow.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.brightBlue">
<span> AaBbMmYyZz - {{ theme.brightBlue.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.brightPurple">
<span> AaBbMmYyZz - {{ theme.brightPurple.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.brightCyan">
<span> AaBbMmYyZz - {{ theme.brightCyan.toUpperCase() }}</span>
</p>
<p :style="'color: ' + theme.brightWhite">
<span> AaBbMmYyZz - {{ theme.brightWhite.toUpperCase() }}</span>
</p>
</div>
</div>
</div>
<div class="cmd">
<span class="cmd__ini" :style="'color: ' + theme.foreground">$ </span>
<span class="cmd__sudo" :style="'color: ' + theme.red">sudo </span>

View File

@ -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 () {

View File

@ -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"
}
}

View File

@ -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;