remove copy on screenshot themes - add gulp funcionality for fast reload preview

gh-pages/.gitignore

@@ -0,0 +1 @@
+node_modules

gh-pages/gulpfile.js

@@ -0,0 +1,31 @@
+'use strict';
+
+const gulp = require('gulp');
+
+const browserSync = require('browser-sync').create();
+
+gulp.task('serve', function () {
+  browserSync.init({
+    port: 8890,
+    reloadDelay: 500,
+    ui: false,
+    open: true,
+    server: {
+      baseDir: './',
+      directory: true
+    }
+  });
+});
+
+gulp.task('reload', function (done) {
+  browserSync.reload();
+  done();
+});
+
+gulp.task('watch', ['serve'], function () {
+  gulp.watch('./**/*', { interval: 800 }, ['reload']);
+});
+
+gulp.task('default', ['watch']);
+
+gulp.task('dev', ['watch']);

gh-pages/index.html

@@ -43,8 +43,8 @@
         <p> Just copy and paste One line command. Each theme has his own line. </p>
 
 <div class="code-wrap">
-    <pre><code class=language-bash id="foo"> wget -O xt  http://git.io/v3D4o && chmod +x xt && ./xt && rm xt </code></pre>
+    <pre><code s class=language-bash id="foo"> wget -O xt  http://git.io/v3D4o && chmod +x xt && ./xt && rm xt </code></pre>
-    <span class="btn-copy" data-clipboard-target="#foo">
+    <span s class="btn-copy" data-clipboard-target="#foo">
         <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
     </span>
 </div>
