1
0
mirror of https://github.com/Mayccoll/Gogh.git synced 2023-08-10 21:12:46 +03:00
Gogh/gh-pages/index.src.html
2020-03-05 23:29:02 -05:00

180 lines
7.5 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset=utf-8>
<meta http-equiv=X-UA-Compatible content="IE=edge">
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name=description content="">
<meta name=keywords content="">
<meta name=author content="Miguel D. Quintero">
<link rel=author href=humans.txt>
<title>Gogh - Color Scheme</title>
<link rel=apple-touch-icon sizes=57x57 href=./favicons//apple-icon-57x57.png>
<link rel=apple-touch-icon sizes=60x60 href=./favicons//apple-icon-60x60.png>
<link rel=apple-touch-icon sizes=72x72 href=./favicons//apple-icon-72x72.png>
<link rel=apple-touch-icon sizes=76x76 href=./favicons//apple-icon-76x76.png>
<link rel=apple-touch-icon sizes=114x114 href=./favicons//apple-icon-114x114.png>
<link rel=apple-touch-icon sizes=120x120 href=./favicons//apple-icon-120x120.png>
<link rel=apple-touch-icon sizes=144x144 href=./favicons//apple-icon-144x144.png>
<link rel=apple-touch-icon sizes=152x152 href=./favicons//apple-icon-152x152.png>
<link rel=apple-touch-icon sizes=180x180 href=./favicons//apple-icon-180x180.png>
<link rel=icon type=image/png sizes=192x192 href=./favicons//android-icon-192x192.png>
<link rel=icon type=image/png sizes=32x32 href=./favicons//favicon-32x32.png>
<link rel=icon type=image/png sizes=96x96 href=./favicons//favicon-96x96.png>
<link rel=icon type=image/png sizes=16x16 href=./favicons//favicon-16x16.png>
<link rel=manifest href=./favicons//manifest.json>
<link rel=icon href=favicons/favicon.ico>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel=stylesheet>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/themes/prism.min.css" />
<link rel=stylesheet href=./css/main.min.css inline>
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
</head>
<body>
<header class=cd-header>
<h1>
<span> Gogh </span>
<img src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/gogh/Gogh-logo.png alt="">
</h1>
</header>
<a href=https://github.com/Mayccoll/Gogh>
<img
style="position: absolute; top: 0; right: 0; border: 0;"
src=https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67
alt="Fork me on GitHub"
data-canonical-src=https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png>
</a>
<div class=gogh-content>
<h2>
Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal
</h2>
<p>
Color Schemes For Ubuntu, Linux Mint, Elementary OS and all distributions that use Gnome Terminal, Pantheon Terminal, Tilix, or XFCE4 Terminal; initially inspired by Elementary OS Luna. Also works on iTerm for macOS.
</p>
<h3> Install </h3>
<p>
Just copy and paste One line command.
</p>
<div class="code-wrap">
<p>Linux</p>
<pre><code class="language-bash" id="code-linux"> bash -c "$(wget -qO- https://git.io/vQgMr)" </code></pre>
<span class="btn-copy" data-clipboard-target="#code-linux">
<img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
</span>
</div>
<div class="code-wrap">
<p>Mac</p>
<pre><code class="language-bash" id="code-mac"> bash -c "$(curl -sLo- https://git.io/vQgMr)" </code></pre>
<span class="btn-copy" data-clipboard-target="#code-mac">
<img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
</span>
</div>
<div class=github-int>
<a data-style=mega
href=https://github.com/Mayccoll/Gogh
data-size="large"
class=github-button>
View on Github
</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button"
href="https://github.com/Mayccoll/Gogh"
data-color-scheme="no-preference: dark; light: light; dark: dark;"
data-icon="octicon-star"
data-size="large"
data-show-count="true"
aria-label="Star ntkme/github-buttons on GitHub">Star</a>
</div>
</div>
<main class=cd-main-content>
<div class=cd-tab-filter-wrapper>
<div class=cd-tab-filter>
<ul class=cd-filters>
<li class=filter>
<a class=selected data-filter=all href="JavaScript:void(0);">
All
</a>
</li>
<li class=filter>
<a data-filter=.dark href="JavaScript:void(0);">
Dark
</a>
</li>
<li class=filter>
<a data-filter=.light href="JavaScript:void(0);">
Light
</a>
</li>
</ul>
</div>
</div>
<section class="container cd-gallery">
<div id="js-vue-app">
<component v-bind:data="theme_data"></component>
</div>
</section>
</main>
<footer>
credits:
<a target=_blank href="https://mixitup.kunkalabs.com/"> Mixitup </a> -
<a target=_blank href="https://codyhouse.co/gem/content-filter/"> Codyhouse </a> -
<a target=_blank href="https://clipboardjs.com/"> Clipboardjs </a> put it all together :
<a href=https://lanet.co>Lanet.co</a>
</footer>
<template id="wrap_themes">
<ul>
<li class="mix" v-for="(theme, index) in data" v-bind:class="theme.filters">
<h3> {{ theme.name }} </h3>
<img v-if="window.location.href.indexOf('githubusercontent') > -1"
v-bind:alt="theme.name"
v-bind:src="'https://raw.githubusercontent.com/Mayccoll/Gogh/master' + theme.image">
<img v-if="window.location.href.indexOf('8890') > -1"
v-bind:alt="theme.name"
v-bind:src="'..' + theme.image">
</li>
</ul>
</template>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mixitup/3.3.1/mixitup.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/components/prism-core.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.19.0/plugins/autoloader/prism-autoloader.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
<script src=https://buttons.github.io/buttons.js async="" defer="" id=github-bjs></script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src=./js/main.min.js inline></script>
<script src="./data/themes.js"></script>
<script src=./js/vue.js inline></script>
<script src=./js/main.min.js inline></script>
<div id=master-dev style=display:none>
4d 69 67 75 65 6c 20 44 2e 20 51 75 69 6e 74 65 72 6f 20 2d 20 6d 69 67 75 65 6c 64 61 76 69 64 71 40 67 6d 61 69 6c 2e 63 6f 6d
</div>
</body>
</html>