Step	Bytes
raw	{{ content \| size }}{% if _profile_endings %}
endings	{{ _profile_endings }}{% endif %}{% if _profile_collapse %}
collapse	{{ _profile_collapse }}{% endif %}{% if _profile_comments %}
comments	{{ _profile_comments }}{% endif %}{% if _profile_clippings %}
clippings	{{ _profile_clippings }}{% endif %}

- {% else %} - {% if page.title == "About" or page.title == "404" %} -

- {% else %} -

- {% endif %} - {% endif %} - - {{ content }} -

- - {% include icons.html %} - - {% include analytics-google.html %} - - - diff --git a/_layouts/page.html b/_layouts/page.html deleted file mode 100755 index e532e68..0000000 --- a/_layouts/page.html +++ /dev/null @@ -1,8 +0,0 @@ ---- -layout: default ---- -{% include header.html %} - -{{content}} - -{% include footer.html %} diff --git a/_layouts/post.html b/_layouts/post.html deleted file mode 100755 index b3932b4..0000000 --- a/_layouts/post.html +++ /dev/null @@ -1,33 +0,0 @@ ---- -layout: default ---- -{% include header.html %} - -

- - - {{ page.date | date: "%A. %B %d, %Y" }} - {% if site.read-time %} - {% include read-time.html %}{% endif %} - - -{% if site.show-tags %} -

- {% for tag in page.tags %} - {{ tag }} - {% endfor %} -

-{% endif %} - -{{content}} - -{% if site.related %} - {% include related.html %} -{% endif %} - -{% include author.html %} - -{% if site.disqus %} - {% include disqus.html %} -{% endif %} - -{% include footer.html %} diff --git a/_posts/2015-02-24-markdown-extra-components.markdown b/_posts/2015-02-24-markdown-extra-components.markdown deleted file mode 100755 index 2cb1a31..0000000 --- a/_posts/2015-02-24-markdown-extra-components.markdown +++ /dev/null @@ -1,179 +0,0 @@ ---- -title: "Markdown Extra Components" -layout: post -date: 2016-02-24 22:48 -tag: -- markdown -- components -- extra -blog: true ---- - -## Summary: - -You can pick as item to see how to apply in markdown. - -#### Especial Elements -- [Evidence](#evidence) -- [Side-by-Side](#side-by-side) -- [Star](#star) -- [Especial Breaker](#especial-breaker) - -#### External Elements -- [Gist](#gist) -- [Codepen](#codepen) -- [Slideshare](#slideshare) -- [Videos](#videos) - ---- - -## Evidence - -You can try the evidence! - -Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else. - -{% highlight html %} -Paragraphs can be written like so. A paragraph is the basic block of Markdown. A paragraph is what text will turn into when there is no reason it should become anything else. -{% endhighlight %} - ---- - -## Side-by-side - -Like the [Medium](https://medium.com/) component. - -**Image** on the left and **Text** on the right: - -{% highlight html %} -

Photo by John Doe

- -

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-{% endhighlight %} - -

Photo by John Doe

- -

- -**Text** on the left and **Image** on the right: - -{% highlight html %} -

- -

Photo by John Doe

-{% endhighlight %} - -

- -

Photo by John Doe

- ---- - -## Star - -You can give evidence to a post. Just add the tag to the markdown file. - -{% highlight raw %} -star: true -{% endhighlight %} - ---- - -## Especial Breaker - -You can add a especial *hr* to your text. - -{% highlight html %} -

-{% endhighlight %} - -

- ---- - -## Gist - -You can add Gists from github. - -{% highlight raw %} -{ % gist sergiokopplin/a344e39fef90e453c22815493475937c % } -{% endhighlight %} - -{% gist sergiokopplin/a344e39fef90e453c22815493475937c %} - ---- - -## Codepen - -You can add Pens from Codepen. - -{% highlight html %} -

- See the Pen Crappy Recreation of the Book Cover of *The Flame Alphabet* by Chris Coyier (@chriscoyier) on CodePen. -

- -{% endhighlight %} - -

See the Pen Crappy Recreation of the Book Cover of *The Flame Alphabet* by Chris Coyier (@chriscoyier) on CodePen.

- - ---- - -## Slideshare - -Add your presentations here! - -{% highlight html %} - -{% endhighlight %} - - - ---- - -## Videos - -Do you want some videos? Youtube, Vimeo or Vevo? Copy the embed code and paste on your post! - -**Example** - -{% highlight html %} - -{% endhighlight %} - - - -[1]: http://daringfireball.net/projects/markdown/ -[2]: http://www.fileformat.info/info/unicode/char/2163/index.htm -[3]: http://www.markitdown.net/ -[4]: http://daringfireball.net/projects/markdown/basics -[5]: http://daringfireball.net/projects/markdown/syntax -[6]: http://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg diff --git a/_posts/2016-01-23-indigo-jekyll-theme.markdown b/_posts/2016-01-23-indigo-jekyll-theme.markdown deleted file mode 100644 index bac39ed..0000000 --- a/_posts/2016-01-23-indigo-jekyll-theme.markdown +++ /dev/null @@ -1,31 +0,0 @@ ---- -title: "Indigo, minimalist jekyll theme" -layout: post -date: 2016-01-23 22:10 -tag: jekyll -img: indigo/indigo.png -projects: true -description: "This is a simple and minimalist template for Jekyll for those who likes to eat noodles." -jemoji: '

' ---- - -![Screenshot](https://raw.githubusercontent.com/sergiokopplin/indigo/gh-pages/screen-shot.png) - -Example of project - Indigo Minimalist Jekyll Template - [Demo](http://sergiokopplin.github.io/indigo/). This is a simple and minimalist template for Jekyll for those who likes to eat noodles. - ---- - -What has inside? - -- Gulp -- BrowserSync -- Stylus -- SVG -- Travis -- No JS -- [98/100](https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fsergiokopplin.github.io%2Findigo%2F) - ---- - -[Check it out](http://sergiokopplin.github.io/indigo/) here. -If you need some help, just [tell me](http://github.com/sergiokopplin/indigo/issues). diff --git a/_posts/2016-02-24-markdown-common-elements.markdown b/_posts/2016-02-24-markdown-common-elements.markdown deleted file mode 100644 index 9bbc901..0000000 --- a/_posts/2016-02-24-markdown-common-elements.markdown +++ /dev/null @@ -1,216 +0,0 @@ ---- -title: "Markdown Common Elements" -layout: post -date: 2016-02-24 22:44 -tag: -- markdown -- elements -blog: true -star: true ---- - -## Summary: - -You can pick as item to see how to apply in markdown. - -### Comum Elements -- [Basic formatting](#basic-formatting) -- [Headings](#headings) -- [Lists](#lists) -- [Paragraph Modifiers](#paragraph-modifiers) -- [Urls](#urls) -- [Horizontal Rule](#horizontal-rule) -- [Images](#images) -- [Code](#code) - ---- - -## Basic formatting - -This note **demonstrates** some of what [Markdown][1] is *capable of doing*. - -And that's how to do it. - -{% highlight html %} -This note **demonstrates** some of what [Markdown][some/link] is *capable of doing*. -{% endhighlight %} - ---- - -## Headings - -There are six levels of headings. They correspond with the six levels of HTML headings. You've probably noticed them already in the page. Each level down uses one more hash character. But we are using just 4 of them. - -# Headings can be small - -## Headings can be small - -### Headings can be small - -#### Headings can be small - -{% highlight raw %} -# Heading -## Heading -### Heading -#### Heading -{% endhighlight %} - ---- - -## Lists - -### Ordered list - -1. Item 1 -2. A second item -3. Number 3 - -{% highlight raw %} -1. Item 1 -2. A second item -3. Number 3 -{% endhighlight %} - -### Unordered list - -* An item -* Another item -* Yet another item -* And there's more... - -{% highlight raw %} -* An item -* Another item -* Yet another item -* And there's more... -{% endhighlight %} - ---- - -## Paragraph modifiers - -### Quote - -> Here is a quote. What this is should be self explanatory. Quotes are automatically indented when they are used. - -{% highlight raw %} -> Here is a quote. What this is should be self explanatory. -{% endhighlight raw %} - ---- - -## URLs - -URLs can be made in a handful of ways: - -* A named link to [Mark It Down][3]. -* Another named link to [Mark It Down](http://markitdown.net/) -* Sometimes you just want a URL like . - -{% highlight raw %} -* A named link to [MarkItDown][3]. -* Another named link to [MarkItDown](http://markitdown.net/) -* Sometimes you just want a URL like . -{% endhighlight %} - ---- - -## Horizontal rule - -A horizontal rule is a line that goes across the middle of the page. -It's sometimes handy for breaking things up. - -{% highlight raw %} ---- -{% endhighlight %} - ---- - -## Images - -Markdown can also contain images. I'll need to add something here sometime. - -{% highlight raw %} -![Markdowm Image][/image/url] -{% endhighlight %} - -![Markdowm Image][6] - -*Figure Caption*? - -{% highlight raw %} -![Markdowm Image][/image/url] -

Photo by John Doe

-{% endhighlight %} - -![Markdowm Image][6] -

Photo by John Doe

- -*Bigger Images*? - -{% highlight raw %} -![Markdowm Image][/image/url]{: class="bigger-image" } -{% endhighlight %} - -![Markdowm Image][6]{: class="bigger-image" } - ---- - -## Code - -A HTML Example: - -{% highlight html %} - - - - - Document - - -

Just a test

- - -{% endhighlight %} - -A CSS Example: - -{% highlight css %} -pre { - padding: 10px; - font-size: .8em; - white-space: pre; -} - -pre, table { - width: 100%; -} - -code, pre, tt { - font-family: Monaco, Consolas, Inconsolata, monospace, sans-serif; - background: rgba(0,0,0,.05); -} -{% endhighlight %} - -A JS Example: - -{% highlight js %} -// Sticky Header -$(window).scroll(function() { - - if ($(window).scrollTop() > 900 && !$("body").hasClass('show-menu')) { - $('#hamburguer__open').fadeOut('fast'); - } else if (!$("body").hasClass('show-menu')) { - $('#hamburguer__open').fadeIn('fast'); - } - -}); -{% endhighlight %} - -[1]: http://daringfireball.net/projects/markdown/ -[2]: http://www.fileformat.info/info/unicode/char/2163/index.htm -[3]: http://www.markitdown.net/ -[4]: http://daringfireball.net/projects/markdown/basics -[5]: http://daringfireball.net/projects/markdown/syntax -[6]: http://kune.fr/wp-content/uploads/2013/10/ghost-blog.jpg diff --git a/about.md b/about.md deleted file mode 100644 index 1f8afd4..0000000 --- a/about.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: About -layout: page -permalink: /about/index.html ---- -![Profile Image]({{ site.url }}/{{ site.picture }}) - -

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod -tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, -quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo -consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse -cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non -proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

- -

Skills

- -

HTML - Jade - Haml - Erb
Responsive (Mobile First)
CSS (Stylus, Sass, Less)
Css Frameworks (Bootstrap, Foundation)
Javascript (Design Patterns, Testes)
NodeJS
AngularJS - ReactJS
Grunt - Gulp - Yeoman
Git
PHP
Python
MySQL - MongoDB
Scrum and Kanban
TDD e Continuous Integration

- -

Projects

- -

