mirror
/
Gogh
mirror of https://github.com/Mayccoll/Gogh.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Compare commits

base: mirror:a26a9ef19ba4716992fb60ad8f8a32fc30152cf9
Branches Tags
mirror:master
mirror:gh-pages
mirror:next
mirror:v242
mirror:v240
mirror:v232
mirror:v229
mirror:v225
mirror:v224
mirror:v223
mirror:v222
mirror:v221
mirror:v220
mirror:v219
mirror:v218
mirror:v216
...
compare: mirror:5f11a374176483aa24e6f8d9ad0e9a09f361c3fd
Branches Tags
mirror:master
mirror:gh-pages
mirror:next
mirror:v242
mirror:v240
mirror:v232
mirror:v229
mirror:v225
mirror:v224
mirror:v223
mirror:v222
mirror:v221
mirror:v220
mirror:v219
mirror:v218
mirror:v216

3 Commits
a26a9ef19b ... 5f11a37417

Author SHA1 Message Date
Mgldvd 5f11a37417 In landing page fix terminal command line 2023-02-26 08:27:27 -05:00
Mgldvd b188c20d64 update landing with the new json format 2023-02-26 00:26:11 -05:00
Mgldvd d04b073f75 Update landing and clean root 2023-02-26 00:12:58 -05:00
9 changed files with 264 additions and 77 deletions
Show Stats Expand all files Collapse all files

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
View File

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

2
index.html
View File

File diff suppressed because one or more lines are too long

146
index.src.html
View File

@ -167,85 +167,93 @@
</div>
<div class="body" :style="'background-color: ' + theme.background">
<div class="body__bar body__bar--top">
<span :style="'background-color: ' + theme.black"></span>
<span :style="'background-color: ' + theme.red"></span>
<span :style="'background-color: ' + theme.green"></span>
<span :style="'background-color: ' + theme.yellow"></span>
<span :style="'background-color: ' + theme.blue"></span>
<span :style="'background-color: ' + theme.purple"></span>
<span :style="'background-color: ' + theme.cyan"></span>
<span :style="'background-color: ' + theme.white"></span>
<span :style="'background-color: ' + theme.color_01"></span>
<span :style="'background-color: ' + theme.color_02"></span>
<span :style="'background-color: ' + theme.color_03"></span>
<span :style="'background-color: ' + theme.color_04"></span>
<span :style="'background-color: ' + theme.color_05"></span>
<span :style="'background-color: ' + theme.color_06"></span>
<span :style="'background-color: ' + theme.color_07"></span>
<span :style="'background-color: ' + theme.color_08"></span>
</div>
<div class="body__bar body__bar--bottom">
<span :style="'background-color: ' + theme.brightBlack"></span>
<span :style="'background-color: ' + theme.brightRed"></span>
<span :style="'background-color: ' + theme.brightGreen"></span>
<span :style="'background-color: ' + theme.brightYellow"></span>
<span :style="'background-color: ' + theme.brightBlue"></span>
<span :style="'background-color: ' + theme.brightPurple"></span>
<span :style="'background-color: ' + theme.brightCyan"></span>
<span :style="'background-color: ' + theme.brightWhite"></span>
<span :style="'background-color: ' + theme.color_09"></span>
<span :style="'background-color: ' + theme.color_10"></span>
<span :style="'background-color: ' + theme.color_11"></span>
<span :style="'background-color: ' + theme.color_12"></span>
<span :style="'background-color: ' + theme.color_13"></span>
<span :style="'background-color: ' + theme.color_14"></span>
<span :style="'background-color: ' + theme.color_15"></span>
<span :style="'background-color: ' + theme.color_16"></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.color_01">
<span> AaBbMmYyZz - {{ theme.color_01 }}</span>
</p>
<p :style="'color: ' + theme.color_02">
<span> AaBbMmYyZz - {{ theme.color_02 }}</span>
</p>
<p :style="'color: ' + theme.color_03">
<span> AaBbMmYyZz - {{ theme.color_03 }}</span>
</p>
<p :style="'color: ' + theme.color_04">
<span> AaBbMmYyZz - {{ theme.color_04 }}</span>
</p>
<p :style="'color: ' + theme.color_05">
<span> AaBbMmYyZz - {{ theme.color_05 }}</span>
</p>
<p :style="'color: ' + theme.color_06">
<span> AaBbMmYyZz - {{ theme.color_06 }}</span>
</p>
<p :style="'color: ' + theme.color_07">
<span> AaBbMmYyZz - {{ theme.color_07 }}</span>
</p>
<p :style="'color: ' + theme.color_08">
<span> AaBbMmYyZz - {{ theme.color_08 }}</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.color_09">
<span> AaBbMmYyZz - {{ theme.color_09 }}</span>
</p>
<p :style="'color: ' + theme.color_10">
<span> AaBbMmYyZz - {{ theme.color_10 }}</span>
</p>
<p :style="'color: ' + theme.color_11">
<span> AaBbMmYyZz - {{ theme.color_11 }}</span>
</p>
<p :style="'color: ' + theme.color_12">
<span> AaBbMmYyZz - {{ theme.color_12 }}</span>
</p>
<p :style="'color: ' + theme.color_13">
<span> AaBbMmYyZz - {{ theme.color_13 }}</span>
</p>
<p :style="'color: ' + theme.color_14">
<span> AaBbMmYyZz - {{ theme.color_14 }}</span>
</p>
<p :style="'color: ' + theme.color_15">
<span> AaBbMmYyZz - {{ theme.color_15 }}</span>
</p>
<p :style="'color: ' + theme.color_16">
<span> AaBbMmYyZz - {{ theme.color_16 }}</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>
<span class="cmd__apt" :style="'color: ' + theme.green">apt </span>
<span class="cmd__sudo" :style="'color: ' + theme.color_02">sudo </span>
<span class="cmd__apt" :style="'color: ' + theme.color_03">apt </span>
<span class="cmd__install" :style="'color: ' + theme.foreground">install </span>
<span class="cmd__linux" :style="'color: ' + theme.foreground">linux </span>
<span class="cmd__cursor" :style="'color: ' + theme.foreground">|</span>
<span class="cmd__cursor" :style="'color: ' + theme.cursor">|</span>
</div>
</div>

1
js/main.js
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"
}
}

18
sass/terminal.scss
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;