commit 0f0ee51f5c45c9eacd1d1ac4e338578ead27c94b Author: Jurgen Leschner Date: Thu Oct 6 19:01:49 2016 -0400 init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..76a0bf1 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +_site +.sass-cache +Gemfile.lock diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..9ef6455 --- /dev/null +++ b/Gemfile @@ -0,0 +1,4 @@ +source 'https://rubygems.org' + +gem "github-pages", :github => "github/pages-gem", :branch => "jekyll-v3-3-0" +gemspec diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..370b0f8 --- /dev/null +++ b/LICENSE @@ -0,0 +1 @@ +unknown! diff --git a/README.md b/README.md new file mode 100644 index 0000000..3f1e1f2 --- /dev/null +++ b/README.md @@ -0,0 +1,60 @@ +# Hacker `jekyll-theme-hacker` gem + +Hacker is a Jekyll theme for [GitHub Pages](https://pages.github.com). + +You can preview the theme at http://pages-theme.github.io/hacker. + +### Usage + +This theme was ported from the GitHub Automatic Page Generator to a Jekyll v3.3 theme gem. + +To use it on a Pages site, add `theme: jekyll-theme-hacker` to your `_config.yml`. + +```yml +theme: jekyll-theme-hacker +title: Custom title +description: Custom description. +show_downloads: true +google_analytics: +``` + +- To override the repository name or description from GitHub used in the header, set a `title` or `description`. +- Set `show_downloads` to `false` to hide the download buttons in the header. +- Set `google_analytics` to your tracking ID to enable pageview tracking. + +This theme includes a single `default` layout. Markdown files should be prefixed with the following frontmatter. + +``` +--- +layout: default +--- + +``` + +#### CSS + +For CSS customization, create your own `/assets/css/styles.scss` in your project to replace the one from this theme, and override selected stylesheet properties. + +```scss +--- +--- + +@import "rouge-base16-dark"; +@import 'hacker'; + +``` + +#### Syntax Highlighting + +[Rouge](http://rouge.jneen.net/) is the default highlighter in Jekyll 3. This theme includes the `base16.dark` stylesheet from Rouge. + +To switch syntax highlighting colors to say `monokai`, install the `rouge` gem and run the following on the command line. + +``` +mkdir _scss +rougify style monokai > _scss/rouge-monokai.scss +``` + +Then replace `rouge-base16-dark` with `rouge-monokai` in `/assets/css/styles.scss` + +Other pygments highlighter themes should work as well. diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..6a9a1ab --- /dev/null +++ b/_config.yml @@ -0,0 +1,5 @@ +title: Hacker theme +description: Hacker is a theme for GitHub Pages. +show_downloads: true +google_analytics: +theme: diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..4b7d7cd --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,46 @@ + + + + + + + {{ site.title | default: site.github.repository_name }} by {{ site.github.owner_name }} + + + + +

+ +

+ {% if site.show_downloads %} + Download as .zip + Download as .tar.gz + {% endif %} + View on GitHub +

+ +

+ {{ content }} +

