commit 6c56d7ae4a07a1cb8c00612bc3ec39767b8f3c83 Author: Christian Basler Date: Fri Oct 7 22:30:13 2016 +0200 Added pages for Abit, most notably about how to help out on development. diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..656384c --- /dev/null +++ b/.editorconfig @@ -0,0 +1,7 @@ +root = true + +[*] +end_of_line = lf +insert_final_newline = true +charset = utf-8 +indent_size = 4 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..5d79e40 --- /dev/null +++ b/.gitignore @@ -0,0 +1,28 @@ +# Mac Specific +.DS_Store +.AppleDouble +.LSOverride + +# Icon must end with two \r +Icon + + +# Thumbnails +._* + +# Files that might appear on external disk +.Spotlight-V100 +.Trashes + +# Directories potentially created on remote AFP share +.AppleDB +.AppleDesktop +Network Trash Folder +Temporary Items +.apdisk + +# Jekyll Specific +_site/ + +# Ruby +Gemfile.lock diff --git a/404.html b/404.html new file mode 100644 index 0000000..53a0cfc --- /dev/null +++ b/404.html @@ -0,0 +1,48 @@ +--- +layout: default +title: 404 +permalink: /404.html +--- + +
+
+ +
+

404

+ +
+ Sorry but this page doesn't seem to exist. +
+ +
+ Home | + All Posts | + Search +
+ + {% include social_links.html %} + +
+ +
+ +
+ {% for post in site.posts limit:1 %} +
+ Suggested Article +
+
+ {{ post.title }} +
+
+ {% if post.summary %} + {{ post.summary | strip_html | truncatewords:30 }} + {% else %} + {{ post.excerpt | strip_html | truncatewords:30 }} + {% endif %} + Continue Reading +
+ {% endfor %} +
+ +
diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..0451fb2 --- /dev/null +++ b/LICENSE @@ -0,0 +1,28 @@ +Copyright (C) 2014 Jacob Tomlinson + +The contents of this website, which consists of the files in + * _config.yml + * _data + * _drafts + * _posts + +are copyrighted and sole property of its author Jacob Tomlinson. It may not be +used, modified, syndicated or distributed without expressed permission from +the author. + +However the website theme built using jekyll is Open Source under the following +GPLv3 license. + + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU General Public License as published by +the Free Software Foundation, either version 3 of the License, or +(at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU General Public License for more details. + +You should have received a copy of the GNU General Public License +along with this program. If not, see . diff --git a/README.md b/README.md new file mode 100644 index 0000000..7c6c3fc --- /dev/null +++ b/README.md @@ -0,0 +1,56 @@ +# Carte Noire + +A simple Jekyll theme for blogging. Not named after the coffee. + +![Homepage](http://i.imgur.com/xlmHArV.png) + +### Article +![Article](http://i.imgur.com/8rD8FfC.png) + +### Disqus Comments +![Comments](http://i.imgur.com/TBZHQwF.png) + +### Posts grouped by year +![All Posts](http://i.imgur.com/9bNs2Sc.png) + +### JavaScript Search +![Search](http://i.imgur.com/yQqMeSl.png) + +### Menu by mmenu +![Menu](http://i.imgur.com/SClrNSH.png) + +## Contact +If you wish to contact me regarding this theme please raise an issue on GitHub, +tweet me [@_jacobtomlinson](http://www.twitter.com/_jacobtomlinson) or email me +[jacob@jacobtomlinson.co.uk](mailto:jacob@jacobtomlinson.co.uk). + +## Contribution +Pull requests are very welcome. + +## Theme +This jekyll theme has been created from scratch. Ideas and inspiration are taken +from other places but the code is my own. + +## Tools and Libraries +The following tools and libraries are used in this theme + +### JavaScript + * [jQuery](http://jquery.com/) + * [MMenu](http://mmenu.frebsite.nl/) + * [HighlightJS](https://highlightjs.org/) + * [Simple Jekyll Search](https://github.com/christian-fei/Simple-Jekyll-Search) + +### CSS + * [Bootstrap](http://getbootstrap.com/) + * [Font Awesome](http://fortawesome.github.io/Font-Awesome/) + +### Social + * [AddThis](http://www.addthis.com/) + * [Disqus](https://disqus.com/) + +### Other + * [Real Favicon Generator](http://realfavicongenerator.net/) + * [Google Analytics](http://www.google.com/analytics/) + +## License +The jekyll theme, HTML, CSS and JavaScript is licensed under GPLv3 (unless stated otherwise in the file). diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..054d32e --- /dev/null +++ b/_config.yml @@ -0,0 +1,40 @@ +# Welcome to Jekyll! +# +# This config file is meant for settings that affect your whole blog, values +# which you are expected to set up once and rarely need to edit after that. +# For technical reasons, this file is *NOT* reloaded automatically when you use +# 'jekyll serve'. If you change this file, please restart the server process. + +# Site settings +title: Abit +email: chrigu.meyer@gmail.com +description: > # this means to ignore newlines until "baseurl:" + Write an awesome description for your new site here. You can edit this + line in _config.yml. It will appear in your document head meta (for + Google search results) and in your feed.xml site description. +baseurl: "/Abit" # the subpath of your site, e.g. /blog +url: "https://dissem.github.io" # the base hostname & protocol for your site +title_description: "A Bitmessage client for Android™" +title_image: "ic_launcher-web.png" +#google_analytics: "UA-20365477-4" +#disqus_account: cartenoire +github_repository: https://github.com/Dissem/Abit + + +# Social usernames/URLs +#twitter_username: jekyllrb +github_username: Dissem + +# Footer +footer_left: "Made with by Christian Basler" +footer_right: "</> on Github  " + +# Build settings +markdown: kramdown + +kramdown: + input: GFM + syntax_highlighter: rouge + +permalink: pretty +exclude: [vendor] diff --git a/_data/thumbnail.yml b/_data/thumbnail.yml new file mode 100644 index 0000000..653f739 --- /dev/null +++ b/_data/thumbnail.yml @@ -0,0 +1,2 @@ +gravatar: "https://www.gravatar.com/avatar/00000000000000000000000000000000?s=500&d=mm" +jekyll: "https://i.imgur.com/aRQcGSi.png" diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..062319e --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,86 @@ +
+
+ {{ site.footer_left }} +
+
+ {{ site.footer_right }} +
+
+ + + + + + + + +{% if page.make-smaller-titles %} + +{% endif %} + +{% if site.google_analytics %} + +{% endif %} diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..b345536 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,45 @@ + + + +{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +{% if site.addthis_id %} + + +{% endif %} + +{% if page.content contains ' +{% endif %} + + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..d2761ff --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,14 @@ + +
diff --git a/_includes/social_links.html b/_includes/social_links.html new file mode 100644 index 0000000..360ba49 --- /dev/null +++ b/_includes/social_links.html @@ -0,0 +1,8 @@ +

+ {% if site.twitter_username %}{% endif %} + {% if site.linkedin_link %}{% endif %} + {% if site.google_plus_link %}{% endif %} + {% if site.github_username %}{% endif %} + {% if site.stackoverflow_link %}{% endif %} + +

diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..4c9d94f --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,19 @@ + + + + {% include head.html %} + + + + {% include header.html %} + +
+
+ {{ content }} +
+
+ + {% include footer.html %} + + + diff --git a/_layouts/none.html b/_layouts/none.html new file mode 100644 index 0000000..cddd070 --- /dev/null +++ b/_layouts/none.html @@ -0,0 +1 @@ +{{ content }} diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..5cb1275 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,153 @@ +--- +layout: default +--- + +
+
+ +
+ {% if site.data.thumbnail[page.thumbnail] %} +
+ Thumbnail: {{ page.thumbnail }} +
+ {% elsif page.thumbnail %} +
+ +
+ {% endif %} + +

{{ page.title }}

+ +
+ + {% if page.series %} + This post is part of the series '{{ page.series }}': +
    + {% for apost in site.posts reversed %} + {% if page.series == apost.series %} +
  1. + {% if page.title == apost.title %} + {% assign nextpost = true %} + {{ apost.title }} + {% else %} + {% if nextpost == true %} + {% assign seriesnext = apost %} + {% endif %} + {% assign nextpost = false %} + {{ apost.title }} + {% endif %} +
    2. + {% endif %} + {% endfor %} +
+ {% endif %} + + {{ content }} + + {% if page.series %} + {% if seriesnext %} + Next post in the series: {{ seriesnext.title }} + {% endif %} + {% endif %} + + {% if site.addthis_id %} + + {% endif %} + + {% if page.tags and page.tags.size > 0 %} +
+ + + {{ page.tags | join: ', ' }} + +
+ {% endif %} + +
+ + {% if site.twitter_username and site.disqus_account %} + + {% elsif site.twitter_username %} + + {% elsif site.disqus_account %} + + {% endif %} + + {% if site.disqus_account %} +
+
+ + comments powered by Disqus +
+
+ {% endif %} + + {% if site.related_posts.length > 0 %} +
+ {% for post in site.related_posts limit:1 %} +
+ Read More +
+
+ {{ post.title }} +
+
+ {% if post.summary %} + {{ post.summary | strip_html | truncatewords:30 }} + {% else %} + {{ post.excerpt | strip_html | truncatewords:30 }} + {% endif %} + Continue Reading +
+ {% endfor %} +
+ + +
+ {% endif %} + +
+ +
+ +
+ +{% if site.disqus_account %} + +{% endif %} diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..323a3d6 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,187 @@ +--- +layout: default +--- + +{% if page.minutes %} + {% assign minutes = page.minutes %} +{% else %} + {% assign minutes = content | number_of_words | divided_by: 180 %} + {% if minutes == 0 %}{% assign minutes = 1 %}{% endif %} +{% endif %} + +
+
+ +
+ {% if site.data.thumbnail[page.thumbnail] %} +
+ Thumbnail: {{ page.thumbnail }} +
+ {% elsif page.thumbnail %} +
+ +
+ {% endif %} + +

{{ page.title }}

+ +
+ + {% if page.author %} + by + + {% endif %} + on + {% if page.categories != empty %} under {% for category in page.categories limit:1 %}{{ category }}{% endfor %}{% endif %} + +
+ +
+ + {{ minutes }} minute read + +
+ +
+ + {% if page.series %} + This post is part of the series '{{ page.series }}': +
    + {% for apost in site.posts reversed %} + {% if page.series == apost.series %} +
  1. + {% if page.title == apost.title %} + {% assign nextpost = true %} + {{ apost.title }} + {% else %} + {% if nextpost == true %} + {% assign seriesnext = apost %} + {% endif %} + {% assign nextpost = false %} + {{ apost.title }} + {% endif %} +
    2. + {% endif %} + {% endfor %} +
+ {% endif %} + + {{ content }} + + {% if page.series %} + {% if seriesnext %} + Next post in the series: {{ seriesnext.title }} + {% endif %} + {% endif %} + + {% if site.addthis_id %} + + {% endif %} + + {% if page.tags and page.tags.size > 0 %} +
+ + + {{ page.tags | join: ', ' }} + +
+ {% endif %} + +
+ + {% if site.twitter_username and site.disqus_account %} + + {% elsif site.twitter_username %} + + {% elsif site.disqus_account %} + + {% endif %} + + {% if site.disqus_account %} +
+
+ + comments powered by Disqus +
+
+ {% endif %} + + {% if site.related_posts.length > 0 %} +
+ {% for post in site.related_posts limit:1 %} +
+ Read More +
+
+ {{ post.title }} +
+
+ {% if post.summary %} + {{ post.summary | strip_html | truncatewords:30 }} + {% else %} + {{ post.excerpt | strip_html | truncatewords:30 }} + {% endif %} + Continue Reading +
+ {% endfor %} +
+ + +
+ {% endif %} + +
+ +
+ +
+ +{% if site.disqus_account %} + +{% endif %} diff --git a/_posts/2014-06-08-using-thumbnails.md b/_posts/2014-06-08-using-thumbnails.md new file mode 100644 index 0000000..94cdfc8 --- /dev/null +++ b/_posts/2014-06-08-using-thumbnails.md @@ -0,0 +1,59 @@ +--- +layout: post +title: Using thumbnails +date: 2014-06-08 12:32:18 +summary: Using thumbnails in your Carte Noire articles. +categories: jekyll +thumbnail: jekyll +tags: + - thumbnails + - carte noire +--- + +Carte Noire is designed to start each article with an all-white image as a +thumbnail. These are created by adding a `thumbnail` parameter to the article's +[YAML frontmatter][1]. This thumbnail parameter is processed in one of two ways, +images specified in `_data/thumbnails.yml` or using [Font Awesome][2]. + +## Images + +To use your own custom images as a thumbnail you must upload them to a web available +location (I use [Imgur][3]) and then you need to add the url to `_data/thumbnail.yml` +with an associated keyword. + +``` +jekyll: "http://i.imgur.com/aRQcGSi.png" +``` + +You then add a `thumbnail` option to the article's frontmatter and provide the keyword +for that thumbnail. + +``` +thumbnail: jekyll +``` + +This allows you to re-use thumbnails across multiple articles without having to +specify the url each time. + +## Font Awesome + +If jekyll can't find a corresponding image in your `thumbnail.yml` file then it +will assume you want to use a Font Awesome icon instead. You can find the full +list of Font Awesome icons [here][4]. + +So for example if your article is about android and you want to use the [android icon][5] +from font awesome you can just specify the following in your frontmatter. + +``` +thumbnail: android +``` + +Then in the future if you decide you want to use your own android icon you can just +add it to `_data/thumbnails.yml` which will override it for all articles using +the android thumbnail. + +[1]: http://jekyllrb.com/docs/frontmatter/ +[2]: http://fortawesome.github.io/Font-Awesome/ +[3]: http://imgur.com/ +[4]: http://fortawesome.github.io/Font-Awesome/icons/ +[5]: http://fortawesome.github.io/Font-Awesome/icon/android/ diff --git a/_posts/2014-06-09-so-what-is-jekyll.md b/_posts/2014-06-09-so-what-is-jekyll.md new file mode 100644 index 0000000..c35eefa --- /dev/null +++ b/_posts/2014-06-09-so-what-is-jekyll.md @@ -0,0 +1,21 @@ +--- +layout: post +title: So, What is Jekyll? +date: 2014-06-09 12:32:18 +summary: Transform your plain text into static websites and blogs. Simple, static, and blog-aware. +categories: jekyll +thumbnail: jekyll +tags: + - about + - jekyll +--- + +Jekyll is a tool for transforming your plain text into static websites and +blogs. It is simple, static, and blog-aware. Jekyll uses the +[Liquid](http://docs.shopify.com/themes/liquid-basics) templating +language and has builtin [Markdown](http://daringfireball.net/projects/markdown/) +and [Textile](http://en.wikipedia.org/wiki/Textile_(markup_language)) support. + +It also ties in nicely to [Github Pages](https://pages.github.com/). + +Learn more about Jekyll on their [website](http://jekyllrb.com/). diff --git a/_posts/2014-06-10-carte-noire-in-action.md b/_posts/2014-06-10-carte-noire-in-action.md new file mode 100644 index 0000000..e9f4ef6 --- /dev/null +++ b/_posts/2014-06-10-carte-noire-in-action.md @@ -0,0 +1,105 @@ +--- +layout: post +title: Carte Noire in Action +date: 2014-06-10 12:31:19 +summary: See what the different elements looks like. +categories: jekyll +thumbnail: cogs +tags: + - demo + - action + - carte + - noire +--- + +**Note** - This article is a derivative of ["See pixyll in action"][1], taken from the lovely jekyll theme [pixyll][4]. + +All links are easy to [locate and discern](#), yet don't detract from the harmony +of a paragraph. The _same_ goes for italics and __bold__ elements. Even the the strikeout +works if for some reason you need to update your post. For consistency's sake, +The same goes for insertions, of course. + +### Code, with syntax highlighting + +Code blocks use the [peppermint][2] theme. + +{% highlight ruby %} +class Awesome < ActiveRecord::Base + include EvenMoreAwesome + + validates_presence_of :something + validates :email, email_format: true + + def initialize(email, name = nil) + self.email = email + self.name = name + end +end +{% endhighlight %} + +```html + +Title + + + + + + +

Title

+ + +``` + +# Headings! + +They're responsive, and well-proportioned (in `padding`, `line-height`, `margin`, and `font-size`). + +##### They draw the perfect amount of attention + +This allows your content to have the proper informational and contextual hierarchy. Yay. + +### There are lists, too + + * Apples + * Oranges + * Potatoes + * Milk + + 1. Mow the lawn + 2. Feed the dog + 3. Dance + +### Images look great, too + +![Thumper](https://i.imgur.com/DMCHDqF.jpg) + + +### Stylish blockquotes included + +You can use the markdown quote syntax, `>` for simple quotes. + +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis porta mauris. + +### LaTeX support + +The default math delimiters are \$\$. Hence `$$ E = m \cdot c^2 $$` yields $$ E = m \cdot c^2 $$ + +And here's something more fancy: + +$$ \zeta(s) = \frac{1}{\Gamma(s)} \int \limits_0^\infty x^{s-1} \sum_{n=1}^\infty e^{-nx} \mathrm{d}x = \frac{1}{\Gamma(s)} \int \limits_0^\infty \frac{x^{s-1}}{e^x - 1} \mathrm{d}x $$ + + +### There's more being added all the time + +Checkout the [Github repository][3] to request, +or add, features. + +Happy writing. + +[1]: http://pixyll.com/jekyll/pixyll/2014/06/10/see-pixyll-in-action/ +[2]: https://noahfrederick.com/log/lion-terminal-theme-peppermint/ +[3]: https://github.com/jacobtomlinson/carte-noire +[4]: http://pixyll.com/ diff --git a/_posts/2015-03-23-welcome-to-carte-noir.md b/_posts/2015-03-23-welcome-to-carte-noir.md new file mode 100644 index 0000000..2dbf5f2 --- /dev/null +++ b/_posts/2015-03-23-welcome-to-carte-noir.md @@ -0,0 +1,28 @@ +--- +layout: post +title: Welcome to Carte Noire +date: 2015-03-23 15:31:19 +author: Jacob Tomlinson +summary: Carte Noire is a dark blog theme for Jekyll focusing on a clear reading experience. +categories: jekyll +thumbnail: heart +tags: + - welcome + - to + - carte + - noire +--- + +Welcome to Carte Noire. + +Carte Noire began as a new theme for [my personal blog][1], but has now taken +on a life of its own as a free theme for Jekyll. + +The theme has been designed with simplicity and readability in mind. It makes +use of third party services such as Disqus ad AddThis to ensure the blog has +all the features you would expect from a dynamic application such as Wordpress +but with the hosting and maintenance simplicity of Jekyll. + +Please use/copy/share Carte Noire! + +[1]: http://www.jacobtomlinson.co.uk/ diff --git a/css/highlightjs.piperita.scss b/css/highlightjs.piperita.scss new file mode 100644 index 0000000..0f86678 --- /dev/null +++ b/css/highlightjs.piperita.scss @@ -0,0 +1,114 @@ +--- +--- +/* Piperita - Theme */ +/* by Jacob Tomlinson () */ + +/* Colours */ +$base-white: #E6E6E6; +$base-red: #FF0028; +$light-black: #737373; +$dark-black: #4C4C4C; +$light-red: #FFA8BA; +$dark-red: #FF6685; +$light-green: #C5EBC5; +$dark-green: #A6EBA6; +$light-yellow: #F9F9A5; +$dark-yellow: #FFDC72; +$light-blue: #8DDBFF; +$dark-blue: #5DC6F5; +$light-purple: #FFABFF; +$dark-purple: #FF8FFF; +$light-aqua: #B0F0F0; +$dark-aqua: #86D1D7; +$light-white: #FFFFFF; +$dark-white: #DBDBDB; + + +/* Piperita Dark Title */ +.hljs-title { + color: $dark-white; +} + +/* Piperita Dark Green */ +.hljs-variable, +.hljs-attribute, +.hljs-tag, +.hljs-regexp, +.ruby .hljs-constant, +.xml .hljs-tag .hljs-title, +.xml .hljs-pi, +.xml .hljs-doctype, +.html .hljs-doctype, +.css .hljs-id, +.css .hljs-class, +.css .hljs-pseudo { + color: $dark-green; +} + +/* Piperita Dark Orange */ +.hljs-number, +.hljs-preprocessor, +.hljs-pragma, +.hljs-built_in, +.hljs-literal, +.hljs-params, +.hljs-constant { + color: #df5320; +} + +/* Piperita Dark Yellow */ +.hljs-ruby .hljs-class .hljs-title, +.css .hljs-rules .hljs-attribute { + color: $dark-yellow; +} + +/* Piperita Dark Red */ +.hljs-string, +.hljs-value, +.hljs-inheritance, +.hljs-header, +.ruby .hljs-symbol, +.xml .hljs-cdata { + color: $dark-red; +} + +/* Piperita Dark Aqua */ +.css .hljs-hexcolor { + color: $dark-aqua; +} + +/* Piperita Dark Blue */ +.hljs-function, +.hljs-comment, +.python .hljs-decorator, +.python .hljs-title, +.ruby .hljs-function .hljs-title, +.ruby .hljs-title .hljs-keyword, +.perl .hljs-sub, +.javascript .hljs-title, +.coffeescript .hljs-title { + color: $dark-blue; +} + +/* Piperita Dark Purple */ +.hljs-keyword, +.javascript .hljs-function { + color: $dark-purple; +} + +.hljs { + display: block; + overflow-x: auto; + color: $base-white; + -webkit-text-size-adjust: none; +} + +.coffeescript .javascript, +.javascript .xml, +.tex .hljs-formula, +.xml .javascript, +.xml .vbscript, +.xml .css, +.xml .hljs-cdata { + opacity: 0.5; +} diff --git a/css/idea.css b/css/idea.css new file mode 100644 index 0000000..6502213 --- /dev/null +++ b/css/idea.css @@ -0,0 +1,91 @@ +/* + +Intellij Idea-like styling (c) Vasily Polovnyov + +*/ + +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + color: #000; +} + +.hljs-subst, +.hljs-title { + font-weight: normal; + color: #000; +} + +.hljs-comment, +.hljs-quote { + color: #808080; + font-style: italic; +} + +.hljs-meta { + color: #808000; +} + +.hljs-section, +.hljs-name, +.hljs-literal, +.hljs-keyword, +.hljs-selector-tag, +.hljs-type, +.hljs-selector-id, +.hljs-selector-class { + font-weight: bold; + color: #000080; +} + +.hljs-attribute, +.hljs-number, +.hljs-regexp, +.hljs-link { + font-weight: bold; + color: #0000ff; +} + +.hljs-number, +.hljs-regexp, +.hljs-link { + font-weight: normal; +} + +.hljs-string { + color: #008000; + font-weight: bold; +} + +.hljs-symbol, +.hljs-bullet, +.hljs-formula { + color: #000; + font-style: italic; +} + +.hljs-doctag { + text-decoration: underline; +} + +.hljs-variable, +.hljs-template-variable { + color: #660e7a; +} + +.hljs-addition { + background: #baeeba; +} + +.hljs-deletion { + background: #ffc8bd; +} + +.hljs-emphasis { + font-style: italic; +} + +.hljs-strong { + font-weight: bold; +} diff --git a/css/jquery.mmenu.all.css b/css/jquery.mmenu.all.css new file mode 100644 index 0000000..9908b97 --- /dev/null +++ b/css/jquery.mmenu.all.css @@ -0,0 +1,1399 @@ +/* + jQuery.mmenu CSS +*/ +/* + jQuery.mmenu panels CSS +*/ +.mm-menu.mm-horizontal > .mm-panel { + -webkit-transition: left 0.4s ease; + -moz-transition: left 0.4s ease; + -ms-transition: left 0.4s ease; + -o-transition: left 0.4s ease; + transition: left 0.4s ease; } + +.mm-menu .mm-hidden { + display: none; } + +.mm-wrapper { + overflow-x: hidden; + position: relative; } + +.mm-menu { + background: inherit; + display: block; + overflow: hidden; + width: 100%; + height: 100%; + padding: 0; + position: absolute; + left: 0; + top: 0; + z-index: 0; } + .mm-menu > .mm-panel { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background: inherit; + -webkit-overflow-scrolling: touch; + overflow: scroll; + overflow-x: hidden; + overflow-y: auto; + width: 100%; + height: 100%; + padding: 20px; + position: absolute; + top: 0; + left: 100%; + z-index: 0; } + .mm-menu > .mm-panel.mm-opened { + left: 0%; } + .mm-menu > .mm-panel.mm-subopened { + left: -40%; } + .mm-menu > .mm-panel.mm-highest { + z-index: 1; } + .mm-menu .mm-list { + padding: 20px 0; } + .mm-menu > .mm-list { + padding: 20px 0 40px 0; } + +.mm-panel > .mm-list { + margin-left: -20px; + margin-right: -20px; } + .mm-panel > .mm-list:first-child { + padding-top: 0; } + +.mm-list, +.mm-list > li { + list-style: none; + display: block; + padding: 0; + margin: 0; } + +.mm-list { + font: inherit; + font-size: 14px; } + .mm-list a, + .mm-list a:hover { + text-decoration: none; } + .mm-list > li { + position: relative; } + .mm-list > li > a, + .mm-list > li > span { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + color: inherit; + line-height: 20px; + display: block; + padding: 10px 10px 10px 20px; + margin: 0; } + .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { + content: ''; + border-bottom-width: 1px; + border-bottom-style: solid; + display: block; + width: 100%; + position: absolute; + bottom: 0; + left: 0; } + .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { + width: auto; + margin-left: 20px; + position: relative; + left: auto; } + .mm-list a.mm-subopen { + width: 40px; + height: 100%; + padding: 0; + position: absolute; + right: 0; + top: 0; + z-index: 2; } + .mm-list a.mm-subopen:before { + content: ''; + border-left-width: 1px; + border-left-style: solid; + display: block; + height: 100%; + position: absolute; + left: 0; + top: 0; } + .mm-list a.mm-subopen.mm-fullsubopen { + width: 100%; } + .mm-list a.mm-subopen.mm-fullsubopen:before { + border-left: none; } + .mm-list a.mm-subopen + a, + .mm-list a.mm-subopen + span { + padding-right: 5px; + margin-right: 40px; } + .mm-list > li.mm-selected > a.mm-subopen { + background: transparent; } + .mm-list > li.mm-selected > a.mm-fullsubopen + a, + .mm-list > li.mm-selected > a.mm-fullsubopen + span { + padding-right: 45px; + margin-right: 0; } + .mm-list a.mm-subclose { + text-indent: 20px; + padding-top: 30px; + margin-top: -20px; } + .mm-list > li.mm-label { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + font-size: 10px; + text-transform: uppercase; + text-indent: 20px; + line-height: 25px; + padding-right: 5px; } + .mm-list > li.mm-spacer { + padding-top: 40px; } + .mm-list > li.mm-spacer.mm-label { + padding-top: 25px; } + .mm-list a.mm-subopen:after, + .mm-list a.mm-subclose:before { + content: ''; + border: 2px solid transparent; + display: block; + width: 7px; + height: 7px; + margin-bottom: -5px; + position: absolute; + bottom: 50%; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); } + .mm-list a.mm-subopen:after { + border-top: none; + border-left: none; + right: 18px; } + .mm-list a.mm-subclose:before { + border-right: none; + border-bottom: none; + margin-bottom: -15px; + left: 22px; } + +.mm-menu.mm-vertical .mm-list .mm-panel { + display: none; + padding: 10px 0 10px 10px; } + .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { + border-color: transparent; } +.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { + display: block; } +.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { + height: 40px; } + .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + top: 16px; + right: 16px; } + +html.mm-opened .mm-page { + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } + +.mm-ismenu { + background: #333333; + color: rgba(255, 255, 255, 0.6); } + +.mm-menu .mm-list > li:after { + border-color: rgba(0, 0, 0, 0.15); } +.mm-menu .mm-list > li > a.mm-subclose { + background: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.3); } +.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { + border-color: rgba(255, 255, 255, 0.3); } +.mm-menu .mm-list > li > a.mm-subopen:before { + border-color: rgba(0, 0, 0, 0.15); } +.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), +.mm-menu .mm-list > li.mm-selected > span { + background: rgba(0, 0, 0, 0.1); } +.mm-menu .mm-list > li.mm-label { + background: rgba(255, 255, 255, 0.05); } +.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, +.mm-menu.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(255, 255, 255, 0.05); } + +/* + jQuery.mmenu offcanvas addon CSS +*/ +.mm-page, +.mm-fixed-top, +.mm-fixed-bottom { + -webkit-transition: none 0.4s ease; + -moz-transition: none 0.4s ease; + -ms-transition: none 0.4s ease; + -o-transition: none 0.4s ease; + transition: none 0.4s ease; + -webkit-transition-property: top, right, bottom, left, border; + -moz-transition-property: top, right, bottom, left, border; + -ms-transition-property: top, right, bottom, left, border; + -o-transition-property: top, right, bottom, left, border; + transition-property: top, right, bottom, left, border; } + +.mm-page, +#mm-blocker { + margin: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; } + +.mm-page { + border: 0px solid rgba(0, 0, 0, 0); } + +html.mm-opening .mm-page { + border: 0px solid rgba(1, 1, 1, 0); } + +.mm-fixed-top, +.mm-fixed-bottom { + position: fixed; + left: 0; } + +.mm-fixed-top { + top: 0; } + +.mm-fixed-bottom { + bottom: 0; } + +html.mm-opened { + overflow: hidden; + position: relative; } + html.mm-opened body { + overflow: hidden; } + +html.mm-opened .mm-page { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + position: relative; } + +html.mm-background .mm-page { + background: inherit; } + +#mm-blocker { + background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; + display: none; + width: 100%; + height: 100%; + position: fixed; + z-index: 999999; } + +html.mm-opened #mm-blocker, +html.mm-blocking #mm-blocker { + display: block; } + +.mm-menu.mm-offcanvas { + display: none; + position: fixed; } +.mm-menu.mm-current { + display: block; } + +html.mm-opening .mm-page, +html.mm-opening #mm-blocker, +html.mm-opening .mm-fixed-top, +html.mm-opening .mm-fixed-bottom { + left: 80%; } + +.mm-menu { + width: 80%; } + +@media all and (max-width: 175px) { + .mm-menu { + width: 140px; } + + html.mm-opening .mm-page, + html.mm-opening #mm-blocker, + html.mm-opening .mm-fixed-top, + html.mm-opening .mm-fixed-bottom { + left: 140px; } } +@media all and (min-width: 550px) { + .mm-menu { + width: 440px; } + + html.mm-opening .mm-page, + html.mm-opening #mm-blocker, + html.mm-opening .mm-fixed-top, + html.mm-opening .mm-fixed-bottom { + left: 440px; } } +/* + jQuery.mmenu counters addon CSS +*/ +em.mm-counter { + font: inherit; + font-size: 14px; + font-style: normal; + text-indent: 0; + line-height: 20px; + display: block; + margin-top: -10px; + position: absolute; + right: 40px; + top: 50%; } + em.mm-counter + a.mm-subopen { + padding-left: 40px; } + em.mm-counter + a.mm-subopen + a, + em.mm-counter + a.mm-subopen + span { + margin-right: 80px; } + em.mm-counter + a.mm-fullsubopen { + padding-left: 0; } + +.mm-vertical em.mm-counter { + top: 12px; + margin-top: 0; } + +.mm-nosubresults > em.mm-counter { + display: none; } + +.mm-menu em.mm-counter { + color: rgba(255, 255, 255, 0.3); } + +/* + jQuery.mmenu dragOpen addon CSS +*/ +html.mm-opened.mm-dragging .mm-menu, +html.mm-opened.mm-dragging .mm-page, +html.mm-opened.mm-dragging .mm-fixed-top, +html.mm-opened.mm-dragging .mm-fixed-bottom, +html.mm-opened.mm-dragging #mm-blocker { + -webkit-transition-duration: 0s; + -moz-transition-duration: 0s; + -ms-transition-duration: 0s; + -o-transition-duration: 0s; + transition-duration: 0s; } + +/* + jQuery.mmenu header addon CSS +*/ +.mm-header { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + background: inherit; + border-bottom: 1px solid transparent; + text-align: center; + line-height: 20px; + width: 100%; + height: 60px; + padding: 30px 40px 0 40px; + position: absolute; + z-index: 2; + top: 0; + left: 0; } + .mm-header .mm-title { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + display: inline-block; + width: 100%; + position: relative; + z-index: 1; } + .mm-header .mm-prev, + .mm-header .mm-next { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + text-decoration: none; + display: block; + width: 40px; + height: 100%; + position: absolute; + bottom: 0; } + .mm-header .mm-prev:before, + .mm-header .mm-next:before { + content: ''; + border: 2px solid transparent; + display: block; + width: 7px; + height: 7px; + margin-bottom: -5px; + position: absolute; + bottom: 50%; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + margin-bottom: -15px; } + .mm-header .mm-prev { + left: 0; } + .mm-header .mm-prev:before { + border-right: none; + border-bottom: none; + left: 22px; } + .mm-header .mm-next { + right: 0; } + .mm-header .mm-next:before { + border-top: none; + border-left: none; + right: 18px; } + +.mm-menu.mm-hassearch .mm-header { + height: 50px; + padding-top: 20px; + top: 50px; } + .mm-menu.mm-hassearch .mm-header .mm-prev:before, + .mm-menu.mm-hassearch .mm-header .mm-mext:before { + margin-bottom: -10px; } + +.mm-menu.mm-hasheader li.mm-subtitle { + display: none; } +.mm-menu.mm-hasheader > .mm-panel { + padding-top: 80px; } + .mm-menu.mm-hasheader > .mm-panel.mm-list { + padding-top: 60px; } + .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { + margin-top: -20px; } +.mm-menu.mm-hasheader.mm-hassearch > .mm-panel { + padding-top: 120px; } + .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { + padding-top: 100px; } + +.mm-menu .mm-header { + border-color: rgba(0, 0, 0, 0.15); + color: rgba(255, 255, 255, 0.3); } + .mm-menu .mm-header a:before { + border-color: rgba(255, 255, 255, 0.3); } + +/* + jQuery.mmenu labels addon CSS +*/ +.mm-menu.mm-fixedlabels .mm-list { + background: inherit; } + .mm-menu.mm-fixedlabels .mm-list > li.mm-label { + background: inherit !important; + opacity: 0.97; + height: 25px; + overflow: visible; + position: relative; + z-index: 1; } + .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div { + background: inherit; + width: 100%; + position: absolute; + left: 0; } + .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; } + .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div { + padding-top: 25px; } + +.mm-list > li.mm-label > span { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + padding: 0; } +.mm-list > li.mm-label.mm-opened a.mm-subopen:after { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + right: 17px; } +.mm-list > li.mm-collapsed { + display: none; } + +.mm-menu .mm-list li.mm-label > div > div { + background: rgba(255, 255, 255, 0.05); } + +/* + jQuery.mmenu searchfield addon CSS +*/ +.mm-search, +.mm-search input { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + +.mm-list > li.mm-search { + padding: 10px; + margin-top: -20px; } +.mm-list > li.mm-subtitle + li.mm-search { + margin-top: 0; } + +div.mm-panel > div.mm-search { + padding: 0 0 10px 0; } + +.mm-menu.mm-hasheader .mm-list > li.mm-search { + margin-top: 0; } + +.mm-search { + background: inherit; + width: 100%; + padding: 10px; + position: relative; + top: 0; + z-index: 2; } + .mm-search input { + border: none; + border-radius: 30px; + font: inherit; + font-size: 14px; + line-height: 30px; + outline: none; + display: block; + width: 100%; + height: 30px; + margin: 0; + padding: 0 10px; } + +.mm-menu .mm-noresultsmsg { + text-align: center; + font-size: 21px; + display: none; + padding: 60px 0; } + .mm-menu .mm-noresultsmsg:after { + border: none !important; } + +.mm-noresults .mm-noresultsmsg { + display: block; } + +.mm-menu li.mm-nosubresults > a.mm-subopen { + display: none; } + .mm-menu li.mm-nosubresults > a.mm-subopen + a, + .mm-menu li.mm-nosubresults > a.mm-subopen + span { + padding-right: 10px; } +.mm-menu.mm-hassearch > .mm-panel { + padding-top: 70px; } + .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { + margin-top: -20px; } +.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { + margin-top: -10px; } + .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { + padding-top: 0; } + +.mm-menu .mm-search input { + background: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.6); } +.mm-menu .mm-noresultsmsg { + color: rgba(255, 255, 255, 0.3); } + +/* + jQuery.mmenu toggles addon CSS +*/ +label.mm-toggle { + border-radius: 30px; + width: 50px; + height: 30px; + margin: -15px 0 0 0; + position: absolute; + top: 50%; + z-index: 1; } + label.mm-toggle div { + border-radius: 30px; + width: 28px; + height: 28px; + margin: 1px; } + +input.mm-toggle { + position: absolute; + left: -10000px; } + input.mm-toggle:checked ~ label.mm-toggle div { + float: right; } + +label.mm-toggle { + right: 20px; } + label.mm-toggle + a, + label.mm-toggle + span { + margin-right: 70px; } + +a.mm-subopen + label.mm-toggle { + right: 50px; } + a.mm-subopen + label.mm-toggle + a, + a.mm-subopen + label.mm-toggle + span { + margin-right: 100px; } + +em.mm-counter + a.mm-subopen + label.mm-toggle { + right: 90px; } + em.mm-counter + a.mm-subopen + label.mm-toggle + a, + em.mm-counter + a.mm-subopen + label.mm-toggle + span { + margin-right: 140px; } + +.mm-menu label.mm-toggle { + background: rgba(0, 0, 0, 0.15); } + .mm-menu label.mm-toggle div { + background: #333333; } +.mm-menu input.mm-toggle:checked ~ label.mm-toggle { + background: #4bd963; } + +/* + jQuery.mmenu effects extension CSS +*/ +html.mm-slide .mm-menu { + -webkit-transition: -webkit-transform 0.4s ease; + -moz-transition: -moz-transform 0.4s ease; + -o-transition: -o-transform 0.4s ease; + transition: transform 0.4s ease; } +html.mm-slide.mm-opened .mm-menu { + -webkit-transform: translateX(-40%); + -moz-transform: translateX(-40%); + -ms-transform: translateX(-40%); + -o-transform: translateX(-40%); + transform: translateX(-40%); } +html.mm-slide.mm-opening .mm-menu { + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); } +html.mm-slide.mm-right.mm-opened .mm-menu { + -webkit-transform: translateX(40%); + -moz-transform: translateX(40%); + -ms-transform: translateX(40%); + -o-transform: translateX(40%); + transform: translateX(40%); } +html.mm-slide.mm-right.mm-opening .mm-menu { + -webkit-transform: translateX(0%); + -moz-transform: translateX(0%); + -ms-transform: translateX(0%); + -o-transform: translateX(0%); + transform: translateX(0%); } +html.mm-slide.mm-top.mm-opened .mm-menu { + -webkit-transform: translateY(-40%); + -moz-transform: translateY(-40%); + -ms-transform: translateY(-40%); + -o-transform: translateY(-40%); + transform: translateY(-40%); } +html.mm-slide.mm-top.mm-opening .mm-menu { + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); } +html.mm-slide.mm-bottom.mm-opened .mm-menu { + -webkit-transform: translateY(40%); + -moz-transform: translateY(40%); + -ms-transform: translateY(40%); + -o-transform: translateY(40%); + transform: translateY(40%); } +html.mm-slide.mm-bottom.mm-opening .mm-menu { + -webkit-transform: translateY(0%); + -moz-transform: translateY(0%); + -ms-transform: translateY(0%); + -o-transform: translateY(0%); + transform: translateY(0%); } + +html.mm-zoom-menu .mm-menu { + -webkit-transition: -webkit-transform 0.4s ease; + -moz-transition: -moz-transform 0.4s ease; + -o-transition: -o-transform 0.4s ease; + transition: transform 0.4s ease; } +html.mm-zoom-menu.mm-opened .mm-menu { + -webkit-transform: scale(0.7, 0.7) translateX(-40%); + -moz-transform: scale(0.7, 0.7) translateX(-40%); + -ms-transform: scale(0.7, 0.7) translateX(-40%); + -o-transform: scale(0.7, 0.7) translateX(-40%); + transform: scale(0.7, 0.7) translateX(-40%); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; } +html.mm-zoom-menu.mm-opening .mm-menu { + -webkit-transform: scale(1, 1) translateX(0%); + -moz-transform: scale(1, 1) translateX(0%); + -ms-transform: scale(1, 1) translateX(0%); + -o-transform: scale(1, 1) translateX(0%); + transform: scale(1, 1) translateX(0%); } +html.mm-zoom-menu.mm-right.mm-opened .mm-menu { + -webkit-transform: scale(0.7, 0.7) translateX(40%); + -moz-transform: scale(0.7, 0.7) translateX(40%); + -ms-transform: scale(0.7, 0.7) translateX(40%); + -o-transform: scale(0.7, 0.7) translateX(40%); + transform: scale(0.7, 0.7) translateX(40%); + -webkit-transform-origin: right center; + -moz-transform-origin: right center; + -ms-transform-origin: right center; + -o-transform-origin: right center; + transform-origin: right center; } +html.mm-zoom-menu.mm-right.mm-opening .mm-menu { + -webkit-transform: scale(1, 1) translateX(0%); + -moz-transform: scale(1, 1) translateX(0%); + -ms-transform: scale(1, 1) translateX(0%); + -o-transform: scale(1, 1) translateX(0%); + transform: scale(1, 1) translateX(0%); } +html.mm-zoom-menu.mm-top.mm-opened .mm-menu { + -webkit-transform: scale(0.7, 0.7) translateY(-40%); + -moz-transform: scale(0.7, 0.7) translateY(-40%); + -ms-transform: scale(0.7, 0.7) translateY(-40%); + -o-transform: scale(0.7, 0.7) translateY(-40%); + transform: scale(0.7, 0.7) translateY(-40%); + -webkit-transform-origin: center top; + -moz-transform-origin: center top; + -ms-transform-origin: center top; + -o-transform-origin: center top; + transform-origin: center top; } +html.mm-zoom-menu.mm-top.mm-opening .mm-menu { + -webkit-transform: scale(1, 1) translateY(0%); + -moz-transform: scale(1, 1) translateY(0%); + -ms-transform: scale(1, 1) translateY(0%); + -o-transform: scale(1, 1) translateY(0%); + transform: scale(1, 1) translateY(0%); } +html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { + -webkit-transform: scale(0.7, 0.7) translateY(40%); + -moz-transform: scale(0.7, 0.7) translateY(40%); + -ms-transform: scale(0.7, 0.7) translateY(40%); + -o-transform: scale(0.7, 0.7) translateY(40%); + transform: scale(0.7, 0.7) translateY(40%); + -webkit-transform-origin: center bottom; + -moz-transform-origin: center bottom; + -ms-transform-origin: center bottom; + -o-transform-origin: center bottom; + transform-origin: center bottom; } +html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { + -webkit-transform: scale(1, 1) translateY(0%); + -moz-transform: scale(1, 1) translateY(0%); + -ms-transform: scale(1, 1) translateY(0%); + -o-transform: scale(1, 1) translateY(0%); + transform: scale(1, 1) translateY(0%); } + +html.mm-zoom-page .mm-page { + -webkit-transition-property: -webkit-transform, top, right, bottom, left, border; + -moz-transition-property: -moz-transform, top, right, bottom, left, border; + -ms-transition-property: -ms-transform, top, right, bottom, left, border; + -o-transition-property: -o-transform, top, right, bottom, left, border; + transition-property: transform, top, right, bottom, left, border; } +html.mm-zoom-page.mm-opened .mm-page { + -webkit-transform: scale(1, 1); + -moz-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; } +html.mm-zoom-page.mm-opening .mm-page { + -webkit-transform: scale(1.5, 1.5); + -moz-transform: scale(1.5, 1.5); + -ms-transform: scale(1.5, 1.5); + -o-transform: scale(1.5, 1.5); + transform: scale(1.5, 1.5); } +html.mm-zoom-page.mm-right.mm-opened .mm-page { + -webkit-transform-origin: right center; + -moz-transform-origin: right center; + -ms-transform-origin: right center; + -o-transform-origin: right center; + transform-origin: right center; } +html.mm-zoom-page.mm-top.mm-opened .mm-page { + -webkit-transform-origin: center top; + -moz-transform-origin: center top; + -ms-transform-origin: center top; + -o-transform-origin: center top; + transform-origin: center top; } +html.mm-zoom-page.mm-bottom.mm-opened .mm-page { + -webkit-transform-origin: center bottom; + -moz-transform-origin: center bottom; + -ms-transform-origin: center bottom; + -o-transform-origin: center bottom; + transform-origin: center bottom; } + +html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { + -webkit-transform: scale(1.5, 1.5); + -moz-transform: scale(1.5, 1.5); + -ms-transform: scale(1.5, 1.5); + -o-transform: scale(1.5, 1.5); + transform: scale(1.5, 1.5); + -webkit-transform-origin: left center; + -moz-transform-origin: left center; + -ms-transform-origin: left center; + -o-transform-origin: left center; + transform-origin: left center; + -webkit-transition-property: -webkit-transform, left; + -moz-transition-property: -moz-transform, left; + -ms-transition-property: -ms-transform, left; + -o-transition-property: -o-transform, left; + transition-property: transform, left; } + html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { + -webkit-transform: scale(1, 1); + -moz-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); } + html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { + -webkit-transform: scale(0.7, 0.7); + -moz-transform: scale(0.7, 0.7); + -ms-transform: scale(0.7, 0.7); + -o-transform: scale(0.7, 0.7); + transform: scale(0.7, 0.7); } + +/* + jQuery.mmenu fullscreen extension CSS +*/ +html.mm-opening.mm-fullscreen .mm-page, +html.mm-opening.mm-fullscreen #mm-blocker, +html.mm-opening.mm-fullscreen .mm-fixed-top, +html.mm-opening.mm-fullscreen .mm-fixed-bottom { + left: 100%; } + +.mm-menu.mm-fullscreen { + width: 100%; } + +@media all and (max-width: 140px) { + .mm-menu.mm-fullscreen { + width: 140px; } + + html.mm-opening.mm-fullscreen .mm-page, + html.mm-opening.mm-fullscreen #mm-blocker, + html.mm-opening.mm-fullscreen .mm-fixed-top, + html.mm-opening.mm-fullscreen .mm-fixed-bottom { + left: 140px; } } +@media all and (min-width: 10000px) { + .mm-menu.mm-fullscreen { + width: 10000px; } + + html.mm-opening.mm-fullscreen .mm-page, + html.mm-opening.mm-fullscreen #mm-blocker, + html.mm-opening.mm-fullscreen .mm-fixed-top, + html.mm-opening.mm-fullscreen .mm-fixed-bottom { + left: 10000px; } } +.mm-menu.mm-top.mm-fullscreen { + height: 100%; } + +html.mm-top.mm-opening.mm-fullscreen .mm-page, +html.mm-top.mm-opening.mm-fullscreen #mm-blocker, +html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { + top: 100%; } +html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: -100%; } + +@media all and (max-height: 140px) { + .mm-menu.mm-top.mm-fullscreen { + height: 140px; } + + html.mm-top.mm-opening.mm-fullscreen .mm-page, + html.mm-top.mm-opening.mm-fullscreen #mm-blocker, + html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { + top: 140px; } + html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: -140px; } } +@media all and (min-height: 10000px) { + .mm-menu.mm-top.mm-fullscreen { + height: 10000px; } + + html.mm-top.mm-opening.mm-fullscreen .mm-page, + html.mm-top.mm-opening.mm-fullscreen #mm-blocker, + html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { + top: 10000px; } + html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: -10000px; } } +.mm-menu.mm-right.mm-fullscreen { + width: 100%; } + +html.mm-right.mm-opening.mm-fullscreen .mm-page, +html.mm-right.mm-opening.mm-fullscreen #mm-blocker, +html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, +html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { + right: 100%; } + +@media all and (max-width: 140px) { + .mm-menu.mm-right.mm-fullscreen { + width: 140px; } + + html.mm-right.mm-opening.mm-fullscreen .mm-page, + html.mm-right.mm-opening.mm-fullscreen #mm-blocker, + html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, + html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { + right: 140px; } } +@media all and (min-width: 10000px) { + .mm-menu.mm-right.mm-fullscreen { + width: 10000px; } + + html.mm-right.mm-opening.mm-fullscreen .mm-page, + html.mm-right.mm-opening.mm-fullscreen #mm-blocker, + html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, + html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { + right: 10000px; } } +.mm-menu.mm-bottom.mm-fullscreen { + height: 100%; } + +html.mm-bottom.mm-opening.mm-fullscreen .mm-page, +html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, +html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: 100%; } +html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { + top: -100%; } + +@media all and (max-height: 140px) { + .mm-menu.mm-bottom.mm-fullscreen { + height: 140px; } + + html.mm-bottom.mm-opening.mm-fullscreen .mm-page, + html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, + html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: 140px; } + html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { + top: -140px; } } +@media all and (min-height: 10000px) { + .mm-menu.mm-bottom.mm-fullscreen { + height: 10000px; } + + html.mm-bottom.mm-opening.mm-fullscreen .mm-page, + html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, + html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { + bottom: 10000px; } + html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { + top: -10000px; } } +.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { + left: -100%; } + +@media all and (max-width: 140px) { + .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { + left: -140px; } } +@media all and (min-width: 10000px) { + .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { + left: -10000px; } } +.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { + top: -100%; } + +@media all and (max-height: 140px) { + .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { + top: -140px; } } +@media all and (min-height: 10000px) { + .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { + top: -10000px; } } +.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { + right: -100%; } + +@media all and (max-width: 140px) { + .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { + right: -140px; } } +@media all and (min-width: 10000px) { + .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { + right: -10000px; } } +.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { + bottom: -100%; } + +@media all and (max-height: 140px) { + .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { + bottom: -140px; } } +@media all and (min-height: 10000px) { + .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { + bottom: -10000px; } } +html.mm-front .mm-fixed-top, +html.mm-front .mm-fixed-bottom, +html.mm-opening.mm-front .mm-fixed-top, +html.mm-opening.mm-front .mm-fixed-bottom { + left: 0; + right: auto; } +html.mm-front .mm-fixed-top, +html.mm-opening.mm-front .mm-fixed-top { + top: 0; } +html.mm-front .mm-fixed-bottom, +html.mm-opening.mm-front .mm-fixed-bottom { + bottom: 0; } + +html.mm-opened.mm-fullscreen .mm-page { + box-shadow: none !important; } + +/* + jQuery.mmenu position extension CSS +*/ +.mm-menu.mm-top { + width: 100%; } + +html.mm-top.mm-opened .mm-page, +html.mm-top.mm-opened #mm-blocker { + top: 0%; } + +html.mm-top.mm-opened.mm-opening .mm-page, +html.mm-top.mm-opened.mm-opening #mm-blocker, +html.mm-top.mm-opened.mm-opening .mm-fixed-top, +html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { + left: 0; } + +.mm-menu.mm-right { + left: auto; + right: 0; } + +html.mm-right.mm-opened .mm-page, +html.mm-right.mm-opened #mm-blocker, +html.mm-right.mm-opened .mm-fixed-top, +html.mm-right.mm-opened .mm-fixed-bottom { + left: auto; + right: 0%; } + +html.mm-right.mm-opened.mm-opening .mm-page, +html.mm-right.mm-opened.mm-opening #mm-blocker, +html.mm-right.mm-opened.mm-opening .mm-fixed-top, +html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { + left: auto; } + +.mm-menu.mm-bottom { + width: 100%; + top: auto; + bottom: 0; } + +html.mm-bottom.mm-opened .mm-page, +html.mm-bottom.mm-opened #mm-blocker { + bottom: 0%; + top: auto; } + +html.mm-bottom.mm-opened.mm-opening .mm-page, +html.mm-bottom.mm-opened.mm-opening #mm-blocker, +html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, +html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { + top: auto; + left: 0; } + +.mm-menu.mm-top { + height: 80%; } + +html.mm-top.mm-opening .mm-page, +html.mm-top.mm-opening #mm-blocker, +html.mm-top.mm-opening .mm-fixed-top { + top: 80%; } +html.mm-top.mm-opening .mm-fixed-bottom { + bottom: -80%; } + +@media all and (max-height: 175px) { + .mm-menu.mm-top { + height: 140px; } + + html.mm-top.mm-opening .mm-page, + html.mm-top.mm-opening #mm-blocker, + html.mm-top.mm-opening .mm-fixed-top { + top: 140px; } + html.mm-top.mm-opening .mm-fixed-bottom { + bottom: -140px; } } +@media all and (min-height: 1100px) { + .mm-menu.mm-top { + height: 880px; } + + html.mm-top.mm-opening .mm-page, + html.mm-top.mm-opening #mm-blocker, + html.mm-top.mm-opening .mm-fixed-top { + top: 880px; } + html.mm-top.mm-opening .mm-fixed-bottom { + bottom: -880px; } } +.mm-menu.mm-right { + width: 80%; } + +html.mm-right.mm-opening .mm-page, +html.mm-right.mm-opening #mm-blocker, +html.mm-right.mm-opening .mm-fixed-top, +html.mm-right.mm-opening .mm-fixed-bottom { + right: 80%; } + +@media all and (max-width: 175px) { + .mm-menu.mm-right { + width: 140px; } + + html.mm-right.mm-opening .mm-page, + html.mm-right.mm-opening #mm-blocker, + html.mm-right.mm-opening .mm-fixed-top, + html.mm-right.mm-opening .mm-fixed-bottom { + right: 140px; } } +@media all and (min-width: 550px) { + .mm-menu.mm-right { + width: 440px; } + + html.mm-right.mm-opening .mm-page, + html.mm-right.mm-opening #mm-blocker, + html.mm-right.mm-opening .mm-fixed-top, + html.mm-right.mm-opening .mm-fixed-bottom { + right: 440px; } } +.mm-menu.mm-bottom { + height: 80%; } + +html.mm-bottom.mm-opening .mm-page, +html.mm-bottom.mm-opening #mm-blocker, +html.mm-bottom.mm-opening .mm-fixed-bottom { + bottom: 80%; } +html.mm-bottom.mm-opening .mm-fixed-top { + top: -80%; } + +@media all and (max-height: 175px) { + .mm-menu.mm-bottom { + height: 140px; } + + html.mm-bottom.mm-opening .mm-page, + html.mm-bottom.mm-opening #mm-blocker, + html.mm-bottom.mm-opening .mm-fixed-bottom { + bottom: 140px; } + html.mm-bottom.mm-opening .mm-fixed-top { + top: -140px; } } +@media all and (min-height: 1100px) { + .mm-menu.mm-bottom { + height: 880px; } + + html.mm-bottom.mm-opening .mm-page, + html.mm-bottom.mm-opening #mm-blocker, + html.mm-bottom.mm-opening .mm-fixed-bottom { + bottom: 880px; } + html.mm-bottom.mm-opening .mm-fixed-top { + top: -880px; } } +/* + jQuery.mmenu z-position extension CSS +*/ +html.mm-front.mm-opened .mm-page { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } + +.mm-menu.mm-front, +.mm-menu.mm-next { + -webkit-transition: none 0.4s ease; + -moz-transition: none 0.4s ease; + -ms-transition: none 0.4s ease; + -o-transition: none 0.4s ease; + transition: none 0.4s ease; + -webkit-transition-property: top, right, bottom, left, -webkit-transform; + -moz-transition-property: top, right, bottom, left, -moz-transform; + -ms-transition-property: top, right, bottom, left, -o-transform; + -o-transition-property: top, right, bottom, left, -o-transform; + transition-property: top, right, bottom, left, transform; } + +html.mm-front .mm-page, +html.mm-front #mm-blocker { + z-index: 0; } + +.mm-menu.mm-front { + z-index: 1; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } + +html.mm-opened.mm-next .mm-page { + box-shadow: none; } + +html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { + left: 0%; } + +.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { + left: 0; } + +html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { + left: 0; + top: 0%; } + +.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { + left: auto; } + +html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { + left: auto; + right: 0%; } + +.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { + top: auto; + left: 0; } + +html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { + left: 0; + bottom: 0%; } + +.mm-menu.mm-front, .mm-menu.mm-next { + left: -80%; } + +@media all and (max-width: 175px) { + .mm-menu.mm-front, .mm-menu.mm-next { + left: -140px; } } +@media all and (min-width: 550px) { + .mm-menu.mm-front, .mm-menu.mm-next { + left: -440px; } } +.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { + top: -80%; } + +@media all and (max-height: 175px) { + .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { + top: -140px; } } +@media all and (min-height: 1100px) { + .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { + top: -880px; } } +.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { + right: -80%; } + +@media all and (max-width: 175px) { + .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { + right: -140px; } } +@media all and (min-width: 550px) { + .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { + right: -440px; } } +.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { + bottom: -80%; } + +@media all and (max-height: 175px) { + .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { + bottom: -140px; } } +@media all and (min-height: 1100px) { + .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { + bottom: -880px; } } +html.mm-front .mm-fixed-top, +html.mm-front .mm-fixed-bottom, +html.mm-opening.mm-front .mm-fixed-top, +html.mm-opening.mm-front .mm-fixed-bottom { + left: 0; + right: auto; } +html.mm-front .mm-fixed-top, +html.mm-opening.mm-front .mm-fixed-top { + top: 0; } +html.mm-front .mm-fixed-bottom, +html.mm-opening.mm-front .mm-fixed-bottom { + bottom: 0; } + +/* + jQuery.mmenu themes extension CSS +*/ +html.mm-opened.mm-light .mm-page { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } + +.mm-ismenu.mm-light { + background: #f3f3f3; + color: rgba(0, 0, 0, 0.6); } + +.mm-menu.mm-light .mm-list > li:after { + border-color: rgba(0, 0, 0, 0.1); } +.mm-menu.mm-light .mm-list > li > a.mm-subclose { + background: rgba(255, 255, 255, 0.6); + color: rgba(0, 0, 0, 0.3); } +.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { + border-color: rgba(0, 0, 0, 0.3); } +.mm-menu.mm-light .mm-list > li > a.mm-subopen:before { + border-color: rgba(0, 0, 0, 0.1); } +.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), +.mm-menu.mm-light .mm-list > li.mm-selected > span { + background: rgba(255, 255, 255, 0.6); } +.mm-menu.mm-light .mm-list > li.mm-label { + background: rgba(0, 0, 0, 0.03); } +.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, +.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(0, 0, 0, 0.03); } + +.mm-menu.mm-light .mm-search input { + background: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.6); } +.mm-menu.mm-light .mm-noresultsmsg { + color: rgba(0, 0, 0, 0.3); } + +.mm-menu.mm-light em.mm-counter { + color: rgba(0, 0, 0, 0.3); } + +.mm-menu.mm-light .mm-list li.mm-label > div > div { + background: rgba(0, 0, 0, 0.03); } + +.mm-menu.mm-light .mm-header { + border-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.3); } + .mm-menu.mm-light .mm-header a:before { + border-color: rgba(0, 0, 0, 0.3); } + +.mm-menu.mm-light label.mm-toggle { + background: rgba(0, 0, 0, 0.1); } + .mm-menu.mm-light label.mm-toggle div { + background: #f3f3f3; } +.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { + background: #4bd963; } + +html.mm-opened.mm-white .mm-page { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } + +.mm-ismenu.mm-white { + background: white; + color: rgba(0, 0, 0, 0.6); } + +.mm-menu.mm-white .mm-list > li:after { + border-color: rgba(0, 0, 0, 0.1); } +.mm-menu.mm-white .mm-list > li > a.mm-subclose { + background: rgba(0, 0, 0, 0.06); + color: rgba(0, 0, 0, 0.3); } +.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { + border-color: rgba(0, 0, 0, 0.3); } +.mm-menu.mm-white .mm-list > li > a.mm-subopen:before { + border-color: rgba(0, 0, 0, 0.1); } +.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), +.mm-menu.mm-white .mm-list > li.mm-selected > span { + background: rgba(0, 0, 0, 0.06); } +.mm-menu.mm-white .mm-list > li.mm-label { + background: rgba(0, 0, 0, 0.03); } +.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, +.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(0, 0, 0, 0.03); } + +.mm-menu.mm-white .mm-search input { + background: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.6); } +.mm-menu.mm-white .mm-noresultsmsg { + color: rgba(0, 0, 0, 0.3); } + +.mm-menu.mm-white em.mm-counter { + color: rgba(0, 0, 0, 0.3); } + +.mm-menu.mm-white .mm-list li.mm-label > div > div { + background: rgba(0, 0, 0, 0.03); } + +.mm-menu.mm-white .mm-header { + border-color: rgba(0, 0, 0, 0.1); + color: rgba(0, 0, 0, 0.3); } + .mm-menu.mm-white .mm-header a:before { + border-color: rgba(0, 0, 0, 0.3); } + +.mm-menu.mm-white label.mm-toggle { + background: rgba(0, 0, 0, 0.1); } + .mm-menu.mm-white label.mm-toggle div { + background: white; } +.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { + background: #4bd963; } + +html.mm-opened.mm-black .mm-page { + box-shadow: none; } + +.mm-ismenu.mm-black { + background: black; + color: rgba(255, 255, 255, 0.6); } + +.mm-menu.mm-black .mm-list > li:after { + border-color: rgba(255, 255, 255, 0.2); } +.mm-menu.mm-black .mm-list > li > a.mm-subclose { + background: rgba(255, 255, 255, 0.25); + color: rgba(255, 255, 255, 0.3); } +.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { + border-color: rgba(255, 255, 255, 0.3); } +.mm-menu.mm-black .mm-list > li > a.mm-subopen:before { + border-color: rgba(255, 255, 255, 0.2); } +.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), +.mm-menu.mm-black .mm-list > li.mm-selected > span { + background: rgba(255, 255, 255, 0.25); } +.mm-menu.mm-black .mm-list > li.mm-label { + background: rgba(255, 255, 255, 0.15); } +.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, +.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { + background: rgba(255, 255, 255, 0.15); } + +.mm-menu.mm-black .mm-search input { + background: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.6); } +.mm-menu.mm-black .mm-noresultsmsg { + color: rgba(255, 255, 255, 0.3); } + +.mm-menu.mm-black em.mm-counter { + color: rgba(255, 255, 255, 0.3); } + +.mm-menu.mm-black .mm-list li.mm-label > div > div { + background: rgba(255, 255, 255, 0.15); } + +.mm-menu.mm-black .mm-header { + border-color: rgba(255, 255, 255, 0.2); + color: rgba(255, 255, 255, 0.3); } + .mm-menu.mm-black .mm-header a:before { + border-color: rgba(255, 255, 255, 0.3); } + +.mm-menu.mm-black label.mm-toggle { + background: rgba(255, 255, 255, 0.2); } + .mm-menu.mm-black label.mm-toggle div { + background: black; } +.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { + background: #4bd963; } diff --git a/css/style.scss b/css/style.scss new file mode 100644 index 0000000..be9812a --- /dev/null +++ b/css/style.scss @@ -0,0 +1,864 @@ +--- +--- +@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700); +@import url(https://fonts.googleapis.com/css?family=Montserrat); +@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro:400,700); + +/* Colours */ +$twitter: #6dabda; +$linkedin: #2b77b1; +$google-plus: #c95644; +$github: #f6c2a4; +$stack-overflow: #c98b3b; +$rss: #eea33a; + +$colorPrimaryLight: #FFECB3; +$colorPrimary: #FFC107; +$medium: rgba(255, 255, 255, 0.87); +$light-medium: #969696; +$dark-blue: #215A6D; +$colorAccent: #607D8B; +$green: #92C7A3; +$light: #DFECE6; +$colorPrimaryDarkText: #212121; +$dark-purple: #300030; +$medium-purple: #480048; +$regular-purple: #601848; +$red: #C04848; +$orange: #F07241; + +/* Responsive sizes */ +$screen-sm-min: 768px; +$screen-md-min: 992px; +$screen-lg-min: 1200px; + +/* Globals */ + +html { + height: 100%; + overflow-x: hidden; +} + +body { + font-family: 'Open Sans', sans-serif; + font-weight: 300; + background-color: $colorPrimary; + color: $colorPrimaryDarkText; + font-size: 16px; + height: 100%; + width: 100% +} + +a, a:active { + color: $colorAccent; + text-decoration: none; +} + +a:hover { + color: $dark-blue; + text-decoration: none; +} + +ul { + list-style-type: none; +} + +.navbar, .nav { + background-color: $dark-blue; + + .navbar-toggle { + margin-top: 10px; + padding-top: 0px; + padding-bottom: 20px; + } + + li { + + a, a:active { + color: $colorPrimaryDarkText; + } + + a:hover { + color: $dark-blue; + text-decoration: none; + } + } +} + +.clearfix:after { + content: " "; + display: block; + height: 0; + clear: both; +} + +.header { + font-size: 32px; + text-align: center; + margin-top: 20px; + margin-left: -0%; + width: 100%; + + @media (min-width: $screen-sm-min) { + font-size: 62px; + margin-left: -10%; + width: 120%; + } +} + +.menu-button { + color: $colorPrimaryDarkText; + font-size: 24px; + position: fixed; + top: 10px; + left: 20px; + cursor: pointer; + line-height: 1em; + padding: 10px; + background-color: $colorPrimary; + z-index: 100; + @media (min-width: $screen-sm-min) { + top: 20px; + left: 40px; + } +} + +.content-panel { + background-color: $medium; + padding-top: 20px; + padding-bottom: 20px; + padding-left: 30px; + padding-right: 30px; + margin-top: 20px; + box-shadow: 0px 0px 0px 0px, 0px 6px 12px rgba(0, 0, 0, 0.2); + border-bottom: 5px solid $colorAccent; +} + +#my-menu { + + p { + margin-bottom: 5px; + } + + a, a:active { + color: $light; + } + + a:hover { + color: $colorAccent; + } + + .pages { + + .fa { + margin-right: 10px; + } + } +} + +.links { + margin-top: 50px; + text-align: center; + + i { + padding-left: 5px; + padding-right: 5px; + + @media (min-width: $screen-sm-min) { + padding-left: 10px; + padding-right: 10px; + } + } + + .fa { + -webkit-transition: 0.3s; + -moz-transition: 0.3s; + transition: 0.3s; + } + + .fa-twitter:hover { + color: $twitter; + } + + .fa-linkedin:hover { + color: $linkedin; + } + + .fa-google-plus:hover { + color: $google-plus; + } + + .fa-github-alt:hover { + color: $github; + } + + .fa-stack-overflow:hover { + color: $stack-overflow; + } + + .fa-rss:hover { + color: $rss; + } +} + +/* Index */ + +.index { + height: 100%; + max-height: 100%; + width: 100%; + padding: 0px; + + @media (min-width: $screen-sm-min) { + width: 700px; + max-width:700px; + } + + .header { + margin-top: 10px; + margin-left: 0%; + margin-bottom: 0px; + font-size: 32px; + width: 100%; + + @media (min-width: $screen-lg-min) { + margin-left: -10%; + width: 120%; + } + } + + .categories { + font-size: 22px; + } + + .content-panel:nth-of-type(1) { + border-bottom: 10px solid $colorAccent; + } + + .author-header { + font-family: 'Montserrat', sans-serif; + color: $colorAccent; + margin-top: 0px; + padding-top: 15px; + font-size: 30px; + + @media (min-width: $screen-sm-min) { + font-size: 52px; + margin-top: 0px; + } + + @media (min-width: $screen-md-min) { + font-size: 60px; + margin-top: -20px; + } + } + + .row { + height: 100%; + max-height: 100%; + margin-top: 60px; + margin-left: 0px; + margin-right: 0px; + } + + .gravatar { + width: 100%; + margin-top: -80px; + text-align: center; + } + + .author-text { + text-align: center; + margin-top: 30px; + + b { + font-size: 32px; + } + } + + .links { + font-size: 2em; + } + + .articles { + text-align: center; + font-size: 20px; + + h2 { + margin-bottom: 30px; + color: $colorAccent; + font-size: 26px; + } + + ul { + + padding: 0px; + + li { + margin-bottom: 20px; + font-size: 24px; + + a:hover { + color: $light-medium; + } + + small { + font-size: 14px; + margin-top: -10px; + padding-top: 0px; + color: $light-medium; + } + + } + + li:nth-last-of-type(1) { + + small { + font-size: 16px; + } + + } + } + + a, a:active { + color: $colorPrimaryDarkText; + white-space: nowrap; + } + + a:hover { + color: $colorAccent; + } + } + + .copyright { + margin-top: 50px; + text-align: center; + } + + .links { + a, a:active { + color: $colorPrimaryDarkText; + } + } + + .menu { + margin-top: 250px; + margin-bottom: 20px; + font-size: 20px; + position: absolute; + bottom: 0px; + + a, a:active { + color: $colorPrimaryDarkText; + } + + a:hover { + color: $colorAccent; + } + + ul { + margin-bottom: 30px; + padding-left: 10px; + + ul { + padding-left: 50px; + list-style: none; + margin-left: 0; + text-indent: -0.6em; + } + } + } + +} + +.all-posts { + margin-left: 0px; + margin-right: 0px; + + @media (min-width: $screen-sm-min) { + #search-container { + padding-top: 75px; + padding-bottom: 150px; + } + } + + @media (min-width: $screen-md-min) { + margin-left: -15px; + margin-right: -15px; + + #search-container { + padding-bottom: 300px; + } + } + + #search-input { + position:relative; + width: 100%; + padding:6px 15px 6px 30px; + margin: 2px; + margin-top: 50px; + + color:$colorPrimary; + background-color:$colorPrimaryDarkText; + + border:1px solid #adc5cf; + border-radius:15px; + -moz-border-radius:15px; + -webkit-border-radius:15px; + } + + #search-input:focus { + border: none; + } + + .content-panel { + padding-left: 10px; + padding-right: 10px; + @media (min-width: $screen-md-min) { + padding-left: 30px; + padding-right: 30px; + } + } +} + + +.single { + height:100%; + max-height: 100%; + + h1, h2, h3, h4, h5, h6 { + font-family: 'Montserrat', sans-serif; + margin-bottom: 10px; + } + + h2 { + font-size: 36px; + } + + h3 { + font-size: 28px; + } + + p { + margin-bottom: 10px; + + @media (min-width: $screen-sm-min) { + margin-bottom: 40px; + } + } + + .menu { + + background-color: $dark-blue; + + a, a:active { + color: $colorPrimaryDarkText; + } + + a:hover { + color: $colorAccent; + } + + h4 { + margin-top: 20px; + } + + .share { + margin-top: 20px; + + h4 { + margin-bottom: 10px; + } + } + + .home { + margin-top: 10px; + font-size: 16px; + + a { + color: $colorPrimaryDarkText; + } + } + + .related { + ul { + padding: 0px; + } + li { + margin-bottom: 10px; + } + } + } + + .article { + width: 100%; + margin-left: 0%; + padding: 0px; + + @media (min-width: $screen-sm-min) { + width: 90%; + margin-left: 5%; + } + + @media (min-width: $screen-md-min) { + width: 70%; + margin-left: 15%; + } + + @media (min-width: $screen-lg-min) { + width: 50%; + margin-left: 25%; + } + + .thumb { + margin-top: 20px; + margin-bottom: 0px; + text-align: center; + + img { + height: 50px; + @media (min-width: $screen-sm-min) { + height: 70px; + } + } + } + + .author { + font-size: 20px; + text-align: center; + margin-bottom: 0px; + } + + .read-time { + font-size: 16px; + text-align: center; + margin-bottom: 10px; + font-weight: 400; + @media (min-width: $screen-sm-min) { + margin-bottom: 40px; + } + } + + .content { + font-size: 18px; + line-height: 170%; + padding-left: 15px; + padding-right: 15px; + padding-top: 10px; + padding-bottom: 10px; + + @media (min-width: $screen-sm-min) { + font-size: 24px; + padding-left: 30px; + padding-right: 30px; + padding-top: 40px; + padding-bottom: 20px; + } + + .series { + margin-bottom: 50px; + } + + img { + max-width: 100%; + padding: 10px; + display: block; + margin-left: auto; + margin-right: auto + } + + ul { + list-style-type: disc; + } + + ol { + list-style-type: decimal; + } + + blockquote { + position: relative; + width: 100%; + margin-left: -15px; + padding-right: 10px; + background-color: $colorPrimaryLight; + color: white; + box-sizing: content-box; + border: none; + font-size: 28px; + + @media (min-width: $screen-sm-min) { + margin-left: -30px; + padding-left: 45px; + padding-right: 15px; + } + + p { + margin: 0; + padding: 15px; + z-index: 0; + } + + :before { + font-family: "Times New Roman"; + color: $light-medium; + content: "“"; + position: absolute; + top: 15px; + left: 15px; + font-size: 65px; + font-weight: bold; + } + + } + + .alignright { + float: right; + } + + .aligncenter { + display: block; + margin: 5px auto 5px auto; + } + + figure.highlight, div.highlighter-rouge { + width: 100%; + margin-left: -15px; + padding-right: 10px; + box-sizing: content-box; + + @media (min-width: $screen-sm-min) { + margin-left: -30px; + padding-right: 60px; + } + + pre { + width: 100%; + font-family: 'Anonymous Pro'; + background-color: $colorPrimaryLight; + color: $colorPrimaryDarkText; + font-size: 12px; + border: none; + padding-left: 15px; + padding-top: 20px; + padding-bottom: 20px; + padding-right: 15px; + box-sizing: content-box; + border-radius: 0; + margin-bottom: 10px; + margin-top: 10px; + + @media (min-width: $screen-sm-min) { + padding-left: 50px; + padding-right: 10px; + margin-bottom: 40px; + font-size: 15px; + } + } + } + + p, ul, ol { + + code { + font-family: 'Anonymous Pro'; + font-size: 15px; + background-color: $colorPrimaryLight; + color: $colorPrimaryDarkText; + padding: 0.5em; + vertical-align: middle; + } + + } + + .tags { + margin-top: 10px; + margin-bottom: 10px; + text-align: center; + + a, a:active { + color: $colorPrimaryDarkText; + } + + a:hover { + color: $colorAccent; + } + + } + + .share { + margin-top: 20px; + margin-bottom: 10px; + text-align: center; + + } + + } + + .feedback { + text-align: center; + + .fa-heart { + color: $red; + } + + } + + .comments { + } + + } +} + +.related { + margin-top: 50px; + text-align: center; + + .related-header { + margin-top: -30px; + margin-bottom: 20px; + + a { + color: $colorPrimaryDarkText; + font-size: 18px; + width: auto; + padding: 10px 20px; + background-color: $colorPrimaryLight; + box-shadow: 0px 0px 0px 0px, 0px 6px 12px rgba(0, 0, 0, 0.2); + } + + a:hover { + color: $dark-blue; + } + } + + .title { + padding-top:20px; + font-size: 24px; + margin-bottom: 20px; + + @media (min-width: $screen-sm-min) { + font-size: 36px; + } + + a { + color: $colorPrimaryDarkText; + } + + a:hover { + color: $light; + } + } + + p { + margin-bottom: 0px; + } + + .previous-next { + width: 50%; + + a { + color: $colorPrimaryDarkText; + } + + a:hover { + color: $light; + } + } + + .next { + float: right; + text-align: right; + } + + .previous { + float: left; + text-align: left; + } + + .date { + color: $light-medium; + } +} + +.search-hr { + width: 700px; + border-color: $light-medium; +} + +.error { + .error-text { + margin-top: 30px; + + a { + color: $colorAccent; + } + } + + .links { + font-size: 1em; + } +} + +.footer { + width: 100%; + margin-left: 0%; + + .fa-heart { + color: $red; + } + + @media (min-width: $screen-sm-min) { + width: 90%; + margin-left: 5%; + } + + @media (min-width: $screen-md-min) { + width: 80%; + margin-left: 10%; + } + + @media (min-width: $screen-lg-min) { + width: 70%; + margin-left: 15%; + } + + div { + color: $light-medium; + text-align: center; + margin-top: 20px; + margin-bottom: 20px; + } +} + +.btn-categories { + background-color: $colorAccent; + border-color: $colorAccent; + color: $colorPrimaryDarkText; + &:hover { + background-color: $dark-blue; + border-color: $dark-blue; + color: $colorPrimaryDarkText; + } + &:active { + background-color: $dark-blue; + border-color: $dark-blue; + color: $colorPrimaryDarkText; + } + &:focus { + background-color: $dark-blue; + border-color: $dark-blue; + color: $colorPrimaryDarkText; + } +} + +.dropdown-menu { + background-color: $colorAccent; + color: $colorPrimaryDarkText; + > li > a { + background-color: $colorAccent; + color: $colorPrimaryDarkText; + &:hover { + background-color: $dark-blue; + color: $colorPrimaryDarkText; + } + } +} diff --git a/favicons/README.md b/favicons/README.md new file mode 100644 index 0000000..99e41a9 --- /dev/null +++ b/favicons/README.md @@ -0,0 +1,8 @@ +# Favicons + +These sample favicons have been generated at http://realfavicongenerator.net/. + +To add your own simply visit http://realfavicongenerator.net/ and +generate a new set of favicons (change the path option to `/favicons/`) +and replace all of the files in this folder. Then update the favicon section in +the [head.html](../_includes/head.html) include with the generated meta tags. diff --git a/favicons/android-chrome-144x144.png b/favicons/android-chrome-144x144.png new file mode 100644 index 0000000..7ae9e7e Binary files /dev/null and b/favicons/android-chrome-144x144.png differ diff --git a/favicons/android-chrome-192x192.png b/favicons/android-chrome-192x192.png new file mode 100644 index 0000000..a691c84 Binary files /dev/null and b/favicons/android-chrome-192x192.png differ diff --git a/favicons/android-chrome-256x256.png b/favicons/android-chrome-256x256.png new file mode 100644 index 0000000..018f4db Binary files /dev/null and b/favicons/android-chrome-256x256.png differ diff --git a/favicons/android-chrome-36x36.png b/favicons/android-chrome-36x36.png new file mode 100644 index 0000000..fcea16f Binary files /dev/null and b/favicons/android-chrome-36x36.png differ diff --git a/favicons/android-chrome-384x384.png b/favicons/android-chrome-384x384.png new file mode 100644 index 0000000..f3c65b4 Binary files /dev/null and b/favicons/android-chrome-384x384.png differ diff --git a/favicons/android-chrome-48x48.png b/favicons/android-chrome-48x48.png new file mode 100644 index 0000000..11ec137 Binary files /dev/null and b/favicons/android-chrome-48x48.png differ diff --git a/favicons/android-chrome-512x512.png b/favicons/android-chrome-512x512.png new file mode 100644 index 0000000..22cecaa Binary files /dev/null and b/favicons/android-chrome-512x512.png differ diff --git a/favicons/android-chrome-72x72.png b/favicons/android-chrome-72x72.png new file mode 100644 index 0000000..9e3c425 Binary files /dev/null and b/favicons/android-chrome-72x72.png differ diff --git a/favicons/android-chrome-96x96.png b/favicons/android-chrome-96x96.png new file mode 100644 index 0000000..adca857 Binary files /dev/null and b/favicons/android-chrome-96x96.png differ diff --git a/favicons/apple-touch-icon-114x114-precomposed.png b/favicons/apple-touch-icon-114x114-precomposed.png new file mode 100644 index 0000000..d9ec8f3 Binary files /dev/null and b/favicons/apple-touch-icon-114x114-precomposed.png differ diff --git a/favicons/apple-touch-icon-114x114.png b/favicons/apple-touch-icon-114x114.png new file mode 100644 index 0000000..e0d9993 Binary files /dev/null and b/favicons/apple-touch-icon-114x114.png differ diff --git a/favicons/apple-touch-icon-120x120-precomposed.png b/favicons/apple-touch-icon-120x120-precomposed.png new file mode 100644 index 0000000..040718b Binary files /dev/null and b/favicons/apple-touch-icon-120x120-precomposed.png differ diff --git a/favicons/apple-touch-icon-120x120.png b/favicons/apple-touch-icon-120x120.png new file mode 100644 index 0000000..3428773 Binary files /dev/null and b/favicons/apple-touch-icon-120x120.png differ diff --git a/favicons/apple-touch-icon-144x144-precomposed.png b/favicons/apple-touch-icon-144x144-precomposed.png new file mode 100644 index 0000000..029c256 Binary files /dev/null and b/favicons/apple-touch-icon-144x144-precomposed.png differ diff --git a/favicons/apple-touch-icon-144x144.png b/favicons/apple-touch-icon-144x144.png new file mode 100644 index 0000000..ec657d3 Binary files /dev/null and b/favicons/apple-touch-icon-144x144.png differ diff --git a/favicons/apple-touch-icon-152x152-precomposed.png b/favicons/apple-touch-icon-152x152-precomposed.png new file mode 100644 index 0000000..5c6e122 Binary files /dev/null and b/favicons/apple-touch-icon-152x152-precomposed.png differ diff --git a/favicons/apple-touch-icon-152x152.png b/favicons/apple-touch-icon-152x152.png new file mode 100644 index 0000000..3e4fb09 Binary files /dev/null and b/favicons/apple-touch-icon-152x152.png differ diff --git a/favicons/apple-touch-icon-180x180-precomposed.png b/favicons/apple-touch-icon-180x180-precomposed.png new file mode 100644 index 0000000..baed272 Binary files /dev/null and b/favicons/apple-touch-icon-180x180-precomposed.png differ diff --git a/favicons/apple-touch-icon-180x180.png b/favicons/apple-touch-icon-180x180.png new file mode 100644 index 0000000..a1fe99c Binary files /dev/null and b/favicons/apple-touch-icon-180x180.png differ diff --git a/favicons/apple-touch-icon-57x57-precomposed.png b/favicons/apple-touch-icon-57x57-precomposed.png new file mode 100644 index 0000000..98b9bc9 Binary files /dev/null and b/favicons/apple-touch-icon-57x57-precomposed.png differ diff --git a/favicons/apple-touch-icon-57x57.png b/favicons/apple-touch-icon-57x57.png new file mode 100644 index 0000000..ce2d616 Binary files /dev/null and b/favicons/apple-touch-icon-57x57.png differ diff --git a/favicons/apple-touch-icon-60x60-precomposed.png b/favicons/apple-touch-icon-60x60-precomposed.png new file mode 100644 index 0000000..264b23f Binary files /dev/null and b/favicons/apple-touch-icon-60x60-precomposed.png differ diff --git a/favicons/apple-touch-icon-60x60.png b/favicons/apple-touch-icon-60x60.png new file mode 100644 index 0000000..af1db53 Binary files /dev/null and b/favicons/apple-touch-icon-60x60.png differ diff --git a/favicons/apple-touch-icon-72x72-precomposed.png b/favicons/apple-touch-icon-72x72-precomposed.png new file mode 100644 index 0000000..b033798 Binary files /dev/null and b/favicons/apple-touch-icon-72x72-precomposed.png differ diff --git a/favicons/apple-touch-icon-72x72.png b/favicons/apple-touch-icon-72x72.png new file mode 100644 index 0000000..f36a60b Binary files /dev/null and b/favicons/apple-touch-icon-72x72.png differ diff --git a/favicons/apple-touch-icon-76x76-precomposed.png b/favicons/apple-touch-icon-76x76-precomposed.png new file mode 100644 index 0000000..c094a00 Binary files /dev/null and b/favicons/apple-touch-icon-76x76-precomposed.png differ diff --git a/favicons/apple-touch-icon-76x76.png b/favicons/apple-touch-icon-76x76.png new file mode 100644 index 0000000..ef7fb62 Binary files /dev/null and b/favicons/apple-touch-icon-76x76.png differ diff --git a/favicons/apple-touch-icon-precomposed.png b/favicons/apple-touch-icon-precomposed.png new file mode 100644 index 0000000..baed272 Binary files /dev/null and b/favicons/apple-touch-icon-precomposed.png differ diff --git a/favicons/apple-touch-icon.png b/favicons/apple-touch-icon.png new file mode 100644 index 0000000..a1fe99c Binary files /dev/null and b/favicons/apple-touch-icon.png differ diff --git a/favicons/browserconfig.xml b/favicons/browserconfig.xml new file mode 100644 index 0000000..e56a40e --- /dev/null +++ b/favicons/browserconfig.xml @@ -0,0 +1,12 @@ + + + + + + + + + #ffc40d + + + diff --git a/favicons/favicon-16x16.png b/favicons/favicon-16x16.png new file mode 100644 index 0000000..a49cb0b Binary files /dev/null and b/favicons/favicon-16x16.png differ diff --git a/favicons/favicon-32x32.png b/favicons/favicon-32x32.png new file mode 100644 index 0000000..e8ea949 Binary files /dev/null and b/favicons/favicon-32x32.png differ diff --git a/favicons/favicon.ico b/favicons/favicon.ico new file mode 100644 index 0000000..11aa0e1 Binary files /dev/null and b/favicons/favicon.ico differ diff --git a/favicons/manifest.json b/favicons/manifest.json new file mode 100644 index 0000000..8b629e8 --- /dev/null +++ b/favicons/manifest.json @@ -0,0 +1,51 @@ +{ + "name": "Abit", + "icons": [ + { + "src": "\/android-chrome-36x36.png", + "sizes": "36x36", + "type": "image\/png" + }, + { + "src": "\/android-chrome-48x48.png", + "sizes": "48x48", + "type": "image\/png" + }, + { + "src": "\/android-chrome-72x72.png", + "sizes": "72x72", + "type": "image\/png" + }, + { + "src": "\/android-chrome-96x96.png", + "sizes": "96x96", + "type": "image\/png" + }, + { + "src": "\/android-chrome-144x144.png", + "sizes": "144x144", + "type": "image\/png" + }, + { + "src": "\/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image\/png" + }, + { + "src": "\/android-chrome-256x256.png", + "sizes": "256x256", + "type": "image\/png" + }, + { + "src": "\/android-chrome-384x384.png", + "sizes": "384x384", + "type": "image\/png" + }, + { + "src": "\/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image\/png" + } + ], + "theme_color": "#e4b44f" +} diff --git a/favicons/mstile-144x144.png b/favicons/mstile-144x144.png new file mode 100644 index 0000000..7ae9e7e Binary files /dev/null and b/favicons/mstile-144x144.png differ diff --git a/favicons/mstile-150x150.png b/favicons/mstile-150x150.png new file mode 100644 index 0000000..60046dc Binary files /dev/null and b/favicons/mstile-150x150.png differ diff --git a/favicons/mstile-310x150.png b/favicons/mstile-310x150.png new file mode 100644 index 0000000..93aff2d Binary files /dev/null and b/favicons/mstile-310x150.png differ diff --git a/favicons/mstile-310x310.png b/favicons/mstile-310x310.png new file mode 100644 index 0000000..ae426a0 Binary files /dev/null and b/favicons/mstile-310x310.png differ diff --git a/favicons/mstile-70x70.png b/favicons/mstile-70x70.png new file mode 100644 index 0000000..712d168 Binary files /dev/null and b/favicons/mstile-70x70.png differ diff --git a/favicons/safari-pinned-tab.svg b/favicons/safari-pinned-tab.svg new file mode 100644 index 0000000..0e6850a --- /dev/null +++ b/favicons/safari-pinned-tab.svg @@ -0,0 +1,26 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + + diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..ae253f9 --- /dev/null +++ b/feed.xml @@ -0,0 +1,29 @@ +--- +--- + + + + {{ site.title | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + diff --git a/helping-out.md b/helping-out.md new file mode 100644 index 0000000..7fb354e --- /dev/null +++ b/helping-out.md @@ -0,0 +1,36 @@ +--- +layout: page +title: "Helping Out" +permalink: "/helping-out" +order: 1 +--- + +## Contribute + +### Code + +You want a feature really bad? And know how to do it? Please help yourself! I'll be very happy about your pull request, just don't be cross should I want to change something first. + + +### Ideas + +There are so many great ideas out there, yet so little time to work on them. But go ahead, let me know, and maybe someone will manage to make it work. + + +### Artwork + +Have a better idea for an icon or some promotional graphics? Please, be my guest. I can't promise I'll use it, but I will certainly have a look. + +Keep in mind though that I'm a great fan of material design, and the icon will never look as if it belonged on an iPhone or a Windows box. + + + +## Donate + +Not everyone can code, and some ideas just suck. Want to give me some money instead? You can send me your bitcoins to [XXXX](bitcoin:XXXX). + +For all who don't have bitcoin: donate with PayPal™ +
+ +
diff --git a/ic_launcher-web.png b/ic_launcher-web.png new file mode 100644 index 0000000..ef455ee Binary files /dev/null and b/ic_launcher-web.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..4d6a9d4 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ +--- +layout: default +make-smaller-titles: true +--- + + +
+
+ +
+ +
+ {{ site.title }} +
+ +

{{ site.title }}

+ +
+ {{ site.title_description }} +
+ + {% include social_links.html %} +
+
+ +
+ +

Latest Articles

+ +
    + {% for post in site.posts | limit: site.post_limit %} + +
  • + {{ post.title }} + +
    • + + {% endfor %} +
  • + more... +
    • +
+ +
+ +
+ +
+
diff --git a/js/jekyll-search.js b/js/jekyll-search.js new file mode 100644 index 0000000..d884a24 --- /dev/null +++ b/js/jekyll-search.js @@ -0,0 +1 @@ +!function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a="function"==typeof require&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}for(var i="function"==typeof require&&require,o=0;o=0}var self=this;self.matches=function(string,crit){return"string"!=typeof string?!1:(string=string.trim(),doMatch(string,crit))}}module.exports=new LiteralSearchStrategy},{}],4:[function(require,module){module.exports=function(){function findMatches(store,crit,strategy){for(var data=store.get(),i=0;i{title}',noResultsText:"No results found",limit:10,fuzzy:!1};self.init=function(_opt){validateOptions(_opt),assignOptions(_opt),isJSON(opt.dataSource)?initWithJSON(opt.dataSource):initWithURL(opt.dataSource)}}var Searcher=require("./Searcher"),Templater=require("./Templater"),Store=require("./Store"),JSONLoader=require("./JSONLoader"),searcher=new Searcher,templater=new Templater,store=new Store,jsonLoader=new JSONLoader;window.SimpleJekyllSearch=new SimpleJekyllSearch}(window,document)},{"./JSONLoader":1,"./Searcher":4,"./Store":5,"./Templater":6}]},{},[7]); diff --git a/js/jquery.mmenu.min.all.js b/js/jquery.mmenu.min.all.js new file mode 100644 index 0000000..0f3068c --- /dev/null +++ b/js/jquery.mmenu.min.all.js @@ -0,0 +1,69 @@ +/* + * jQuery mmenu v4.3.6 + * @requires jQuery 1.7.0 or later + * + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + * + * Dual licensed under the MIT license: + * http://en.wikipedia.org/wiki/MIT_License + */ +!function(e){function n(n,s,t){if(t){if("object"!=typeof n&&(n={}),"boolean"!=typeof n.isMenu){var o=t.children();n.isMenu=1==o.length&&o.is(s.panelNodetype)}return n}n=e.extend(!0,{},e[i].defaults,n),("top"==n.position||"bottom"==n.position)&&("back"==n.zposition||"next"==n.zposition)&&(e[i].deprecated('Using position "'+n.position+'" in combination with zposition "'+n.zposition+'"','zposition "front"'),n.zposition="front");for(var a=["position","zposition","modal","moveBackground"],l=0,d=a.length;d>l;l++)"undefined"!=typeof n[a[l]]&&(e[i].deprecated('The option "'+a[l]+'"',"offCanvas."+a[l]),n.offCanvas=n.offCanvas||{},n.offCanvas[a[l]]=n[a[l]]);return n}function s(n){n=e.extend(!0,{},e[i].configuration,n);for(var s=["panel","list","selected","label","spacer"],t=0,o=s.length;o>t;t++)"undefined"!=typeof n[s[t]+"Class"]&&(e[i].deprecated('The configuration option "'+s[t]+'Class"',"classNames."+s[t]),n.classNames[s[t]]=n[s[t]+"Class"]);if("undefined"!=typeof n.counterClass&&(e[i].deprecated('The configuration option "counterClass"',"classNames.counters.counter"),n.classNames.counters=n.classNames.counters||{},n.classNames.counters.counter=n.counterClass),"undefined"!=typeof n.collapsedClass&&(e[i].deprecated('The configuration option "collapsedClass"',"classNames.labels.collapsed"),n.classNames.labels=n.classNames.labels||{},n.classNames.labels.collapsed=n.collapsedClass),"undefined"!=typeof n.header)for(var s=["panelHeader","panelNext","panelPrev"],t=0,o=s.length;o>t;t++)"undefined"!=typeof n.header[s[t]+"Class"]&&(e[i].deprecated('The configuration option "header.'+s[t]+'Class"',"classNames.header."+s[t]),n.classNames.header=n.classNames.header||{},n.classNames.header[s[t]]=n.header[s[t]+"Class"]);for(var s=["pageNodetype","pageSelector","menuWrapperSelector","menuInjectMethod"],t=0,o=s.length;o>t;t++)"undefined"!=typeof n[s[t]]&&(e[i].deprecated('The configuration option "'+s[t]+'"',"offCanvas."+s[t]),n.offCanvas=n.offCanvas||{},n.offCanvas[s[t]]=n[s[t]]);return n}function t(){r=!0,u.$wndw=e(window),u.$html=e("html"),u.$body=e("body"),e.each([a,l,d],function(e,n){n.add=function(e){e=e.split(" ");for(var s in e)n[e[s]]=n.mm(e[s])}}),a.mm=function(e){return"mm-"+e},a.add("wrapper menu ismenu inline panel list subtitle selected label spacer current highest hidden opened subopened subopen fullsubopen subclose"),a.umm=function(e){return"mm-"==e.slice(0,3)&&(e=e.slice(3)),e},l.mm=function(e){return"mm-"+e},l.add("parent"),d.mm=function(e){return e+".mm"},d.add("toggle open close setSelected transitionend webkitTransitionEnd mousedown mouseup touchstart touchmove touchend scroll resize click keydown keyup"),e[i]._c=a,e[i]._d=l,e[i]._e=d,e[i].glbl=u}var i="mmenu",o="4.3.6";if(!e[i]){var a={},l={},d={},r=!1,u={$wndw:null,$html:null,$body:null};e[i]=function(e,n,s){return this.$menu=e,this.opts=n,this.conf=s,this.vars={},this._init(),this},e[i].uniqueId=0,e[i].prototype={_init:function(){if(this.opts=n(this.opts,this.conf,this.$menu),this._initMenu(),this._initPanels(),this._initLinks(),this._bindCustomEvents(),e[i].addons)for(var s=0;s li",this.$menu);this.__refactorClass(s,this.conf.classNames.selected,"selected"),this.__refactorClass(s,this.conf.classNames.label,"label"),this.__refactorClass(s,this.conf.classNames.spacer,"spacer"),s.off(d.setSelected).on(d.setSelected,function(n,t){n.stopPropagation(),s.removeClass(a.selected),"boolean"!=typeof t&&(t=!0),t&&e(this).addClass(a.selected)}),this.__refactorClass(e("."+this.conf.classNames.panel,this.$menu),this.conf.classNames.panel,"panel"),this.$menu.children().filter(this.conf.panelNodetype).add(this.$menu.find("."+a.list).children().children().filter(this.conf.panelNodetype)).addClass(a.panel);var t=e("."+a.panel,this.$menu);t.each(function(){var s=e(this),t=s.attr("id")||n.__getUniqueId();s.attr("id",t)}),t.find("."+a.panel).each(function(){var s=e(this),t=s.is("ul, ol")?s:s.find("ul ,ol").first(),i=s.parent(),o=i.find("> a, > span"),d=i.closest("."+a.panel);if(s.data(l.parent,i),i.parent().is("."+a.list)){var r=e('').insertBefore(o);o.is("a")||r.addClass(a.fullsubopen),n.opts.slidingSubmenus&&t.prepend('
  • '+o.text()+"
    • ")}});var i=this.opts.slidingSubmenus?d.open:d.toggle;if(t.each(function(){var s=e(this),t=s.attr("id");e('a[href="#'+t+'"]',n.$menu).off(d.click).on(d.click,function(e){e.preventDefault(),s.trigger(i)})}),this.opts.slidingSubmenus){var o=e("."+a.list+" > li."+a.selected,this.$menu);o.parents("li").removeClass(a.selected).end().add(o.parents("li")).each(function(){var n=e(this),s=n.find("> ."+a.panel);s.length&&(n.parents("."+a.panel).addClass(a.subopened),s.addClass(a.opened))}).closest("."+a.panel).addClass(a.opened).parents("."+a.panel).addClass(a.subopened)}else{var o=e("li."+a.selected,this.$menu);o.parents("li").removeClass(a.selected).end().add(o.parents("li")).addClass(a.opened)}var r=t.filter("."+a.opened);r.length||(r=t.first()),r.addClass(a.opened).last().addClass(a.current),this.opts.slidingSubmenus&&t.not(r.last()).addClass(a.hidden).end().find("."+a.panel).appendTo(this.$menu)},_initLinks:function(){var n=this;e("."+a.list+" > li > a",this.$menu).not("."+a.subopen).not("."+a.subclose).not('[rel="external"]').not('[target="_blank"]').off(d.click).on(d.click,function(s){var t=e(this),i=t.attr("href")||"";n.__valueOrFn(n.opts.onClick.setSelected,t)&&t.parent().trigger(d.setSelected);var o=n.__valueOrFn(n.opts.onClick.preventDefault,t,"#"==i.slice(0,1));o&&s.preventDefault(),n.__valueOrFn(n.opts.onClick.blockUI,t,!o)&&u.$html.addClass(a.blocking),n.__valueOrFn(n.opts.onClick.close,t,o)&&n.$menu.triggerHandler(d.close)})},_openSubmenuHorizontal:function(n){if(n.hasClass(a.current))return!1;var s=e("."+a.panel,this.$menu),t=s.filter("."+a.current);return s.removeClass(a.highest).removeClass(a.current).not(n).not(t).addClass(a.hidden),n.hasClass(a.opened)?t.addClass(a.highest).removeClass(a.opened).removeClass(a.subopened):(n.addClass(a.highest),t.addClass(a.subopened)),n.removeClass(a.hidden).addClass(a.current),setTimeout(function(){n.removeClass(a.subopened).addClass(a.opened)},this.conf.openingInterval),"open"},_update:function(e){if(this.updates||(this.updates=[]),"function"==typeof e)this.updates.push(e);else for(var n=0,s=this.updates.length;s>n;n++)this.updates[n].call(this,e)},__valueOrFn:function(e,n,s){return"function"==typeof e?e.call(n[0]):"undefined"==typeof e&&"undefined"!=typeof s?s:e},__refactorClass:function(e,n,s){e.filter("."+n).removeClass(n).addClass(a[s])},__transitionend:function(e,n,s){var t=!1,i=function(){t||n.call(e[0]),t=!0};e.one(d.transitionend,i),e.one(d.webkitTransitionEnd,i),setTimeout(i,1.1*s)},__getUniqueId:function(){return a.mm(e[i].uniqueId++)}},e.fn[i]=function(o,a){return r||t(),o=n(o,a),a=s(a),this.each(function(){var n=e(this);n.data(i)||n.data(i,new e[i](n,o,a))})},e[i].version=o,e[i].defaults={classes:"",slidingSubmenus:!0,onClick:{setSelected:!0}},e[i].configuration={panelNodetype:"ul, ol, div",transitionDuration:400,openingInterval:25,classNames:{panel:"Panle",list:"List",selected:"Selected",label:"Label",spacer:"Spacer"}},function(){var n=window.document,s=window.navigator.userAgent,t="ontouchstart"in n,o="WebkitOverflowScrolling"in n.documentElement.style,a=function(){return s.indexOf("Android")>=0?2.4>parseFloat(s.slice(s.indexOf("Android")+8)):!1}();e[i].support={touch:t,oldAndroidBrowser:a,overflowscrolling:function(){return t?o?!0:a?!1:!0:!0}()}}(),e[i].debug=function(){},e[i].deprecated=function(e,n){"undefined"!=typeof console&&"undefined"!=typeof console.warn&&console.warn("MMENU: "+e+" is deprecated, use "+n+" instead.")}}}(jQuery); +/* + * jQuery mmenu offCanvas addon + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + */ +!function(e){function o(e){return e}function t(e){return"string"!=typeof e.pageSelector&&(e.pageSelector="> "+e.pageNodetype),e}function n(){d=!0,s=e[r]._c,i=e[r]._d,a=e[r]._e,s.add("offcanvas modal background opening blocker page"),i.add("style"),a.add("opening opened closing closed setPage"),p=e[r].glbl,p.$allMenus=(p.$allMenus||e()).add(this.$menu),p.$wndw.on(a.keydown,function(e){return p.$html.hasClass(s.opened)&&9==e.keyCode?(e.preventDefault(),!1):void 0});var o=0;p.$wndw.on(a.resize,function(e,t){if(t||p.$html.hasClass(s.opened)){var n=p.$wndw.height();(t||n!=o)&&(o=n,p.$page.css("minHeight",n))}})}var s,i,a,p,r="mmenu",l="offCanvas",d=!1;e[r].prototype["_addon_"+l]=function(){if(!this.opts[l])return this;d||n(),this.opts[l]=o(this.opts[l]),this.conf[l]=t(this.conf[l]),"boolean"!=typeof this.vars.opened&&(this.vars.opened=!1);var e=this.opts[l],i=this.conf[l],a=[s.offcanvas];"left"!=e.position&&a.push(s.mm(e.position)),"back"!=e.zposition&&a.push(s.mm(e.zposition)),this.$menu.addClass(a.join(" ")).parent().removeClass(s.wrapper),this[l+"_initPage"](p.$page),this[l+"_initBlocker"](),this[l+"_initOpenClose"](),this[l+"_bindCustomEvents"](),this.$menu[i.menuInjectMethod+"To"](i.menuWrapperSelector)},e[r].addons=e[r].addons||[],e[r].addons.push(l),e[r].defaults[l]={position:"left",zposition:"back",modal:!1,moveBackground:!0},e[r].configuration[l]={pageNodetype:"div",pageSelector:null,menuWrapperSelector:"body",menuInjectMethod:"prepend"},e[r].prototype.open=function(){if(this.vars.opened)return!1;var e=this;return this._openSetup(),setTimeout(function(){e._openFinish()},25),"open"},e[r].prototype._openSetup=function(){p.$allMenus.not(this.$menu).trigger(a.close),p.$page.data(i.style,p.$page.attr("style")||""),p.$wndw.trigger(a.resize,[!0]);var e=[s.opened];this.opts[l].modal&&e.push(s.modal),this.opts[l].moveBackground&&e.push(s.background),"left"!=this.opts[l].position&&e.push(s.mm(this.opts[l].position)),"back"!=this.opts[l].zposition&&e.push(s.mm(this.opts[l].zposition)),this.opts.classes&&e.push(this.opts.classes),p.$html.addClass(e.join(" ")),this.$menu.addClass(s.current+" "+s.opened)},e[r].prototype._openFinish=function(){var e=this;this.__transitionend(p.$page,function(){e.$menu.trigger(a.opened)},this.conf.transitionDuration),this.vars.opened=!0,p.$html.addClass(s.opening),this.$menu.trigger(a.opening)},e[r].prototype.close=function(){if(!this.vars.opened)return!1;var e=this;return this.__transitionend(p.$page,function(){e.$menu.removeClass(s.current).removeClass(s.opened),p.$html.removeClass(s.opened).removeClass(s.modal).removeClass(s.background).removeClass(s.mm(e.opts[l].position)).removeClass(s.mm(e.opts[l].zposition)),e.opts.classes&&p.$html.removeClass(e.opts.classes),p.$page.attr("style",p.$page.data(i.style)),e.vars.opened=!1,e.$menu.trigger(a.closed)},this.conf.transitionDuration),p.$html.removeClass(s.opening),this.$menu.trigger(a.closing),"close"},e[r].prototype[l+"_initBlocker"]=function(){var o=this;p.$blck||(p.$blck=e('
    ').appendTo(p.$body)),p.$blck.off(a.touchstart).on(a.touchstart,function(e){e.preventDefault(),e.stopPropagation(),p.$blck.trigger(a.mousedown)}).on(a.mousedown,function(e){e.preventDefault(),p.$html.hasClass(s.modal)||o.close()})},e[r].prototype[l+"_initPage"]=function(o){o||(o=e(this.conf[l].pageSelector,p.$body),o.length>1&&(e[r].debug("Multiple nodes found for the page-node, all nodes are wrapped in one <"+this.conf[l].pageNodetype+">."),o=o.wrapAll("<"+this.conf[l].pageNodetype+" />").parent())),o.addClass(s.page),p.$page=o},e[r].prototype[l+"_initOpenClose"]=function(){var o=this,t=this.$menu.attr("id");t&&t.length&&(this.conf.clone&&(t=s.umm(t)),e('a[href="#'+t+'"]').off(a.click).on(a.click,function(e){e.preventDefault(),o.open()}));var t=p.$page.attr("id");t&&t.length&&e('a[href="#'+t+'"]').on(a.click,function(e){e.preventDefault(),o.close()})},e[r].prototype[l+"_bindCustomEvents"]=function(){var e=this,o=a.open+" "+a.opening+" "+a.opened+" "+a.close+" "+a.closing+" "+a.closed+" "+a.setPage;this.$menu.off(o).on(o,function(e){e.stopPropagation()}),this.$menu.on(a.open,function(){e.open()}).on(a.close,function(){e.close()}).on(a.setPage,function(o,t){e[l+"_initPage"](t),e[l+"_initOpenClose"]()})}}(jQuery); +/* + * jQuery mmenu counters addon + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + */ +!function(t){function n(n){return"boolean"==typeof n&&(n={add:n,update:n}),"object"!=typeof n&&(n={}),n=t.extend(!0,{},t[i].defaults[c],n),n.count&&(t[i].deprecated('the option "count" for counters','the option "update"'),n.update=n.count),n}function e(t){return t}function o(){d=!0,s=t[i]._c,a=t[i]._d,u=t[i]._e,s.add("counter search noresultsmsg"),r=t[i].glbl}var s,a,u,r,i="mmenu",c="counters",d=!1;t[i].prototype["_addon_"+c]=function(){d||o(),this.opts[c]=n(this.opts[c]),this.conf[c]=e(this.conf[c]);var u=this,r=this.opts[c];if(this.conf[c],this.__refactorClass(t("em",this.$menu),this.conf.classNames[c].counter,"counter"),r.add&&t("."+s.panel,this.$menu).each(function(){var n=t(this),e=n.data(a.parent);if(e){var o=t(''),u=e.find("> a."+s.subopen);u.parent().find("em."+s.counter).length||u.before(o)}}),r.update){var i=t("em."+s.counter,this.$menu);i.each(function(){var n=t(this),e=t(n.next().attr("href"),u.$menu);if(e.is("."+s.list)||(e=e.find("> ."+s.list)),e.length){var o=function(){var t=e.children().not("."+s.label).not("."+s.subtitle).not("."+s.hidden).not("."+s.search).not("."+s.noresultsmsg);n.html(t.length)};o(),u._update(o)}})}},t[i].addons=t[i].addons||[],t[i].addons.push(c),t[i].defaults[c]={add:!1,update:!1},t[i].configuration.classNames[c]={counter:"Counter"}}(jQuery); +/* + * jQuery mmenu dragOpen addon + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + */ +!function(e){function t(t){return"boolean"==typeof t&&(t={open:t}),"object"!=typeof t&&(t={}),t=e.extend(!0,{},e[p].defaults[g],t)}function a(e){return e}function o(){f=!0,s=e[p]._c,i=e[p]._d,r=e[p]._e,s.add("dragging"),r.add("dragleft dragright dragup dragdown dragend"),d=e[p].glbl}function n(e,t,a){return t>e&&(e=t),e>a&&(e=a),e}var s,i,r,d,p="mmenu",g="dragOpen",f=!1;e[p].prototype["_addon_"+g]=function(){if(e.fn.hammer){f||o(),this.opts[g]=t(this.opts[g]),this.conf[g]=a(this.conf[g]);var i=this,p=this.opts[g],h=this.conf[g];if(p.open){var c=0,l=!1,u=0,v=0,m="width";switch(this.opts.offCanvas.position){case"left":case"right":m="width";break;default:m="height"}switch(this.opts.offCanvas.position){case"left":var _={events:r.dragleft+" "+r.dragright,open_dir:"right",close_dir:"left",delta:"deltaX",page:"pageX",negative:!1};break;case"right":var _={events:r.dragleft+" "+r.dragright,open_dir:"left",close_dir:"right",delta:"deltaX",page:"pageX",negative:!0};break;case"top":var _={events:r.dragup+" "+r.dragdown,open_dir:"down",close_dir:"up",delta:"deltaY",page:"pageY",negative:!1};break;case"bottom":var _={events:r.dragup+" "+r.dragdown,open_dir:"up",close_dir:"down",delta:"deltaY",page:"pageY",negative:!0}}var w=this.__valueOrFn(p.pageNode,this.$menu,d.$page);"string"==typeof w&&(w=e(w));var b=d.$page.find("."+s.mm("fixed-top")+", ."+s.mm("fixed-bottom")),$=d.$page;switch(this.opts.offCanvas.zposition){case"back":$=$.add(b);break;case"front":$=this.$menu;break;case"next":$=$.add(this.$menu).add(b)}w.hammer().on(r.touchstart+" "+r.mousedown,function(e){if("touchstart"==e.type)var t=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0],a=t[_.page];else if("mousedown"==e.type)var a=e[_.page];switch(i.opts.offCanvas.position){case"right":case"bottom":a>=d.$wndw[m]()-p.maxStartPos&&(c=1);break;default:a<=p.maxStartPos&&(c=1)}}).on(_.events+" "+r.dragend,function(e){c>0&&(e.gesture.preventDefault(),e.stopPropagation())}).on(_.events,function(e){var t=_.negative?-e.gesture[_.delta]:e.gesture[_.delta];if(l=t>u?_.open_dir:_.close_dir,u=t,u>p.threshold&&1==c){if(d.$html.hasClass(s.opened))return;c=2,i._openSetup(),i.vars.opened=!0,d.$html.addClass(s.dragging),v=n(d.$wndw[m]()*h[m].perc,h[m].min,h[m].max)}2==c&&$.css(i.opts.offCanvas.position,n(u,10,v)-("front"==i.opts.offCanvas.zposition?v:0))}).on(r.dragend,function(){2==c&&(d.$html.removeClass(s.dragging),$.css(i.opts.offCanvas.position,""),l==_.open_dir?i._openFinish():i.close()),c=0})}}},e[p].addons=e[p].addons||[],e[p].addons.push(g),e[p].defaults[g]={open:!1,maxStartPos:100,threshold:50},e[p].configuration[g]={width:{perc:.8,min:140,max:440},height:{perc:.8,min:140,max:880}}}(jQuery); +/* + * jQuery mmenu header addon + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + */ +!function(e){function t(t){return"boolean"==typeof t&&(t={add:t,update:t}),"object"!=typeof t&&(t={}),t=e.extend(!0,{},e[i].defaults[h],t)}function a(e){return e}function n(){c=!0,s=e[i]._c,r=e[i]._d,o=e[i]._e,s.add("header hasheader prev next title titletext"),d=e[i].glbl}var s,r,o,d,i="mmenu",h="header",c=!1;e[i].prototype["_addon_"+h]=function(){c||n(),this.opts[h]=t(this.opts[h]),this.conf[h]=a(this.conf[h]);var r=this,i=this.opts[h];if(this.conf[h],i.add){var l=i.content?i.content:'';e('
    ').prependTo(this.$menu).append(l)}var f=e("div."+s.header,this.$menu);if(f.length&&this.$menu.addClass(s.hasheader),i.update&&f.length){var p=f.find("."+s.title),u=f.find("."+s.prev),v=f.find("."+s.next),m=!1;d.$page&&(m="#"+d.$page.attr("id")),u.add(v).on(o.click,function(t){t.preventDefault(),t.stopPropagation();var a=e(this).attr("href");"#"!==a&&(m&&a==m?r.$menu.trigger(o.close):e(a,r.$menu).trigger(o.open))}),e("."+s.panel,this.$menu).each(function(){var t=e(this),a=e("."+r.conf.classNames[h].panelHeader,t).text(),n=e("."+r.conf.classNames[h].panelPrev,t).attr("href"),d=e("."+r.conf.classNames[h].panelNext,t).attr("href");a||(a=e("."+s.subclose,t).text()),a||(a=i.title),n||(n=e("."+s.subclose,t).attr("href"));var c=function(){p[a?"show":"hide"]().text(a),u[n?"show":"hide"]().attr("href",n),v[d?"show":"hide"]().attr("href",d)};t.on(o.open,function(){c()}),t.hasClass(s.current)&&c()})}},e[i].addons=e[i].addons||[],e[i].addons.push(h),e[i].defaults[h]={add:!1,content:!1,update:!1,title:"Menu"},e[i].configuration.classNames[h]={panelHeader:"Header",panelNext:"Next",panelPrev:"Prev"}}(jQuery); +/* + * jQuery mmenu labels addon + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + */ +!function(l){function s(s){return"boolean"==typeof s&&(s={collapse:s}),"object"!=typeof s&&(s={}),s=l.extend(!0,{},l[p].defaults[d],s)}function e(l){return l}function a(){i=!0,o=l[p]._c,n=l[p]._d,t=l[p]._e,o.add("collapsed"),c=l[p].glbl}var o,n,t,c,p="mmenu",d="labels",i=!1;l[p].prototype["_addon_"+d]=function(){i||a(),this.opts[d]=s(this.opts[d]),this.conf[d]=e(this.conf[d]);var n=this.opts[d];this.conf[d],n.collapse&&(this.__refactorClass(l("li",this.$menu),this.conf.classNames[d].collapsed,"collapsed"),l("."+o.label,this.$menu).each(function(){var s=l(this),e=s.nextUntil("."+o.label,"all"==n.collapse?null:"."+o.collapsed);"all"==n.collapse&&(s.addClass(o.opened),e.removeClass(o.collapsed)),e.length&&(s.wrapInner(""),l('').prependTo(s).on(t.click,function(l){l.preventDefault(),s.toggleClass(o.opened),e[s.hasClass(o.opened)?"removeClass":"addClass"](o.collapsed)}))}))},l[p].addons=l[p].addons||[],l[p].addons.push(d),l[p].defaults[d]={collapse:!1},l[p].configuration.classNames[d]={collapsed:"Collapsed"}}(jQuery); +/* + * jQuery mmenu searchfield addon + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + */ +!function(e){function s(s){return"boolean"==typeof s&&(s={add:s,search:s}),"object"!=typeof s&&(s={}),s=e.extend(!0,{},e[d].defaults[c],s),"boolean"!=typeof s.showLinksOnly&&(s.showLinksOnly="menu"==s.addTo),s}function n(e){return e}function t(){h=!0,o=e[d]._c,r=e[d]._d,i=e[d]._e,o.add("search hassearch noresultsmsg noresults nosubresults counter"),i.add("search reset change"),l=e[d].glbl}function a(e){switch(e){case 9:case 16:case 17:case 18:case 37:case 38:case 39:case 40:return!0}return!1}var o,r,i,l,d="mmenu",c="searchfield",h=!1;e[d].prototype["_addon_"+c]=function(){h||t(),this.opts[c]=s(this.opts[c]),this.conf[c]=n(this.conf[c]);var l=this,d=this.opts[c];if(this.conf[c],d.add){switch(d.addTo){case"menu":var u=this.$menu;break;case"panels":var u=e("."+o.panel,this.$menu);break;default:var u=e(d.addTo,this.$menu).filter("."+o.panel)}u.length&&u.each(function(){var s=e(this),n=s.is("."+o.list)?"li":"div",t=e("<"+n+' class="'+o.search+'" />');if(t.append(''),s.is("."+o.menu))t.prependTo(l.$menu);else{var a=s.children().first(),r=a.is("."+o.subtitle)?"After":"Before";t["insert"+r](a)}d.noResults&&(s.is("."+o.menu)&&(s=s.find("."+o.panel).first()),n=s.is("."+o.list)?"li":"div",e("<"+n+' class="'+o.noresultsmsg+'" />').html(d.noResults).appendTo(s))})}if(this.$menu.children("div."+o.search).length&&this.$menu.addClass(o.hassearch),d.search){var f=e("."+o.search,this.$menu);f.length&&f.each(function(){var s=e(this);if("menu"==d.addTo)var n=e("."+o.panel,l.$menu),t=l.$menu;else var n=s.closest("."+o.panel),t=n;var c=n.add(n.children("."+o.list)),h=s.find("input"),u=e("> li",c),f=u.filter("."+o.label),p=u.not("."+o.subtitle).not("."+o.label).not("."+o.search).not("."+o.noresultsmsg),m="> a";d.showLinksOnly||(m+=", > span"),h.off(i.keyup+" "+i.change).on(i.keyup,function(e){a(e.keyCode)||s.trigger(i.search)}).on(i.change,function(){s.trigger(i.search)}),s.off(i.reset+" "+i.search).on(i.reset+" "+i.search,function(e){e.stopPropagation()}).on(i.reset,function(){s.trigger(i.search,[""])}).on(i.search,function(s,a){"string"==typeof a?h.val(a):a=h.val(),a=a.toLowerCase(),n.scrollTop(0),p.add(f).addClass(o.hidden),p.each(function(){var s=e(this);e(m,s).text().toLowerCase().indexOf(a)>-1&&s.add(s.prevAll("."+o.label).first()).removeClass(o.hidden)}),e(n.get().reverse()).each(function(s){var n=e(this),t=n.data(r.parent);if(t){var a=n.add(n.find("> ."+o.list)).find("> li").not("."+o.subtitle).not("."+o.search).not("."+o.noresultsmsg).not("."+o.label).not("."+o.hidden);a.length?t.removeClass(o.hidden).removeClass(o.nosubresults).prevAll("."+o.label).first().removeClass(o.hidden):"menu"==d.addTo&&(n.hasClass(o.opened)&&setTimeout(function(){t.trigger(i.open)},1.5*(s+1)*l.conf.openingInterval),t.addClass(o.nosubresults))}}),t[p.not("."+o.hidden).length?"removeClass":"addClass"](o.noresults),l._update()})})}},e[d].addons=e[d].addons||[],e[d].addons.push(c),e[d].defaults[c]={add:!1,addTo:"menu",search:!1,placeholder:"Search",noResults:"No results found."}}(jQuery); +/* + * jQuery mmenu toggles addon + * mmenu.frebsite.nl + * + * Copyright (c) Fred Heusschen + * www.frebsite.nl + */ +!function(t){function n(t){return t}function s(t){return t}function e(){g=!0,o=t[r]._c,i=t[r]._d,a=t[r]._e,o.add("toggle"),l=t[r].glbl}var o,i,a,l,r="mmenu",d="toggles",g=!1;t[r].prototype["_addon_"+d]=function(){g||e(),this.opts[d]=n(this.opts[d]),this.conf[d]=s(this.conf[d]);var i=this;this.opts[d],this.conf[d],this.__refactorClass(t("input",this.$menu),this.conf.classNames[d].toggle,"toggle"),t("."+o.toggle,this.$menu).each(function(){var n=t(this),s=n.parent(),e=n.attr("id")||i.__getUniqueId();n.attr("id",e),s.prepend(n),t('').insertBefore(s.children().last())})},t[r].addons=t[r].addons||[],t[r].addons.push(d),t[r].defaults[d]={},t[r].configuration.classNames[d]={toggle:"Toggle"}}(jQuery); diff --git a/mithelfen.md b/mithelfen.md new file mode 100644 index 0000000..5c60830 --- /dev/null +++ b/mithelfen.md @@ -0,0 +1,36 @@ +--- +layout: page +title: "Mithelfen" +permalink: "/mithelfen" +order: 1 +--- + +## Mitarbeiten + +### Code + +Willst du ganz dringend ein Feature? Und weisst wie? Mach nur! Ich bin sehr glücklich über deinen Pull-Request, nur sei bitte nicht verärgert falls ich zuerst etwas daran ändern möchte. + + +### Ideen + +Es gibt so viele grossartige Ideen da draussen, und so wenig Zeit daran zu arbeiten. Aber mach nur, melde deine Idee, und vielleicht wird irgendwann jemand Zeit finden daran zu arbeiten. + + +### Grafiken + +Hast du eine super Idee für ein verbessertes Icon oder eine tolle Werbegrafik? Nur zu, melde dich! Ich kann nicht versprechen dass ich es auch verwenden werde, aber ich werde es mir sicher mal anschauen. + +Denk aber daran dass ich ein grosser Fan von Material Design bin. Das Icon wird auch niemals aussehen als ob es auf ein iPhone oder auf 'ne Windows-Kiste gehört. + + + +## Spenden + +Nicht alle können programmieren, und manche Ideen sind einfach quatsch. Willst du stattdessen etwas Geld spenden? Sende deine Bitcoins einfach an [XXXX](bitcoin:XXXX). + +Für alle ohne Bitcoins: Mit PayPal® spenden +
    + +
    diff --git a/posts-by-categories.html b/posts-by-categories.html new file mode 100644 index 0000000..63777b3 --- /dev/null +++ b/posts-by-categories.html @@ -0,0 +1,42 @@ +--- +layout: default +make-smaller-titles: true +--- + + +
    +
    + +

    {{ site.author_name }}

    +

    All posts

    +

    grouped by + +
    + + +
    + +

    + {% for category in site.categories %} +
    +

    {{ category | first }}

    +
      + {% for posts in category %} + {% for post in posts %} +
    • + {{ post.title }} + +
      • + {% endfor %} + {% endfor %} + +
    +
    + {% endfor %} + +
    +
    diff --git a/posts.html b/posts.html new file mode 100644 index 0000000..e552023 --- /dev/null +++ b/posts.html @@ -0,0 +1,55 @@ +--- +layout: default +make-smaller-titles: true +--- + + +
    +
    + +

    {{ site.author_name }}

    +

    All posts

    +

    grouped by + +
    + + +
    + +

    + + {% for post in site.posts %} + {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %} + {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %} + + {% if forloop.first %} +
    +

    {{ this_year }}

    +
      + {% endif %} + +
    • + {{ post.title }} + +
      • + {% if forloop.last %} +
    +
    + {% else %} + {% if this_year != next_year %} + +
    +
    +

    {{next_year}}

    +
      + {% endif %} + {% endif %} + + {% endfor %} +
    + +
    diff --git a/search.html b/search.html new file mode 100644 index 0000000..df169bc --- /dev/null +++ b/search.html @@ -0,0 +1,34 @@ +--- +layout: default +--- + +
    +
    + +

    Search

    + +
    + +
    +
      Start typing to see some results
    +
    +
    + +
    +
    + +
    + + + + diff --git a/search.json b/search.json new file mode 100644 index 0000000..31532f0 --- /dev/null +++ b/search.json @@ -0,0 +1,14 @@ +--- +layout: none +--- +[ + {% for post in site.posts %} + { + "title" : "{{ post.title | escape }}", + "category" : "{{ post.category }}", + "tags" : "{{ post.tags | join: ', ' }}", + "url" : "{{ site.baseurl }}{{ post.url }}", + "date" : "{{ post.date }}" + } {% unless forloop.last %},{% endunless %} + {% endfor %} + ]