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
parent
a26a9ef19b
commit
d04b073f75
38
.editorconfig
Normal file
38
.editorconfig
Normal 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
50
.jsbeautifyrc
Normal 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
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
62
gulpfile.js
Normal file
62
gulpfile.js
Normal 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
110
index.src.html
110
index.src.html
@ -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 () {
|
||||
|
||||
22
package.json
Normal file
22
package.json
Normal 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"
|
||||
}
|
||||
}
|
||||
@ -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