diff --git a/assets/images/favicon/apple-touch-icon-114x114.png b/assets/images/favicon/apple-touch-icon-114x114.png deleted file mode 100755 index b5c011a..0000000 Binary files a/assets/images/favicon/apple-touch-icon-114x114.png and /dev/null differ diff --git a/assets/images/favicon/apple-touch-icon-120x120.png b/assets/images/favicon/apple-touch-icon-120x120.png deleted file mode 100755 index ca3df1e..0000000 Binary files a/assets/images/favicon/apple-touch-icon-120x120.png and /dev/null differ diff --git a/assets/images/favicon/apple-touch-icon-144x144.png b/assets/images/favicon/apple-touch-icon-144x144.png deleted file mode 100755 index 264aeae..0000000 Binary files a/assets/images/favicon/apple-touch-icon-144x144.png and /dev/null differ diff --git a/assets/images/favicon/apple-touch-icon-152x152.png b/assets/images/favicon/apple-touch-icon-152x152.png deleted file mode 100755 index b924374..0000000 Binary files a/assets/images/favicon/apple-touch-icon-152x152.png and /dev/null differ diff --git a/assets/images/favicon/apple-touch-icon-57x57.png b/assets/images/favicon/apple-touch-icon-57x57.png deleted file mode 100755 index 8d67955..0000000 Binary files a/assets/images/favicon/apple-touch-icon-57x57.png and /dev/null differ diff --git a/assets/images/favicon/apple-touch-icon-60x60.png b/assets/images/favicon/apple-touch-icon-60x60.png deleted file mode 100755 index c30e3f5..0000000 Binary files a/assets/images/favicon/apple-touch-icon-60x60.png and /dev/null differ diff --git a/assets/images/favicon/apple-touch-icon-72x72.png b/assets/images/favicon/apple-touch-icon-72x72.png deleted file mode 100755 index 50e8dd2..0000000 Binary files a/assets/images/favicon/apple-touch-icon-72x72.png and /dev/null differ diff --git a/assets/images/favicon/apple-touch-icon-76x76.png b/assets/images/favicon/apple-touch-icon-76x76.png deleted file mode 100755 index d726ec2..0000000 Binary files a/assets/images/favicon/apple-touch-icon-76x76.png and /dev/null differ diff --git a/assets/images/favicon/code.txt b/assets/images/favicon/code.txt deleted file mode 100755 index 9940c02..0000000 --- a/assets/images/favicon/code.txt +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/assets/images/favicon/favicon-128.png b/assets/images/favicon/favicon-128.png deleted file mode 100755 index 761f02a..0000000 Binary files a/assets/images/favicon/favicon-128.png and /dev/null differ diff --git a/assets/images/favicon/favicon-16x16.png b/assets/images/favicon/favicon-16x16.png deleted file mode 100755 index 174f2e3..0000000 Binary files a/assets/images/favicon/favicon-16x16.png and /dev/null differ diff --git a/assets/images/favicon/favicon-196x196.png b/assets/images/favicon/favicon-196x196.png deleted file mode 100755 index df8dc7a..0000000 Binary files a/assets/images/favicon/favicon-196x196.png and /dev/null differ diff --git a/assets/images/favicon/favicon-32x32.png b/assets/images/favicon/favicon-32x32.png deleted file mode 100755 index 118562c..0000000 Binary files a/assets/images/favicon/favicon-32x32.png and /dev/null differ diff --git a/assets/images/favicon/favicon-96x96.png b/assets/images/favicon/favicon-96x96.png deleted file mode 100755 index 4b085aa..0000000 Binary files a/assets/images/favicon/favicon-96x96.png and /dev/null differ diff --git a/assets/images/favicon/favicon.ico b/assets/images/favicon/favicon.ico deleted file mode 100755 index 081f63d..0000000 Binary files a/assets/images/favicon/favicon.ico and /dev/null differ diff --git a/assets/images/favicon/mstile-144x144.png b/assets/images/favicon/mstile-144x144.png deleted file mode 100755 index 264aeae..0000000 Binary files a/assets/images/favicon/mstile-144x144.png and /dev/null differ diff --git a/assets/images/favicon/mstile-150x150.png b/assets/images/favicon/mstile-150x150.png deleted file mode 100755 index dc597c7..0000000 Binary files a/assets/images/favicon/mstile-150x150.png and /dev/null differ diff --git a/assets/images/favicon/mstile-310x150.png b/assets/images/favicon/mstile-310x150.png deleted file mode 100755 index 9403c07..0000000 Binary files a/assets/images/favicon/mstile-310x150.png and /dev/null differ diff --git a/assets/images/favicon/mstile-310x310.png b/assets/images/favicon/mstile-310x310.png deleted file mode 100755 index 6850023..0000000 Binary files a/assets/images/favicon/mstile-310x310.png and /dev/null differ diff --git a/assets/images/favicon/mstile-70x70.png b/assets/images/favicon/mstile-70x70.png deleted file mode 100755 index 761f02a..0000000 Binary files a/assets/images/favicon/mstile-70x70.png and /dev/null differ diff --git a/assets/images/profile.jpg b/assets/images/profile.jpg deleted file mode 100755 index d51984c..0000000 Binary files a/assets/images/profile.jpg and /dev/null differ diff --git a/assets/styles/base/_general.styl b/assets/styles/base/_general.styl deleted file mode 100755 index c4d6790..0000000 --- a/assets/styles/base/_general.styl +++ /dev/null @@ -1,135 +0,0 @@ -body, html - font-size 62.5% - -body - line-height 1 - font 16px fontSans - color alpha - -webkit-font-smoothing antialiased - text-rendering optimizeLegibility - -h1, h2, h3, h4 - font-family fontSans - color beta - -webkit-font-smoothing antialiased - text-rendering optimizeLegibility - -h1 - font-size 3rem - letter-spacing -1px - color beta - font-weight 700 - -h2 - font-size 2.2rem - -h3 - font-size 2rem - -h4 - font-size 1.6rem - -a - color delta - text-decoration underline - -p - line-height 1.7 - color alpha - font-weight 300 - margin-bottom 20px - letter-spacing 0.4px - - +mobile() - letter-spacing 0.2px - -strong - font-weight 400 - color #000 - -ul, -ol - li - line-height 2.4rem - font-weight 300 - color alpha - -img, -pre, -iframe - max-width 100% - -img, -pre - border-radius 4px - -figcaption - position relative - top -20px - left 0 - right 0 - margin 0 auto - width 100% - text-align center - font-size 1.3rem - color gama - font-weight 300 - - +mobile() - font-size 1.2rem - -blockquote - padding-left 15px - border-left 3px solid #eee - -hr - border none - height 1px - margin 40px auto - background #eee - width 100% - -figure.highlight - width 100% - margin 0 - -code, -tt - padding 1px 3px - font-family fontMonospace - font-size 12px - line-height 20px - background #fff - border-radius 2px - border-radius 2px - -pre - box-sizing border-box - margin 0 0 1.75em 0 - width 100% - padding 5px 10px - font-family fontMonospace - font-size 1.2rem - line-height 2rem - overflow auto - background #fff - border 1px solid epsilon - border-radius 2px - -.wrapper-normal, -.wrapper-large - height 100% - width 96% - margin 0 auto - - +mobile() - width 88% - - +tablet() - width 88% - -.wrapper-normal - max-width 560px - -.wrapper-large - max-width 810px diff --git a/assets/styles/base/_helpers.styl b/assets/styles/base/_helpers.styl deleted file mode 100644 index deeaf71..0000000 --- a/assets/styles/base/_helpers.styl +++ /dev/null @@ -1,32 +0,0 @@ -/* - * general helpers - */ - -.text-center - text-align center - -.clearfix:before, -.clearfix:after - content "" - display table - -.clearfix:after - clear both - - -/* - * animations - */ - - .animated - animation fade-in-down 0.6s - animation-delay .3s - -@keyframes fade-in-down - 0% - opacity 0 - transform translateY(-10px) - - 100% - opacity 1 - transform translateY(0) diff --git a/assets/styles/base/_normalize.styl b/assets/styles/base/_normalize.styl deleted file mode 100644 index 97f7d88..0000000 --- a/assets/styles/base/_normalize.styl +++ /dev/null @@ -1,149 +0,0 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ - -// no rscss for this file - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} diff --git a/assets/styles/base/_syntax.styl b/assets/styles/base/_syntax.styl deleted file mode 100755 index 946218a..0000000 --- a/assets/styles/base/_syntax.styl +++ /dev/null @@ -1,210 +0,0 @@ -/* - * GitHub style for Pygments syntax highlighter, for use with Jekyll - * Courtesy of GitHub.com - */ - -// no rscss for this file - -.highlight - .c - color #999988 - font-style italic - - .err - color #a61717 - background-color #e3d2d2 - - .k - font-weight bold - - .o - font-weight bold - - .cm - color #999988 - font-style italic - - .cp - color #999999 - font-weight bold - - .c1 - color #999988 - font-style italic - - .cs - color #999999 - font-weight bold - font-style italic - - .gd - color #000000 - background-color #ffdddd - - .gd .x - color #000000 - background-color #ffaaaa - - .ge - font-style italic - - .gr - color #aa0000 - - .gh - color #999999 - - .gi - color #000000 - background-color #ddffdd - - .gi .x - color #000000 - background-color #aaffaa - - .go - color #888888 - - .gp - color #555555 - - .gs - font-weight bold - - .gu - color #800080 - font-weight bold - - .gt - color #aa0000 - - .kc - font-weight bold - - .kd - font-weight bold - - .kn - font-weight bold - - .kp - font-weight bold - - .kr - font-weight bold - - .kt - color #445588 - font-weight bold - - .m - color #009999 - - .s - color #dd1144 - - .n - color #333333 - - .na - color teal - - .nb - color #0086b3 - - .nc - color #445588 - font-weight bold - - .no - color teal - - .ni - color purple - - .ne - color #990000 - font-weight bold - - .nf - color #990000 - font-weight bold - - .nn - color #555555 - - .nt - color navy - - .nv - color teal - - .ow - font-weight bold - - .w - color #bbbbbb - - .mf - color #009999 - - .mh - color #009999 - - .mi - color #009999 - - .mo - color #009999 - - .sb - color #dd1144 - - .sc - color #dd1144 - - .sd - color #dd1144 - - .s2 - color #dd1144 - - .se - color #dd1144 - - .sh - color #dd1144 - - .si - color #dd1144 - - .sx - color #dd1144 - - .sr - color #009926 - - .s1 - color #dd1144 - - .ss - color #990073 - - .bp - color #999999 - - .vc - color teal - - .vg - color teal - - .vi - color teal - - .il - color #009999 - - .gc - color #999 - background-color #EAF2F5 diff --git a/assets/styles/base/_variables.styl b/assets/styles/base/_variables.styl deleted file mode 100755 index 059809c..0000000 --- a/assets/styles/base/_variables.styl +++ /dev/null @@ -1,10 +0,0 @@ -// ~ fonts -fontSans = "Helvetica Neue", Helvetica, Arial, sans-serif -fontMonospace = Consolas, "Liberation Mono", Menlo, Courier, monospace - -// ~ colors -alpha = #666 -beta = #222 -gama = #aaa -delta = #4b0082 -epsilon = #ededed diff --git a/assets/styles/components/_author.styl b/assets/styles/components/_author.styl deleted file mode 100644 index 9b0d655..0000000 --- a/assets/styles/components/_author.styl +++ /dev/null @@ -1,71 +0,0 @@ -.author - padding 3rem 0 - border-bottom 1px solid epsilon - border-top 1px solid epsilon - max-width 100% - margin 9rem auto 0 - - > .toleft > .selfie - width 90% - border-radius 100% - - > .toright > .name, - > .toright > .bio - width 60% - display inline-block - - > .toright > .name - font-size 1.5rem - font-family fontSans - font-weight 500 - margin 6px 0 0 - - +mobile() - width 100% - display block - - +tablet() - width 100% - display block - - > .toright > .bio - font-family fontSans - font-weight 300 - color gama - font-size 1.3rem - text-align justify - line-height 1.5 - margin 0 - - +mobile() - width 100% - display block - - +tablet() - width 100% - display block - - > .toleft - width 10% - display inline-block - - +mobile() - width 20% - - +tablet() - width 20% - - > .toright - width 89% - display inline-block - vertical-align top - - +mobile() - width 78% - - +tablet() - width 78% - -.no-disqus - border-bottom none - padding-bottom 0 diff --git a/assets/styles/components/_disqus.styl b/assets/styles/components/_disqus.styl deleted file mode 100644 index fc0052b..0000000 --- a/assets/styles/components/_disqus.styl +++ /dev/null @@ -1,4 +0,0 @@ -.disqus - margin 0 auto - max-width 100% - padding 40px 0 diff --git a/assets/styles/components/_footer.styl b/assets/styles/components/_footer.styl deleted file mode 100644 index c8e9a5f..0000000 --- a/assets/styles/components/_footer.styl +++ /dev/null @@ -1,52 +0,0 @@ -.footer-main - border-top 1px solid epsilon - padding 40px 0 - margin 40px 0 0 - font-size 1.3rem - color gama - font-weight 300 - text-align center - position relative - - &:before - display block - content " " - width 7px - height 7px - border epsilon 1px solid - position absolute - top -5px - left 50% - margin-left -5px - background #FFF - box-shadow #FFF 0 0 0 5px - border-radius 3px - - > .link - display inline - - > .icon - width 15px !important - fill gama !important - transition ease-in-out all .3s - position relative - top 3px - display inherit - margin 0 - - &:hover - fill delta !important - - > .extra - color gama - margin-top 0 - - > .link - color beta - text-decoration none - border-bottom 1px solid transparent - transition ease-in-out all .3s - padding-bottom 1px - - &:hover - border-color gama diff --git a/assets/styles/components/_header.styl b/assets/styles/components/_header.styl deleted file mode 100644 index f8a102c..0000000 --- a/assets/styles/components/_header.styl +++ /dev/null @@ -1,32 +0,0 @@ -.header-home - display block - margin 0 auto - text-align center - - > .link > .selfie - width 125px - margin-bottom 25px - border-radius 100% - transition all .2s - box-shadow 0 - opacity 1 - - &:hover - box-shadow 0 0px 4px 0 rgba(0,0,0,0.18), 0 0px 12px 0 rgba(0,0,0,0.15) - opacity .8 - - > .title - font-size 4rem - margin 0 0 13px - - > .description - font-size 1.85rem - font-weight 300 - font-style normal - color gama - width 70% - margin 0 auto 30px - - // if you put some links in your bio. ;) - a - font-weight 200 diff --git a/assets/styles/components/_nav.styl b/assets/styles/components/_nav.styl deleted file mode 100644 index 2a47e6e..0000000 --- a/assets/styles/components/_nav.styl +++ /dev/null @@ -1,46 +0,0 @@ -.nav, -.nav-home - > .list - list-style none - margin 0 - padding 0 13px 0 - - > .item - display inline-block - - > .item > .link - display inline-block - font-weight 300 - font-size 1.4rem - padding 20px 10px - text-decoration none - -.nav - position absolute - right 0 - top 0 - - > .list - padding 0 13px 0 - - > .item > .link - font-size 1.4rem - padding 20px 10px - -.nav-home - margin-top 40px - text-align center - - > .list - padding 0 - - > .item > .link - font-size 2rem - padding 7px 15px - margin 0 - border-radius 4% - transition all .4s ease-in-out - width 70px - - &:hover - color alpha diff --git a/assets/styles/components/_others.styl b/assets/styles/components/_others.styl deleted file mode 100644 index 943d75c..0000000 --- a/assets/styles/components/_others.styl +++ /dev/null @@ -1,58 +0,0 @@ -.evidence - background-image: linear-gradient(to bottom, rgba(39,243,106,0.15), rgba(39,243,106,0.15)) - color beta - -.star - > .url > .title - width auto !important - display inline - background-image linear-gradient(to bottom, rgba(39,243,106,0.15), rgba(39,243,106,0.15)) - -.twitter-tweet - margin 10px auto - -.icon - display inline-block - width 17px - height 17px - fill #000 - text-align center - color #000 - margin 7px auto - -.caption - position relative - top 1rem - left 0 - right 0 - margin 0 auto - width 100% - text-align center - font-size 1.3rem - -.bigger-image - min-width 130% - margin 5rem 0 5rem -15% - - +mobile() - min-width 114% - margin 2rem 0 2rem -7% - - +tablet() - min-width 114% - margin 2rem 0 2rem -7% - -.breaker - height 1px - margin 6rem auto - width 100% - - &:before - content "• • •" - width 100% - text-align center - display block - color gama - letter-spacing 4px - position relative - top -8px diff --git a/assets/styles/components/_pagination.styl b/assets/styles/components/_pagination.styl deleted file mode 100644 index 7b8ecf0..0000000 --- a/assets/styles/components/_pagination.styl +++ /dev/null @@ -1,19 +0,0 @@ -.pagination - width 95% - margin 3rem auto 0 - text-align center - - > .page_number - display inline-block - font-size 1.3rem - - > .previous, - > .next - display inline-block - font-size 1.8rem - position relative - top 1px - padding 1px 9px - - > .hidden - visibility hidden diff --git a/assets/styles/components/_related.styl b/assets/styles/components/_related.styl deleted file mode 100644 index 3dba8fe..0000000 --- a/assets/styles/components/_related.styl +++ /dev/null @@ -1,2 +0,0 @@ -.related - margin 10rem 0 -5rem diff --git a/assets/styles/components/_share.styl b/assets/styles/components/_share.styl deleted file mode 100644 index 60d9d3d..0000000 --- a/assets/styles/components/_share.styl +++ /dev/null @@ -1,59 +0,0 @@ -.share - float right - width 40% - display inline - text-align right - position relative - top -10px - - +mobile() - width 100% - display block - top 0 - text-align left - float none - margin-top 5px - - +tablet() - width 100% - display block - top 0 - text-align left - float none - margin-top 5px - - > .twitter, - > .facebook - display inline - vertical-align middle - font-size 13px - font-weight 700 - color #fff - padding 6px 10px - border-radius 3px - margin-left 5px - text-decoration none - - +mobile() - margin 0 5px 10px 0 - - +tablet() - margin 0 5px 10px 0 - - > .twitter - background #4fafed - - > .facebook - background #4361b3 - - // #bug - // can't use .icon with > - // don't know why - sorry - // take this insted: youtube.com/watch?v=59Zcx9YbZxI - svg - fill #fff - position relative - top 3px - margin 0 - margin-right 4px - display inherit diff --git a/assets/styles/components/_side-by-side.styl b/assets/styles/components/_side-by-side.styl deleted file mode 100644 index 3c2affb..0000000 --- a/assets/styles/components/_side-by-side.styl +++ /dev/null @@ -1,43 +0,0 @@ -.side-by-side - +above(780px) - width 130% - margin 6rem 0 6rem -15% - - +below(780px) - width 100% - margin 4rem 0 - - > .toleft, - > .toright - display inline-block - width 47.5% - - +below(780px) - img - text-align center - display block - margin 0 auto - - > .toleft - +above(780px) - margin-right 2% - - +below(780px) - width 100% - margin 0 0 4rem 0 - - > .toright - +above(780px) - margin-left 2% - vertical-align top - - +below(780px) - width 100% - margin 0 0 4rem 0 - - > .toleft > p, - > .toright > p - margin 0 0 4rem 0 - - +below(780px) - margin 0 diff --git a/assets/styles/components/_social-links.styl b/assets/styles/components/_social-links.styl deleted file mode 100644 index 0e14bd5..0000000 --- a/assets/styles/components/_social-links.styl +++ /dev/null @@ -1,59 +0,0 @@ -.social-links - margin-top 20px - - > .link - margin 0 - text-decoration none - position relative - display inline-block - height 35px - width 35px - - &:hover - > .icon - fill delta - - &:hover:before - opacity 1 - transform translate3d(0,0,0) - - &:before - content attr(data-title) - display inline-block - position absolute - bottom -34px - left -6px - margin 0 auto - font-size 13px - padding 3px 10px - background beta - color #fff - border-radius 2px - height 22px - line-height 22px - opacity 0 - transition opacity 150ms linear, transform 150ms linear, -webkit-transform 150ms linear - transform translate3d(0,-8px,0) - z-index 99 - - &:after - content "" - position absolute - top 35px - left 13px - width 0 - height 0 - border-left 5px solid transparent - border-right 5px solid transparent - border-bottom 6px solid beta - opacity 0 - transition opacity 150ms linear, transform 150ms linear, -webkit-transform 150ms linear - transform translate3d(0,-8px,0) - z-index 100 - - &:hover:after - opacity 1 - transform translate3d(0,0,0) - - > .icon - transition all ease-in-out .2s diff --git a/assets/styles/main.css b/assets/styles/main.css deleted file mode 100755 index eea3efa..0000000 --- a/assets/styles/main.css +++ /dev/null @@ -1,1187 +0,0 @@ -/* normalize.css v3.0.2 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} -body { - margin: 0; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} -audio:not([controls]) { - display: none; - height: 0; -} -a { - background-color: transparent; -} -a:active, -a:hover { - outline: 0; -} -h1 { - font-size: 2em; - margin: 0.67em 0; -} -img { - border: 0; -} -hr { - box-sizing: content-box; - height: 0; -} -pre { - overflow: auto; -} -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -.highlight .c { - color: #998; - font-style: italic; -} -.highlight .err { - color: #a61717; - background-color: #e3d2d2; -} -.highlight .k { - font-weight: bold; -} -.highlight .o { - font-weight: bold; -} -.highlight .cm { - color: #998; - font-style: italic; -} -.highlight .cp { - color: #999; - font-weight: bold; -} -.highlight .c1 { - color: #998; - font-style: italic; -} -.highlight .cs { - color: #999; - font-weight: bold; - font-style: italic; -} -.highlight .gd { - color: #000; - background-color: #fdd; -} -.highlight .gd .x { - color: #000; - background-color: #faa; -} -.highlight .ge { - font-style: italic; -} -.highlight .gr { - color: #a00; -} -.highlight .gh { - color: #999; -} -.highlight .gi { - color: #000; - background-color: #dfd; -} -.highlight .gi .x { - color: #000; - background-color: #afa; -} -.highlight .go { - color: #888; -} -.highlight .gp { - color: #555; -} -.highlight .gs { - font-weight: bold; -} -.highlight .gu { - color: #800080; - font-weight: bold; -} -.highlight .gt { - color: #a00; -} -.highlight .kc { - font-weight: bold; -} -.highlight .kd { - font-weight: bold; -} -.highlight .kn { - font-weight: bold; -} -.highlight .kp { - font-weight: bold; -} -.highlight .kr { - font-weight: bold; -} -.highlight .kt { - color: #458; - font-weight: bold; -} -.highlight .m { - color: #099; -} -.highlight .s { - color: #d14; -} -.highlight .n { - color: #333; -} -.highlight .na { - color: #008080; -} -.highlight .nb { - color: #0086b3; -} -.highlight .nc { - color: #458; - font-weight: bold; -} -.highlight .no { - color: #008080; -} -.highlight .ni { - color: #800080; -} -.highlight .ne { - color: #900; - font-weight: bold; -} -.highlight .nf { - color: #900; - font-weight: bold; -} -.highlight .nn { - color: #555; -} -.highlight .nt { - color: #000080; -} -.highlight .nv { - color: #008080; -} -.highlight .ow { - font-weight: bold; -} -.highlight .w { - color: #bbb; -} -.highlight .mf { - color: #099; -} -.highlight .mh { - color: #099; -} -.highlight .mi { - color: #099; -} -.highlight .mo { - color: #099; -} -.highlight .sb { - color: #d14; -} -.highlight .sc { - color: #d14; -} -.highlight .sd { - color: #d14; -} -.highlight .s2 { - color: #d14; -} -.highlight .se { - color: #d14; -} -.highlight .sh { - color: #d14; -} -.highlight .si { - color: #d14; -} -.highlight .sx { - color: #d14; -} -.highlight .sr { - color: #009926; -} -.highlight .s1 { - color: #d14; -} -.highlight .ss { - color: #990073; -} -.highlight .bp { - color: #999; -} -.highlight .vc { - color: #008080; -} -.highlight .vg { - color: #008080; -} -.highlight .vi { - color: #008080; -} -.highlight .il { - color: #099; -} -.highlight .gc { - color: #999; - background-color: #eaf2f5; -} -body, -html { - font-size: 62.5%; -} -body { - line-height: 1; - font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif; -} -color alpha { - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; -} -h1, -h2, -h3, -h4 { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #222; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; -} -h1 { - font-size: 3rem; - letter-spacing: -1px; - color: #222; - font-weight: 700; -} -h2 { - font-size: 2.2rem; -} -h3 { - font-size: 2rem; -} -h4 { - font-size: 1.6rem; -} -a { - color: #4b0082; - text-decoration: underline; -} -p { - line-height: 1.7; - color: #666; - font-weight: 300; - margin-bottom: 20px; - letter-spacing: 0.4px; -} -@media only screen and (max-width: 400px) { - p { - letter-spacing: 0.2px; - } -} -strong { - font-weight: 400; - color: #000; -} -ul li, -ol li { - line-height: 2.4rem; - font-weight: 300; - color: #666; -} -img, -pre, -iframe { - max-width: 100%; -} -img, -pre { - border-radius: 4px; -} -figcaption { - position: relative; - top: -20px; - left: 0; - right: 0; - margin: 0 auto; - width: 100%; - text-align: center; - font-size: 1.3rem; - color: #aaa; - font-weight: 300; -} -@media only screen and (max-width: 400px) { - figcaption { - font-size: 1.2rem; - } -} -blockquote { - padding-left: 15px; - border-left: 3px solid #eee; -} -hr { - border: none; - height: 1px; - margin: 40px auto; - background: #eee; - width: 100%; -} -figure.highlight { - width: 100%; - margin: 0; -} -code, -tt { - padding: 1px 3px; - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 12px; - line-height: 20px; - background: #fff; - border-radius: 2px; - border-radius: 2px; -} -pre { - box-sizing: border-box; - margin: 0 0 1.75em 0; - width: 100%; - padding: 5px 10px; - font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 1.2rem; - line-height: 2rem; - overflow: auto; - background: #fff; - border: 1px solid #ededed; - border-radius: 2px; -} -.wrapper-normal, -.wrapper-large { - height: 100%; - width: 96%; - margin: 0 auto; -} -@media only screen and (max-width: 400px) { - .wrapper-normal, - .wrapper-large { - width: 88%; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .wrapper-normal, - .wrapper-large { - width: 88%; - } -} -.wrapper-normal { - max-width: 560px; -} -.wrapper-large { - max-width: 810px; -} -.text-center { - text-align: center; -} -.clearfix:before, -.clearfix:after { - content: ""; - display: table; -} -.clearfix:after { - clear: both; -} -.animated { - -webkit-animation: fade-in-down 0.6s; - animation: fade-in-down 0.6s; - -webkit-animation-delay: 0.3s; - animation-delay: 0.3s; -} -@-webkit-keyframes fade-in-down { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} -@keyframes fade-in-down { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } -} -.home, -.blog, -.projects { - margin-top: 125px; -} -.home > .list, -.blog > .list, -.projects > .list { - border-top: 1px solid #ededed; - margin-top: 30px; - padding-top: 40px; - position: relative; -} -.home > .list:before, -.blog > .list:before, -.projects > .list:before { - display: block; - content: " "; - width: 7px; - height: 7px; - border: #ededed 1px solid; - position: absolute; - top: -5px; - left: 50%; - margin-left: -5px; - background: #fff; - box-shadow: #fff 0 0 0 5px; - border-radius: 3px; -} -.home > .list > .item, -.blog > .list > .item, -.projects > .list > .item { - display: block; - width: 95%; - margin: 0 auto; -} -.home > .list > .item > .url, -.blog > .list > .item > .url, -.projects > .list > .item > .url { - width: 100%; - display: block; - padding: 20px 0; - text-decoration: none; -} -.home > .list > .item > .url > .title, -.blog > .list > .item > .url > .title, -.projects > .list > .item > .url > .title { - margin: 0; - width: 75%; - font-weight: 500; - -webkit-transition: all ease-in-out 0.2s; - transition: all ease-in-out 0.2s; -} -.home > .list > .item:hover > .url > .title, -.blog > .list > .item:hover > .url > .title, -.projects > .list > .item:hover > .url > .title { - color: #4b0082; -} -.home > .list aside, -.blog > .list aside, -.projects > .list aside { - position: relative; - top: 2px; - margin: 0; - width: 25%; - float: right; - font-weight: 300; - color: #aaa; - text-align: right; - -webkit-transition: all ease-in-out 0.2s; - transition: all ease-in-out 0.2s; -} -.home > .list .item:hover .url aside, -.blog > .list .item:hover .url aside, -.projects > .list .item:hover .url aside { - color: #666; -} -.projects > .list > .item > .url > .title { - display: inline; -} -.projects > .list > .item > .url > .emoji { - display: inline; - position: relative; - top: -4px; - margin-right: 10px; -} -.page { - margin-top: 125px; -} -.page > h1 { - text-align: center; - margin-bottom: 6rem; -} -.about img { - width: 50%; - margin: 0 auto; - display: block; -} -.post { - margin-top: 125px; -} -.post > .title { - text-align: center; - margin-bottom: 3rem; -} -.post > .date, -.post > .post-tags { - color: #aaa; - font-weight: 300; - font-size: 1.4rem; - text-transform: uppercase; - text-align: center; - display: block; - margin-bottom: 6rem; - letter-spacing: 1px; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; -} -.post > .date { - margin-bottom: 2rem; -} -.post > .post-tags > .item { - padding: 3px 6px; - border-radius: 3px; - font-size: 1.1rem; - background: #ededed; - color: #666; - letter-spacing: 1px; - margin: 0 0.5rem; - text-decoration: none; -} -.post > h2, -.post > h3, -.post > h4 { - margin-top: 40px; -} -.post > h2 a, -.post > h3 a, -.post > h4 a { - text-decoration: none; -} -.tags { - margin-top: 125px; -} -.tags > .list { - border-top: 1px solid #ededed; - margin-top: 30px; - padding-top: 40px; - position: relative; -} -.tags > .list:before { - display: block; - content: " "; - width: 7px; - height: 7px; - border: #ededed 1px solid; - position: absolute; - top: -5px; - left: 50%; - margin-left: -5px; - background: #fff; - box-shadow: #fff 0 0 0 5px; - border-radius: 3px; -} -.tags > .list > .item { - font-weight: 300; - text-transform: uppercase; - text-align: center; - margin-bottom: 6rem; - -webkit-font-smoothing: antialiased; - text-rendering: optimizeLegibility; - padding: 3px 6px; - border-radius: 3px; - font-size: 1.3rem; - background: #ededed; - color: #666; - letter-spacing: 1px; - margin: 0 0.5rem 1rem; - text-decoration: none; - display: inline-block; -} -.tag-list > .list { - padding: 0; -} -.tag-list > .list > .item { - display: block; - width: 80%; - margin: 0 10%; -} -.tag-list > .list > .item > .url { - width: 100%; - height: 100%; - display: block; - padding: 20px 0; - text-decoration: none; -} -.tag-list > .list > .item > .url > .title { - margin: 0; - width: 75%; - font-weight: 400; - -webkit-transition: all ease-in-out 0.2s; - transition: all ease-in-out 0.2s; - font-size: 1.6rem; -} -.tag-list > .list > .item:hover > .url > .title { - color: #4b0082; -} -.tag-list > .list aside { - position: relative; - top: 2px; - margin: 0; - width: 25%; - float: right; - font-weight: 300; - color: #aaa; - text-align: right; - -webkit-transition: all ease-in-out 0.2s; - transition: all ease-in-out 0.2s; - font-size: 1.6rem; -} -.tag-list > .list .item:hover .url aside { - color: #666; -} -.author { - padding: 3rem 0; - border-bottom: 1px solid #ededed; - border-top: 1px solid #ededed; - max-width: 100%; - margin: 9rem auto 0; -} -.author > .toleft > .selfie { - width: 90%; - border-radius: 100%; -} -.author > .toright > .name, -.author > .toright > .bio { - width: 60%; - display: inline-block; -} -.author > .toright > .name { - font-size: 1.5rem; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 500; - margin: 6px 0 0; -} -@media only screen and (max-width: 400px) { - .author > .toright > .name { - width: 100%; - display: block; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .author > .toright > .name { - width: 100%; - display: block; - } -} -.author > .toright > .bio { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 300; - color: #aaa; - font-size: 1.3rem; - text-align: justify; - line-height: 1.5; - margin: 0; -} -@media only screen and (max-width: 400px) { - .author > .toright > .bio { - width: 100%; - display: block; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .author > .toright > .bio { - width: 100%; - display: block; - } -} -.author > .toleft { - width: 10%; - display: inline-block; -} -@media only screen and (max-width: 400px) { - .author > .toleft { - width: 20%; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .author > .toleft { - width: 20%; - } -} -.author > .toright { - width: 89%; - display: inline-block; - vertical-align: top; -} -@media only screen and (max-width: 400px) { - .author > .toright { - width: 78%; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .author > .toright { - width: 78%; - } -} -.no-disqus { - border-bottom: none; - padding-bottom: 0; -} -.disqus { - margin: 0 auto; - max-width: 100%; - padding: 40px 0; -} -.footer-main { - border-top: 1px solid #ededed; - padding: 40px 0; - margin: 40px 0 0; - font-size: 1.3rem; - color: #aaa; - font-weight: 300; - text-align: center; - position: relative; -} -.footer-main:before { - display: block; - content: " "; - width: 7px; - height: 7px; - border: #ededed 1px solid; - position: absolute; - top: -5px; - left: 50%; - margin-left: -5px; - background: #fff; - box-shadow: #fff 0 0 0 5px; - border-radius: 3px; -} -.footer-main > .link { - display: inline; -} -.footer-main > .link > .icon { - width: 15px !important; - fill: #aaa !important; - -webkit-transition: ease-in-out all 0.3s; - transition: ease-in-out all 0.3s; - position: relative; - top: 3px; - display: inherit; - margin: 0; -} -.footer-main > .link > .icon:hover { - fill: #4b0082 !important; -} -.footer-main > .extra { - color: #aaa; - margin-top: 0; -} -.footer-main > .extra > .link { - color: #222; - text-decoration: none; - border-bottom: 1px solid transparent; - -webkit-transition: ease-in-out all 0.3s; - transition: ease-in-out all 0.3s; - padding-bottom: 1px; -} -.footer-main > .extra > .link:hover { - border-color: #aaa; -} -.header-home { - display: block; - margin: 0 auto; - text-align: center; -} -.header-home > .link > .selfie { - width: 125px; - margin-bottom: 25px; - border-radius: 100%; - -webkit-transition: all 0.2s; - transition: all 0.2s; - box-shadow: 0; - opacity: 1; -} -.header-home > .link > .selfie:hover { - box-shadow: 0 0px 4px 0 rgba(0,0,0,0.18), 0 0px 12px 0 rgba(0,0,0,0.15); - opacity: 0.8; -} -.header-home > .title { - font-size: 4rem; - margin: 0 0 13px; -} -.header-home > .description { - font-size: 1.85rem; - font-weight: 300; - font-style: normal; - color: #aaa; - width: 70%; - margin: 0 auto 30px; -} -.header-home > .description a { - font-weight: 200; -} -.nav > .list, -.nav-home > .list { - list-style: none; - margin: 0; - padding: 0 13px 0; -} -.nav > .list > .item, -.nav-home > .list > .item { - display: inline-block; -} -.nav > .list > .item > .link, -.nav-home > .list > .item > .link { - display: inline-block; - font-weight: 300; - font-size: 1.4rem; - padding: 20px 10px; - text-decoration: none; -} -.nav { - position: absolute; - right: 0; - top: 0; -} -.nav > .list { - padding: 0 13px 0; -} -.nav > .list > .item > .link { - font-size: 1.4rem; - padding: 20px 10px; -} -.nav-home { - margin-top: 40px; - text-align: center; -} -.nav-home > .list { - padding: 0; -} -.nav-home > .list > .item > .link { - font-size: 2rem; - padding: 7px 15px; - margin: 0; - border-radius: 4%; - -webkit-transition: all 0.4s ease-in-out; - transition: all 0.4s ease-in-out; - width: 70px; -} -.nav-home > .list > .item > .link:hover { - color: #666; -} -.evidence { - background-image: -webkit-linear-gradient(top, rgba(39,243,106,0.15), rgba(39,243,106,0.15)); - background-image: linear-gradient(to bottom, rgba(39,243,106,0.15), rgba(39,243,106,0.15)); - color: #222; -} -.star > .url > .title { - width: auto !important; - display: inline; - background-image: -webkit-linear-gradient(top, rgba(39,243,106,0.15), rgba(39,243,106,0.15)); - background-image: linear-gradient(to bottom, rgba(39,243,106,0.15), rgba(39,243,106,0.15)); -} -.twitter-tweet { - margin: 10px auto; -} -.icon { - display: inline-block; - width: 17px; - height: 17px; - fill: #000; - text-align: center; - color: #000; - margin: 7px auto; -} -.caption { - position: relative; - top: 1rem; - left: 0; - right: 0; - margin: 0 auto; - width: 100%; - text-align: center; - font-size: 1.3rem; -} -.bigger-image { - min-width: 130%; - margin: 5rem 0 5rem -15%; -} -@media only screen and (max-width: 400px) { - .bigger-image { - min-width: 114%; - margin: 2rem 0 2rem -7%; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .bigger-image { - min-width: 114%; - margin: 2rem 0 2rem -7%; - } -} -.breaker { - height: 1px; - margin: 6rem auto; - width: 100%; -} -.breaker:before { - content: "• • •"; - width: 100%; - text-align: center; - display: block; - color: #aaa; - letter-spacing: 4px; - position: relative; - top: -8px; -} -.pagination { - width: 95%; - margin: 3rem auto 0; - text-align: center; -} -.pagination > .page_number { - display: inline-block; - font-size: 1.3rem; -} -.pagination > .previous, -.pagination > .next { - display: inline-block; - font-size: 1.8rem; - position: relative; - top: 1px; - padding: 1px 9px; -} -.pagination > .hidden { - visibility: hidden; -} -.related { - margin: 10rem 0 -5rem; -} -.share { - float: right; - width: 40%; - display: inline; - text-align: right; - position: relative; - top: -10px; -} -@media only screen and (max-width: 400px) { - .share { - width: 100%; - display: block; - top: 0; - text-align: left; - float: none; - margin-top: 5px; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .share { - width: 100%; - display: block; - top: 0; - text-align: left; - float: none; - margin-top: 5px; - } -} -.share > .twitter, -.share > .facebook { - display: inline; - vertical-align: middle; - font-size: 13px; - font-weight: 700; - color: #fff; - padding: 6px 10px; - border-radius: 3px; - margin-left: 5px; - text-decoration: none; -} -@media only screen and (max-width: 400px) { - .share > .twitter, - .share > .facebook { - margin: 0 5px 10px 0; - } -} -@media only screen and (min-width: 400px) and (max-width: 1050px) { - .share > .twitter, - .share > .facebook { - margin: 0 5px 10px 0; - } -} -.share > .twitter { - background: #4fafed; -} -.share > .facebook { - background: #4361b3; -} -.share svg { - fill: #fff; - position: relative; - top: 3px; - margin: 0; - margin-right: 4px; - display: inherit; -} -@media only screen and (min-width: 780px) { - .side-by-side { - width: 130%; - margin: 6rem 0 6rem -15%; - } -} -@media only screen and (max-width: 780px) { - .side-by-side { - width: 100%; - margin: 4rem 0; - } -} -.side-by-side > .toleft, -.side-by-side > .toright { - display: inline-block; - width: 47.5%; -} -@media only screen and (max-width: 780px) { - .side-by-side > .toleft img, - .side-by-side > .toright img { - text-align: center; - display: block; - margin: 0 auto; - } -} -@media only screen and (min-width: 780px) { - .side-by-side > .toleft { - margin-right: 2%; - } -} -@media only screen and (max-width: 780px) { - .side-by-side > .toleft { - width: 100%; - margin: 0 0 4rem 0; - } -} -@media only screen and (min-width: 780px) { - .side-by-side > .toright { - margin-left: 2%; - vertical-align: top; - } -} -@media only screen and (max-width: 780px) { - .side-by-side > .toright { - width: 100%; - margin: 0 0 4rem 0; - } -} -.side-by-side > .toleft > p, -.side-by-side > .toright > p { - margin: 0 0 4rem 0; -} -@media only screen and (max-width: 780px) { - .side-by-side > .toleft > p, - .side-by-side > .toright > p { - margin: 0; - } -} -.social-links { - margin-top: 20px; -} -.social-links > .link { - margin: 0; - text-decoration: none; - position: relative; - display: inline-block; - height: 35px; - width: 35px; -} -.social-links > .link:hover > .icon { - fill: #4b0082; -} -.social-links > .link:hover:before { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.social-links > .link:before { - content: attr(data-title); - display: inline-block; - position: absolute; - bottom: -34px; - left: -6px; - margin: 0 auto; - font-size: 13px; - padding: 3px 10px; - background: #222; - color: #fff; - border-radius: 2px; - height: 22px; - line-height: 22px; - opacity: 0; - -webkit-transition: opacity 150ms linear, -webkit-transform 150ms linear, -webkit-transform 150ms linear; - transition: opacity 150ms linear, transform 150ms linear, -webkit-transform 150ms linear; - -webkit-transform: translate3d(0, -8px, 0); - transform: translate3d(0, -8px, 0); - z-index: 99; -} -.social-links > .link:after { - content: ""; - position: absolute; - top: 35px; - left: 13px; - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 6px solid #222; - opacity: 0; - -webkit-transition: opacity 150ms linear, -webkit-transform 150ms linear, -webkit-transform 150ms linear; - transition: opacity 150ms linear, transform 150ms linear, -webkit-transform 150ms linear; - -webkit-transform: translate3d(0, -8px, 0); - transform: translate3d(0, -8px, 0); - z-index: 100; -} -.social-links > .link:hover:after { - opacity: 1; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.social-links > .icon { - -webkit-transition: all ease-in-out 0.2s; - transition: all ease-in-out 0.2s; -} diff --git a/assets/styles/main.styl b/assets/styles/main.styl deleted file mode 100755 index 31191ca..0000000 --- a/assets/styles/main.styl +++ /dev/null @@ -1,9 +0,0 @@ -@import "base/_variables" -@import "base/_normalize" -@import "base/_syntax" -@import "base/_general" -@import "base/_helpers" - -@import "pages/*" - -@import "components/*" diff --git a/assets/styles/pages/_home-blog-projects.styl b/assets/styles/pages/_home-blog-projects.styl deleted file mode 100755 index 57ece9e..0000000 --- a/assets/styles/pages/_home-blog-projects.styl +++ /dev/null @@ -1,71 +0,0 @@ -.home, .blog, .projects - margin-top 125px - - > .list - border-top 1px solid epsilon - margin-top 30px - padding-top 40px - position relative - - &:before - display block - content " " - width 7px - height 7px - border epsilon 1px solid - position absolute - top -5px - left 50% - margin-left -5px - background #FFF - box-shadow #FFF 0 0 0 5px - border-radius 3px - -.home > .list, -.blog > .list, -.projects > .list - > .item - display block - width 95% - margin 0 auto - - > .item > .url - width 100% - display block - padding 20px 0 - text-decoration none - - > .item > .url > .title - margin 0 - width 75% - font-weight 500 - transition all ease-in-out .2s - - > .item:hover > .url > .title - color delta - - // maybe we can't nest html5 elements - // can you help me? - aside - position relative - top 2px - margin 0 - width 25% - float right - font-weight 300 - color gama - text-align right - transition all ease-in-out .2s - - .item:hover .url aside - color alpha - -.projects > .list > .item > .url - > .title - display inline - - > .emoji - display inline - position relative - top -4px - margin-right 10px diff --git a/assets/styles/pages/_page.styl b/assets/styles/pages/_page.styl deleted file mode 100755 index 45a52b3..0000000 --- a/assets/styles/pages/_page.styl +++ /dev/null @@ -1,12 +0,0 @@ -.page - margin-top 125px - - > h1 - text-align center - margin-bottom 6rem - -.about - img - width 50% - margin 0 auto - display block diff --git a/assets/styles/pages/_post.styl b/assets/styles/pages/_post.styl deleted file mode 100755 index cb5d9c2..0000000 --- a/assets/styles/pages/_post.styl +++ /dev/null @@ -1,41 +0,0 @@ -.post - margin-top 125px - - > .title - text-align center - margin-bottom 3rem - - > .date, - > .post-tags - color gama - font-weight 300 - font-size 1.4rem - text-transform uppercase - text-align center - display block - margin-bottom 6rem - letter-spacing 1px - -webkit-font-smoothing antialiased - text-rendering optimizeLegibility - - > .date - margin-bottom 2rem - - > .post-tags > .item - padding 3px 6px - border-radius 3px - font-size 1.1rem - background epsilon - color alpha - letter-spacing 1px - margin 0 .5rem - text-decoration none - - // general style - > h2, - > h3, - > h4 - margin-top 40px - - a - text-decoration none diff --git a/assets/styles/pages/_tags.styl b/assets/styles/pages/_tags.styl deleted file mode 100644 index ed9edff..0000000 --- a/assets/styles/pages/_tags.styl +++ /dev/null @@ -1,82 +0,0 @@ -.tags - margin-top 125px - - > .list - border-top 1px solid epsilon - margin-top 30px - padding-top 40px - position relative - - &:before - display block - content " " - width 7px - height 7px - border epsilon 1px solid - position absolute - top -5px - left 50% - margin-left -5px - background #FFF - box-shadow #FFF 0 0 0 5px - border-radius 3px - -.tags > .list - > .item - font-weight 300 - text-transform uppercase - text-align center - margin-bottom 6rem - -webkit-font-smoothing antialiased - text-rendering optimizeLegibility - padding 3px 6px - border-radius 3px - font-size 1.3rem - background epsilon - color alpha - letter-spacing 1px - margin 0 0.5rem 1rem - text-decoration none - display inline-block - -.tag-list > .list - padding 0 - - > .item - display block - width 80% - margin 0 10% - - > .item > .url - width 100% - height 100% - display block - padding 20px 0 - text-decoration none - - > .item > .url > .title - margin 0 - width 75% - font-weight 400 - transition all ease-in-out .2s - font-size 1.6rem - - > .item:hover > .url > .title - color delta - - // maybe we can't nest html5 elements - // can you help me? - aside - position relative - top 2px - margin 0 - width 25% - float right - font-weight 300 - color gama - text-align right - transition all ease-in-out .2s - font-size 1.6rem - - .item:hover .url aside - color alpha diff --git a/blog/index.html b/blog/index.html deleted file mode 100644 index b14e594..0000000 --- a/blog/index.html +++ /dev/null @@ -1,4 +0,0 @@ ---- -layout: blog -title: Blog ---- diff --git a/fonts/opensans-bold-webfont.eot b/fonts/opensans-bold-webfont.eot new file mode 100644 index 0000000..b5bad08 Binary files /dev/null and b/fonts/opensans-bold-webfont.eot differ diff --git a/fonts/opensans-bold-webfont.svg b/fonts/opensans-bold-webfont.svg new file mode 100644 index 0000000..1557f68 --- /dev/null +++ b/fonts/opensans-bold-webfont.svg @@ -0,0 +1,251 @@ + + + \ No newline at end of file diff --git a/fonts/opensans-bold-webfont.ttf b/fonts/opensans-bold-webfont.ttf new file mode 100644 index 0000000..338220f Binary files /dev/null and b/fonts/opensans-bold-webfont.ttf differ diff --git a/fonts/opensans-bold-webfont.woff b/fonts/opensans-bold-webfont.woff new file mode 100644 index 0000000..ea6007b Binary files /dev/null and b/fonts/opensans-bold-webfont.woff differ diff --git a/fonts/opensans-bolditalic-webfont.eot b/fonts/opensans-bolditalic-webfont.eot new file mode 100644 index 0000000..d892fd9 Binary files /dev/null and b/fonts/opensans-bolditalic-webfont.eot differ diff --git a/fonts/opensans-bolditalic-webfont.svg b/fonts/opensans-bolditalic-webfont.svg new file mode 100644 index 0000000..24661f3 --- /dev/null +++ b/fonts/opensans-bolditalic-webfont.svg @@ -0,0 +1,251 @@ + + + \ No newline at end of file diff --git a/fonts/opensans-bolditalic-webfont.ttf b/fonts/opensans-bolditalic-webfont.ttf new file mode 100644 index 0000000..b3eb0d3 Binary files /dev/null and b/fonts/opensans-bolditalic-webfont.ttf differ diff --git a/fonts/opensans-bolditalic-webfont.woff b/fonts/opensans-bolditalic-webfont.woff new file mode 100644 index 0000000..1712e15 Binary files /dev/null and b/fonts/opensans-bolditalic-webfont.woff differ diff --git a/fonts/opensans-extrabold-webfont.eot b/fonts/opensans-extrabold-webfont.eot new file mode 100644 index 0000000..0e88f02 Binary files /dev/null and b/fonts/opensans-extrabold-webfont.eot differ diff --git a/fonts/opensans-extrabold-webfont.svg b/fonts/opensans-extrabold-webfont.svg new file mode 100644 index 0000000..c3d6642 --- /dev/null +++ b/fonts/opensans-extrabold-webfont.svg @@ -0,0 +1,251 @@ + + + \ No newline at end of file diff --git a/fonts/opensans-extrabold-webfont.ttf b/fonts/opensans-extrabold-webfont.ttf new file mode 100644 index 0000000..bec521d Binary files /dev/null and b/fonts/opensans-extrabold-webfont.ttf differ diff --git a/fonts/opensans-extrabold-webfont.woff b/fonts/opensans-extrabold-webfont.woff new file mode 100644 index 0000000..a24b205 Binary files /dev/null and b/fonts/opensans-extrabold-webfont.woff differ diff --git a/fonts/opensans-italic-webfont.eot b/fonts/opensans-italic-webfont.eot new file mode 100644 index 0000000..3593c12 Binary files /dev/null and b/fonts/opensans-italic-webfont.eot differ diff --git a/fonts/opensans-italic-webfont.svg b/fonts/opensans-italic-webfont.svg new file mode 100644 index 0000000..537d20c --- /dev/null +++ b/fonts/opensans-italic-webfont.svg @@ -0,0 +1,251 @@ + + + \ No newline at end of file diff --git a/fonts/opensans-italic-webfont.ttf b/fonts/opensans-italic-webfont.ttf new file mode 100644 index 0000000..ddc75c6 Binary files /dev/null and b/fonts/opensans-italic-webfont.ttf differ diff --git a/fonts/opensans-italic-webfont.woff b/fonts/opensans-italic-webfont.woff new file mode 100644 index 0000000..302cb00 Binary files /dev/null and b/fonts/opensans-italic-webfont.woff differ diff --git a/fonts/opensans-regular-webfont.eot b/fonts/opensans-regular-webfont.eot new file mode 100644 index 0000000..1c64986 Binary files /dev/null and b/fonts/opensans-regular-webfont.eot differ diff --git a/fonts/opensans-regular-webfont.svg b/fonts/opensans-regular-webfont.svg new file mode 100644 index 0000000..ead219a --- /dev/null +++ b/fonts/opensans-regular-webfont.svg @@ -0,0 +1,252 @@ + + + \ No newline at end of file diff --git a/fonts/opensans-regular-webfont.ttf b/fonts/opensans-regular-webfont.ttf new file mode 100644 index 0000000..99a1ece Binary files /dev/null and b/fonts/opensans-regular-webfont.ttf differ diff --git a/fonts/opensans-regular-webfont.woff b/fonts/opensans-regular-webfont.woff new file mode 100644 index 0000000..826d643 Binary files /dev/null and b/fonts/opensans-regular-webfont.woff differ diff --git a/gulpfile.js b/gulpfile.js deleted file mode 100755 index 68e5cc8..0000000 --- a/gulpfile.js +++ /dev/null @@ -1,6 +0,0 @@ -var gulp = require('gulp'), - requireDir = require('require-dir'); - -requireDir('./tasks', { recurse: true }); - -gulp.task('default', ['styles', 'imagemin', 'browserSync', 'watch']); diff --git a/humans.txt b/humans.txt deleted file mode 100644 index 0c2b253..0000000 --- a/humans.txt +++ /dev/null @@ -1,9 +0,0 @@ -# humanstxt.org/ - -# TEAM - - Your name - your home - -# TECHNOLOGY - - HTML5, CSS3, JS, JEKYLL diff --git a/images/bg-ramp.jpg b/images/bg-ramp.jpg new file mode 100644 index 0000000..7738563 Binary files /dev/null and b/images/bg-ramp.jpg differ diff --git a/images/blockquote-gfx-2x.png b/images/blockquote-gfx-2x.png new file mode 100644 index 0000000..993efd5 Binary files /dev/null and b/images/blockquote-gfx-2x.png differ diff --git a/images/blockquote-gfx.png b/images/blockquote-gfx.png new file mode 100644 index 0000000..bd5be35 Binary files /dev/null and b/images/blockquote-gfx.png differ diff --git a/images/chevron-2x.png b/images/chevron-2x.png new file mode 100644 index 0000000..0ae935e Binary files /dev/null and b/images/chevron-2x.png differ diff --git a/images/chevron.png b/images/chevron.png new file mode 100644 index 0000000..65cfeda Binary files /dev/null and b/images/chevron.png differ diff --git a/images/download-fallback-bg.png b/images/download-fallback-bg.png new file mode 100644 index 0000000..aedafab Binary files /dev/null and b/images/download-fallback-bg.png differ diff --git a/images/download-sprite.png b/images/download-sprite.png new file mode 100644 index 0000000..56eedc4 Binary files /dev/null and b/images/download-sprite.png differ diff --git a/images/footer-ramp.jpg b/images/footer-ramp.jpg new file mode 100644 index 0000000..99accec Binary files /dev/null and b/images/footer-ramp.jpg differ diff --git a/images/fork-sprite.png b/images/fork-sprite.png new file mode 100644 index 0000000..0ce61b2 Binary files /dev/null and b/images/fork-sprite.png differ diff --git a/images/hr-2x.jpg b/images/hr-2x.jpg new file mode 100644 index 0000000..a883d5d Binary files /dev/null and b/images/hr-2x.jpg differ diff --git a/images/hr.jpg b/images/hr.jpg new file mode 100644 index 0000000..2dc7cef Binary files /dev/null and b/images/hr.jpg differ diff --git a/images/octocat-2x.png b/images/octocat-2x.png new file mode 100644 index 0000000..f995921 Binary files /dev/null and b/images/octocat-2x.png differ diff --git a/images/octocat.png b/images/octocat.png new file mode 100644 index 0000000..7c55dfc Binary files /dev/null and b/images/octocat.png differ diff --git a/images/ribbon-tail-sprite-2x.png b/images/ribbon-tail-sprite-2x.png new file mode 100644 index 0000000..46357a0 Binary files /dev/null and b/images/ribbon-tail-sprite-2x.png differ diff --git a/images/ribbon-tail-sprite.png b/images/ribbon-tail-sprite.png new file mode 100644 index 0000000..bd627d9 Binary files /dev/null and b/images/ribbon-tail-sprite.png differ diff --git a/images/shield-fallback.png b/images/shield-fallback.png new file mode 100644 index 0000000..be799b2 Binary files /dev/null and b/images/shield-fallback.png differ diff --git a/images/shield.png b/images/shield.png new file mode 100644 index 0000000..224425e Binary files /dev/null and b/images/shield.png differ diff --git a/images/site-2.png b/images/site-2.png new file mode 100644 index 0000000..7c55dfc Binary files /dev/null and b/images/site-2.png differ diff --git a/images/small-ribbon-tail-sprite-2x.png b/images/small-ribbon-tail-sprite-2x.png new file mode 100644 index 0000000..482649d Binary files /dev/null and b/images/small-ribbon-tail-sprite-2x.png differ diff --git a/images/small-ribbon-tail-sprite.png b/images/small-ribbon-tail-sprite.png new file mode 100644 index 0000000..f717af6 Binary files /dev/null and b/images/small-ribbon-tail-sprite.png differ diff --git a/index.html b/index.html old mode 100755 new mode 100644 index ab4176a..91568da --- a/index.html +++ b/index.html @@ -1,7 +1,34 @@ ---- -layout: default -title: Home ---- -{% include header.html %} + + + + + Bitworkshop.GitHub.io by bitworkshop + + + + + + + + -{% include footer.html %} +

