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 a26a9ef19b
commit d04b073f75
9 changed files with 247 additions and 58 deletions

38
.editorconfig Normal file
View File

@ -0,0 +1,38 @@
# EditorConfig is awesome: http://EditorConfig.org
root = true
[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
max_line_length = 80
trim_trailing_whitespace = true
insert_final_newline = true
[*.html]
indent_style = space
indent_size = 4
[*.{css,scss,less}]
indent_style = space
indent_size = 2
[*.js]
indent_style = space
indent_size = 2
[*.json]
indent_style = space
indent_size = 2
[*.txt]
indent_style = space
indent_size = 4
[*.{diff,md}]
trim_trailing_whitespace = false

50
.jsbeautifyrc Normal file
View File

@ -0,0 +1,50 @@
{
"editorconfig": true,
"indent_char": " ",
"force_indentation": true,
"preserve_newlines": false,
"indent_with_tabs": false,
"keep_array_indentation": false,
"break_chained_methods": false,
"indent_scripts": "keep",
"brace_style": "collapse",
"space_before_conditional": true,
"unescape_strings": false,
"jslint_happy": false,
"end_with_newline": true,
"wrap_line_length": "0",
"indent_inner_html": true,
"comma_first": false,
"e4x": true,
"indent_empty_lines": false,
"beautifiers": [
"JS-Beautify",
"Prettier",
"Pretty Diff",
"ESLint"
],
"html": {
"allowed_file_extensions": ["htm", "html", "xhtml", "xml"],
"indent_size": 4,
"wrap_attributes": "auto",
"unformatted": ["img", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike", "big", "small", "pre", "svg"]
},
"css": {
"allowed_file_extensions": ["css", "scss", "sass", "less"],
"indent_size": 2,
"align_assignments": true,
"end_with_comma": true
},
"js": {
"allowed_file_extensions": ["js", "json", "jshintrc", "jsbeautifyrc"],
"indent_size": 2,
"indent_level": 0,
"quotes": "single",
"align_assignments": true,
"space_after_anon_function": true,
"space_in_empty_paren": true,
"end_with_comma": true,
"end_with_semicolon": true
}
}

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

62
gulpfile.js Normal file
View File

@ -0,0 +1,62 @@
/* global $, fetch, console */
/* eslint no-undef: "error", semi: 2 */
'use strict';
const {
src,
dest,
parallel,
series,
watch
} = require('gulp');
const htmlmin = require('gulp-htmlmin');
const inlinesource = require('gulp-inline-source');
const rename = require('gulp-rename');
const browserSync = require('browser-sync').create();
const sass = require('gulp-sass')(require('sass'));
function sassCompile () {
return src('./sass/**/main.scss')
.pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
.pipe(rename('main.min.css'))
.pipe(dest('./css'));
}
function minify () {
return src('./*.src.html')
.pipe(inlinesource())
.pipe(htmlmin({
collapseWhitespace: true
}))
.pipe(rename('index.html'))
.pipe(dest('./'));
}
function serve () {
browserSync.init({
port: 8890,
reloadDelay: 500,
ui: false,
open: true,
server: {
baseDir: './',
directory: true
}
});
}
function reload (done) {
browserSync.reload();
done();
}
function watchFiles () {
watch(['./**/*.html', '!./index.html'], series(sassCompile, minify, reload));
watch(['./js/**/*.js'], series(sassCompile, minify, reload));
watch(['./sass/**/*.scss'], series(sassCompile, minify, reload));
}
exports.default = parallel(serve, watchFiles);
exports.dev = parallel(serve, watchFiles);

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

22
package.json Normal file
View File

@ -0,0 +1,22 @@
{
"name": "gogh",
"version": "1.0.0",
"description": "",
"main": "",
"scripts": {
"dev": "gulp dev"
},
"author": "",
"license": "",
"homepage": "",
"dependencies": {
"browser-sync": "^2.27.12",
"compass-mixins": "^0.12.12",
"gulp": "^4.0.2",
"gulp-htmlmin": "^5.0.1",
"gulp-inline-source": "^4.0.0",
"gulp-rename": "^2.0.0",
"gulp-sass": "^5.1.0",
"sass": "^1.58.3"
}
}

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;