diff options
author | Nicolas Hennion <nicolashennion@gmail.com> | 2014-08-24 22:44:13 +0200 |
---|---|---|
committer | Nicolas Hennion <nicolashennion@gmail.com> | 2014-08-24 22:44:13 +0200 |
commit | 3fe60699ff460c4c926872f8f2d365ac6a59ef63 (patch) | |
tree | ce578b8b1b2c3d40f8f64353482fd89003a06929 | |
parent | 9bcbd9e652d06fcbcf4b87a3ceea6893624ae731 (diff) |
Create gh-pages branch via GitHub
-rw-r--r-- | images/body-bg.jpg | bin | 0 -> 2281 bytes | |||
-rw-r--r-- | images/download-button.png | bin | 0 -> 27151 bytes | |||
-rw-r--r-- | images/github-button.png | bin | 0 -> 1550 bytes | |||
-rw-r--r-- | images/header-bg.jpg | bin | 0 -> 9461 bytes | |||
-rw-r--r-- | images/highlight-bg.jpg | bin | 34222 -> 30991 bytes | |||
-rw-r--r-- | images/sidebar-bg.jpg | bin | 0 -> 2270 bytes | |||
-rw-r--r-- | index.html | 269 | ||||
-rw-r--r-- | params.json | 2 | ||||
-rw-r--r-- | stylesheets/stylesheet.css | 356 |
9 files changed, 268 insertions, 359 deletions
diff --git a/images/body-bg.jpg b/images/body-bg.jpg Binary files differnew file mode 100644 index 00000000..719fb886 --- /dev/null +++ b/images/body-bg.jpg diff --git a/images/download-button.png b/images/download-button.png Binary files differnew file mode 100644 index 00000000..c5ffb3a8 --- /dev/null +++ b/images/download-button.png diff --git a/images/github-button.png b/images/github-button.png Binary files differnew file mode 100644 index 00000000..cd415802 --- /dev/null +++ b/images/github-button.png diff --git a/images/header-bg.jpg b/images/header-bg.jpg Binary files differnew file mode 100644 index 00000000..d16497a4 --- /dev/null +++ b/images/header-bg.jpg diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg Binary files differindex 4c4a78ef..355e089b 100644 --- a/images/highlight-bg.jpg +++ b/images/highlight-bg.jpg diff --git a/images/sidebar-bg.jpg b/images/sidebar-bg.jpg Binary files differnew file mode 100644 index 00000000..536ead91 --- /dev/null +++ b/images/sidebar-bg.jpg @@ -3,253 +3,56 @@ <head> <meta charset='utf-8'> <meta http-equiv="X-UA-Compatible" content="chrome=1"> - <link href='https://fonts.googleapis.com/css?family=Chivo:900' 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" /> + <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> <![endif]--> + <title>Glances by nicolargo</title> </head> <body> - <div id="container"> + <header> <div class="inner"> + <h1>Glances</h1> + <h2>Glances an Eye on your system</h2> + <a href="https://github.com/nicolargo/glances" class="button"><small>View project on</small>GitHub</a> + </div> + </header> - <header> - <h1>Glances</h1> - <h2>Glances an Eye on your system</h2> - </header> - - <section id="downloads" class="clearfix"> - <a href="https://github.com/nicolargo/glances/zipball/master" id="download-zip" class="button"><span>Download .zip</span></a> - <a href="https://github.com/nicolargo/glances/tarball/master" id="download-tar-gz" class="button"><span>Download .tar.gz</span></a> - <a href="https://github.com/nicolargo/glances" id="view-on-github" class="button"><span>View on GitHub</span></a> - </section> - - <hr> - - <section id="main_content"> - <p>Follow Glances on Twitter: <code>@nicolargo</code>_ or <code>@glances_system</code>_</p> - -<h1></h1> - -<h1> -<a name="glances---an-eye-on-your-system" class="anchor" href="#glances---an-eye-on-your-system"><span class="octicon octicon-link"></span></a>Glances - An eye on your system</h1> - -<p>.. image:: <a href="https://api.flattr.com/button/flattr-badge-large.png">https://api.flattr.com/button/flattr-badge-large.png</a> - :target: <a href="https://flattr.com/thing/484466/nicolargoglances-on-GitHub">https://flattr.com/thing/484466/nicolargoglances-on-GitHub</a> -.. image:: <a href="https://travis-ci.org/nicolargo/glances.png?branch=master">https://travis-ci.org/nicolargo/glances.png?branch=master</a> - :target: <a href="https://travis-ci.org/nicolargo/glances">https://travis-ci.org/nicolargo/glances</a> -.. image:: <a href="https://badge.fury.io/py/Glances.png">https://badge.fury.io/py/Glances.png</a> - :target: <a href="http://badge.fury.io/py/Glances">http://badge.fury.io/py/Glances</a> -.. image:: <a href="https://pypip.in/d/Glances/badge.png">https://pypip.in/d/Glances/badge.png</a> - :target: <a href="https://pypi.python.org/pypi/Glances/">https://pypi.python.org/pypi/Glances/</a> - :alt: Downloads -.. image:: <a href="https://d2weczhvl823v0.cloudfront.net/nicolargo/glances/trend.png">https://d2weczhvl823v0.cloudfront.net/nicolargo/glances/trend.png</a> - :target: <a href="https://bitdeli.com/nicolargo">https://bitdeli.com/nicolargo</a> -.. image:: <a href="https://raw.github.com/nicolargo/glances/master/docs/images/glances-white-256.png">https://raw.github.com/nicolargo/glances/master/docs/images/glances-white-256.png</a> - :width: 128</p> - -<p><strong>Glances</strong> is a cross-platform curses-based monitoring tool written in Python.</p> - -<p>It uses the <code>psutil</code>_ library to get information from your system.</p> - -<p>.. image:: <a href="https://raw.github.com/nicolargo/glances/master/docs/images/screenshot-wide.png">https://raw.github.com/nicolargo/glances/master/docs/images/screenshot-wide.png</a></p> - -<h1> -<a name="requirements" class="anchor" href="#requirements"><span class="octicon octicon-link"></span></a>Requirements</h1> - -<ul> -<li> -<code>python >= 2.6</code> (tested with version 2.6, 2.7, 3.2, 3.3, 3.4)</li> -<li> -<code>psutil >= 0.5.1</code> (recommended version >= 2.0.0)</li> -<li><code>setuptools</code></li> -</ul><p>Optional dependencies:</p> - -<ul> -<li> -<code>jinja2</code> (for HTML output)</li> -<li> -<code>pysensors</code> (for HW monitoring support) [Linux-only]</li> -<li> -<code>hddtemp</code> (for HDD temperature monitoring support)</li> -<li> -<code>batinfo</code> (for battery monitoring support) [Linux-only]</li> -</ul><h1> -<a name="installation" class="anchor" href="#installation"><span class="octicon octicon-link"></span></a>Installation</h1> - -<h2> -<a name="pypi-the-simple-way" class="anchor" href="#pypi-the-simple-way"><span class="octicon octicon-link"></span></a>PyPI: The simple way</h2> - -<p>Glances is on <code>PyPI</code><em>. To install, simply use <code>pip</code></em>:</p> - -<p>.. code-block:: console</p> - -<pre><code>pip install Glances -</code></pre> - -<p><em>Note</em>: Python headers are required to install psutil. -For example, on Debian/Ubuntu you need to install first the <em>python-dev</em> package.</p> - -<p>To upgrade Glances to the latest version:</p> - -<p>.. code-block:: console</p> - -<pre><code>pip install --upgrade Glances -</code></pre> - -<h2> -<a name="linux" class="anchor" href="#linux"><span class="octicon octicon-link"></span></a>Linux</h2> - -<p>At the moment, packages exist for the following distributions:</p> - -<ul> -<li>Arch Linux</li> -<li>Debian (Testing/Sid)</li> -<li>Fedora/CentOS/RHEL</li> -<li>Gentoo</li> -<li>Slackware</li> -<li>Ubuntu (13.04+)</li> -<li>Void Linux</li> -</ul><p>So you should be able to install it using your favorite package manager.</p> - -<h2> -<a name="freebsd" class="anchor" href="#freebsd"><span class="octicon octicon-link"></span></a>FreeBSD</h2> - -<p>To install the binary package:</p> - -<p>.. code-block:: console</p> - -<pre><code># pkg_add -r py27-glances -</code></pre> - -<p>Using pkgng:</p> - -<p>.. code-block:: console</p> - -<pre><code># pkg install py27-glances -</code></pre> - -<p>To install Glances from ports:</p> - -<p>.. code-block:: console</p> - -<pre><code># cd /usr/ports/sysutils/py-glances/ -# make install clean -</code></pre> - -<h2> -<a name="os-x" class="anchor" href="#os-x"><span class="octicon octicon-link"></span></a>OS X</h2> - -<p>OS X users can also install Glances using <code>Homebrew</code>_ or <code>MacPorts</code>_.</p> - -<p>Homebrew</p> - -<pre><code> -.. code-block:: console - - $ brew install python - $ pip install Glances - -MacPorts -</code></pre> - -<p>.. code-block:: console</p> - -<pre><code>$ sudo port install glances -</code></pre> - -<h2> -<a name="windows" class="anchor" href="#windows"><span class="octicon octicon-link"></span></a>Windows</h2> - -<p>Glances proposes a Windows client based on the <code>colorconsole</code>_ Python library. -Glances version < 1.7.2 only works in server mode.</p> - -<p>Thanks to Nicolas Bourges, a Windows installer is available:</p> - -<ul> -<li>Glances-1.7.2-win32.msi_ (32-bit, MD5: dba4f6cc9f47b6806ffaeb665c093270)</li> -</ul><p>Otherwise, you have to follow these steps:</p> - -<ul> -<li>Install Python for Windows: <a href="http://www.python.org/getit/">http://www.python.org/getit/</a> -</li> -<li>Install the psutil library: <a href="https://pypi.python.org/pypi?:action=display&name=psutil#downloads">https://pypi.python.org/pypi?:action=display&name=psutil#downloads</a> -</li> -<li>Install the colorconsole library: <a href="http://code.google.com/p/colorconsole/downloads/list">http://code.google.com/p/colorconsole/downloads/list</a> -</li> -<li>Download Glances from here: <a href="http://nicolargo.github.io/glances/">http://nicolargo.github.io/glances/</a> -</li> -</ul><h2> -<a name="source" class="anchor" href="#source"><span class="octicon octicon-link"></span></a>Source</h2> - -<p>To install Glances from source:</p> - -<p>.. code-block:: console</p> - -<pre><code>$ curl -L https://github.com/nicolargo/glances/archive/vX.X.tar.gz -o glances-X.X.tar.gz -$ tar -zxvf glances-*.tar.gz -$ cd glances-* -# python setup.py install -</code></pre> - -<p><em>Note</em>: Python headers are required to install psutil. -For example, on Debian/Ubuntu you need to install first the <em>python-dev</em> package.</p> - -<h2> -<a name="puppet" class="anchor" href="#puppet"><span class="octicon octicon-link"></span></a>Puppet</h2> - -<p>You can install Glances using <code>Puppet</code>_: <a href="https://github.com/rverchere/puppet-glances">https://github.com/rverchere/puppet-glances</a></p> - -<h1> -<a name="usage" class="anchor" href="#usage"><span class="octicon octicon-link"></span></a>Usage</h1> - -<p>Just run:</p> - -<p>.. code-block:: console</p> - -<pre><code>$ glances -</code></pre> - -<p>and RTFM, always.</p> - -<h1> -<a name="documentation" class="anchor" href="#documentation"><span class="octicon octicon-link"></span></a>Documentation</h1> - -<p>For complete documentation see <code>glances-doc</code>_.</p> - -<h1> -<a name="author" class="anchor" href="#author"><span class="octicon octicon-link"></span></a>Author</h1> + <div id="content-wrapper"> + <div class="inner clearfix"> + <section id="main-content"> + <p><img src="https://raw.githubusercontent.com/nicolargo/glances/master/docs/images/screenshot-wide.png" alt="Glances screenshot"></p> -<p>Nicolas Hennion (<a href="https://github.com/nicolargo" class="user-mention">@nicolargo</a>) <a href="mailto:nicolas@nicolargo.com">nicolas@nicolargo.com</a></p> +<p><a href="http://glances.readthedocs.org/en/latest/glances-doc.html">Click here</a> to see the official documentation.</p> -<h1> -<a name="license" class="anchor" href="#license"><span class="octicon octicon-link"></span></a>License</h1> +<p>Glances has been created by Nicolargo (<a href="http://blog.nicolargo.com/tag/glances">see related posts</a> on the Nicolargo's blog).</p> + </section> -<p>LGPL. See <code>COPYING</code> for more details.</p> + <aside id="sidebar"> + <a href="https://github.com/nicolargo/glances/zipball/master" class="button"> + <small>Download</small> + .zip file + </a> + <a href="https://github.com/nicolargo/glances/tarball/master" class="button"> + <small>Download</small> + .tar.gz file + </a> -<p>.. _psutil: <a href="https://code.google.com/p/psutil/">https://code.google.com/p/psutil/</a> -.. _@nicolargo: <a href="https://twitter.com/nicolargo">https://twitter.com/nicolargo</a> -.. _@glances_system: <a href="https://twitter.com/glances_system">https://twitter.com/glances_system</a> -.. _PyPI: <a href="https://pypi.python.org/pypi">https://pypi.python.org/pypi</a> -.. _pip: <a href="http://www.pip-installer.org/">http://www.pip-installer.org/</a> -.. _Homebrew: <a href="http://brew.sh/">http://brew.sh/</a> -.. _MacPorts: <a href="https://www.macports.org/">https://www.macports.org/</a> -.. _Glances-1.7.2-win32.msi: <a href="http://glances.s3.amazonaws.com/Glances-1.7.2-win32.msi">http://glances.s3.amazonaws.com/Glances-1.7.2-win32.msi</a> -.. _colorconsole: <a href="https://pypi.python.org/pypi/colorconsole">https://pypi.python.org/pypi/colorconsole</a> -.. _Puppet: <a href="https://puppetlabs.com/puppet/what-is-puppet/">https://puppetlabs.com/puppet/what-is-puppet/</a> -.. _glances-doc: <a href="https://github.com/nicolargo/glances/blob/master/docs/glances-doc.rst">https://github.com/nicolargo/glances/blob/master/docs/glances-doc.rst</a></p> - </section> + <p class="repo-owner"><a href="https://github.com/nicolargo/glances"></a> is maintained by <a href="https://github.com/nicolargo">nicolargo</a>.</p> - <footer> - Glances is maintained by <a href="https://github.com/nicolargo">nicolargo</a><br> - This page was generated by <a href="http://pages.github.com">GitHub Pages</a>. Tactile theme by <a href="https://twitter.com/jasonlong">Jason Long</a>. - </footer> + <p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the Architect theme by <a href="https://twitter.com/jasonlong">Jason Long</a>.</p> + </aside> + </div> + </div> - <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> @@ -260,7 +63,5 @@ For example, on Debian/Ubuntu you need to install first the <em>python-dev</em> } catch(err) {} </script> - </div> - </div> </body> </html>
\ No newline at end of file diff --git a/params.json b/params.json index 2d204e9b..8c3ab292 100644 --- a/params.json +++ b/params.json @@ -1 +1 @@ -{"name":"Glances","tagline":"Glances an Eye on your system","body":"Follow Glances on Twitter: `@nicolargo`_ or `@glances_system`_\r\n\r\n===============================\r\nGlances - An eye on your system\r\n===============================\r\n\r\n.. image:: https://api.flattr.com/button/flattr-badge-large.png\r\n :target: https://flattr.com/thing/484466/nicolargoglances-on-GitHub\r\n.. image:: https://travis-ci.org/nicolargo/glances.png?branch=master\r\n :target: https://travis-ci.org/nicolargo/glances\r\n.. image:: https://badge.fury.io/py/Glances.png\r\n :target: http://badge.fury.io/py/Glances\r\n.. image:: https://pypip.in/d/Glances/badge.png\r\n :target: https://pypi.python.org/pypi/Glances/\r\n :alt: Downloads\r\n.. image:: https://d2weczhvl823v0.cloudfront.net/nicolargo/glances/trend.png\r\n :target: https://bitdeli.com/nicolargo\r\n.. image:: https://raw.github.com/nicolargo/glances/master/docs/images/glances-white-256.png\r\n :width: 128\r\n\r\n**Glances** is a cross-platform curses-based monitoring tool written in Python.\r\n\r\nIt uses the `psutil`_ library to get information from your system.\r\n\r\n.. image:: https://raw.github.com/nicolargo/glances/master/docs/images/screenshot-wide.png\r\n\r\nRequirements\r\n============\r\n\r\n- ``python >= 2.6`` (tested with version 2.6, 2.7, 3.2, 3.3, 3.4)\r\n- ``psutil >= 0.5.1`` (recommended version >= 2.0.0)\r\n- ``setuptools``\r\n\r\nOptional dependencies:\r\n\r\n- ``jinja2`` (for HTML output)\r\n- ``pysensors`` (for HW monitoring support) [Linux-only]\r\n- ``hddtemp`` (for HDD temperature monitoring support)\r\n- ``batinfo`` (for battery monitoring support) [Linux-only]\r\n\r\nInstallation\r\n============\r\n\r\nPyPI: The simple way\r\n--------------------\r\n\r\nGlances is on `PyPI`_. To install, simply use `pip`_:\r\n\r\n.. code-block:: console\r\n\r\n pip install Glances\r\n\r\n*Note*: Python headers are required to install psutil.\r\nFor example, on Debian/Ubuntu you need to install first the *python-dev* package.\r\n\r\nTo upgrade Glances to the latest version:\r\n\r\n.. code-block:: console\r\n\r\n pip install --upgrade Glances\r\n\r\nLinux\r\n-----\r\n\r\nAt the moment, packages exist for the following distributions:\r\n\r\n- Arch Linux\r\n- Debian (Testing/Sid)\r\n- Fedora/CentOS/RHEL\r\n- Gentoo\r\n- Slackware\r\n- Ubuntu (13.04+)\r\n- Void Linux\r\n\r\nSo you should be able to install it using your favorite package manager.\r\n\r\nFreeBSD\r\n-------\r\n\r\nTo install the binary package:\r\n\r\n.. code-block:: console\r\n\r\n # pkg_add -r py27-glances\r\n\r\nUsing pkgng:\r\n\r\n.. code-block:: console\r\n\r\n # pkg install py27-glances\r\n\r\nTo install Glances from ports:\r\n\r\n.. code-block:: console\r\n\r\n # cd /usr/ports/sysutils/py-glances/\r\n # make install clean\r\n\r\nOS X\r\n----\r\n\r\nOS X users can also install Glances using `Homebrew`_ or `MacPorts`_.\r\n\r\nHomebrew\r\n````````\r\n\r\n.. code-block:: console\r\n\r\n $ brew install python\r\n $ pip install Glances\r\n\r\nMacPorts\r\n````````\r\n\r\n.. code-block:: console\r\n\r\n $ sudo port install glances\r\n\r\nWindows\r\n-------\r\n\r\nGlances proposes a Windows client based on the `colorconsole`_ Python library.\r\nGlances version < 1.7.2 only works in server mode.\r\n\r\nThanks to Nicolas Bourges, a Windows installer is available:\r\n\r\n- Glances-1.7.2-win32.msi_ (32-bit, MD5: dba4f6cc9f47b6806ffaeb665c093270)\r\n\r\nOtherwise, you have to follow these steps:\r\n\r\n- Install Python for Windows: http://www.python.org/getit/\r\n- Install the psutil library: https://pypi.python.org/pypi?:action=display&name=psutil#downloads\r\n- Install the colorconsole library: http://code.google.com/p/colorconsole/downloads/list\r\n- Download Glances from here: http://nicolargo.github.io/glances/\r\n\r\nSource\r\n------\r\n\r\nTo install Glances from source:\r\n\r\n.. code-block:: console\r\n\r\n $ curl -L https://github.com/nicolargo/glances/archive/vX.X.tar.gz -o glances-X.X.tar.gz\r\n $ tar -zxvf glances-*.tar.gz\r\n $ cd glances-*\r\n # python setup.py install\r\n\r\n*Note*: Python headers are required to install psutil.\r\nFor example, on Debian/Ubuntu you need to install first the *python-dev* package.\r\n\r\nPuppet\r\n------\r\n\r\nYou can install Glances using `Puppet`_: https://github.com/rverchere/puppet-glances\r\n\r\nUsage\r\n=====\r\n\r\nJust run:\r\n\r\n.. code-block:: console\r\n\r\n $ glances\r\n\r\nand RTFM, always.\r\n\r\nDocumentation\r\n=============\r\n\r\nFor complete documentation see `glances-doc`_.\r\n\r\nAuthor\r\n======\r\n\r\nNicolas Hennion (@nicolargo) <nicolas@nicolargo.com>\r\n\r\nLicense\r\n=======\r\n\r\nLGPL. See ``COPYING`` for more details.\r\n\r\n.. _psutil: https://code.google.com/p/psutil/\r\n.. _@nicolargo: https://twitter.com/nicolargo\r\n.. _@glances_system: https://twitter.com/glances_system\r\n.. _PyPI: https://pypi.python.org/pypi\r\n.. _pip: http://www.pip-installer.org/\r\n.. _Homebrew: http://brew.sh/\r\n.. _MacPorts: https://www.macports.org/\r\n.. _Glances-1.7.2-win32.msi: http://glances.s3.amazonaws.com/Glances-1.7.2-win32.msi\r\n.. _colorconsole: https://pypi.python.org/pypi/colorconsole\r\n.. _Puppet: https://puppetlabs.com/puppet/what-is-puppet/\r\n.. _glances-doc: https://github.com/nicolargo/glances/blob/master/docs/glances-doc.rst\r\n","google":"UA–115490–11","note":"Don't delete this file! It's used internally to help with page regeneration."}
\ No newline at end of file +{"name":"Glances","tagline":"Glances an Eye on your system","body":"![Glances screenshot](https://raw.githubusercontent.com/nicolargo/glances/master/docs/images/screenshot-wide.png)\r\n\r\n[Click here](http://glances.readthedocs.org/en/latest/glances-doc.html) to see the official documentation.\r\n\r\nGlances has been created by Nicolargo ([see related posts](http://blog.nicolargo.com/tag/glances) on the Nicolargo's blog).","google":"UA–115490–11","note":"Don't delete this file! It's used internally to help with page regeneration."}
\ No newline at end of file diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index 020ad6dc..b6175098 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -48,146 +48,138 @@ table { /* LAYOUT STYLES */ body { - font-size: 1em; + font-size: 15px; line-height: 1.5; - background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; + background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; font-family: 'Helvetica Neue', Helvetica, Arial, serif; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); - color: #6d6d6d; + font-weight: 400; + color: #666; } a { - color: #d5000d; + color: #2879d0; } a:hover { - color: #c5000c; + color: #2268b2; } header { - padding-top: 35px; - padding-bottom: 25px; + padding-top: 40px; + padding-bottom: 40px; + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; + background: #2e7bcf url(../images/header-bg.jpg) 0 0 repeat-x; + border-bottom: solid 1px #275da1; } header h1 { - font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900; letter-spacing: -1px; - font-size: 48px; - color: #303030; - line-height: 1.2; + font-size: 72px; + color: #fff; + line-height: 1; + margin-bottom: 0.2em; + width: 540px; } header h2 { - letter-spacing: -1px; - font-size: 24px; - color: #aaa; + font-size: 26px; + color: #9ddcff; font-weight: normal; line-height: 1.3; -} - -#container { - background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; - min-height: 595px; + width: 540px; + letter-spacing: 0; } .inner { - width: 620px; + position: relative; + width: 940px; margin: 0 auto; } -#container .inner img { +#content-wrapper { + border-top: solid 1px #fff; + padding-top: 30px; +} + +#main-content { + width: 690px; + float: left; +} + +#main-content img { max-width: 100%; } -#downloads { - margin-bottom: 40px; +aside#sidebar { + width: 200px; + padding-left: 20px; + min-height: 504px; + float: right; + background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat; + font-size: 12px; + line-height: 1.3; } -a.button { - -moz-border-radius: 30px; - -webkit-border-radius: 30px; - border-radius: 30px; - border-top: solid 1px #cbcbcb; - border-left: solid 1px #b7b7b7; - border-right: solid 1px #b7b7b7; - border-bottom: solid 1px #b3b3b3; - color: #303030; - line-height: 25px; +aside#sidebar p.repo-owner, +aside#sidebar p.repo-owner a { font-weight: bold; - font-size: 15px; - padding: 12px 8px 12px 8px; - display: block; - float: left; - width: 179px; - margin-right: 14px; - background: #fdfdfd; /* Old browsers */ - background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */ - background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ - -webkit-box-shadow: 10px 10px 5px #888; - -moz-box-shadow: 10px 10px 5px #888; - box-shadow: 0px 1px 5px #e8e8e8; -} -a.button:hover { - border-top: solid 1px #b7b7b7; - border-left: solid 1px #b3b3b3; - border-right: solid 1px #b3b3b3; - border-bottom: solid 1px #b3b3b3; - background: #fafafa; /* Old browsers */ - background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */ - background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ -} - -a.button span { - padding-left: 50px; - display: block; - height: 23px; } -#download-zip span { - background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; +#downloads { + margin-bottom: 40px; +} + +a.button { + width: 134px; + height: 58px; + line-height: 1.2; + font-size: 23px; + color: #fff; + padding-left: 68px; + padding-top: 22px; + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; } -#download-tar-gz span { - background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; +a.button small { + display: block; + font-size: 11px; } -#view-on-github span { - background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; +header a.button { + position: absolute; + right: 0; + top: 0; + background: transparent url(../images/github-button.png) 0 0 no-repeat; } -#view-on-github { - margin-right: 0; +aside a.button { + width: 138px; + padding-left: 64px; + display: block; + background: transparent url(../images/download-button.png) 0 0 no-repeat; + margin-bottom: 20px; + font-size: 21px; } code, pre { - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; color: #222; margin-bottom: 30px; - font-size: 14px; + font-size: 13px; } code { - background-color: #f2f2f2; - border: solid 1px #ddd; + background-color: #f2f8fc; + border: solid 1px #dbe7f3; padding: 0 3px; } pre { padding: 20px; - background: #303030; - color: #f2f2f2; + background: #fff; text-shadow: none; overflow: auto; + border: solid 1px #f2f2f2; } pre code { - color: #f2f2f2; - background-color: #303030; + color: #2879d0; + background-color: #fff; border: none; padding: 0; } @@ -205,15 +197,7 @@ hr { margin-top: 1em; padding-bottom: 1em; border: none; - background: transparent url('../images/hr.png') 50% 0 no-repeat; -} - -strong { - font-weight: bold; -} - -em { - font-style: italic; + background: transparent url('../images/hr.png') 0 0 no-repeat; } table { @@ -240,42 +224,89 @@ form { /* GENERAL ELEMENT TYPE STYLES */ -h1 { - font-size: 32px; +#main-content h1 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; + font-size: 2.8em; + letter-spacing: -1px; + color: #474747; } -h2 { +#main-content h1:before { + content: "/"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -0.9em; +} + +#main-content h2 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; font-size: 22px; font-weight: bold; - color: #303030; margin-bottom: 8px; + color: #474747; } +#main-content h2:before { + content: "//"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -1.5em; +} -h3 { - color: #d5000d; +#main-content h3 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; font-size: 18px; font-weight: bold; + margin-top: 24px; margin-bottom: 8px; + color: #474747; } -h4 { - font-size: 16px; - color: #303030; +#main-content h3:before { + content: "///"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -2em; +} + +#main-content h4 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; + font-size: 15px; font-weight: bold; + color: #474747; } -h5 { - font-size: 1em; - color: #303030; +h4:before { + content: "////"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -2.8em; +} + +#main-content h5 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; + font-size: 14px; + color: #474747; } +h5:before { + content: "/////"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -3.2em; +} -h6 { +#main-content h6 { + font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, serif; font-size: .8em; - color: #303030; + color: #474747; } +h6:before { + content: "//////"; + color: #9ddcff; + padding-right: 0.3em; + margin-left: -3.7em; +} p { - font-weight: 300; margin-bottom: 20px; } @@ -294,18 +325,19 @@ blockquote { padding: 0 0 0 30px; } -ul li { +ul { list-style: disc inside; padding-left: 20px; } -ol li { +ol { list-style: decimal inside; padding-left: 3px; } -dl dt { - color: #303030; +dl dd { + font-style: italic; + font-weight: 100; } footer { @@ -344,23 +376,99 @@ footer a:hover { @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ -@media only screen and (min-width: 768px) and (max-width: 959px) {} +@media only screen and (min-width: 768px) and (max-width: 959px) { + .inner { + width: 740px; + } + header h1, header h2 { + width: 340px; + } + header h1 { + font-size: 60px; + } + header h2 { + font-size: 30px; + } + #main-content { + width: 490px; + } + #main-content h1:before, + #main-content h2:before, + #main-content h3:before, + #main-content h4:before, + #main-content h5:before, + #main-content h6:before { + content: none; + padding-right: 0; + margin-left: 0; + } +} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { + .inner { + width: 93%; + } header { - padding-top: 10px; - padding-bottom: 10px; + padding: 20px 0; + } + header .inner { + position: relative; + } + header h1, header h2 { + width: 100%; + } + header h1 { + font-size: 48px; + } + header h2 { + font-size: 24px; } - #downloads { - margin-bottom: 25px; + header a.button { + background-image: none; + width: auto; + height: auto; + display: inline-block; + margin-top: 15px; + padding: 5px 10px; + position: relative; + text-align: center; + font-size: 13px; + line-height: 1; + background-color: #9ddcff; + color: #2879d0; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; } - #download-zip, #download-tar-gz { + header a.button small { + font-size: 13px; + display: inline; + } + #main-content, + aside#sidebar { + float: none; + width: 100% ! important; + } + aside#sidebar { + background-image: none; + margin-top: 20px; + border-top: solid 1px #ddd; + padding: 20px 0; + min-height: 0; + } + aside#sidebar a.button { display: none; } - .inner { - width: 94%; - margin: 0 auto; + #main-content h1:before, + #main-content h2:before, + #main-content h3:before, + #main-content h4:before, + #main-content h5:before, + #main-content h6:before { + content: none; + padding-right: 0; + margin-left: 0; } } |