+ + {% if site.google_analytics %} + + + {% endif %} + + diff --git a/_sass/hacker.scss b/_sass/hacker.scss new file mode 100644 index 0000000..aa35550 --- /dev/null +++ b/_sass/hacker.scss @@ -0,0 +1,247 @@ +body { + margin: 0; + padding: 0; + background: #151515 url("../images/bkg.png") 0 0; + color: #eaeaea; + font-size: 16px; + line-height: 1.5; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; +} + +/* General & 'Reset' Stuff */ + +.container { + width: 90%; + max-width: 600px; + margin: 0 auto; +} + +section { + display: block; + margin: 0 0 20px 0; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0 0 20px; +} + +li { + line-height: 1.4 ; +} + +/* Header,

+ header - container + h1 - project name + h2 - project description +*/ + +header { + background: rgba(0, 0, 0, 0.1); + width: 100%; + border-bottom: 1px dashed #b5e853; + padding: 20px 0; + margin: 0 0 40px 0; +} + +header h1 { + font-size: 30px; + line-height: 1.5; + margin: 0 0 0 -40px; + font-weight: bold; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; + color: #b5e853; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), + 0 0 5px rgba(181, 232, 83, 0.1), + 0 0 10px rgba(181, 232, 83, 0.1); + letter-spacing: -1px; + -webkit-font-smoothing: antialiased; +} + +header h1:before { + content: "./ "; + font-size: 24px; +} + +header h2 { + font-size: 18px; + font-weight: 300; + color: #666; +} + +#downloads .btn { + display: inline-block; + text-align: center; + margin: 0; +} + +/* Main Content +*/ + +#main_content { + width: 100%; + -webkit-font-smoothing: antialiased; +} +section img { + max-width: 100% +} + +h1, h2, h3, h4, h5, h6 { + font-weight: normal; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; + color: #b5e853; + letter-spacing: -0.03em; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), + 0 0 5px rgba(181, 232, 83, 0.1), + 0 0 10px rgba(181, 232, 83, 0.1); +} + +#main_content h1 { + font-size: 30px; +} + +#main_content h2 { + font-size: 24px; +} + +#main_content h3 { + font-size: 18px; +} + +#main_content h4 { + font-size: 14px; +} + +#main_content h5 { + font-size: 12px; + text-transform: uppercase; + margin: 0 0 5px 0; +} + +#main_content h6 { + font-size: 12px; + text-transform: uppercase; + color: #999; + margin: 0 0 5px 0; +} + +dt { + font-style: italic; + font-weight: bold; +} + +ul li { + list-style: none; +} + +ul li:before { + content: ">>"; + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; + font-size: 13px; + color: #b5e853; + margin-left: -37px; + margin-right: 21px; + line-height: 16px; +} + +blockquote { + color: #aaa; + padding-left: 10px; + border-left: 1px dotted #666; +} + +pre { + background: rgba(0, 0, 0, 0.9); + border: 1px solid rgba(255, 255, 255, 0.15); + padding: 10px; + font-size: 16px; + color: #b5e853; + border-radius: 2px; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + text-wrap: normal; + overflow: auto; + overflow-y: hidden; +} + +table { + width: 100%; + margin: 0 0 20px 0; +} + +th { + text-align: left; + border-bottom: 1px dashed #b5e853; + padding: 5px 10px; +} + +td { + padding: 5px 10px; +} + +hr { + height: 0; + border: 0; + border-bottom: 1px dashed #b5e853; + color: #b5e853; +} + +/* Buttons +*/ + +.btn { + display: inline-block; + background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3)); + padding: 8px 18px; + border-radius: 50px; + border: 2px solid rgba(0, 0, 0, 0.7); + border-bottom: 2px solid rgba(0, 0, 0, 0.7); + border-top: 2px solid rgba(0, 0, 0, 1); + color: rgba(255, 255, 255, 0.8); + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + font-size: 13px; + text-decoration: none; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); +} + +.btn:hover { + background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8)); +} + +.btn .icon { + display: inline-block; + width: 16px; + height: 16px; + margin: 1px 8px 0 0; + float: left; +} + +.btn-github .icon { + opacity: 0.6; + background: url("../images/blacktocat.png") 0 0 no-repeat; +} + +/* Links + a, a:hover, a:visited +*/ + +a { + color: #63c0f5; + text-shadow: 0 0 5px rgba(104, 182, 255, 0.5); +} + +/* Clearfix */ + +.cf:before, .cf:after { + content:""; + display:table; +} + +.cf:after { + clear:both; +} + +.cf { + zoom:1; +} diff --git a/_sass/rouge-base16-dark.scss b/_sass/rouge-base16-dark.scss new file mode 100644 index 0000000..c303bd5 --- /dev/null +++ b/_sass/rouge-base16-dark.scss @@ -0,0 +1,81 @@ +/* + generated by rouge http://rouge.jneen.net/ + original base16 by Chris Kempson (https://github.com/chriskempson/base16) +*/ + +.highlight table td { padding: 5px; } +.highlight table pre { margin: 0; } +.highlight, .highlight .w { + color: #d0d0d0; +} +.highlight .err { + color: #151515; + background-color: #ac4142; +} +.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs { + color: #888; +} +.highlight .cp { + color: #f4bf75; +} +.highlight .nt { + color: #f4bf75; +} +.highlight .o, .highlight .ow { + color: #d0d0d0; +} +.highlight .p, .highlight .pi { + color: #d0d0d0; +} +.highlight .gi { + color: #90a959; +} +.highlight .gd { + color: #ac4142; +} +.highlight .gh { + color: #6a9fb5; + font-weight: bold; +} +.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv { + color: #aa759f; +} +.highlight .kc { + color: #d28445; +} +.highlight .kt { + color: #d28445; +} +.highlight .kd { + color: #d28445; +} +.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 { + color: #90a959; +} +.highlight .sr { + color: #75b5aa; +} +.highlight .si { + color: #8f5536; +} +.highlight .se { + color: #8f5536; +} +.highlight .nn { + color: #f4bf75; +} +.highlight .nc { + color: #f4bf75; +} +.highlight .no { + color: #f4bf75; +} +.highlight .na { + color: #6a9fb5; +} +.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx { + color: #90a959; +} +.highlight .ss { + color: #90a959; +} diff --git a/another-page.md b/another-page.md new file mode 100644 index 0000000..03ce0c2 --- /dev/null +++ b/another-page.md @@ -0,0 +1,9 @@ +--- +layout: default +--- + +## Welcome to another page + +_yay_ + +[back](./) diff --git a/assets/css/styles.scss b/assets/css/styles.scss new file mode 100644 index 0000000..db98985 --- /dev/null +++ b/assets/css/styles.scss @@ -0,0 +1,5 @@ +--- +--- + +@import "rouge-base16-dark"; +@import 'hacker'; diff --git a/assets/images/bkg.png b/assets/images/bkg.png new file mode 100644 index 0000000..d10e5ca Binary files /dev/null and b/assets/images/bkg.png differ diff --git a/assets/images/blacktocat.png b/assets/images/blacktocat.png new file mode 100644 index 0000000..9759d77 Binary files /dev/null and b/assets/images/blacktocat.png differ diff --git a/index.md b/index.md new file mode 100644 index 0000000..bbcf6bb --- /dev/null +++ b/index.md @@ -0,0 +1,126 @@ +--- +layout: default +--- + +Text can be **bold**, _italic_, or ~~strikethrough~~. + +[Link to another page](another-page). + +There should be whitespace between paragraphs. There should be whitespace between paragraphs. + +There should be whitespace between paragraphs. + +Here comes a quote by Thomas Fuchs. + +> Two CSS properties walk into a bar. +> A barstool in a completely different bar falls over. + +# [](#header-1)Header 1 + +This is a normal paragraph following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. + +## [](#header-2)Header 2 + +> This is a blockquote following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. + +### [](#header-3)Header 3 + +```js +// Javascript code with syntax highlighting. +var fun = function lang(l) { + dateformat.i18n = require('./lang/' + l) + return true; +} +``` + +```ruby +# Ruby code with syntax highlighting +GitHubPages::Dependencies.gems.each do |gem, version| + s.add_dependency(gem, "= #{version}") +end +``` + +#### [](#header-4)Header 4 + +* This is an unordered list following a header. +* This is an unordered list following a header. +* This is an unordered list following a header. + +##### [](#header-5)Header 5 + +1. This is an ordered list following a header. +2. This is an ordered list following a header. +3. This is an ordered list following a header. + +###### [](#header-6)Header 6 + +| head1 | head two | three | +|:-------------|:------------------|:------| +| ok | good swedish fish | nice | +| out of stock | good and plenty | nice | +| ok | good `oreos` | hmm | +| ok | good `zoute` drop | yumm | + +### There's a horizontal rule below this. + +* * * + +### Here is an unordered list: + +* Item foo +* Item bar +* Item baz +* Item zip + +### And an ordered list: + +1. Item one +1. Item two +1. Item three +1. Item four + +### And a nested list: + +- level 1 item + - level 2 item + - level 2 item + - level 3 item + - level 3 item +- level 1 item + - level 2 item + - level 2 item + - level 2 item +- level 1 item + - level 2 item + - level 2 item +- level 1 item + +### Small image + +![](https://unsplash.it/300/200) + +### Large image + +![](https://unsplash.it/1200/800) + + +### Definition lists can be used with HTML syntax. + +

Name: Godzilla
Born: 1952
Birthplace: Japan
Color: Green

+ +``` +Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this. +``` + +``` +The final element. +``` diff --git a/jekyll-theme-hacker.gemspec b/jekyll-theme-hacker.gemspec new file mode 100644 index 0000000..d016f48 --- /dev/null +++ b/jekyll-theme-hacker.gemspec @@ -0,0 +1,17 @@ +# encoding: utf-8 + +Gem::Specification.new do |s| + s.name = "jekyll-theme-hacker" + s.version = "0.0.1" + s.authors = ["Please come forward"] + s.email = ["support@github.com"] + s.homepage = "https://github.com/pages-themes/hacker" + s.summary = "Hacker is a theme for GitHub Pages" + + s.files = `git ls-files -z`.split("\x0").select do |f| + f.match(%r{^((_includes|_layouts|_sass|assets)/|(LICENSE|README)((\.(txt|md|markdown)|$)))}i) + end + + s.platform = Gem::Platform::RUBY + s.add_runtime_dependency "jekyll", "~> 3.3" +end diff --git a/thumbnail.png b/thumbnail.png new file mode 100644 index 0000000..01bd0a8 Binary files /dev/null and b/thumbnail.png differ