Permalink
Browse files

Create gh-pages branch via GitHub

  • Loading branch information...
niftylettuce committed Sep 14, 2013
1 parent d2cfe4e commit a58871ac4f0ecfe0a17428a156ac5abeb5b6f83f
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
Binary file not shown.
View
@@ -1,76 +1,69 @@
-<!doctype html>
+<!DOCTYPE html>
<html>
<head>
- <meta charset="utf-8">
+ <meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
- <title>Pantone Color Chart - PMS Colors - CMYK - PMS Color Book</title>
- <meta name="description" content="Find the nearest Pantone PMS Colors using hex/RGB matching from command line with node.js. Buy a PMS Color Book today.">
- <link rel="stylesheet" href="stylesheets/styles.css">
- <link rel="stylesheet" href="stylesheets/pygment_trac.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="javascripts/main.js"></script>
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <link href='https://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen" />
+ <link rel="stylesheet" type="text/css" href="stylesheets/pygment_trac.css" media="screen" />
+ <link rel="stylesheet" type="text/css" href="stylesheets/print.css" media="print" />
+
<!--[if lt IE 9]>
- <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+ <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
- <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+ <title>PMS Pantone Colors Chart by teelaunch</title>
</head>
- <body>
- <header>
+ <body>
+ <header>
+ <div class="inner">
<h1>PMS Pantone Colors Chart</h1>
- <h2>Find the nearest Pantone PMS colors on the command line or JSON with node.js.</h2>
- </header>
-
- <div id="banner">
- <span id="logo"></span>
-
- <a href="https://github.com/teelaunch/pms-pantone-color-chart" class="button fork"><strong>View On GitHub</strong></a>
- <div class="downloads">
- <span>Downloads:</span>
- <ul>
- <li><a href="https://github.com/teelaunch/pms-pantone-color-chart/zipball/master" class="button">ZIP</a></li>
- <li><a href="https://github.com/teelaunch/pms-pantone-color-chart/tarball/master" class="button">TAR</a></li>
- </ul>
- </div>
- </div><!-- end banner -->
-
- <div class="wrapper">
- <nav>
- <ul></ul>
- </nav>
- <section>
- <h1>PMS Pantone® Color Chart <sup>0.0.3</sup>
+ <h2>Find the nearest PMS color using hex or rgb colors from CLI or as a dependency.PANTONE® and other Pantone, Inc. trademarks are the property of Pantone, Inc.</h2>
+ <a href="https://github.com/teelaunch/pms-pantone-color-chart" class="button"><small>View project on</small>GitHub</a>
+ </div>
+ </header>
+
+ <div id="content-wrapper">
+ <div class="inner clearfix">
+ <section id="main-content">
+ <h1>
+<a name="pms-pantone-color-chart-" class="anchor" href="#pms-pantone-color-chart-"><span class="octicon octicon-link"></span></a>PMS Pantone® Color Chart <sup><a href="https://npmjs.org/package/pantone"><img src="http://vb.teelaun.ch/teelaunch/pms-pantone-color-chart.svg" alt="Version Badge"></a></sup>
</h1>
-<p>Find the nearest PMS color using hex or rgb colors from command line or as a dependency. No need to use Photoshop anymore!</p>
+<p>Find the nearest PMS color using hex or rgb colors from command line or as a dependency.</p>
+
+<p>No need to use Adobe Photoshop® eye dropper tool nor swatch libraries!</p>
<p><img src="https://d33304ifi1rp4s.cloudfront.net/img/pms-pantone-color-chart-matching.png" alt="PMS Pantone Color Chart RGB CMYK Hex Matching" title="PMS Pantone Color Chart RGB CMYK Hex Matching"></p>
<p>Interested in buying a physical Pantone® color formula guide?<br><a href="http://www.amazon.com/gp/product/B007X7W3P8/ref=as_li_qf_sp_asin_tl?ie=UTF8&amp;tag=aell-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=B007X7W3P8%22">Pantone GP1301XR Formula Guide Solid Coated and Solid Uncoated</a></p>
-<h2>Install</h2>
+<h2>
+<a name="install" class="anchor" href="#install"><span class="octicon octicon-link"></span></a>Install</h2>
-<div class="highlight"><pre>npm install -g pantone
+<div class="highlight highlight-bash"><pre>npm install -g pantone
</pre></div>
-<h2>CLI</h2>
+<h2>
+<a name="cli" class="anchor" href="#cli"><span class="octicon octicon-link"></span></a>CLI</h2>
<p>Let's try to find the nearest PMS color to <a href="https://teelaunch.com">Teelaunch's</a> blue in hex:</p>
<p><img src="https://d33304ifi1rp4s.cloudfront.net/img/teelaunch-logo.png" alt="Teelaunch Logo" title="Teelaunch Logo"></p>
-<div class="highlight"><pre>pantone --hex 2A70AE
+<div class="highlight highlight-bash"><pre>pantone --hex 2A70AE
</pre></div>
<p>Or we could use the rgb values:</p>
-<div class="highlight"><pre>pantone --rgb 42,112,174
+<div class="highlight highlight-bash"><pre>pantone --rgb 42,112,174
</pre></div>
<p>Output in table format on command line:</p>
-<div class="highlight"><pre>┌───────┬─────────────────┬────┬─────┬─────┬────────┐
+<div class="highlight highlight-bash"><pre>┌───────┬─────────────────┬────┬─────┬─────┬────────┐
│ dist │ name │ r │ g │ b │ hex │
├───────┼─────────────────┼────┼─────┼─────┼────────┤
│ 0 │ Your query │ 42 │ 112 │ 174 │ 2A70AE │
@@ -115,17 +108,18 @@ <h2>CLI</h2>
└───────┴─────────────────┴────┴─────┴─────┴────────┘
</pre></div>
-<h2>Dependency</h2>
+<h2>
+<a name="dependency" class="anchor" href="#dependency"><span class="octicon octicon-link"></span></a>Dependency</h2>
<p><strong>1.</strong> Install npm module:</p>
-<div class="highlight"><pre><span class="nb">cd</span> ~/project
+<div class="highlight highlight-bash"><pre><span class="nb">cd</span> ~/project
npm install pantone
</pre></div>
<p><strong>2.</strong> Require and lookup color:</p>
-<div class="highlight"><pre>
+<div class="highlight highlight-js"><pre>
<span class="kd">var</span> <span class="nx">pantone</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'pantone'</span><span class="p">)</span>
<span class="c1">// rgb usage</span>
@@ -147,19 +141,80 @@ <h2>Dependency</h2>
<span class="p">}</span>
</pre></div>
-<h2>Notice</h2>
+<h2>
+<a name="proxy-settings" class="anchor" href="#proxy-settings"><span class="octicon octicon-link"></span></a>Proxy settings</h2>
+
+<p>For all of you who are behind a proxy server we are using the <code>process.env</code> property from node to take the value from <code>HTTP_PROXY</code> or <code>HTTPS_PROXY</code> in order to make the call to the server. This means that you need to set those properties as environment variables (it's a good thing anyways because lots of other apps are using this property).</p>
+
+<h3>
+<a name="windows" class="anchor" href="#windows"><span class="octicon octicon-link"></span></a>Windows</h3>
+
+<ol>
+<li>Right-click My Computer, and then click Properties.</li>
+<li>Click the Advanced tab \ Advanced system settings.</li>
+<li>Click Environment variables.</li>
+<li>Under <code>System variables</code> Click New to add a new variable name and value.</li>
+<li>Variable name: <code>http_proxy</code>
+</li>
+<li>Variable value: <code>http://proxy-server.mycorp.com:8080</code> (replace the value with your details, the general syntax is: <code>http://username:password@proxyhost:port/</code>)</li>
+<li>Click OK and save your changes</li>
+</ol><p>Now if everything went down OK you should be able to use Pantone.</p>
+
+<h3>
+<a name="ubuntu-various-linux-distributions" class="anchor" href="#ubuntu-various-linux-distributions"><span class="octicon octicon-link"></span></a>Ubuntu (various Linux distributions)</h3>
+
+<blockquote>
+<p>Notice: I tested this on a VM locally and worked perfectly but might not work for you depending on various factors, so if you have more knowledge please submit a pull request, or let us know and we can update this readme file.</p>
+</blockquote>
+
+<p>If you want to use a proxy server only once in one terminal window use this command:</p>
+
+<p><code>export http_proxy=http://proxy-server.mycorp.com:8080</code></p>
+
+<p>If you want a more permanent solution:</p>
+
+<p>Put the environment variable into the global <code>/etc/environment</code> file:</p>
+
+<p><code>http_proxy=http://proxy-server.mycorp.com:8080</code></p>
+
+<p>Execute <code>source /etc/environment</code> in every shell where you want the variables to be updated:</p>
+
+<p><code>$ source /etc/environment</code></p>
+
+<p>Check that it works:</p>
+
+<pre><code>$ echo $http_proxy
+$ http://proxy-server.mycorp.com:8080
+</code></pre>
+
+<p>More info here: <a href="https://help.ubuntu.com/community/EnvironmentVariables" title="https://help.ubuntu.com/community/EnvironmentVariables">https://help.ubuntu.com/community/EnvironmentVariables</a></p>
+
+<h2>
+<a name="notice" class="anchor" href="#notice"><span class="octicon octicon-link"></span></a>Notice</h2>
<p>PANTONE® and other Pantone, Inc. trademarks are the property of <a href="http://www.pantone.com/">Pantone, Inc.</a></p>
<p><img src="http://www.assoc-amazon.com/e/ir?t=aell-20&amp;l=as2&amp;o=1&amp;a=B007X7W3P8" alt="Amazon Associate Network"></p>
- </section>
- <footer>
- <p>Project maintained by <a href="https://github.com/teelaunch">teelaunch</a></p>
- <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="http://twitter.com/#!/michigangraham">mattgraham</a></small></p>
- </footer>
+ </section>
+
+ <aside id="sidebar">
+ <a href="https://github.com/teelaunch/pms-pantone-color-chart/zipball/master" class="button">
+ <small>Download</small>
+ .zip file
+ </a>
+ <a href="https://github.com/teelaunch/pms-pantone-color-chart/tarball/master" class="button">
+ <small>Download</small>
+ .tar.gz file
+ </a>
+
+ <p class="repo-owner"><a href="https://github.com/teelaunch/pms-pantone-color-chart"></a> is maintained by <a href="https://github.com/teelaunch">teelaunch</a>.</p>
+
+ <p>This page was generated by <a href="pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p>
+ </aside>
+ </div>
</div>
- <!--[if !IE]><script>fixScale(document);</script><![endif]-->
- <script type="text/javascript">
+
+ <script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
@@ -171,4 +226,4 @@ <h2>Notice</h2>
</script>
</body>
-</html>
+</html>
View
@@ -1,53 +1 @@
-var sectionHeight = function() {
- var total = $(window).height(),
- $section = $('section').css('height','auto');
-
- if ($section.outerHeight(true) < total) {
- var margin = $section.outerHeight(true) - $section.height();
- $section.height(total - margin - 20);
- } else {
- $section.css('height','auto');
- }
-}
-
-$(window).resize(sectionHeight);
-
-$(document).ready(function(){
- $("section h1, section h2").each(function(){
- $("nav ul").append("<li class='tag-" + this.nodeName.toLowerCase() + "'><a href='#" + $(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,'') + "'>" + $(this).text() + "</a></li>");
- $(this).attr("id",$(this).text().toLowerCase().replace(/ /g, '-').replace(/[^\w-]+/g,''));
- $("nav ul li:first-child a").parent().addClass("active");
- });
-
- $("nav ul li").on("click", "a", function(event) {
- var position = $($(this).attr("href")).offset().top - 190;
- $("html, body").animate({scrollTop: position}, 400);
- $("nav ul li a").parent().removeClass("active");
- $(this).parent().addClass("active");
- event.preventDefault();
- });
-
- sectionHeight();
-
- $('img').load(sectionHeight);
-});
-
-fixScale = function(doc) {
-
- var addEvent = 'addEventListener',
- type = 'gesturestart',
- qsa = 'querySelectorAll',
- scales = [1, 1],
- meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
-
- function fix() {
- meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
- doc.removeEventListener(type, fix, true);
- }
-
- if ((meta = meta[meta.length - 1]) && addEvent in doc) {
- fix();
- scales = [.25, 1.6];
- doc[addEvent](type, fix, true);
- }
-};
+console.log('This would be the main JS file.');
Oops, something went wrong.

0 comments on commit a58871a

Please sign in to comment.