+bitworkshop.github.com

+ +

待更新....
+dddd

+ + + +

+ + + + diff --git a/javascripts/headsmart.min.js b/javascripts/headsmart.min.js new file mode 100644 index 0000000..16da97a --- /dev/null +++ b/javascripts/headsmart.min.js @@ -0,0 +1 @@ +(function(a){a.fn.headsmart=function(){var c=a(this);d();function d(){var e=[],g="";if(b("h1")){e.push("h1")}if(b("h2")){e.push("h2")}if(b("h3")){e.push("h3")}if(b("h4")){e.push("h4")}if(b("h5")){e.push("h5")}if(b("h6")){e.push("h6")}for(var f=0;f0)?true:false}}})(jQuery); \ No newline at end of file diff --git a/javascripts/main.js b/javascripts/main.js new file mode 100644 index 0000000..d8135d3 --- /dev/null +++ b/javascripts/main.js @@ -0,0 +1 @@ +console.log('This would be the main JS file.'); diff --git a/javascripts/modernizr.js b/javascripts/modernizr.js new file mode 100644 index 0000000..434b0af --- /dev/null +++ b/javascripts/modernizr.js @@ -0,0 +1,4 @@ +/* Modernizr 2.5.2 (Custom Build) | MIT & BSD + * Build: http://www.modernizr.com/download/#-fontface-borderradius-boxshadow-textshadow-cssgradients-shiv-cssclasses-teststyles-testprop-testallprops-prefixes-domprefixes-load + */ +;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.5.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),k.appendChild(j);return f=["",""].join(""),k.id=h,m.innerHTML+=f,m.appendChild(k),l||g.appendChild(m),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e});var G=function(a,c){var d=a.join(""),f=c.length;w(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d?d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"":"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.fontface=/src/i.test(g)&&g.indexOf(c.split(" ")[0])===0},f,c)}(['@font-face {font-family:"font";src:url("https://")}'],["fontface"]);q.borderradius=function(){return F("borderRadius")},q.boxshadow=function(){return F("boxShadow")},q.textshadow=function(){return b.createElement("div").style.textShadow===""},q.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return z((a+"-webkit- ".split(" ").join(b+a)+m.join(c+a)).slice(0,-a.length)),C(j.backgroundImage,"gradient")},q.fontface=function(){return e.fontface};for(var H in q)y(q,H)&&(v=H.toLowerCase(),e[v]=q[H](),t.push((e[v]?"":"no-")+v));return z(""),i=k=null,function(a,b){function g(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){function m(){var a=j.cloneNode(!1);return k.shivMethods?(i(a),a):a}function n(a){var b=(c[a]||(c[a]=e(a))).cloneNode(!1);return k.shivMethods&&!d.test(a)?j.appendChild(b):b}var b,c={},e=a.createElement,f=a.createDocumentFragment,g=h(),j=f(),l=g.length;while(l--)b=g[l],c[b]=e(b),j.createElement(b);a.createElement=n,a.createDocumentFragment=m}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),k.shivMethods&&!f&&(b=!i(a)),b&&(a.documentShived=b),a)}var c=a.html5||{},d=/^<|^(?:button|iframe|input|script|textarea)$/i,e,f;(function(){var c,d=b.createElement("a"),g=a.getComputedStyle,h=b.documentElement,i=b.body||(c=h.insertBefore(b.createElement("body"),h.firstChild));i.insertBefore(d,i.firstChild),d.hidden=!0,d.innerHTML="",e=(d.currentStyle||g(d,null)).display=="none",f=d.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}(),i.removeChild(d),c&&h.removeChild(c)})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video".split(" "),shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=!!b.attachEvent,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f - {% for post in site.posts %} - {% if post.projects %} -

- - - {{ post.jemoji }}

- -

- {% endif %} - {% endfor %} - - -{% include footer.html %} diff --git a/robots.txt b/robots.txt deleted file mode 100644 index d0e5f1b..0000000 --- a/robots.txt +++ /dev/null @@ -1,5 +0,0 @@ -# www.robotstxt.org/ - -# Allow crawling of all content -User-agent: * -Disallow: diff --git a/screen-shot.png b/screen-shot.png deleted file mode 100644 index 9120dba..0000000 Binary files a/screen-shot.png and /dev/null differ diff --git a/stylesheets/core.css b/stylesheets/core.css new file mode 100644 index 0000000..7aaec46 --- /dev/null +++ b/stylesheets/core.css @@ -0,0 +1,3 @@ +@import url("screen.css"); +@import url("non-screen.css") handheld; +@import url("non-screen.css") only screen and (max-device-width:640px); \ No newline at end of file diff --git a/stylesheets/github-light.css b/stylesheets/github-light.css new file mode 100644 index 0000000..d64ba5d --- /dev/null +++ b/stylesheets/github-light.css @@ -0,0 +1,124 @@ +/* +The MIT License (MIT) + +Copyright (c) 2015 GitHub, Inc. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + +*/ + +.pl-c /* comment */ { + color: #969896; +} + +.pl-c1 /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */, +.pl-s .pl-v /* string variable */ { + color: #0086b3; +} + +.pl-e /* entity */, +.pl-en /* entity.name */ { + color: #795da3; +} + +.pl-s .pl-s1 /* string source */, +.pl-smi /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ { + color: #333; +} + +.pl-ent /* entity.name.tag */ { + color: #63a35c; +} + +.pl-k /* keyword, storage, storage.type */ { + color: #a71d5d; +} + +.pl-pds /* punctuation.definition.string, string.regexp.character-class */, +.pl-s /* string */, +.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */, +.pl-sr /* string.regexp */, +.pl-sr .pl-cce /* string.regexp constant.character.escape */, +.pl-sr .pl-sra /* string.regexp string.regexp.arbitrary-repitition */, +.pl-sr .pl-sre /* string.regexp source.ruby.embedded */ { + color: #183691; +} + +.pl-v /* variable */ { + color: #ed6a43; +} + +.pl-id /* invalid.deprecated */ { + color: #b52a1d; +} + +.pl-ii /* invalid.illegal */ { + background-color: #b52a1d; + color: #f8f8f8; +} + +.pl-sr .pl-cce /* string.regexp constant.character.escape */ { + color: #63a35c; + font-weight: bold; +} + +.pl-ml /* markup.list */ { + color: #693a17; +} + +.pl-mh /* markup.heading */, +.pl-mh .pl-en /* markup.heading entity.name */, +.pl-ms /* meta.separator */ { + color: #1d3e81; + font-weight: bold; +} + +.pl-mq /* markup.quote */ { + color: #008080; +} + +.pl-mi /* markup.italic */ { + color: #333; + font-style: italic; +} + +.pl-mb /* markup.bold */ { + color: #333; + font-weight: bold; +} + +.pl-md /* markup.deleted, meta.diff.header.from-file */ { + background-color: #ffecec; + color: #bd2c00; +} + +.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ { + background-color: #eaffea; + color: #55a532; +} + +.pl-mdr /* meta.diff.range */ { + color: #795da3; + font-weight: bold; +} + +.pl-mo /* meta.output */ { + color: #1d3e81; +} + diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css new file mode 100644 index 0000000..c860c09 --- /dev/null +++ b/stylesheets/mobile.css @@ -0,0 +1,510 @@ +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2012 */ + + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-regular-webfont.eot'); + src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-regular-webfont.woff') format('woff'), + url('../fonts/opensans-regular-webfont.ttf') format('truetype'), + url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-italic-webfont.eot'); + src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-italic-webfont.woff') format('woff'), + url('../fonts/opensans-italic-webfont.ttf') format('truetype'), + url('../fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-bold-webfont.eot'); + src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-bold-webfont.woff') format('woff'), + url('../fonts/opensans-bold-webfont.ttf') format('truetype'), + url('../fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-bolditalic-webfont.eot'); + src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), + url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), + url('../fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-extrabold-webfont.eot'); + src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-extrabold-webfont.woff') format('woff'), + url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), + url('../fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg'); + font-weight: bolder; + font-style: normal; +} + + +/* 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, +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 { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* 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-collapse: collapse; + border-spacing: 0; +} + +header, footer, section { + display: block; + position: relative; +} + +/* STYLES */ + +div.shell { + display: block; + width: 640px; + margin: 0 auto; +} + +a#forkme_banner { + display: none; +} + +/* header */ + +header { + position: relative; + z-index: 2; + margin: 0; + max-width: 640px; + top: 51px; +} + +header span.ribbon-inner { + position: relative; + display: block; + background-color: #cd596b; + border: 8px solid #7c334f; + padding: 6px; + z-index: 1; +} + +header span.left-tail, header span.right-tail { + position: relative; + display: block; + width: 19px; + height: 10px; + background: transparent url(../images/ribbon-tail-sprite-2x.png) 0 0 no-repeat; + position: absolute; + bottom: -10px; + z-index: 0; +} + +header span.left-tail { + background-position: 0 0; + left: 0; +} + +header span.right-tail { + background-position: -19px 0; + right: 0; +} + +header h1 { + background-color: #7c334f; + font-size: 2em; + font-weight: bolder; + font-style: normal; + text-transform: uppercase; + color: #ece4d8; + text-align: center; + line-height:1; + padding: 14px 20px 0; +} + +header h2 { + background-color: #7c334f; + font: bold italic .85em/1.5 Georgia, Times, “Times New Roman”, serif; + color: #e69b95; + padding-bottom: 14px; + margin-top: -3px; + text-align: center; +} + +section#downloads { + position: relative; + display: block; + height: 171px; + width: 602px; + padding-bottom: 150px; + margin: 51px auto -250px; + z-index: 1; + background: transparent url(../images/shield.png) center 0 no-repeat; +} + +section#downloads a { + display: none; +} + +span.banner-fix { + background: transparent url(../images/shield-fallback.png) center top no-repeat; + display: block; + height: 31px; + position: absolute; + width: 640px; + top: 20px; + +} + +section#main_content { + z-index: 2; + padding: 20px 40px 0; + min-height:185px; +} + +/* footer */ + +footer { + background: none; + padding-top: 104px; + margin: -94px auto 40px; + max-width:640px; + text-align: center; +} + +footer span.ribbon-outer { + display: block; + position: relative; + border-bottom: 2px solid #bdb6ad; +} + +footer span.ribbon-inner { + position: relative; + display: block; + background-color: #cd596b; + border: 8px solid #7c334f; + padding: 6px; + z-index: 1; +} + +footer p { + font-family: 'Open Sans', sans-serif; + font-weight: bold; + font-size: .6em; + color: #8b786f; +} + +footer a { + color: #cd596b; +} + +footer span.ribbon-inner p { + background-color: #7c334f; + margin: 0; + color: #e69b95; + font: bold italic 22px/1 Georgia, Times, “Times New Roman”, serif; + height: auto; + line-height: 1.1; + padding: 20px 0px 10px; +} + +footer span.ribbon-inner a { + display: block; + position: relative; + bottom: 0; + color: #7eb0d2; + font-family: 'Open Sans', sans-serif; + text-transform: uppercase; + font-style: normal; + font-weight: bolder; + font-size: 38px; + padding-bottom: 10px; +} + +footer span.ribbon-inner a:hover { + color: #7eb0d2; +} + +footer span.left-tail, footer span.right-tail { + position: relative; + display: block; + width: 23px; + height: 126px; + background: transparent url(../images/small-ribbon-tail-sprite-2x.png) 0 0 no-repeat; + position: absolute; + top: -126px; + z-index: 0; +} + +footer span.left-tail { + background-position: 0 0; + left: 0; +} + +footer span.right-tail { + background-position: -23px 0; + right: 0; +} + +footer span.octocat { + background: transparent url(../images/octocat-2x.png) 0 0 no-repeat; + display: block; + width: 60px; + height: 60px; + margin: 20px auto 0;} + +/* content */ + +body { + background: #ece4d8; + font: normal normal 30px/1.5 Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif; + color: #544943; + -webkit-font-smoothing: antialiased; +} + +a, a:hover { + color: #417090; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +h1,h2,h3,h4,h5,h6 { + font-family: 'Open Sans', sans-serif; + font-weight: bold; +} + +p { + margin: .7em 0 0; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +ol { + margin: .7em 0; + list-style-type: decimal; + padding-left: 1.35em; +} + +ul { + margin: .7em 0; + padding-left: 1.35em; +} + +ul li { + padding-left: 20px; + background: transparent url(../images/chevron-2x.png) left 15px no-repeat; +} + +blockquote { + font-family: 'Open Sans', sans-serif; + margin: 20px 0; + color: #8b786f; + padding-left: 1.35em; + background: transparent url('../images/blockquote-gfx-2x.png') 0 8px no-repeat; +} + +img { + -webkit-box-shadow: 0px 4px 0px #bdb6ad; + -moz-box-shadow: 0px 4px 0px #bdb6ad; + box-shadow: 0px 4px 0px #bdb6ad; + border: 4px solid #fff6e9; + max-width: 556px; +} + +hr { + border: none; + outline: none; + height: 42px; + background: transparent url('../images/hr-2x.jpg') center center repeat-x; + margin: 0 0 20px; +} + +code { + background: #fff6e9; + font: normal normal .9em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; + padding: 0 5px 1px; +} + +pre { + margin: 10px 0 20px; + padding: .7em; + background: #fff6e9; + border-bottom: 4px solid #bdb6ad; + font: normal normal .9em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; + overflow: auto; +} + +table { + background: #fff6e9; + display: table; + width: 100%; + border-collapse: separate; + border-bottom: 4px solid #bdb6ad; + margin: 10px 0; +} + +tr { + display: table-row; +} + +th { + display: table-cell; + padding: 2px 10px; + border: solid #ece4d8; + border-width: 0 4px 4px 0; + color: #cd596b; + font-family: 'Open Sans', sans-serif; + font-weight: bold; + font-size: .85em; +} + +td { + display: table-cell; + padding: 0 .7em; + border: solid #ece4d8; + border-width: 0 4px 4px 0; +} + +td:last-child, th:last-child { + border-right: none; +} + +tr:last-child td { + border-bottom: none; +} + +dl { + margin: .7em 0 20px; +} + +dt { + font-family: 'Open Sans', sans-serif; + font-weight: bold; +} + +dd { + padding-left: 1.35em; +} + +dd p:first-child { + margin-top: 0; +} + +/* Content based headers */ + +#main_content > .header-level-1:first-child, +#main_content > .header-level-2:first-child, +#main_content > .header-level-3:first-child, +#main_content > .header-level-4:first-child, +#main_content > .header-level-5:first-child, +#main_content > .header-level-6:first-child { + margin-top: 0; +} + +.header-level-1 { + font-size: 1.85em; + border-bottom: .2em double #d3ccc1; + color: #7c334f; + text-align: center; + font-style: italic; + margin: 1.1em 0 .38em; + line-height: 1.2; + padding-bottom: 10px +} + +.header-level-2 { + font-size: 1.58em; + color: #7c334f; + margin: .95em 0 .5em; + border-bottom: .1em solid #D3CCC1; + line-height: 1.2; + padding-bottom: 10px +} + +.header-level-3 { + margin: 20px 0 10px; + font-size: 1.45em; +} + +.header-level-4 { + margin: .6em 0; + font-size: 1.2em; + color: #cd596b; +} + +.header-level-5 { + margin: .7em 0; + font-size: 1em; + color: #8b786f; +} + +.header-level-6 { + margin: .8em 0; + font-size: .85em; + font-style: italic; +} \ No newline at end of file diff --git a/stylesheets/non-screen.css b/stylesheets/non-screen.css new file mode 100644 index 0000000..eea5ecd --- /dev/null +++ b/stylesheets/non-screen.css @@ -0,0 +1,154 @@ +a#forkme_banner { + display: none; +} + +div.shell { + width: 640px; +} + + +header { + max-width:640px; + margin: 0; + top: 51px; +} + +header span.ribbon-inner { + border: 8px solid #7c334f; + padding: 6px; +} + +header span.left-tail, header span.right-tail { + width: 19px; + height: 10px; + background: transparent url(../images/ribbon-tail-sprite-2x.png) 0 0 no-repeat; + bottom: -10px; +} + +header span.left-tail { + left: 0; +} + +header span.right-tail { + background-position: -19px 0; + right: 0; +} + +header h1 { + font-size: 2em; +} + +section#downloads { + height: 171px; + width: 602px; + margin: 51px auto -250px; + background: transparent url(../images/shield.png) center 0 no-repeat; +} + +section#downloads a { + display: none; +} + +span.banner-fix { + background: transparent url(../images/shield-fallback.png) center top no-repeat; + height: 31px; + width: 640px; + top: 20px; +} + +section#main_content { + padding: 20px 40px 0; +} + +footer { + max-width:640px; + background: none; +} + +footer span.left-tail, footer span.right-tail { + width: 23px; + height: 126px; + background: transparent url(../images/small-ribbon-tail-sprite-2x.png) 0 0 no-repeat; + top: -126px; +} + +footer span.left-tail { + left: 0; +} + +footer span.right-tail { + background-position: -23px 0; + right: 0; +} + +footer p { + font-size: .6em; +} + +footer span.ribbon-inner { + border: 8px solid #7c334f; + padding: 6px; +} + +footer span.ribbon-inner p { + font-size: 22px; + height: auto; + line-height: 1.1; + padding: 20px 0px 10px; +} + +footer span.ribbon-inner a { + font-size: 38px; + display: block; + bottom: 0; + padding-bottom: 10px; +} + +footer span.octocat { + background: transparent url(../images/octocat-2x.png) 0 0 no-repeat; + width: 60px; + height: 60px; + margin: 20px auto 0; +} + +body { + font: normal normal 30px/1.5 Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif; +} + +ul li { + padding-left: 20px; + background: transparent url(../images/chevron-2x.png) left 15px no-repeat; +} + +table { + border-bottom: 4px solid #bdb6ad; +} + +th { + border-width: 0 4px 4px 0; +} + +td { + border-width: 0 4px 4px 0; +} + +pre { + border-bottom: 4px solid #bdb6ad; +} + +img { + -webkit-box-shadow: 0px 4px 0px #bdb6ad; + -moz-box-shadow: 0px 4px 0px #bdb6ad; + box-shadow: 0px 4px 0px #bdb6ad; + border: 4px solid #fff6e9; + max-width: 556px; +} + +blockquote { + background: transparent url('../images/blockquote-gfx-2x.png') 0 8px no-repeat; +} + +hr { + height: 42px; + background: transparent url('../images/hr-2x.jpg') center center repeat-x; +} \ No newline at end of file diff --git a/stylesheets/normalize.css b/stylesheets/normalize.css new file mode 100644 index 0000000..30366a6 --- /dev/null +++ b/stylesheets/normalize.css @@ -0,0 +1,424 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} diff --git a/stylesheets/print.css b/stylesheets/print.css new file mode 100644 index 0000000..32d9a9d --- /dev/null +++ b/stylesheets/print.css @@ -0,0 +1,34 @@ +* { + background: none !important; + color: #333 !important; +} + +h1,h2,h3,h4,h5,h6 { + color: #7c334f !important; +} + +a { + color: #417090 !important; +} + +#main_content > .header-level-1:first-child, +#main_content > .header-level-2:first-child, +#main_content > .header-level-3:first-child, +#main_content > .header-level-4:first-child, +#main_content > .header-level-5:first-child, +#main_content > .header-level-6:first-child { + margin-top: 10px !important; +} + +#forkme_banner, +#downloads, +.left-tail, +.right-tail +{ +display: none !important; + +} + +.ribbon-inner,.ribbon-outer { + border: 0 !important; +} diff --git a/stylesheets/pygment_trac.css b/stylesheets/pygment_trac.css new file mode 100644 index 0000000..c6a6452 --- /dev/null +++ b/stylesheets/pygment_trac.css @@ -0,0 +1,69 @@ +.highlight { background: #ffffff; } +.highlight .c { color: #999988; font-style: italic } /* Comment */ +.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.highlight .k { font-weight: bold } /* Keyword */ +.highlight .o { font-weight: bold } /* Operator */ +.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ +.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ +.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gr { color: #aa0000 } /* Generic.Error */ +.highlight .gh { color: #999999 } /* Generic.Heading */ +.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ +.highlight .go { color: #888888 } /* Generic.Output */ +.highlight .gp { color: #555555 } /* Generic.Prompt */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */ +.highlight .gt { color: #aa0000 } /* Generic.Traceback */ +.highlight .kc { font-weight: bold } /* Keyword.Constant */ +.highlight .kd { font-weight: bold } /* Keyword.Declaration */ +.highlight .kn { font-weight: bold } /* Keyword.Namespace */ +.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ +.highlight .kr { font-weight: bold } /* Keyword.Reserved */ +.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.highlight .m { color: #009999 } /* Literal.Number */ +.highlight .s { color: #d14 } /* Literal.String */ +.highlight .na { color: #008080 } /* Name.Attribute */ +.highlight .nb { color: #0086B3 } /* Name.Builtin */ +.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ +.highlight .no { color: #008080 } /* Name.Constant */ +.highlight .ni { color: #800080 } /* Name.Entity */ +.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ +.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ +.highlight .nn { color: #555555 } /* Name.Namespace */ +.highlight .nt { color: #000080 } /* Name.Tag */ +.highlight .nv { color: #008080 } /* Name.Variable */ +.highlight .ow { font-weight: bold } /* Operator.Word */ +.highlight .w { color: #bbbbbb } /* Text.Whitespace */ +.highlight .mf { color: #009999 } /* Literal.Number.Float */ +.highlight .mh { color: #009999 } /* Literal.Number.Hex */ +.highlight .mi { color: #009999 } /* Literal.Number.Integer */ +.highlight .mo { color: #009999 } /* Literal.Number.Oct */ +.highlight .sb { color: #d14 } /* Literal.String.Backtick */ +.highlight .sc { color: #d14 } /* Literal.String.Char */ +.highlight .sd { color: #d14 } /* Literal.String.Doc */ +.highlight .s2 { color: #d14 } /* Literal.String.Double */ +.highlight .se { color: #d14 } /* Literal.String.Escape */ +.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ +.highlight .si { color: #d14 } /* Literal.String.Interpol */ +.highlight .sx { color: #d14 } /* Literal.String.Other */ +.highlight .sr { color: #009926 } /* Literal.String.Regex */ +.highlight .s1 { color: #d14 } /* Literal.String.Single */ +.highlight .ss { color: #990073 } /* Literal.String.Symbol */ +.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #008080 } /* Name.Variable.Class */ +.highlight .vg { color: #008080 } /* Name.Variable.Global */ +.highlight .vi { color: #008080 } /* Name.Variable.Instance */ +.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ + +.type-csharp .highlight .k { color: #0000FF } +.type-csharp .highlight .kt { color: #0000FF } +.type-csharp .highlight .nf { color: #000000; font-weight: normal } +.type-csharp .highlight .nc { color: #2B91AF } +.type-csharp .highlight .nn { color: #000000 } +.type-csharp .highlight .s { color: #A31515 } +.type-csharp .highlight .sc { color: #A31515 } diff --git a/stylesheets/screen.css b/stylesheets/screen.css new file mode 100644 index 0000000..ba63020 --- /dev/null +++ b/stylesheets/screen.css @@ -0,0 +1,569 @@ +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 9, 2012 */ + + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-regular-webfont.eot'); + src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-regular-webfont.woff') format('woff'), + url('../fonts/opensans-regular-webfont.ttf') format('truetype'), + url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-italic-webfont.eot'); + src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-italic-webfont.woff') format('woff'), + url('../fonts/opensans-italic-webfont.ttf') format('truetype'), + url('../fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-bold-webfont.eot'); + src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-bold-webfont.woff') format('woff'), + url('../fonts/opensans-bold-webfont.ttf') format('truetype'), + url('../fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-bolditalic-webfont.eot'); + src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), + url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), + url('../fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg'); + font-weight: bold; + font-style: italic; +} + +@font-face { + font-family: 'Open Sans'; + src: url('../fonts/opensans-extrabold-webfont.eot'); + src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/opensans-extrabold-webfont.woff') format('woff'), + url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), + url('../fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg'); + font-weight: 800; + font-style: normal; +} + +/* 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, +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 { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* 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-collapse: collapse; + border-spacing: 0; +} + +header, footer, section { + display: block; + position: relative; +} + +/* STYLES */ + +div.shell { + display: block; + width: 670px; + margin: 0 auto; +} + +a#forkme_banner { + position: absolute; + top: 0; + left: 0; + width: 138px; + height: 138px; + display: block; + background: transparent url(../images/fork-sprite.png) 0 0 no-repeat; + text-indent: -9000px; + z-index: 3; +} + +a#forkme_banner:hover { + background-position: 0 -138px; +} + +/* header */ + +header { + position: relative; + z-index: 2; + margin: 0 auto; + max-width: 600px; + top: 38px; +} + +header span.ribbon-inner { + position: relative; + display: block; + background-color: #cd596b; + border: 4px solid #7c334f; + padding: 2px; + z-index: 1; +} + +header span.left-tail, header span.right-tail { + position: relative; + display: block; + width: 56px; + height: 105px; + background: transparent url(../images/ribbon-tail-sprite.png) 0 0 no-repeat; + position: absolute; + bottom: -37px; + z-index: 0; +} + +header span.left-tail { + background-position: 0 0; + left: -31px; +} + +header span.right-tail { + background-position: -56px 0; + right: -31px; +} + +header h1 { + background-color: #7c334f; + font-size: 2.5em; + font-weight: 800; + font-style: normal; + text-transform: uppercase; + color: #ece4d8; + text-align: center; + line-height:1; + padding: 14px 20px 0; +} + +header h2 { + background-color: #7c334f; + font: bold italic .85em/1.5 Georgia, Times, “Times New Roman”, serif; + color: #e69b95; + padding-bottom: 14px; + margin-top: -3px; + text-align: center; +} + +section#downloads, +div#no-downloads { + position: relative; + display: block; + height: 197px; + width: 550px; + padding-bottom: 150px; + margin: -80px auto -150px; + z-index: 1; + background: transparent url(../images/bg-ramp.jpg) center 171px no-repeat; +} + +div#no-downloads span.inner { + display: block; + position: relative; + height: 197px; + width: 550px; + background: transparent url(../images/download-sprite.png) 0 0 no-repeat; +} + +section#downloads a { + display: block; + position: relative; + height: 67px; + width: 275px; + padding-top: 130px; + background: transparent url(../images/download-sprite.png) 0 0 no-repeat; + text-align: center; + line-height: 1; + color: #fff; + font-family: 'Open Sans', Myriad, Calibri, sans-serif; + font-weight: 800; + font-size: 1.3em; +} + +section#downloads a:hover { + text-decoration: none; +} + +section#downloads a em { + font: bold italic 12px/1 Georgia, Times, “Times New Roman”, serif; + color: #83b7da; + display: block; +} + +section#downloads a.zip { + float: left; + background-position: 0 0; +} + +section#downloads a.tgz { + float: right; + background-position: -275px 0; +} + +section#downloads a.zip:hover { + background-position: 0 -197px; +} + +section#downloads a.tgz:hover { + background-position: -275px -197px; +} + +span.banner-fix { + background: transparent url(../images/download-fallback-bg.png) center top no-repeat; + display: block; + height: 19px; + position: absolute; + width: 670px; + top: 19px; +} + +section#main_content { + z-index: 2; + padding: 20px 82px 0; + min-height:185px; +} + +/* footer */ + +footer { + background: transparent url(../images/footer-ramp.jpg) center -1px no-repeat; + padding-top: 104px; + margin: -94px auto 40px; + max-width: 560px; + text-align: center; +} + +footer span.ribbon-outer { + display: block; + position: relative; + border-bottom: 2px solid #bdb6ad; +} + +footer span.ribbon-inner { + position: relative; + display: block; + background-color: #cd596b; + border: 2px solid #7c334f; + padding: 1px; + z-index: 1; +} + +footer p { + font-family: 'Open Sans', Myriad, Calibri, sans-serif; + font-weight: bold; + font-size: .8em; + color: #8b786f; +} + +footer a { + color: #cd596b; +} + +footer span.ribbon-inner p { + background-color: #7c334f; + margin: 0; + color: #e69b95; + font: bold italic 12px/1 Georgia, Times, “Times New Roman”, serif; + padding-bottom:4px; +} + +footer span.ribbon-inner a { + position: relative; + bottom: -1px; + color: #7eb0d2; + font-family: 'Open Sans', Myriad, Calibri, sans-serif; + text-transform: uppercase; + font-style: normal; + font-weight: 800; + font-size: 1.2em; +} + +footer span.ribbon-inner a:hover { + color: #7eb0d2; +} + +footer span.left-tail, footer span.right-tail { + position: relative; + display: block; + width: 18px; + height: 29px; + background: transparent url(../images/small-ribbon-tail-sprite.png) 0 0 no-repeat; + position: absolute; + bottom: 5px; + z-index: 0; +} + +footer span.left-tail { + background-position: 0 0; + left: -11px; +} + +footer span.right-tail { + background-position: -18px 0; + right: -11px; +} + +footer span.octocat { + background: transparent url(../images/octocat.png) 0 0 no-repeat; + display: block; + width: 30px; + height: 30px; + margin: 0 auto; +} + +/* content */ + +body { + background: #ece4d8; + font: normal normal 15px/1.5 Georgia, Palatino,” Palatino Linotype”, Times, “Times New Roman”, serif; + color: #544943; + -webkit-font-smoothing: antialiased; +} + +a, a:hover { + color: #417090; +} + +a { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +h1,h2,h3,h4,h5,h6 { + font-family: 'Open Sans', Myriad, Calibri, sans-serif; + font-weight: bold; +} + +p { + margin: .7em 0; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +ol { + margin: .7em 0; + list-style-type: decimal; + padding-left: 1.35em; +} + +ul { + margin: .7em 0; + padding-left: 1.35em; +} + +ul li { + padding-left: 10px; + background: transparent url(../images/chevron.png) left 6px no-repeat; +} + +blockquote { + font-family: 'Open Sans', Myriad, Calibri, sans-serif; + margin: 20px 0; + color: #8b786f; + padding-left: 1.35em; + background: transparent url('../images/blockquote-gfx.png') 0 4px no-repeat; +} + +img { + -webkit-box-shadow: 0px 2px 0px #bdb6ad; + -moz-box-shadow: 0px 2px 0px #bdb6ad; + box-shadow: 0px 2px 0px #bdb6ad; + border: 2px solid #fff6e9; + max-width: 502px; +} + +hr { + border: none; + outline: none; + height: 18px; + background: transparent url('../images/hr.jpg') center center repeat-x; + margin: 0 0 20px; +} + +code { + background: #fff6e9; + font: normal normal .8em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; + padding: 0 5px 1px; +} + +pre { + margin: 10px 0 20px; + padding: .7em; + background: #fff6e9; + border-bottom: 2px solid #bdb6ad; + font: normal normal .9em/1.7 "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace; + overflow: auto; +} + +pre code { + padding: 0; +} + +table { + background: #fff6e9; + display: table; + width: 100%; + border-collapse: separate; + border-bottom: 2px solid #bdb6ad; + margin: 10px 0; +} + +tr { + display: table-row; +} + +th { + display: table-cell; + padding: 2px 10px; + border: solid #ece4d8; + border-width: 0 2px 2px 0; + color: #cd596b; + font-family: 'Open Sans', Myriad, Calibri, sans-serif; + font-weight: bold; + font-size: .85em; +} + +td { + display: table-cell; + padding: 0 .7em; + border: solid #ece4d8; + border-width: 0 2px 2px 0; +} + +td:last-child, th:last-child { + border-right: none; +} + +tr:last-child td { + border-bottom: none; +} + +dl { + margin: .7em 0 20px; +} + +dt { + font-family: 'Open Sans', Myriad, Calibri, sans-serif; + font-weight: bold; +} + +dd { + padding-left: 1.35em; +} + +dd p:first-child { + margin-top: 0; +} + +/* Content based headers */ + +#main_content > .header-level-1:first-child, +#main_content > .header-level-2:first-child, +#main_content > .header-level-3:first-child, +#main_content > .header-level-4:first-child, +#main_content > .header-level-5:first-child, +#main_content > .header-level-6:first-child { + margin-top: 0; +} + +.header-level-1 { + font-size: 1.85em; + border-bottom: .2em double #d3ccc1; + color: #7c334f; + text-align: center; + font-style: italic; + margin: 1.1em 0 .38em; + line-height: 1.2; + padding-bottom: 10px +} + +.header-level-2 { + font-size: 1.58em; + color: #7c334f; + margin: .95em 0 .5em; + border-bottom: .1em solid #D3CCC1; + line-height: 1.2; + padding-bottom: 10px +} + +.header-level-3 { + margin: 20px 0 10px; + font-size: 1.45em; +} + +.header-level-4 { + margin: .6em 0; + font-size: 1.2em; + color: #cd596b; +} + +.header-level-5 { + margin: .7em 0; + font-size: 1em; + color: #8b786f; +} + +.header-level-6 { + margin: .8em 0; + font-size: .85em; + font-style: italic; +} diff --git a/stylesheets/styles.css b/stylesheets/styles.css new file mode 100644 index 0000000..dacf2e1 --- /dev/null +++ b/stylesheets/styles.css @@ -0,0 +1,255 @@ +@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700); + +body { + padding:50px; + font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; + color:#777; + font-weight:300; +} + +h1, h2, h3, h4, h5, h6 { + color:#222; + margin:0 0 20px; +} + +p, ul, ol, table, pre, dl { + margin:0 0 20px; +} + +h1, h2, h3 { + line-height:1.1; +} + +h1 { + font-size:28px; +} + +h2 { + color:#393939; +} + +h3, h4, h5, h6 { + color:#494949; +} + +a { + color:#39c; + font-weight:400; + text-decoration:none; +} + +a small { + font-size:11px; + color:#777; + margin-top:-0.6em; + display:block; +} + +.wrapper { + width:860px; + margin:0 auto; +} + +blockquote { + border-left:1px solid #e5e5e5; + margin:0; + padding:0 0 0 20px; + font-style:italic; +} + +code, pre { + font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; + color:#333; + font-size:12px; +} + +pre { + padding:8px 15px; + background: #f8f8f8; + border-radius:5px; + border:1px solid #e5e5e5; + overflow-x: auto; +} + +table { + width:100%; + border-collapse:collapse; +} + +th, td { + text-align:left; + padding:5px 10px; + border-bottom:1px solid #e5e5e5; +} + +dt { + color:#444; + font-weight:700; +} + +th { + color:#444; +} + +img { + max-width:100%; +} + +header { + width:270px; + float:left; + position:fixed; +} + +header ul { + list-style:none; + height:40px; + + padding:0; + + background: #eee; + background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); + background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%); + + border-radius:5px; + border:1px solid #d2d2d2; + box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0; + width:270px; +} + +header li { + width:89px; + float:left; + border-right:1px solid #d2d2d2; + height:40px; +} + +header ul a { + line-height:1; + font-size:11px; + color:#999; + display:block; + text-align:center; + padding-top:6px; + height:40px; +} + +strong { + color:#222; + font-weight:700; +} + +header ul li + li { + width:88px; + border-left:1px solid #fff; +} + +header ul li + li + li { + border-right:none; + width:89px; +} + +header ul a strong { + font-size:14px; + display:block; + color:#222; +} + +section { + width:500px; + float:right; + padding-bottom:50px; +} + +small { + font-size:11px; +} + +hr { + border:0; + background:#e5e5e5; + height:1px; + margin:0 0 20px; +} + +footer { + width:270px; + float:left; + position:fixed; + bottom:50px; +} + +@media print, screen and (max-width: 960px) { + + div.wrapper { + width:auto; + margin:0; + } + + header, section, footer { + float:none; + position:static; + width:auto; + } + + header { + padding-right:320px; + } + + section { + border:1px solid #e5e5e5; + border-width:1px 0; + padding:20px 0; + margin:0 0 20px; + } + + header a small { + display:inline; + } + + header ul { + position:absolute; + right:50px; + top:52px; + } +} + +@media print, screen and (max-width: 720px) { + body { + word-wrap:break-word; + } + + header { + padding:0; + } + + header ul, header p.view { + position:static; + } + + pre, code { + word-wrap:normal; + } +} + +@media print, screen and (max-width: 480px) { + body { + padding:15px; + } + + header ul { + display:none; + } +} + +@media print { + body { + padding:0.4in; + font-size:12pt; + color:#444; + } +} diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css new file mode 100644 index 0000000..b5f20c2 --- /dev/null +++ b/stylesheets/stylesheet.css @@ -0,0 +1,245 @@ +* { + box-sizing: border-box; } + +body { + padding: 0; + margin: 0; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.5; + color: #606c71; } + +a { + color: #1e6bb8; + text-decoration: none; } + a:hover { + text-decoration: underline; } + +.btn { + display: inline-block; + margin-bottom: 1rem; + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.08); + border-color: rgba(255, 255, 255, 0.2); + border-style: solid; + border-width: 1px; + border-radius: 0.3rem; + transition: color 0.2s, background-color 0.2s, border-color 0.2s; } + .btn + .btn { + margin-left: 1rem; } + +.btn:hover { + color: rgba(255, 255, 255, 0.8); + text-decoration: none; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.3); } + +@media screen and (min-width: 64em) { + .btn { + padding: 0.75rem 1rem; } } + +@media screen and (min-width: 42em) and (max-width: 64em) { + .btn { + padding: 0.6rem 0.9rem; + font-size: 0.9rem; } } + +@media screen and (max-width: 42em) { + .btn { + display: block; + width: 100%; + padding: 0.75rem; + font-size: 0.9rem; } + .btn + .btn { + margin-top: 1rem; + margin-left: 0; } } + +.page-header { + color: #fff; + text-align: center; + background-color: #159957; + background-image: linear-gradient(120deg, #155799, #159957); } + +@media screen and (min-width: 64em) { + .page-header { + padding: 5rem 6rem; } } + +@media screen and (min-width: 42em) and (max-width: 64em) { + .page-header { + padding: 3rem 4rem; } } + +@media screen and (max-width: 42em) { + .page-header { + padding: 2rem 1rem; } } + +.project-name { + margin-top: 0; + margin-bottom: 0.1rem; } + +@media screen and (min-width: 64em) { + .project-name { + font-size: 3.25rem; } } + +@media screen and (min-width: 42em) and (max-width: 64em) { + .project-name { + font-size: 2.25rem; } } + +@media screen and (max-width: 42em) { + .project-name { + font-size: 1.75rem; } } + +.project-tagline { + margin-bottom: 2rem; + font-weight: normal; + opacity: 0.7; } + +@media screen and (min-width: 64em) { + .project-tagline { + font-size: 1.25rem; } } + +@media screen and (min-width: 42em) and (max-width: 64em) { + .project-tagline { + font-size: 1.15rem; } } + +@media screen and (max-width: 42em) { + .project-tagline { + font-size: 1rem; } } + +.main-content :first-child { + margin-top: 0; } +.main-content img { + max-width: 100%; } +.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { + margin-top: 2rem; + margin-bottom: 1rem; + font-weight: normal; + color: #159957; } +.main-content p { + margin-bottom: 1em; } +.main-content code { + padding: 2px 4px; + font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; + font-size: 0.9rem; + color: #383e41; + background-color: #f3f6fa; + border-radius: 0.3rem; } +.main-content pre { + padding: 0.8rem; + margin-top: 0; + margin-bottom: 1rem; + font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace; + color: #567482; + word-wrap: normal; + background-color: #f3f6fa; + border: solid 1px #dce6f0; + border-radius: 0.3rem; } + .main-content pre > code { + padding: 0; + margin: 0; + font-size: 0.9rem; + color: #567482; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; } +.main-content .highlight { + margin-bottom: 1rem; } + .main-content .highlight pre { + margin-bottom: 0; + word-break: normal; } +.main-content .highlight pre, .main-content pre { + padding: 0.8rem; + overflow: auto; + font-size: 0.9rem; + line-height: 1.45; + border-radius: 0.3rem; } +.main-content pre code, .main-content pre tt { + display: inline; + max-width: initial; + padding: 0; + margin: 0; + overflow: initial; + line-height: inherit; + word-wrap: normal; + background-color: transparent; + border: 0; } + .main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { + content: normal; } +.main-content ul, .main-content ol { + margin-top: 0; } +.main-content blockquote { + padding: 0 1rem; + margin-left: 0; + color: #819198; + border-left: 0.3rem solid #dce6f0; } + .main-content blockquote > :first-child { + margin-top: 0; } + .main-content blockquote > :last-child { + margin-bottom: 0; } +.main-content table { + display: block; + width: 100%; + overflow: auto; + word-break: normal; + word-break: keep-all; } + .main-content table th { + font-weight: bold; } + .main-content table th, .main-content table td { + padding: 0.5rem 1rem; + border: 1px solid #e9ebec; } +.main-content dl { + padding: 0; } + .main-content dl dt { + padding: 0; + margin-top: 1rem; + font-size: 1rem; + font-weight: bold; } + .main-content dl dd { + padding: 0; + margin-bottom: 1rem; } +.main-content hr { + height: 2px; + padding: 0; + margin: 1rem 0; + background-color: #eff0f1; + border: 0; } + +@media screen and (min-width: 64em) { + .main-content { + max-width: 64rem; + padding: 2rem 6rem; + margin: 0 auto; + font-size: 1.1rem; } } + +@media screen and (min-width: 42em) and (max-width: 64em) { + .main-content { + padding: 2rem 4rem; + font-size: 1.1rem; } } + +@media screen and (max-width: 42em) { + .main-content { + padding: 2rem 1rem; + font-size: 1rem; } } + +.site-footer { + padding-top: 2rem; + margin-top: 2rem; + border-top: solid 1px #eff0f1; } + +.site-footer-owner { + display: block; + font-weight: bold; } + +.site-footer-credits { + color: #819198; } + +@media screen and (min-width: 64em) { + .site-footer { + font-size: 1rem; } } + +@media screen and (min-width: 42em) and (max-width: 64em) { + .site-footer { + font-size: 1rem; } } + +@media screen and (max-width: 42em) { + .site-footer { + font-size: 0.9rem; } } diff --git a/tags.html b/tags.html deleted file mode 100644 index a3ef2f1..0000000 --- a/tags.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -layout: default -permalink: /tags/index.html -title: Tags ---- -{% include header.html %} - -

404

{{ site.name }}

{{ post.title }}

{{ site.name }}

{{ site.bio }}

{{ page.title }}

Just a test

Skills

Projects

Bitworkshop.GitHub.io

+bitworkshop.github.com

{{ post.title }}

Tags

404

{{ site.name }}

{{ post.title }}

Related Posts

{{ page.title }}

Just a test

Skills

Projects

Bitworkshop.GitHub.io

+bitworkshop.github.com

{{ post.title }}

Tags

#{{ tag[0] }}

{{ post.title }}