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 @@
+
+
+
+
+ {% 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