diff --git a/images/body-bg.png b/images/body-bg.png new file mode 100644 index 0000000..5e8c4c2 Binary files /dev/null and b/images/body-bg.png differ diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg new file mode 100644 index 0000000..355e089 Binary files /dev/null and b/images/highlight-bg.jpg differ diff --git a/images/hr.png b/images/hr.png new file mode 100644 index 0000000..d32f689 Binary files /dev/null and b/images/hr.png differ diff --git a/images/octocat-icon.png b/images/octocat-icon.png new file mode 100644 index 0000000..2406608 Binary files /dev/null and b/images/octocat-icon.png differ diff --git a/images/tar-gz-icon.png b/images/tar-gz-icon.png new file mode 100644 index 0000000..502e67d Binary files /dev/null and b/images/tar-gz-icon.png differ diff --git a/images/zip-icon.png b/images/zip-icon.png new file mode 100644 index 0000000..732aced Binary files /dev/null and b/images/zip-icon.png differ diff --git a/index.html b/index.html index 3a02bfb..9b71d17 100644 --- a/index.html +++ b/index.html @@ -1,50 +1,122 @@ - + - + - Github-changelog-generator by skywinder - - - - - + + + + + Github-changelog-generator by skywinder + -
-
-

Github-changelog-generator

-

Automatically generate changelog from your tags, closed issues and merged pull requests.

+
+
- +
+

Github-changelog-generator

+

Automatically generate changelog from your tags, closed issues and merged pull requests.

+
-

This project is maintained by skywinder

+
+ Download .zip + Download .tar.gz + View on GitHub +
+
-
-
-

+
+

Gem Version +Build Status

+ +

GitHub Changelog Generator

-

Gem Version

+

Changelog generation has never been so easy.

-

This script automatically generate change-log from your tags and merged pull-requests.

+

Fully automate changelog generation - This gem generate change log file based on tags, issues and merged pull requests from Github issue tracker. This generator complies all change log format guidelines.

-Installation:

+Installation

[sudo] gem install github_changelog_generator
 
+

+Output example

+ + + +
+

+ +1.2.5 (2015-01-15)

+ +

Full Changelog

+ +

+Implemented enhancements:

+ +
    +
  • Use milestone to specify in which version bug was fixed #22 +
  • +
+ +

+Fixed bugs:

+ +
    +
  • Error when trying to generate log for repo without tags #32 +
  • +
+ +

+Merged pull requests:

+ +
    +
  • PrettyPrint class is included using lowercase 'pp' #43 (schwing)

  • +
  • support enterprise github via command line options #42 (glenlovett)

  • +
+
+

Usage

@@ -52,56 +124,52 @@ -

As output you will get CHANGELOG.md file with pretty Markdown-formatted changelog.

+

As output you will get CHANGELOG.md file with pretty Markdown-formatted changelog.

-

-Params:

+

+Params

Type github_changelog_generator --help for detailed usage.

Usage: changelog_generator [options]
 -u, --user [USER]                Username of the owner of target GitHub repo
 -p, --project [PROJECT]          Name of project on GitHub
--t, --token [TOKEN]              To make more than 50 requests this script required your OAuth token for GitHub. You can generate it on https://github.com/settings/applications
--h, --help                       Displays Help
--v, --[no-]verbose               Run verbosely. Default is true
-    --[no-]issues                Include closed issues to changelog. Default is true
-    --[no-]issues-without-labels Include closed issues without any labels to changelog. Default is true
-    --[no-]pull-requests         Include pull-requests to changelog. Default is true
--l, --last-changes               Generate log between last 2 tags only
+-t, --token [TOKEN]              To make more than 50 requests per hour your GitHub token required. You can generate it here: https://github.com/settings/tokens/new
 -f, --date-format [FORMAT]       Date format. Default is %d/%m/%y
 -o, --output [NAME]              Output file. Default is CHANGELOG.md
-    --labels  x,y,z              List of labels. Issues with that labels will be included to changelog. Default is 'bug,enhancement'
+    --[no-]verbose               Run verbosely. Default is true
+    --[no-]issues                Include closed issues to changelog. Default is true
+    --[no-]issues-wo-labels      Include closed issues without labels to changelog. Default is true
+    --[no-]pr-wo-labels          Include pull requests without labels to changelog. Default is true
+    --[no-]pull-requests         Include pull-requests to changelog. Default is true
+    --[no-]filter-by-milestone   Use milestone to detect when issue was resolved. Default is true
+    --[no-]author                Add author of pull-request in the end. Default is true
+    --unreleased-only            Generate log from unreleased closed issues only.
+    --[no-]unreleased            Add to log unreleased closed issues. Default is true
+    --[no-]compare-link          Include compare link between older version and newer version. Default is true
+    --include-labels  x,y,z      Issues only with that labels will be included to changelog. Default is 'bug,enhancement'
+    --exclude-labels  x,y,z      Issues with that labels will be always excluded from changelog. Default is 'duplicate,question,invalid,wontfix'
+    --github-site [URL]          The Enterprise Github site on which your project is hosted.
+    --github-api [URL]           The enterprise endpoint to use for your Github API.
+-v, --version                    Print version number
+-h, --help                       Displays Help
 
