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:
parent
55b3e25b2c
commit
6092e80eb4
55
_base.sh
55
_base.sh
@ -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
|
2
gh-pages/css/main.min.css
vendored
2
gh-pages/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -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
@ -187,58 +187,68 @@
|
||||
<span :style="'background-color: ' + theme.brightWhite"></span>
|
||||
</div>
|
||||
|
||||
<div class="body__txt">
|
||||
<p :style="'color: ' + theme.black">
|
||||
███ <span>*** AaBbMmYyZz 01 ---</span> ███ <span> {{ theme.black.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.red">
|
||||
███ <span>*** AaBbMmYyZz 02 ---</span> ███ <span> {{ theme.red.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.green">
|
||||
███ <span>*** AaBbMmYyZz 03 ---</span> ███ <span> {{ theme.green.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.yellow">
|
||||
███ <span>*** AaBbMmYyZz 04 ---</span> ███ <span> {{ theme.yellow.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.blue">
|
||||
███ <span>*** AaBbMmYyZz 05 ---</span> ███ <span> {{ theme.blue.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.purple">
|
||||
███ <span>*** AaBbMmYyZz 06 ---</span> ███ <span> {{ theme.purple.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.cyan">
|
||||
███ <span>*** AaBbMmYyZz 07 ---</span> ███ <span> {{ theme.cyan.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.white">
|
||||
███ <span>*** AaBbMmYyZz 08 ---</span> ███ <span> {{ theme.white.toLowerCase() }}</span>
|
||||
</p>
|
||||
<br>
|
||||
<p :style="'color: ' + theme.brightBlack">
|
||||
███ <span>*** AaBbMmYyZz 09 ---</span> ███ <span> {{ theme.brightBlack.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.brightRed">
|
||||
███ <span>*** AaBbMmYyZz 10 ---</span> ███ <span> {{ theme.brightRed.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.brightGreen">
|
||||
███ <span>*** AaBbMmYyZz 11 ---</span> ███ <span> {{ theme.brightGreen.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.brightYellow">
|
||||
███ <span>*** AaBbMmYyZz 12 ---</span> ███ <span> {{ theme.brightYellow.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.brightBlue">
|
||||
███ <span>*** AaBbMmYyZz 13 ---</span> ███ <span> {{ theme.brightBlue.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.brightPurple">
|
||||
███ <span>*** AaBbMmYyZz 14 ---</span> ███ <span> {{ theme.brightPurple.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.brightCyan">
|
||||
███ <span>*** AaBbMmYyZz 15 ---</span> ███ <span> {{ theme.brightCyan.toLowerCase() }}</span>
|
||||
</p>
|
||||
<p :style="'color: ' + theme.brightWhite">
|
||||
███ <span>*** AaBbMmYyZz 16 ---</span> ███ <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>
|
||||
|
@ -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 () {
|
||||
|
@ -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"
|
||||
}
|
||||
}
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user