@@ -68,468 +68,234 @@
 
 <li class="mix dark bg-blue">
 <h3> Aci </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="aci">wget -O xt http://git.io/v3Dlm && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#aci">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/aci.png>
 </li>
 
 
 <li class="mix dark bg-brown">
 <h3> Aco </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="aco">wget -O xt http://git.io/v3Dll && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#aco">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/aco.png>
 </li>
 
 
 <li class="mix dark bg-black">
 <h3> Azu </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="azu">wget -O xt http://git.io/v3Dlz && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#azu">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt="Theme Azu" src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/azu.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Bim </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="bim">wget -O xt http://git.io/v3Dlr && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#bim">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt="Theme Bim" src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/bim.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Cai </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="cai">wget -O xt http://git.io/v3Dli && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#cai">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/cai.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Chalk </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="chalk">wget -O xt http://git.io/v3Dlb && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#chalk">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/chalk.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Dracula </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="dracula">wget -O xt http://git.io/v3D8e && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#dracula">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/dracula.png>
 </li>
 
 
 <li class="mix dark bg-black">
 <h3> Elementary </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="elementary">wget -O xt http://git.io/v3D8R && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#elementary">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/elementary.png>
 </li>
 
 
 <li class="mix dark bg-brown">
 <h3> Elic </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="elic">wget -O xt http://git.io/v3D82 && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#elic">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/elic.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Elio </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="elio">wget -O xt http://git.io/v3D44 && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#elio">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/elio.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Flat </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="flat">wget -O xt http://git.io/v3D4z && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#flat">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/flat.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Freya </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="freya">wget -O xt http://git.io/v3D4o && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#freya">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/freya.png>
 </li>
 
 
 <li class="mix dark bg-black">
 <h3> Hemisu Dark </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="hemisu-dark">wget -O xt https://git.io/v5mXA && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#hemisu-dark">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/hemisu-dark.png>
 </li>
 
 
 <li class="mix light bg-white">
 <h3> Hemisu Light </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="hemisu-light">wget -O xt https://git.io/v5mXj && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#hemisu-light">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/hemisu-light.png>
 </li>
 
 
 <li class="mix dark bg-black">
 <h3> Hydrid </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="Hybrid">wget -O xt http://git.io/v3D4d && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#Hybrid">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/Hybrid.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Jup </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="jup">wget -O xt http://git.io/v3D4N && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#jup">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/jup.png>
 </li>
 
 
 <li class="mix light bg-white">
 <h3> Mar </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="mar">wget -O xt http://git.io/v3DBe && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#mar">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/mar.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Material Colors </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="material-colors">wget -O xt http://git.io/v3DBv && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#material-colors">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/material-colors.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Miu </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="miu">wget -O xt http://git.io/v3DBT && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#miu">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/miu.png>
 </li>
 
 
 <li class="mix dark bg-brown">
 <h3> Monokai </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="monokai-dark">wget -O xt https://git.io/v5mPp && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#monokai-dark">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/monokai.dark.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Nep </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="nep">wget -O xt http://git.io/v3DBB && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#nep">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/nep.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Ocean Dark </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="ocean-dark">wget -O xt https://git.io/vQ9TY && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#ocean-dark">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/ocean-dark.png>
 </li>
 
 
 <li class="mix dark bg-black">
 <h3> One Dark </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="one-dark">wget -O xt https://git.io/v5m1l && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#one-dark">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/one.dark.png>
 </li>
 
 
 <li class="mix light bg-white">
 <h3> One Light </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="one-light">wget -O xt https://git.io/v5m1u && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#one-light">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/one.light.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Pali </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="pali">wget -O xt http://git.io/v3DBV && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#pali">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/pali.png>
 </li>
 
 
 <li class="mix dark bg-black">
 <h3> Peppermint </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="peppermint">wget -O xt http://git.io/v3DBK && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#peppermint">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/peppermint.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Sat </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="sat">wget -O xt http://git.io/v3DBP && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#sat">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/sat.png>
 </li>
 
 
 <li class="mix dark bg-brown">
 <h3> Shel </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="shel">wget -O xt http://git.io/v3DBM && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#shel">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/shel.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Smyck </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="smyck">wget -O xt http://git.io/v3DB9 && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#smyck">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/smyck.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Solarized Dark </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="solarized-dark">wget -O xt http://git.io/v5f6B && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#solarized-dark">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/solarized.dark.png>
 </li>
 
 
 <li class="mix light bg-beich">
 <h3> Solarized Light </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="solarized-light">wget -O xt https://git.io/v5mXi && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#solarized-light">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/solarized.light.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Tin </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="tin">wget -O xt http://git.io/v3DBF && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#tin">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/tin.png>
 </li>
 
 
 <li class="mix dark bg-blue">
 <h3> Tomorrow Night Blue </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="tomorrow-night-blue">wget -O xt https://git.io/v5m1t && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#tomorrow-night-blue">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/tomorrow-night-blue.png>
 </li>
 
 
 <li class="mix dark bg-black">
 <h3> Tomorrow Night Bright </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="tomorrow-night-bright">wget -O xt https://git.io/v5m1Y && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#tomorrow-night-bright">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/tomorrow-night-bright.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Tomorrow Night Eighties </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="tomorrow-night-eighties">wget -O xt https://git.io/v5m1s && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#tomorrow-night-eighties">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/tomorrow-night-eighties.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Tomorrow Night </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="tomorrow-night">wget -O xt http://git.io/v3DRs && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#tomorrow-night">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/tomorrow-night.png>
 </li>
 
 
 <li class="mix light bg-white">
 <h3> Tomorrow </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="tomorrow">wget -O xt http://git.io/v3DRc && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#tomorrow">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/tomorrow.png>
 </li>
 
 
 <li class="mix light bg-beich">
 <h3> Ura </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="ura">wget -O xt http://git.io/v3DRB && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#ura">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/ura.png>
 </li>
 
 
 <li class="mix dark bg-grey">
 <h3> Vag </h3>
-<div class="code-wrap">
-<pre><code class=language-bash id="vag">wget -O xt http://git.io/v3DR0 && chmod +x xt && ./xt && rm xt</code></pre>
-<span class="btn-copy" data-clipboard-target="#vag">
-    <img class="clippy" src="./img/clippy.svg" alt="Copy to clipboard">
-</span>
-</div>
 <img alt=Theme src=https://raw.githubusercontent.com/Mayccoll/Gogh/master/images/themes/vag.png>
 </li>
 

gh-pages/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "",
+  "version": "1.0.0",
+  "description": "",
+  "main": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "",
+  "homepage": "",
+  "devDependencies": {},
+  "dependencies": {
+    "browser-sync": "^2.24.7",
+    "compass-mixins": "^0.12.10",
+    "gulp": "^3.9.1"
+  }
+}