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

1 line
19 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"><style>a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.cd-tab-filter.is-open ul li,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1;font-size:1.6rem;font-family:"Open Sans",sans-serif;background-color:#e7e7e7;color:#75715e}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}.cd-main-content:after,.cd-tab-filter-wrapper:after{content:"";display:table;clear:both}table{border-collapse:collapse;border-spacing:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#41307c;text-decoration:none;outline:0}.cd-header{position:relative;height:150px}.cd-header h1{color:#fff;font-size:2.4rem;font-weight:300}@media only screen and (min-width:1170px){.cd-header{height:180px}.cd-header h1{line-height:180px}}.cd-main-content{position:relative;min-height:100vh}.cd-main-content.is-fixed .cd-tab-filter-wrapper{position:fixed;top:0;left:0;width:100%}.cd-main-content.is-fixed .cd-gallery{padding-top:76px}.cd-main-content.is-fixed .cd-filter{position:fixed;height:100vh;overflow:hidden}.cd-main-content.is-fixed .cd-filter form{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.cd-main-content.is-fixed .cd-filter-trigger{position:fixed}@media only screen and (min-width:768px){.cd-main-content.is-fixed .cd-gallery{padding-top:90px}}@media only screen and (min-width:1170px){.cd-main-content.is-fixed .cd-gallery{padding-top:75pt}}.cd-tab-filter-wrapper{background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.08);box-shadow:0 1px 1px rgba(0,0,0,.08);z-index:1}.cd-tab-filter{position:relative;height:50px;width:140px;margin:0 auto;z-index:1}.cd-tab-filter::after{content:"";position:absolute;right:14px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;width:1pc;height:1pc;background:url(../img/cd-icon-arrow.svg) center center no-repeat;-webkit-transition:all .3s;transition:all .3s;pointer-events:none}.cd-tab-filter ul{position:absolute;top:0;left:0;background-color:#fff;-webkit-box-shadow:inset 0 -2px 0 #41307c;box-shadow:inset 0 -2px 0 #41307c}.cd-tab-filter li{display:none}.cd-tab-filter li:first-child{display:inline-block}.cd-tab-filter a{display:block;height:50px;width:140px;line-height:50px;padding-left:14px}.cd-tab-filter a.selected{background:#41307c;color:#fff}.cd-tab-filter.is-open::after{-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.cd-tab-filter.is-open ul{-webkit-box-shadow:inset 0 -2px 0 #41307c,0 2px 10px rgba(0,0,0,.2);box-shadow:inset 0 -2px 0 #41307c,0 2px 10px rgba(0,0,0,.2)}.cd-tab-filter.is-open .placeholder a{opacity:.4}@media only screen and (min-width:768px){.cd-tab-filter{width:auto;cursor:auto}.cd-tab-filter::after{display:none}.cd-tab-filter ul{background:0 0;position:static;-webkit-box-shadow:none;box-shadow:none;text-align:center}.cd-tab-filter a,.cd-tab-filter li,.cd-tab-filter.is-open ul li{display:inline-block}.cd-tab-filter li.placeholder{display:none!important}.cd-tab-filter a{padding:0 1em;width:auto;color:#9a9a9a;text-transform:uppercase;font-weight:700;font-size:1.3rem}.no-touch .cd-tab-filter a:hover{color:#41307c}.cd-tab-filter a.selected{background:0 0;color:#41307c;-webkit-box-shadow:inset 0 -2px 0 #41307c;box-shadow:inset 0 -2px 0 #41307c}}.cd-filter,.cd-filter::before{position:absolute;top:0;z-index:2;left:0}@media only screen and (min-width:1170px){.cd-tab-filter{width:100%;float:right;margin:0;-webkit-transition:width .3s;transition:width .3s}.cd-tab-filter.filter-is-visible{width:80%}}.cd-gallery{padding:26px 5%;width:100%}.cd-gallery li{margin-bottom:1.6em;margin-right:2em;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.1);box-shadow:0 1px 4px rgba(0,0,0,.1);display:inline-block}.cd-gallery li.gap{opacity:0;height:0;display:inline-block}.cd-gallery img{display:block;width:100%}.cd-gallery .cd-fail-message{display:none;text-align:center}@media only screen and (min-width:768px){.cd-gallery{padding:40px 3%}.cd-gallery ul{text-align:justify}.cd-gallery ul:after{content:"";display:table;clear:both}.cd-gallery li{width:48%;margin-bottom:2em}}@media only screen and (min-width:1170px){.cd-gallery{padding:50px 2%;float:right;-webkit-transition:width .3s;transition:width .3s}.cd-gallery li{width:23%}.cd-gallery.filter-is-visible{width:80%}}.cd-filter{width:280px;height:100%;background:#fff;-webkit-box-shadow:4px 4px 20px transparent;box-shadow:4px 4px 20px transparent;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s}.cd-filter::before{content:"";height:50px;width:100%;background-color:#66d9ef}.cd-filter .cd-close,.cd-filter-trigger{position:absolute;top:0;height:50px;line-height:50px;z-index:3}.cd-filter form{padding:70px 20px}.cd-filter .cd-close{right:0;width:60px;color:#fff;font-size:1.3rem;text-align:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.no-touch .cd-filter .cd-close:hover{background:#32255f}.cd-filter.filter-is-visible{-webkit-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:4px 4px 20px rgba(0,0,0,.2);box-shadow:4px 4px 20px rgba(0,0,0,.2)}.cd-filter.filter-is-visible .cd-close{opacity:1}@media only screen and (min-width:1170px){.cd-filter{width:20%}.cd-filter form{padding:70px 10%}}.cd-filter-trigger{left:0;width:60px;overflow:hidden;text-indent:100%;color:transparent;white-space:nowrap;background:url(../img/cd-icon-filter.svg) center center no-repeat}.cd-filter-block .cd-select::after,.cd-filter-block h4::before{top:50%;-ms-transform:translateY(-50%);content:""}.cd-filter-trigger.filter-is-visible{pointer-events:none}@media only screen and (min-width:1170px){.cd-filter-trigger{width:auto;left:2%;text-indent:0;color:#9a9a9a;text-transform:uppercase;font-size:1.3rem;font-weight:700;padding-left:24px;background-position:left center;-webkit-transition:color .3s;transition:color .3s}.no-touch .cd-filter-trigger:hover{color:#41307c}.cd-filter-trigger.filter-is-visible,.cd-filter-trigger.filter-is-visible:hover{color:#fff}}.cd-filter-block{margin-bottom:1.6em}.cd-filter-block h4{position:relative;margin-bottom:.2em;padding:10px 0 10px 20px;color:#9a9a9a;text-transform:uppercase;font-weight:700;font-size:1.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.no-touch .cd-filter-block h4:hover{color:#41307c}.cd-filter-block h4::before{position:absolute;left:0;width:1pc;height:1pc;background:url(../img/cd-icon-arrow.svg) center center no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cd-filter-block h4.closed::before{-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.cd-filter-block .checkbox-label::before{border-radius:0}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before,.cd-filter-block input,.cd-filter-block select{font-family:"Open Sans",sans-serif;background-color:#fff;border:2px solid #e6e6e6}.cd-filter-block input,.cd-filter-block select{border-radius:0}.cd-filter-block input[type=search],.cd-filter-block input[type=text],.cd-filter-block select{width:100%;padding:.8em;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none}.cd-filter-block input[type=search]:focus,.cd-filter-block input[type=text]:focus,.cd-filter-block select:focus{outline:0;background-color:#fff;border-color:#41307c}.cd-filter-block input[type=search]{border-color:transparent;background-color:#e6e6e6;font-size:1.6rem!important}.cd-filter-block input[type=search]::-webkit-search-cancel-button{display:none}.cd-filter-block .cd-select{position:relative}.cd-filter-block .cd-select::after{position:absolute;z-index:1;right:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:1pc;height:1pc;background:url(../img/cd-icon-arrow.svg) center center no-repeat;pointer-events:none}.cd-filter-block select{cursor:pointer;font-size:1.4rem}.cd-filter-block select::-ms-expand{display:none}.cd-filter-block .list li{position:relative;margin-bottom:.8em}.cd-filter-block .list li:last-of-type{margin-bottom:0}.cd-filter-block input[type=checkbox],.cd-filter-block input[type=radio]{position:absolute;left:0;top:0;margin:0;padding:0;opacity:0;z-index:2}.cd-filter-block .checkbox-label,.cd-filter-block .radio-label{padding-left:24px;font-size:1.4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cd-filter-block .checkbox-label::after{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cd-filter-block .checkbox-label::before{display:block}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cd-filter-block .radio-label::before{display:block}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before{width:1pc;height:1pc;left:0}.cd-filter-block .checkbox-label::after,.cd-filter-block .radio-label::after{display:none}.cd-filter-block .checkbox-label::after{width:1pc;height:1pc;background:url(../img/cd-icon-check.svg) center center no-repeat}.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{border-radius:50%}.cd-filter-block .radio-label::after{width:6px;height:6px;background-color:#fff;left:5px}.cd-filter-block input[type=checkbox]:checked+label::before,.cd-filter-block input[type=radio]:checked+label::before{border-color:#41307c;background-color:#41307c}.cd-filter-block input[type=checkbox]:checked+label::after,.cd-filter-block input[type=radio]:checked+label::after{display:block}@-moz-document url-prefix(){.cd-filter-block .cd-select::after{display:none}}:active,:focus,a:active,a:focus{outline:0}input::-moz-focus-inner{border:0}code[class*=language-],pre[class*=language-]{font-size:10px}.github-int{margin-top:30px}.gogh-content{width:70%;margin:30px auto 40px}.gogh-content h2{font-size:26px;margin-bottom:30px;color:#595647}.gogh-content h3{font-size:22px;margin:30px 0 20px;color:#595647}.gogh-content code[class*=language-],.gogh-content pre[class*=language-]{font-size:14px;margin:0}.cd-header h1{line-height:30px;text-align:center}.cd-header h1 span{color:#fff;text-indent:100%;white-space:nowrap;overflow:hidden;display:block}.cd-filter .cd-close{background:#f92672}.cd-gallery h3{margin:15px 0 15px 30px}.cd-header{text-align:center;background-color:#fff}@media only screen and (min-width:768px){.cd-tab-filter a{color:#f92672}.no-touch .cd-tab-filter a:hover{color:#75715e}.cd-tab-filter a.selected{color:#75715e;-webkit-box-shadow:inset 0 -2px 0 #75715e;box-shadow:inset 0 -2px 0 #75715e}}.code-wrap{position:relative;margin-top:15px}.code-wrap pre{padding:20px 5px 0}.code-wrap .btn-copy{position:absolute;top:25px;right:3px;padding:3px 5px 2px 7px;display:inline-block;border:1px solid #d8d8d8;border-radius:3px;background-color:#f5f2f0;cursor:pointer}.code-wrap .btn-copy:hover{background-color:#d8d8d8}.code-wrap .btn-copy:active{background-color:#fff}.code-wrap .btn-copy img{width:15px}</style><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('github') > -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('gh-pages') > -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>$(document).ready(function(){var e=document.querySelector(".cd-gallery");mixitup(e,{animation:{easing:"cubic-bezier(0.645, 0.045, 0.355, 1)"}})}),$(".filter a").click(function(e){e.preventDefault(),$("a").removeClass("selected"),$(this).addClass("selected")}),new ClipboardJS(".btn-copy");</script><script src="./data/themes.js"></script><script>Vue.component("component",{template:"#wrap_themes",props:{data:{type:null}}});var $app=new Vue({el:"#js-vue-app",data:function(){return{theme_data:$themes}}});</script><script>$(document).ready(function(){var e=document.querySelector(".cd-gallery");mixitup(e,{animation:{easing:"cubic-bezier(0.645, 0.045, 0.355, 1)"}})}),$(".filter a").click(function(e){e.preventDefault(),$("a").removeClass("selected"),$(this).addClass("selected")}),new ClipboardJS(".btn-copy");</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>