-

-Examples:

- - - -

-FAQ:

+

+GitHub token

Since GitHub allow to make only 50 requests without authentication it's recommended to run this script with token

@@ -110,11 +178,14 @@

And:

    -
  • Run with key -t [your-16-digit-token] that
  • +
  • Run with key -t [your-16-digit-token]
  • Or set environment variable CHANGELOG_GITHUB_TOKEN and specify there your token.

    -

    i.e. add to your ~/.bash_profile or ~/.zshrc or any other place to load ENV variables string export CHANGELOG_GITHUB_TOKEN="your-40-digit-github-token"'

    +

    i.e. add to your ~/.bash_profile or ~/.zshrc or any other place to load ENV variables string :

    + +
    export CHANGELOG_GITHUB_TOKEN="your-40-digit-github-token"
    +
@@ -126,10 +197,62 @@

It's time to create this token or wait for 1 hour before GitHub reset the counter for your IP.

+

+Features and advantages of this project

+ +
    +
  • Generate canonical change log file, followed by keepachangelog.com guidlines +
  • +
  • Simply add links for all closed issues and merged pull requests
  • +
  • Possible to generate Unreleased changes (closed issues that have not released yet)
  • +
  • Flexible format customisation: + +
      +
    • Customize issues, that should be added to changelog
    • +
    • Custom date format supported
    • +
    • Ability to manually specify in which version issue was fixed (in case, when closed date is not match) by setting milestone of issue the same name as tag of required version
    • +
    • Ability to exclude specific issues from change log (by labels) + +
        +
      • Automatically exclude "questions" - issues marked as question labels (and other issues, that shouldn't be in change log file: with duplicate invalid wontfix labels)
      • +
      +
    • +
    +
  • +
  • Distinguish bug fixes, enchantments, and closed issues according labels. + +
      +
    • Issues (closed issues w/o any labels)
    • +
    • +Merged pull-requests (all merged pull-requests)
    • +
    • +Bug-fixes (by label bug in issue)
    • +
    • +Enhancements (by label enhancement in issue)
    • +
    +
  • +
+ +

+Alternatives

+ +

Here is a wikipage list of alternatives, that I found. But no one was satisfy my requirements.

+ +

If you know other projects - feel free to edit this Wiki page!

+ +

+Projects using this library

+ +

Wikipage with list of projects

+ +

If you are using github_changelog_generator for generation change log in your project or know of project that uses it, please add it to this list.

+

Am I missed some essential feature?

-

Nothing is impossible! Open an issue and let's make generator better together!

+

Nothing is impossible!

+ +

Open an issue and let's make generator better together!

Bug reports, feature requests, patches, well-wishes are always welcome!

@@ -149,13 +272,14 @@ License

Github Changelog Generator is released under the MIT License.

-
- -
- - @@ -166,5 +290,7 @@ } catch(err) {} + + - + \ No newline at end of file diff --git a/params.json b/params.json index 0918042..4cc163c 100644 --- a/params.json +++ b/params.json @@ -1 +1 @@ -{"name":"Github-changelog-generator","tagline":"Automatically generate changelog from your tags, closed issues and merged pull requests.","body":"GitHub Changelog Generator\r\n==================\r\n\r\n[![Gem Version](https://badge.fury.io/rb/github_changelog_generator.svg)](http://badge.fury.io/rb/github_changelog_generator)\r\n\r\nChangelog generation has never been so easy.\r\n\r\nThis script automatically generate change-log from your tags and merged pull-requests.\r\n\r\n## Installation:\r\n\t[sudo] gem install github_changelog_generator\r\n\r\n## Usage\r\n**It's really simple**: \r\n\r\n- `cd` to your Project folder with configured git and just type:\r\n\r\n\t\tgithub_changelog_generator\r\n\r\n- from anywhere:\r\n\r\n\t\tgithub_changelog_generator -u github-username -p github-project\r\n \r\nAs output you will get `CHANGELOG.md` file with *pretty Markdown-formatted* changelog.\r\n\r\n## Params:\r\nType `github_changelog_generator --help` for detailed usage.\r\n\r\n Usage: changelog_generator [options]\r\n -u, --user [USER] Username of the owner of target GitHub repo\r\n -p, --project [PROJECT] Name of project on GitHub\r\n -t, --token [TOKEN] To make more than 50 requests this script required your OAuth token for GitHub. You can generate it on https://github.com/settings/applications\r\n -h, --help Displays Help\r\n -v, --[no-]verbose Run verbosely. Default is true\r\n --[no-]issues Include closed issues to changelog. Default is true\r\n --[no-]issues-without-labels Include closed issues without any labels to changelog. Default is true\r\n --[no-]pull-requests Include pull-requests to changelog. Default is true\r\n -l, --last-changes Generate log between last 2 tags only\r\n -f, --date-format [FORMAT] Date format. Default is %d/%m/%y\r\n -o, --output [NAME] Output file. Default is CHANGELOG.md\r\n --labels x,y,z List of labels. Issues with that labels will be included to changelog. Default is 'bug,enhancement'\r\n\r\n## Examples:\r\n\r\n- Look at changelog for **[CHANGELOG.md](https://github.com/skywinder/Github-Changelog-Generator/blob/master/CHANGELOG.md)** for this project\r\n- This changelog: [ActionSheetPicker-3.0/CHANGELOG.md](https://github.com/skywinder/ActionSheetPicker-3.0/blob/master/CHANGELOG.md) was generated by command:\r\n\r\n\t\tgithub_changelog_generator -u skywinder -p ActionSheetPicker-3.0\r\n\r\n\r\n## FAQ:\r\nSince GitHub allow to make only 50 requests without authentication it's recommended to run this script with token\r\n\r\n**You can easily [generate it here](https://github.com/settings/applications)**.\r\n\r\nAnd:\r\n\r\n- Run with key `-t [your-16-digit-token]` that \r\n- Or set environment variable `CHANGELOG_GITHUB_TOKEN` and specify there your token. \r\n \t\t\r\n\ti.e. add to your `~/.bash_profile` or `~/.zshrc` or any other place to load ENV variables string `export CHANGELOG_GITHUB_TOKEN=\"your-40-digit-github-token\"'`\r\n\r\nSo, if you got error like this:\r\n>! /Library/Ruby/Gems/2.0.0/gems/github_api-0.12.2/lib/github_api/response/raise_error.rb:14:in `on_complete'\r\n\r\nIt's time to create this token or wait for 1 hour before GitHub reset the counter for your IP.\r\n\r\n## Am I missed some essential feature?\r\n\r\n**Nothing is impossible!** Open an [issue](https://github.com/skywinder/Github-Changelog-Generator/issues/new) and let's make generator better together!\r\n\r\n*Bug reports, feature requests, patches, well-wishes are always welcome!*\r\n\r\n## Contributing\r\n\r\n1. Create an issue to discuss about your idea\r\n2. [Fork it] (https://github.com/skywinder/Github-Changelog-Generator/fork)\r\n3. Create your feature branch (`git checkout -b my-new-feature`)\r\n4. Commit your changes (`git commit -am 'Add some feature'`)\r\n5. Push to the branch (`git push origin my-new-feature`)\r\n6. Create a new Pull Request\r\n\r\n## License\r\n\r\nGithub Changelog Generator is released under the [MIT License](http://www.opensource.org/licenses/MIT).\r\n","google":"UA-52127948-2","note":"Don't delete this file! It's used internally to help with page regeneration."} \ No newline at end of file +{"name":"Github-changelog-generator","tagline":"Automatically generate changelog from your tags, closed issues and merged pull requests.","body":"\r\n[![Gem Version](https://badge.fury.io/rb/github_changelog_generator.svg)](http://badge.fury.io/rb/github_changelog_generator)\r\n[![Build Status](https://travis-ci.org/skywinder/Github-Changelog-Generator.svg?branch=master)](https://travis-ci.org/skywinder/Github-Changelog-Generator)\r\n\r\nGitHub Changelog Generator\r\n==================\r\n\r\n - [Installation](#installation)\r\n - [Output example](#output-example)\r\n - [Usage](#usage)\r\n - [Params](#params)\r\n - [GitHub token](#github-token)\r\n - [Features and advantages of this project](#features-and-advantages-of-this-project)\r\n - [Alternatives](#alternatives)\r\n - [Projects using this library](#projects-using-this-library)\r\n - [Am I missed some essential feature?](#am-i-missed-some-essential-feature)\r\n - [Contributing](#contributing)\r\n - [License](#license)\r\n\r\n \r\nChangelog generation has never been so easy.\r\n\r\n**Fully automate changelog generation** - This gem generate change log file based on tags, issues and merged pull requests from **Github issue tracker**. This generator complies all [change log format guidelines](http://keepachangelog.com/).\r\n\r\n## Installation\r\n\r\n\t[sudo] gem install github_changelog_generator\r\n\r\n## Output example\r\n\r\n- Look at **[CHANGELOG.md](https://github.com/skywinder/Github-Changelog-Generator/blob/master/CHANGELOG.md)** for this project\r\n- [ActionSheetPicker-3.0/CHANGELOG.md](https://github.com/skywinder/ActionSheetPicker-3.0/blob/master/CHANGELOG.md) was generated by command:\r\n\r\n\t\tgithub_changelog_generator -u skywinder -p ActionSheetPicker-3.0\r\n\r\n- In general it looks like this:\r\n\r\n> ## [1.2.5](https://github.com/skywinder/Github-Changelog-Generator/tree/1.2.5) (2015-01-15)\r\n> \r\n> [Full Changelog](https://github.com/skywinder/Github-Changelog-Generator/compare/1.2.4...1.2.5)\r\n> \r\n> #### Implemented enhancements:\r\n> \r\n> - Use milestone to specify in which version bug was fixed [\\#22](https://github.com/skywinder/Github-Changelog-Generator/issues/22)\r\n> \r\n> #### Fixed bugs:\r\n> \r\n> - Error when trying to generate log for repo without tags [\\#32](https://github.com/skywinder/Github-Changelog-Generator/issues/32)\r\n> \r\n> #### Merged pull requests:\r\n> \r\n> - PrettyPrint class is included using lowercase 'pp' [\\#43](https://github.com/skywinder/Github-Changelog-Generator/pull/43) ([schwing](https://github.com/schwing))\r\n> \r\n> - support enterprise github via command line options [\\#42](https://github.com/skywinder/Github-Changelog-Generator/pull/42) ([glenlovett](https://github.com/glenlovett))\r\n\r\n\r\n## Usage\r\n**It's really simple**: \r\n\r\n- If your **git remote** `origin` refer to your GitHub repo, then just go to your project folder and run:\r\n\r\n\t\tgithub_changelog_generator\r\n\r\n- or from anywhere:\r\n\r\n\t\tgithub_changelog_generator -u github_username -p github_project\r\n \r\nAs output you will get `CHANGELOG.md` file with pretty *Markdown-formatted* changelog.\r\n\r\n### Params\r\nType `github_changelog_generator --help` for detailed usage.\r\n\r\n Usage: changelog_generator [options]\r\n -u, --user [USER] Username of the owner of target GitHub repo\r\n -p, --project [PROJECT] Name of project on GitHub\r\n -t, --token [TOKEN] To make more than 50 requests per hour your GitHub token required. You can generate it here: https://github.com/settings/tokens/new\r\n -f, --date-format [FORMAT] Date format. Default is %d/%m/%y\r\n -o, --output [NAME] Output file. Default is CHANGELOG.md\r\n --[no-]verbose Run verbosely. Default is true\r\n --[no-]issues Include closed issues to changelog. Default is true\r\n --[no-]issues-wo-labels Include closed issues without labels to changelog. Default is true\r\n --[no-]pr-wo-labels Include pull requests without labels to changelog. Default is true\r\n --[no-]pull-requests Include pull-requests to changelog. Default is true\r\n --[no-]filter-by-milestone Use milestone to detect when issue was resolved. Default is true\r\n --[no-]author Add author of pull-request in the end. Default is true\r\n --unreleased-only Generate log from unreleased closed issues only.\r\n --[no-]unreleased Add to log unreleased closed issues. Default is true\r\n --[no-]compare-link Include compare link between older version and newer version. Default is true\r\n --include-labels x,y,z Issues only with that labels will be included to changelog. Default is 'bug,enhancement'\r\n --exclude-labels x,y,z Issues with that labels will be always excluded from changelog. Default is 'duplicate,question,invalid,wontfix'\r\n --github-site [URL] The Enterprise Github site on which your project is hosted.\r\n --github-api [URL] The enterprise endpoint to use for your Github API.\r\n -v, --version Print version number\r\n -h, --help Displays Help\r\n\r\n\r\n### GitHub token\r\n\r\nSince GitHub allow to make only 50 requests without authentication it's recommended to run this script with token\r\n\r\n**You can easily [generate it here](https://github.com/settings/applications)**.\r\n\r\nAnd:\r\n\r\n- Run with key `-t [your-16-digit-token]` \r\n- Or set environment variable `CHANGELOG_GITHUB_TOKEN` and specify there your token. \r\n \t\t\r\n\ti.e. add to your `~/.bash_profile` or `~/.zshrc` or any other place to load ENV variables string :\r\n\r\n export CHANGELOG_GITHUB_TOKEN=\"your-40-digit-github-token\"\r\n\r\nSo, if you got error like this:\r\n>! /Library/Ruby/Gems/2.0.0/gems/github_api-0.12.2/lib/github_api/response/raise_error.rb:14:in `on_complete'\r\n\r\nIt's time to create this token or wait for 1 hour before GitHub reset the counter for your IP.\r\n\r\n##Features and advantages of this project\r\n- Generate canonical change log file, followed by [keepachangelog.com guidlines](http://keepachangelog.com/)\r\n- Simply add links for all closed issues and merged pull requests\r\n- Possible to generate **Unreleased** changes (closed issues that have not released yet)\r\n- Flexible format customisation:\r\n - Customize issues, that should be added to changelog\r\n - Custom date format supported \r\n - Ability to manually specify in which version issue was fixed (in case, when closed date is not match) by setting `milestone` of issue the same name as tag of required version\r\n - Ability to exclude specific issues from change log (by labels)\r\n - Automatically exclude \"questions\" - issues marked as `question` labels (and other issues, that shouldn't be in change log file: with `duplicate invalid wontfix` labels)\r\n- Distinguish bug fixes, enchantments, and closed issues according labels.\r\n - \t**Issues** (closed issues w/o any labels)\r\n - **Merged pull-requests** (all merged pull-requests)\r\n - **Bug-fixes** (by label `bug` in issue)\r\n - **Enhancements** (by label `enhancement` in issue)\r\n\r\n###Alternatives\r\nHere is a [wikipage list of alternatives](https://github.com/skywinder/Github-Changelog-Generator/wiki/Alternatives), that I found. But no one was satisfy my requirements.\r\n\r\n*If you know other projects - feel free to edit this Wiki page!*\r\n\r\n\r\n### Projects using this library\r\n[Wikipage with list of projects](https://github.com/skywinder/Github-Changelog-Generator/wiki/Projects-using-Github-Changelog-Generator) \r\n\r\n*If you are using `github_changelog_generator` for generation change log in your project or know of project that uses it, please add it to [this] (https://github.com/skywinder/Github-Changelog-Generator/wiki/Projects-using-Github-Changelog-Generator) list.*\r\n\r\n## Am I missed some essential feature?\r\n\r\n**Nothing is impossible!** \r\n\r\nOpen an [issue](https://github.com/skywinder/Github-Changelog-Generator/issues/new) and let's make generator better together!\r\n\r\n*Bug reports, feature requests, patches, well-wishes are always welcome!*\r\n\r\n## Contributing\r\n\r\n1. Create an issue to discuss about your idea\r\n2. [Fork it] (https://github.com/skywinder/Github-Changelog-Generator/fork)\r\n3. Create your feature branch (`git checkout -b my-new-feature`)\r\n4. Commit your changes (`git commit -am 'Add some feature'`)\r\n5. Push to the branch (`git push origin my-new-feature`)\r\n6. Create a new Pull Request\r\n\r\n## License\r\n\r\nGithub Changelog Generator is released under the [MIT License](http://www.opensource.org/licenses/MIT).\r\n","google":"UA-52127948-2","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/print.css b/stylesheets/print.css new file mode 100644 index 0000000..4b19b67 --- /dev/null +++ b/stylesheets/print.css @@ -0,0 +1,228 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + padding: 0; + margin: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; + border: 0; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-spacing: 0; + border-collapse: collapse; +} +body { + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + font-size: 13px; + line-height: 1.5; + color: #000; +} + +a { + font-weight: bold; + color: #d5000d; +} + +header { + padding-top: 35px; + padding-bottom: 10px; +} + +header h1 { + font-size: 48px; + font-weight: bold; + line-height: 1.2; + color: #303030; + letter-spacing: -1px; +} + +header h2 { + font-size: 24px; + font-weight: normal; + line-height: 1.3; + color: #aaa; + letter-spacing: -1px; +} +#downloads { + display: none; +} +#main_content { + padding-top: 20px; +} + +code, pre { + margin-bottom: 30px; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + font-size: 12px; + color: #222; +} + +code { + padding: 0 3px; +} + +pre { + padding: 20px; + overflow: auto; + border: solid 1px #ddd; +} +pre code { + padding: 0; +} + +ul, ol, dl { + margin-bottom: 20px; +} + + +/* COMMON STYLES */ + +table { + width: 100%; + border: 1px solid #ebebeb; +} + +th { + font-weight: 500; +} + +td { + font-weight: 300; + text-align: center; + border: 1px solid #ebebeb; +} + +form { + padding: 20px; + background: #f2f2f2; + +} + + +/* GENERAL ELEMENT TYPE STYLES */ + +h1 { + font-size: 2.8em; +} + +h2 { + margin-bottom: 8px; + font-size: 22px; + font-weight: bold; + color: #303030; +} + +h3 { + margin-bottom: 8px; + font-size: 18px; + font-weight: bold; + color: #d5000d; +} + +h4 { + font-size: 16px; + font-weight: bold; + color: #303030; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + margin-bottom: 20px; + font-weight: 300; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + padding: 0 0 0 30px; + margin-bottom: 20px; + font-size: 1.6em; + border-left: 10px solid #e9e9e9; +} + +ul li { + list-style-position: inside; + list-style: disc; + padding-left: 20px; +} + +ol li { + list-style-position: inside; + list-style: decimal; + padding-left: 3px; +} + +dl dd { + font-style: italic; + font-weight: 100; +} + +footer { + padding-top: 20px; + padding-bottom: 30px; + margin-top: 40px; + font-size: 13px; + color: #aaa; +} + +footer a { + color: #666; +} + +/* MISC */ +.clearfix:after { + display: block; + height: 0; + clear: both; + visibility: hidden; + content: '.'; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index 7a08b01..d58131a 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -1,14 +1,7 @@ -/******************************************************************************* -Slate Theme for GitHub Pages -by Jason Costello, @jsncostello -*******************************************************************************/ - -@import url(pygment_trac.css); - -/******************************************************************************* -MeyerWeb Reset -*******************************************************************************/ - +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -22,402 +15,359 @@ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font: inherit; - vertical-align: baseline; + padding: 0; + margin: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; + border: 0; } - /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; + display: block; } - -ol, ul { - list-style: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -/******************************************************************************* -Theme Styles -*******************************************************************************/ - body { - box-sizing: border-box; - color:#373737; - background: #212121; - font-size: 16px; - font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-spacing: 0; + border-collapse: collapse; +} + +/* LAYOUT STYLES */ +body { + font-family: 'Helvetica Neue', Helvetica, Arial, serif; + font-size: 1em; line-height: 1.5; - -webkit-font-smoothing: antialiased; -} - -h1, h2, h3, h4, h5, h6 { - margin: 10px 0; - font-weight: 700; - color:#222222; - font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif; - letter-spacing: -1px; -} - -h1 { - font-size: 36px; - font-weight: 700; -} - -h2 { - padding-bottom: 10px; - font-size: 32px; - background: url('../images/bg_hr.png') repeat-x bottom; -} - -h3 { - font-size: 24px; -} - -h4 { - font-size: 21px; -} - -h5 { - font-size: 18px; -} - -h6 { - font-size: 16px; -} - -p { - margin: 10px 0 15px 0; -} - -footer p { - color: #f2f2f2; + color: #6d6d6d; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); + background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; } a { - text-decoration: none; - color: #007edf; + color: #d5000d; +} +a:hover { + color: #c5000c; +} + +header { + padding-top: 35px; + padding-bottom: 25px; +} + +header h1 { + font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; + font-size: 48px; font-weight: 900; + line-height: 1.2; + color: #303030; + letter-spacing: -1px; +} + +header h2 { + font-size: 24px; + font-weight: normal; + line-height: 1.3; + color: #aaa; + letter-spacing: -1px; +} + +#container { + min-height: 595px; + background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; +} + +.inner { + width: 620px; + margin: 0 auto; +} + +#container .inner img { + max-width: 100%; +} + +#downloads { + margin-bottom: 40px; +} + +a.button { + display: block; + float: left; + width: 179px; + padding: 12px 8px 12px 8px; + margin-right: 14px; + font-size: 15px; + font-weight: bold; + line-height: 25px; + color: #303030; + 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 */ + border-top: solid 1px #cbcbcb; + border-right: solid 1px #b7b7b7; + border-bottom: solid 1px #b3b3b3; + border-left: solid 1px #b7b7b7; + border-radius: 30px; + -webkit-box-shadow: 10px 10px 5px #888; + -moz-box-shadow: 10px 10px 5px #888; + box-shadow: 0px 1px 5px #e8e8e8; + -moz-border-radius: 30px; + -webkit-border-radius: 30px; +} +a.button:hover { + 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 */ + border-top: solid 1px #b7b7b7; + border-right: solid 1px #b3b3b3; + border-bottom: solid 1px #b3b3b3; + border-left: solid 1px #b3b3b3; +} + +a.button span { + display: block; + height: 23px; + padding-left: 50px; +} + +#download-zip span { + background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; +} +#download-tar-gz span { + background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; +} +#view-on-github span { + background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; +} +#view-on-github { + margin-right: 0; +} + +code, pre { + margin-bottom: 30px; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; + font-size: 14px; + color: #222; +} + +code { + padding: 0 3px; + background-color: #f2f2f2; + border: solid 1px #ddd; +} + +pre { + padding: 20px; + overflow: auto; + color: #f2f2f2; text-shadow: none; - - transition: color 0.5s ease; - transition: text-shadow 0.5s ease; - -webkit-transition: color 0.5s ease; - -webkit-transition: text-shadow 0.5s ease; - -moz-transition: color 0.5s ease; - -moz-transition: text-shadow 0.5s ease; - -o-transition: color 0.5s ease; - -o-transition: text-shadow 0.5s ease; - -ms-transition: color 0.5s ease; - -ms-transition: text-shadow 0.5s ease; + background: #303030; +} +pre code { + padding: 0; + color: #f2f2f2; + background-color: #303030; + border: none; } -a:hover, a:focus {text-decoration: underline;} - -footer a { - color: #F2F2F2; - text-decoration: underline; +ul, ol, dl { + margin-bottom: 20px; } -em { - font-style: italic; + +/* COMMON STYLES */ + +hr { + height: 1px; + padding-bottom: 1em; + margin-top: 1em; + line-height: 1px; + background: transparent url('../images/hr.png') 50% 0 no-repeat; + border: none; } strong { font-weight: bold; } -img { - position: relative; - margin: 0 auto; - max-width: 739px; - padding: 5px; - margin: 10px 0 10px 0; - border: 1px solid #ebebeb; - - box-shadow: 0 0 5px #ebebeb; - -webkit-box-shadow: 0 0 5px #ebebeb; - -moz-box-shadow: 0 0 5px #ebebeb; - -o-box-shadow: 0 0 5px #ebebeb; - -ms-box-shadow: 0 0 5px #ebebeb; -} - -p img { - display: inline; - margin: 0; - padding: 0; - vertical-align: middle; - text-align: center; - border: none; -} - -pre, code { - width: 100%; - color: #222; - background-color: #fff; - - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; - font-size: 14px; - - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; -} - -pre { - width: 100%; - padding: 10px; - box-shadow: 0 0 10px rgba(0,0,0,.1); - overflow: auto; -} - -code { - padding: 3px; - margin: 0 3px; - box-shadow: 0 0 10px rgba(0,0,0,.1); -} - -pre code { - display: block; - box-shadow: none; -} - -blockquote { - color: #666; - margin-bottom: 20px; - padding: 0 0 0 20px; - border-left: 3px solid #bbb; -} - - -ul, ol, dl { - margin-bottom: 15px -} - -ul { - list-style: inside; - padding-left: 20px; -} - -ol { - list-style: decimal inside; - padding-left: 20px; -} - -dl dt { - font-weight: bold; -} - -dl dd { - padding-left: 20px; +em { font-style: italic; } -dl p { - padding-left: 20px; - font-style: italic; -} - -hr { - height: 1px; - margin-bottom: 5px; - border: none; - background: url('../images/bg_hr.png') repeat-x center; -} - table { - border: 1px solid #373737; - margin-bottom: 20px; - text-align: left; - } + width: 100%; + border: 1px solid #ebebeb; +} th { - font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; - padding: 10px; - background: #373737; - color: #fff; - } + font-weight: 500; +} td { - padding: 10px; - border: 1px solid #373737; - } + font-weight: 300; + text-align: center; + border: 1px solid #ebebeb; +} form { - background: #f2f2f2; padding: 20px; -} - -/******************************************************************************* -Full-Width Styles -*******************************************************************************/ - -.outer { - width: 100%; -} - -.inner { - position: relative; - max-width: 640px; - padding: 20px 10px; - margin: 0 auto; -} - -#forkme_banner { - display: block; - position: absolute; - top:0; - right: 10px; - z-index: 10; - padding: 10px 50px 10px 10px; - color: #fff; - background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%; - font-weight: 700; - box-shadow: 0 0 10px rgba(0,0,0,.5); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} - -#header_wrap { - background: #212121; - background: -moz-linear-gradient(top, #373737, #212121); - background: -webkit-linear-gradient(top, #373737, #212121); - background: -ms-linear-gradient(top, #373737, #212121); - background: -o-linear-gradient(top, #373737, #212121); - background: linear-gradient(top, #373737, #212121); -} - -#header_wrap .inner { - padding: 50px 10px 30px 10px; -} - -#project_title { - margin: 0; - color: #fff; - font-size: 42px; - font-weight: 700; - text-shadow: #111 0px 0px 10px; -} - -#project_tagline { - color: #fff; - font-size: 24px; - font-weight: 300; - background: none; - text-shadow: #111 0px 0px 10px; -} - -#downloads { - position: absolute; - width: 210px; - z-index: 10; - bottom: -40px; - right: 0; - height: 70px; - background: url('../images/icon_download.png') no-repeat 0% 90%; -} - -.zip_download_link { - display: block; - float: right; - width: 90px; - height:70px; - text-indent: -5000px; - overflow: hidden; - background: url(../images/sprite_download.png) no-repeat bottom left; -} - -.tar_download_link { - display: block; - float: right; - width: 90px; - height:70px; - text-indent: -5000px; - overflow: hidden; - background: url(../images/sprite_download.png) no-repeat bottom right; - margin-left: 10px; -} - -.zip_download_link:hover { - background: url(../images/sprite_download.png) no-repeat top left; -} - -.tar_download_link:hover { - background: url(../images/sprite_download.png) no-repeat top right; -} - -#main_content_wrap { background: #f2f2f2; - border-top: 1px solid #111; - border-bottom: 1px solid #111; -} -#main_content { - padding-top: 40px; -} - -#footer_wrap { - background: #212121; } +/* GENERAL ELEMENT TYPE STYLES */ -/******************************************************************************* -Small Device Styles -*******************************************************************************/ +h1 { + font-size: 32px; +} -@media screen and (max-width: 480px) { - body { - font-size:14px; +h2 { + margin-bottom: 8px; + font-size: 22px; + font-weight: bold; + color: #303030; +} + +h3 { + margin-bottom: 8px; + font-size: 18px; + font-weight: bold; + color: #d5000d; +} + +h4 { + font-size: 16px; + font-weight: bold; + color: #303030; +} + +h5 { + font-size: 1em; + color: #303030; +} + +h6 { + font-size: .8em; + color: #303030; +} + +p { + margin-bottom: 20px; + font-weight: 300; +} + +a { + text-decoration: none; +} + +p a { + font-weight: 400; +} + +blockquote { + padding: 0 0 0 30px; + margin-bottom: 20px; + font-size: 1.6em; + border-left: 10px solid #e9e9e9; +} + +ul li { + list-style-position: inside; + list-style: disc; + padding-left: 20px; +} + +ol li { + list-style-position: inside; + list-style: decimal; + padding-left: 3px; +} + +dl dt { + color: #303030; +} + +footer { + padding-top: 20px; + padding-bottom: 30px; + margin-top: 40px; + font-size: 13px; + color: #aaa; + background: transparent url('../images/hr.png') 0 0 no-repeat; +} + +footer a { + color: #666; +} +footer a:hover { + color: #444; +} + +/* MISC */ +.clearfix:after { + display: block; + height: 0; + clear: both; + visibility: hidden; + content: '.'; +} + +.clearfix {display: inline-block;} +* html .clearfix {height: 1%;} +.clearfix {display: block;} + +/* #Media Queries +================================================== */ + +/* Smaller than standard 960 (devices and browsers) */ +@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) { } + +/* All Mobile Sizes (devices and browser) */ +@media only screen and (max-width: 767px) { + header { + padding-top: 10px; + padding-bottom: 10px; } - #downloads { + margin-bottom: 25px; + } + #download-zip, #download-tar-gz { display: none; } - .inner { - min-width: 320px; - max-width: 480px; + width: 94%; + margin: 0 auto; } - - #project_title { - font-size: 32px; - } - - h1 { - font-size: 28px; - } - - h2 { - font-size: 24px; - } - - h3 { - font-size: 21px; - } - - h4 { - font-size: 18px; - } - - h5 { - font-size: 14px; - } - - h6 { - font-size: 12px; - } - - code, pre { - min-width: 320px; - max-width: 480px; - font-size: 11px; - } - } + +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ +@media only screen and (min-width: 480px) and (max-width: 767px) { } + +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ +@media only screen and (max-width: 479px) { }