9 |
10 | 
11 |
14 | {% endfor %}
15 | {{ post.title }}
12 |
13 | 
31 |
32 | *Skinny Bones was built by [Michael Rose](http://mademistakes.com) [@mmistakes](http://twitter.com/mmistakes).*
--------------------------------------------------------------------------------
/_posts/2014-06-21-gridgallery.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "GridGallery"
4 | date: 2014-06-21
5 | homepage: https://github.com/nadjetey/GridGallery
6 | download: https://github.com/nadjetey/GridGallery/archive/master.zip
7 | demo: https://nadjetey.github.io/GridGallery
8 | author: Nii Adjetey Sowah
9 | thumbnail: gridgallery.png
10 | license: WTFPL
11 | license_link: http://www.wtfpl.net/txt/copying/
12 | ---
13 |
14 | ## GridGallery
15 | GridGallery theme, pushes the boundaries of Jekyll. This is a photo blogging theme that allows you to share your images on internet. This theme is a chip of this parent [experiment](https://github.com/codrops/GridGallery).
16 | There aren't any of such unauthodox themes for Jekyll ('till now). Enjoy!
17 |
18 | ## Contribute
19 | Start by [forking](https://github.com/nadjetey/GridGallery/fork) this repository.
20 |
21 | ## Contact
22 | I'd love to hear from you, send me a [tweet](https://twitter.com/_nadjetey).
23 | Feel free to [open issues](https://github.com/nadjetey/GridGallery/issues/new) if you run into trouble or have suggestions.
24 | Pull Requests always welcome.
--------------------------------------------------------------------------------
/_posts/2014-08-15-agency.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Agency"
4 | date: 2014-08-15
5 | homepage: https://github.com/y7kim/agency-jekyll-theme
6 | download: https://github.com/y7kim/agency-jekyll-theme/archive/gh-pages.zip
7 | demo: https://y7kim.github.io/agency-jekyll-theme
8 | author: Rick Kim
9 | thumbnail: agency.jpg
10 | license: Apache 2.0
11 | license_link: http://www.apache.org/licenses/LICENSE-2.0.html
12 | ---
13 |
14 | ## Agency
15 | Agency theme, a portfolio theme that allows you to showcase your projects. The theme is based on free and open source [Agency](http://startbootstrap.com/templates/agency/) theme by [Start Bootstrap](http://startbootstrap.com/).
16 |
17 | This theme for Jekyll was inspired by [Jerome Lachaud](https://github.com/jeromelachaud)'s Freelancer theme for Jekyll.
18 |
19 | ## Contribute
20 | Start by [forking](https://github.com/y7kim/agency-jekyll-theme/fork) this repository.
21 |
22 | ## Contact
23 | Feel free to [open issues](https://github.com/y7kim/agency-jekyll-theme/issues/new) if you run into trouble or have suggestions.
24 |
25 | Pull Requests always welcome.
--------------------------------------------------------------------------------
/_posts/2015-03-21-emerald.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: Emerald
4 | date: 2015-03-21 15:00:00
5 | homepage: https://github.com/KingFelix/emerald
6 | download: https://github.com/KingFelix/emerald/archive/master.zip
7 | demo: http://www.jacoporabolini.com/emerald/
8 | author: Jacopo Rabolini
9 | thumbnail: emerald.png
10 | license: MIT
11 | license_link: https://github.com/KingFelix/emerald/blob/master/license.md
12 | ---
13 | ### About Emerald
14 | Emerald is a minimal theme created for Jekyll. The main purpose of Emerald is to provide a clear theme for those who want a blog ready to use, focused on the content and mobil-first.
15 |
16 | ### Setup & usage
17 | Emerald may be installed by simply downloading the .zip folder frome the [repository on Github](https://github.com/KingFelix/emerald/archive/master.zip).
18 |
19 | After extracting the content from the folder into the selected directory, you can type ``jekyll serve`` from the terminal, than open your browser to ``0.0.0.0:4000/emerald/`` and you will find there.
20 |
21 | Additionally it is possible to fork the repository and using Github Pages as hosting. By following this way it will enough change the ``baseurl`` value into the ``_config.yml`` file, with the directory name of your project (for example /blog) or with a simply "/" (slash) if you want install Emerald in the root.
22 |
23 | ### Contact
24 |
25 | - Web site: [www.jacoporabolini.com](http://www.jacoporabolini.com)
26 | - Google+: [+JacopoRabolini](https://plus.google.com/u/0/+JacopoRabolini/posts)
27 |
28 | ### License
29 | Emerald is released under [MIT License](https://github.com/KingFelix/emerald/blob/master/license.md).
30 |
31 |
--------------------------------------------------------------------------------
/_posts/2014-08-17-solid.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: Solid
4 | date: 2014-08-17 12:00:00
5 | homepage: https://github.com/st4ple/solid-jekyll
6 | download: https://github.com/st4ple/solid-jekyll/archive/master.zip
7 | demo: http://st4ple.github.io/solid-jekyll/
8 | author: Oliver Stapleton
9 | thumbnail: solid.png
10 | license: Apache 2.0
11 | license_link: http://www.apache.org/licenses/LICENSE-2.0.html
12 | ---
13 | ### Solid
14 | Solid is a 7 pages theme ideal for web agencies and freelancers. There are 3 kinds of posts: Blog, Project and Question entries.
15 |
16 | The theme is based on the [Solid – Multipurpose Theme](http://www.blacktie.co/2014/05/solid-multipurpose-theme/) by [blacktie.co](http://www.blacktie.co/).
17 |
18 | It includes the Retina.js to work nice with retina display devices. It's fully responsive also, so it looks great on any screen!
19 |
20 | ### Contribute
21 | Start by [forking the repository](https://github.com/st4ple/solid-jekyll/fork).
22 |
23 | ### Contact
24 | If you have any questions or suggestions for improvements, don't hesitate to [open an issue](https://github.com/st4ple/solid-jekyll/issues/new) or making a pull request for your fork!
--------------------------------------------------------------------------------
/_posts/2015-03-02-feeling-responsive.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Feeling Responsive"
4 | date: 2015-03-02
5 | homepage: https://github.com/Phlow/feeling-responsive
6 | download: https://github.com/Phlow/feeling-responsive/archive/gh-pages.zip
7 | demo: http://phlow.github.io/feeling-responsive/
8 | author: "Phlow – Moritz »mo.« Sauer"
9 | thumbnail: feeling-responsive.jpg
10 | license: MIT License
11 | license_link: https://github.com/Phlow/feeling-responsive/blob/gh-pages/LICENSE
12 | ---
13 | ## 10 Reasons to Use *Feeling Responsive* Theme
14 |
15 | 1. It works with [GitHub-Pages](https://pages.github.com/).
16 | 2. Language-Support: Translate *Feeling Responsive* in seconds.
17 | 3. Optimized for speed and search engines.
18 | 4. Built on Foundation Framework.
19 | 5. Style your content with six different Headers.
20 | 6. Customizable navigation, footer, and social media links...
21 | 7. Beautiful Typography.
22 | 8. Integrated services: Disqus, Google Analytics, Google Search.
23 | 9. Sass-ready – Use the Sass-Support by Jekyll and easily customize *Feeling Responsive*
24 | 10. Well-documented.
25 |
26 | - - -
27 |
28 |
29 |
30 | - - -
31 |
32 | 
33 |
34 | [*Feeling Responsive*](http://phlow.github.io/feeling-responsive/) was built by [Moritz »mo.« Sauer](http://phlow.de/). // [@phlow](http://twitter.com/phlow) // [YouTube](http://www.youtube.com/PhlowMedia) // [Instagram](http://instagram.com/phlowmedia).
--------------------------------------------------------------------------------
/assets/less/bootstrap/alerts.less:
--------------------------------------------------------------------------------
1 | //
2 | // Alerts
3 | // --------------------------------------------------
4 |
5 |
6 | // Base styles
7 | // -------------------------
8 |
9 | .alert {
10 | padding: 8px 35px 8px 14px;
11 | margin-bottom: @baseLineHeight;
12 | text-shadow: 0 1px 0 rgba(255,255,255,.5);
13 | background-color: @warningBackground;
14 | border: 1px solid @warningBorder;
15 | .border-radius(@baseBorderRadius);
16 | }
17 | .alert,
18 | .alert h4 {
19 | // Specified for the h4 to prevent conflicts of changing @headingsColor
20 | color: @warningText;
21 | }
22 | .alert h4 {
23 | margin: 0;
24 | }
25 |
26 | // Adjust close link position
27 | .alert .close {
28 | position: relative;
29 | top: -2px;
30 | right: -21px;
31 | line-height: @baseLineHeight;
32 | }
33 |
34 |
35 | // Alternate styles
36 | // -------------------------
37 |
38 | .alert-success {
39 | background-color: @successBackground;
40 | border-color: @successBorder;
41 | color: @successText;
42 | }
43 | .alert-success h4 {
44 | color: @successText;
45 | }
46 | .alert-danger,
47 | .alert-error {
48 | background-color: @errorBackground;
49 | border-color: @errorBorder;
50 | color: @errorText;
51 | }
52 | .alert-danger h4,
53 | .alert-error h4 {
54 | color: @errorText;
55 | }
56 | .alert-info {
57 | background-color: @infoBackground;
58 | border-color: @infoBorder;
59 | color: @infoText;
60 | }
61 | .alert-info h4 {
62 | color: @infoText;
63 | }
64 |
65 |
66 | // Block alerts
67 | // -------------------------
68 |
69 | .alert-block {
70 | padding-top: 14px;
71 | padding-bottom: 14px;
72 | }
73 | .alert-block > p,
74 | .alert-block > ul {
75 | margin-bottom: 0;
76 | }
77 | .alert-block p + p {
78 | margin-top: 5px;
79 | }
80 |
--------------------------------------------------------------------------------
/assets/less/bootstrap/bootstrap.less:
--------------------------------------------------------------------------------
1 | /*!
2 | * Bootstrap v2.3.2
3 | *
4 | * Copyright 2012 Twitter, Inc
5 | * Licensed under the Apache License v2.0
6 | * http://www.apache.org/licenses/LICENSE-2.0
7 | *
8 | * Designed and built with all the love in the world @twitter by @mdo and @fat.
9 | */
10 |
11 | // Core variables and mixins
12 | @import "variables.less"; // Modify this for custom colors, font-sizes, etc
13 | @import "mixins.less";
14 |
15 | // CSS Reset
16 | @import "reset.less";
17 |
18 | // Grid system and page structure
19 | @import "scaffolding.less";
20 | @import "grid.less";
21 | @import "layouts.less";
22 |
23 | // Base CSS
24 | @import "type.less";
25 | @import "code.less";
26 | @import "forms.less";
27 | @import "tables.less";
28 |
29 | // Components: common
30 | @import "sprites.less";
31 | @import "dropdowns.less";
32 | @import "wells.less";
33 | @import "component-animations.less";
34 | @import "close.less";
35 |
36 | // Components: Buttons & Alerts
37 | @import "buttons.less";
38 | @import "button-groups.less";
39 | @import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
40 |
41 | // Components: Nav
42 | @import "navs.less";
43 | @import "navbar.less";
44 | @import "breadcrumbs.less";
45 | @import "pagination.less";
46 | @import "pager.less";
47 |
48 | // Components: Popovers
49 | @import "modals.less";
50 | @import "tooltip.less";
51 | @import "popovers.less";
52 |
53 | // Components: Misc
54 | @import "thumbnails.less";
55 | @import "media.less";
56 | @import "labels-badges.less";
57 | @import "progress-bars.less";
58 | @import "accordion.less";
59 | @import "carousel.less";
60 | @import "hero-unit.less";
61 |
62 | // Utility classes
63 | @import "utilities.less"; // Has to be last to override when necessary
64 |
--------------------------------------------------------------------------------
/_posts/2014-10-04-landing-page.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Landing Page"
4 | date: 2014-10-04
5 | homepage: https://github.com/swcool/landing-page-theme
6 | download: https://github.com/swcool/landing-page-theme/archive/master.zip
7 | demo: http://shaneweng.com/landing-page-theme/
8 | author: Shane Weng
9 | thumbnail: landing-page.png
10 | license: Apache 2.0
11 | license_link: http://www.apache.org/licenses/LICENSE-2.0.html
12 | ---
13 |
14 | ## Landing Page
15 | Landing-Page theme, a services theme that allows you to showcase your services. The theme is based on [Landing Page](http://startbootstrap.com/templates/landing-page/) theme by [Start Bootstrap](http://startbootstrap.com/).
16 |
17 | ## Contribute
18 | Start by [forking](https://github.com/swcool/landing-page-theme/fork) this repository.
19 |
20 | ## Contact
21 | Feel free to [open issues](https://github.com/swcool/landing-page-theme/issues/new) if you run into trouble or have suggestions.
22 | Pull Requests always welcome.
23 |
24 | ## Service
25 | [Baiyun Consulting Group](http://www.baiyunconsulting.com/portfolio-landpage.html) provides custom/modification services on this great theme. Services such as adding support for multiple languages, adding contact form, google map and so on. Contact us if you need.
--------------------------------------------------------------------------------
/_posts/2014-07-24-leap-day.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Leap Day"
4 | date: 2014-07-27 01:42:00
5 | homepage: https://github.com/mattgraham/Leap-Day
6 | download: https://github.com/mattgraham/Leap-Day/archive/master.zip
7 | demo: http://madebygraham.com/Leap-Day/
8 | author: Matt Graham
9 | thumbnail: leapday.png
10 | license: MIT License
11 | license_link: https://github.com/mattgraham/Leap-Day/blob/master/LICENCE
12 | ---
13 |
14 | Open source content for Leap Day theme. Theme was first designed / developed for GitHub Pages and is available for download, forking and using anywhere else on the web. Like the theme share it with the twitterverse.
15 |
16 | 
17 |
18 | ### Developing Locally
19 |
20 | I've worked hard to make develoment easy. Running `script/bootstrap` will get your gems setup (Jekyll, Sass, Compass, Foreman), then you can get started running `script/server` which will run `jekyll serve && compass --watch` commands via terminal. Open http://localhost:4000 and make changes to any of the, md, .html or .scss files and compass will compile them for you.
21 |
22 | Simply refresh your browser (or use something like livereload) and develop away. Most of the colors and sizing is found in the _variables.scss file.
23 |
24 |
25 |
26 |
39 |
--------------------------------------------------------------------------------
/_posts/2014-09-07-shiori.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Shiori (based on Bootstrap)"
4 | date: 2014-09-07 15:00:00
5 | homepage: http://ellekasai.github.io/shiori/
6 | download: http://github.com/ellekasai/shiori/
7 | demo: http://ellekasai.github.io/shiori/
8 | author: Elle Kasai
9 | thumbnail: shiori.png
10 | license: MIT License
11 | license_link: http://ellekasai.mit-license.org/
12 | ---
13 |
14 | Shiori is a Bootstrap-based Jekyll theme. It looks great by default, but you can customize it easily. It supports Bootstrap and Font Awesome classes out of the box.
15 |
16 | ## Screenshots
17 |
18 | ### Desktop/Tablet
19 |
20 | 
21 |
22 | ### Mobile
23 |
24 | 
25 |
26 | ## Color Schemes
27 |
28 | I wear different colors (based on [Flat UI Colors](http://flatuicolors.com/)):
29 |
30 | ### Dark
31 |
32 | 
33 |
34 | ---
35 |
36 | ### Turquoise
37 |
38 | 
39 |
40 | ---
41 |
42 | ### Green
43 |
44 | 
45 |
46 | ---
47 |
48 | ### Blue
49 |
50 | 
51 |
52 | ---
53 |
54 | ### Purple
55 |
56 | 
57 |
58 | ---
59 |
60 | ### Orange
61 |
62 | 
63 |
64 | ---
65 |
66 | ### Red
67 |
68 | 
69 |
--------------------------------------------------------------------------------
/_posts/2015-01-02-uno-dbyll.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: Uno-dbyll
4 | date: 2015-01-02 03:26:00
5 | homepage: https://github.com/talk2ankan/uno-dbyll
6 | download: https://github.com/talk2ankan/uno-dbyll/archive/gh-pages.zip
7 | demo: http://blog.ankanbiswas.in/uno-dbyll/
8 | author: Ankan Biswas
9 | thumbnail: uno-dbyll_00.png
10 | license: MIT
11 | license_link: https://raw.githubusercontent.com/talk2ankan/uno-dbyll/gh-pages/LICENSE
12 | ---
13 | ### Uno-dbyll
14 |
15 | Uno-dbyll is a simple, clean, responsive and stylist theme for jekyll.
16 |
17 | The [theme demo site](http://blog.ankanbiswas.in/uno-dbyll) is my source code for personal blogging, build and hosted with Jekyll.
18 |
19 |
20 | I started this _project as a part of my learning and curiosity. Many thanks to _İsmail_Demirbilek for his responsive website on Jekyll and providing his blog as a reference.
21 | I would also like to thank Dale-Anthony for the his awesome website as a next-reference.
22 |
23 | ### Contribute
24 |
25 | Start by [forking the repository](https://github.com/talk2ankan/uno-dbyll/fork).
26 |
27 | ### Contact
28 |
29 | I am a starter. If you have any suggestions for improvements, don't hesitate to [open an issue](https://github.com/talk2ankan/uno-dbyll/issues) or making a pull request for your fork!
30 |
--------------------------------------------------------------------------------
/assets/less/bootstrap/responsive-utilities.less:
--------------------------------------------------------------------------------
1 | //
2 | // Responsive: Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // IE10 Metro responsive
7 | // Required for Windows 8 Metro split-screen snapping with IE10
8 | // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
9 | @-ms-viewport{
10 | width: device-width;
11 | }
12 |
13 | // Hide from screenreaders and browsers
14 | // Credit: HTML5 Boilerplate
15 | .hidden {
16 | display: none;
17 | visibility: hidden;
18 | }
19 |
20 | // Visibility utilities
21 |
22 | // For desktops
23 | .visible-phone { display: none !important; }
24 | .visible-tablet { display: none !important; }
25 | .hidden-phone { }
26 | .hidden-tablet { }
27 | .hidden-desktop { display: none !important; }
28 | .visible-desktop { display: inherit !important; }
29 |
30 | // Tablets & small desktops only
31 | @media (min-width: 768px) and (max-width: 979px) {
32 | // Hide everything else
33 | .hidden-desktop { display: inherit !important; }
34 | .visible-desktop { display: none !important ; }
35 | // Show
36 | .visible-tablet { display: inherit !important; }
37 | // Hide
38 | .hidden-tablet { display: none !important; }
39 | }
40 |
41 | // Phones only
42 | @media (max-width: 767px) {
43 | // Hide everything else
44 | .hidden-desktop { display: inherit !important; }
45 | .visible-desktop { display: none !important; }
46 | // Show
47 | .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
48 | // Hide
49 | .hidden-phone { display: none !important; }
50 | }
51 |
52 | // Print utilities
53 | .visible-print { display: none !important; }
54 | .hidden-print { }
55 |
56 | @media print {
57 | .visible-print { display: inherit !important; }
58 | .hidden-print { display: none !important; }
59 | }
60 |
--------------------------------------------------------------------------------
/_posts/2015-12-16-opentheme copy.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: OpenTheme
4 | date: 2014-12-16 12:00:00
5 | homepage: https://github.com/open-start/opentheme
6 | download: https://github.com/open-start/opentheme/archive/master.zip
7 | demo: http://opentheme.co
8 | author: Manav Sehgal
9 | thumbnail: opentheme.png
10 | license: MIT
11 | license_link: https://github.com/open-start/opentheme/blob/master/LICENSE
12 | ---
13 | ### OpenTheme
14 |
15 | Starter theme using Semantic UI and Jekyll for creating awesome websites on GitHub Pages.
16 |
17 | The theme features growing list of reusable _includes for features like blogs, social media, menus, landing pages, MailChimp forms, and Google maps, among others.
18 |
19 | The [theme demo site](http://opentheme.co) showcases comprehensive demos, and tutorials on how to reuse the theme for your website.
20 |
21 | OpenTheme is designed to use YAML, JSON, CSV, and other data-as-a-service integrations to add structured data capabilities to already awesome Semantic UI front-end design.
22 |
23 | ### Contribute
24 |
25 | Start by [forking the repository](https://github.com/open-start/opentheme/fork).
26 |
27 | ### Contact
28 |
29 | If you have any questions or suggestions for improvements, don't hesitate to [open an issue](https://github.com/open-start/opentheme/issues) or making a pull request for your fork!
30 |
--------------------------------------------------------------------------------
/assets/less/bootstrap/tooltip.less:
--------------------------------------------------------------------------------
1 | //
2 | // Tooltips
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .tooltip {
8 | position: absolute;
9 | z-index: @zindexTooltip;
10 | display: block;
11 | visibility: visible;
12 | font-size: 11px;
13 | line-height: 1.4;
14 | .opacity(0);
15 | &.in { .opacity(80); }
16 | &.top { margin-top: -3px; padding: 5px 0; }
17 | &.right { margin-left: 3px; padding: 0 5px; }
18 | &.bottom { margin-top: 3px; padding: 5px 0; }
19 | &.left { margin-left: -3px; padding: 0 5px; }
20 | }
21 |
22 | // Wrapper for the tooltip content
23 | .tooltip-inner {
24 | max-width: 200px;
25 | padding: 8px;
26 | color: @tooltipColor;
27 | text-align: center;
28 | text-decoration: none;
29 | background-color: @tooltipBackground;
30 | .border-radius(@baseBorderRadius);
31 | }
32 |
33 | // Arrows
34 | .tooltip-arrow {
35 | position: absolute;
36 | width: 0;
37 | height: 0;
38 | border-color: transparent;
39 | border-style: solid;
40 | }
41 | .tooltip {
42 | &.top .tooltip-arrow {
43 | bottom: 0;
44 | left: 50%;
45 | margin-left: -@tooltipArrowWidth;
46 | border-width: @tooltipArrowWidth @tooltipArrowWidth 0;
47 | border-top-color: @tooltipArrowColor;
48 | }
49 | &.right .tooltip-arrow {
50 | top: 50%;
51 | left: 0;
52 | margin-top: -@tooltipArrowWidth;
53 | border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;
54 | border-right-color: @tooltipArrowColor;
55 | }
56 | &.left .tooltip-arrow {
57 | top: 50%;
58 | right: 0;
59 | margin-top: -@tooltipArrowWidth;
60 | border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;
61 | border-left-color: @tooltipArrowColor;
62 | }
63 | &.bottom .tooltip-arrow {
64 | top: 0;
65 | left: 50%;
66 | margin-left: -@tooltipArrowWidth;
67 | border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;
68 | border-bottom-color: @tooltipArrowColor;
69 | }
70 | }
71 |
--------------------------------------------------------------------------------
/assets/js/bootstrap-transition.js:
--------------------------------------------------------------------------------
1 | /* ===================================================
2 | * bootstrap-transition.js v2.3.2
3 | * http://twitter.github.com/bootstrap/javascript.html#transitions
4 | * ===================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ========================================================== */
19 |
20 |
21 | !function ($) {
22 |
23 | "use strict"; // jshint ;_;
24 |
25 |
26 | /* CSS TRANSITION SUPPORT (http://www.modernizr.com/)
27 | * ======================================================= */
28 |
29 | $(function () {
30 |
31 | $.support.transition = (function () {
32 |
33 | var transitionEnd = (function () {
34 |
35 | var el = document.createElement('bootstrap')
36 | , transEndEventNames = {
37 | 'WebkitTransition' : 'webkitTransitionEnd'
38 | , 'MozTransition' : 'transitionend'
39 | , 'OTransition' : 'oTransitionEnd otransitionend'
40 | , 'transition' : 'transitionend'
41 | }
42 | , name
43 |
44 | for (name in transEndEventNames){
45 | if (el.style[name] !== undefined) {
46 | return transEndEventNames[name]
47 | }
48 | }
49 |
50 | }())
51 |
52 | return transitionEnd && {
53 | end: transitionEnd
54 | }
55 |
56 | })()
57 |
58 | })
59 |
60 | }(window.jQuery);
--------------------------------------------------------------------------------
/_posts/2014-09-27-clean-blog.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Clean Blog"
4 | date: 2014-09-27 15:09:00
5 | homepage: https://github.com/IronSummitMedia/startbootstrap-clean-blog-jekyll
6 | download: https://github.com/IronSummitMedia/startbootstrap-clean-blog-jekyll/archive/gh-pages.zip
7 | demo: http://ironsummitmedia.github.io/startbootstrap-clean-blog-jekyll/
8 | author: Start Bootstrap
9 | thumbnail: clean-blog.png
10 | license: Apache 2.0
11 | license_link: https://github.com/IronSummitMedia/startbootstrap-clean-blog-jekyll/blob/gh-pages/LICENSE
12 | ---
13 |
14 | ## Clean Blog by [Start Bootstrap](http://startbootstrap.com)
15 |
16 | Clean Blog is a Jekyll theme by [Start Bootstrap](http://startbootstrap.com). It is perfect for stylish personal blogs, or any other use you can think of! For support, you can open issues on the GitHub repository for the theme, or you can visit the theme's overview page on Start Bootstrap at [http://startbootstrap.com/template-overviews/clean-blog/](http://startbootstrap.com/template-overviews/clean-blog/). You can also download a raw HTML/CSS version of the theme there.
17 |
18 | ## Screenshot
19 |
20 | 
21 |
22 | ## Contribute
23 | Start by [forking](https://github.com/IronSummitMedia/startbootstrap-clean-blog-jekyll/fork) this repository. Then make changes and submit pull requests which will be reviewed and merged.
24 |
25 | ## Contact
26 | Feel free to [open issues](https://github.com/IronSummitMedia/startbootstrap-clean-blog-jekyll) if you run into trouble or have suggestions.
27 | Pull Requests always welcome.
28 |
--------------------------------------------------------------------------------
/_posts/2014-11-09-amsf.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Almace Scaffolding"
4 | date: 2014-11-09 10:00:00
5 | homepage: http://sparanoid.com/lab/amsf/
6 | download: https://github.com/sparanoid/almace-scaffolding
7 | demo: http://sparanoid.com/lab/amsf/
8 | author: Tunghsiao Liu
9 | thumbnail: amsf.png
10 | license: MIT License
11 | license_link: https://github.com/sparanoid/almace-scaffolding/blob/master/LICENSE
12 | ---
13 |
14 | AMSF, a.k.a. Almace Scaffolding, a super-fast Jekyll framework, LESS auto-compile, prefix-free, HTML minification, inlined stylesheets and more.
15 |
16 | ### Features
17 |
18 | - A basic, fully configured Jekyll setup with well-defined [Atom feed](https://github.com/sparanoid/almace-scaffolding/blob/master/_app/feed-atom.xml), [sitemap](https://github.com/sparanoid/almace-scaffolding/blob/master/_app/sitemap.xml), and [Twitter Cards](https://dev.twitter.com/docs/cards) support
19 | - **Almace Scaffolding** ships a sleek responsive theme, a variant of [sparanoid.com](http://sparanoid.com/), looking great on any mordern browsers
20 | - Every minified page generates only one HTTP request
21 | - Minimalism design, No jQuery, no `everybody-shake-ur-body.js`
22 | - Ideal for personal blog, portfolio, product blog and Tumblr-like link blog
23 | - (Maybe) [the first](https://github.com/sparanoid/sparanoid.com/commit/9b44b4c0f57c3dd1e828d828a95cc21b992785ce) template that uses [viewport relative units](http://www.w3.org/TR/css3-values/#viewport-relative-lengths)
24 | - [Tons of configurable settings](https://github.com/sparanoid/almace-scaffolding/blob/master/_config.init.yml) for your posts and site customization
25 | - [Handcrafted stylesheets](https://github.com/sparanoid/almace-scaffolding/blob/master/_app/assets/_less/app.less). No Bootstrap or other bloated frameworks are used, unminified CSS < 12 KB
26 | - Predefined LESS variables make it easier to change color schemes for different posts
27 | - [Default stylesheets](https://github.com/sparanoid/almace-scaffolding/blob/master/_app/assets/_less/syntax.less) for Pygments code highlighting
28 | - Redcarpet as Markdown renderer, tables, footnotes, GFM, smart quotes are supported
29 | - Built with Grunt.js for easy development
30 | - No Internet Explorer support
31 |
--------------------------------------------------------------------------------
/assets/less/bootstrap/labels-badges.less:
--------------------------------------------------------------------------------
1 | //
2 | // Labels and badges
3 | // --------------------------------------------------
4 |
5 |
6 | // Base classes
7 | .label,
8 | .badge {
9 | display: inline-block;
10 | padding: 2px 4px;
11 | font-size: @baseFontSize * .846;
12 | font-weight: bold;
13 | line-height: 14px; // ensure proper line-height if floated
14 | color: @white;
15 | vertical-align: baseline;
16 | white-space: nowrap;
17 | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
18 | background-color: @grayLight;
19 | }
20 | // Set unique padding and border-radii
21 | .label {
22 | .border-radius(3px);
23 | }
24 | .badge {
25 | padding-left: 9px;
26 | padding-right: 9px;
27 | .border-radius(9px);
28 | }
29 |
30 | // Empty labels/badges collapse
31 | .label,
32 | .badge {
33 | &:empty {
34 | display: none;
35 | }
36 | }
37 |
38 | // Hover/focus state, but only for links
39 | a {
40 | &.label:hover,
41 | &.label:focus,
42 | &.badge:hover,
43 | &.badge:focus {
44 | color: @white;
45 | text-decoration: none;
46 | cursor: pointer;
47 | }
48 | }
49 |
50 | // Colors
51 | // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
52 | .label,
53 | .badge {
54 | // Important (red)
55 | &-important { background-color: @errorText; }
56 | &-important[href] { background-color: darken(@errorText, 10%); }
57 | // Warnings (orange)
58 | &-warning { background-color: @orange; }
59 | &-warning[href] { background-color: darken(@orange, 10%); }
60 | // Success (green)
61 | &-success { background-color: @successText; }
62 | &-success[href] { background-color: darken(@successText, 10%); }
63 | // Info (turquoise)
64 | &-info { background-color: @infoText; }
65 | &-info[href] { background-color: darken(@infoText, 10%); }
66 | // Inverse (black)
67 | &-inverse { background-color: @grayDark; }
68 | &-inverse[href] { background-color: darken(@grayDark, 10%); }
69 | }
70 |
71 | // Quick fix for labels/badges in buttons
72 | .btn {
73 | .label,
74 | .badge {
75 | position: relative;
76 | top: -1px;
77 | }
78 | }
79 | .btn-mini {
80 | .label,
81 | .badge {
82 | top: 0;
83 | }
84 | }
85 |
--------------------------------------------------------------------------------
/assets/less/bootstrap/modals.less:
--------------------------------------------------------------------------------
1 | //
2 | // Modals
3 | // --------------------------------------------------
4 |
5 | // Background
6 | .modal-backdrop {
7 | position: fixed;
8 | top: 0;
9 | right: 0;
10 | bottom: 0;
11 | left: 0;
12 | z-index: @zindexModalBackdrop;
13 | background-color: @black;
14 | // Fade for backdrop
15 | &.fade { opacity: 0; }
16 | }
17 |
18 | .modal-backdrop,
19 | .modal-backdrop.fade.in {
20 | .opacity(80);
21 | }
22 |
23 | // Base modal
24 | .modal {
25 | position: fixed;
26 | top: 10%;
27 | left: 50%;
28 | z-index: @zindexModal;
29 | width: 560px;
30 | margin-left: -280px;
31 | background-color: @white;
32 | border: 1px solid #999;
33 | border: 1px solid rgba(0,0,0,.3);
34 | *border: 1px solid #999; /* IE6-7 */
35 | .border-radius(6px);
36 | .box-shadow(0 3px 7px rgba(0,0,0,0.3));
37 | .background-clip(padding-box);
38 | // Remove focus outline from opened modal
39 | outline: none;
40 |
41 | &.fade {
42 | .transition(e('opacity .3s linear, top .3s ease-out'));
43 | top: -25%;
44 | }
45 | &.fade.in { top: 10%; }
46 | }
47 | .modal-header {
48 | padding: 9px 15px;
49 | border-bottom: 1px solid #eee;
50 | // Close icon
51 | .close { margin-top: 2px; }
52 | // Heading
53 | h3 {
54 | margin: 0;
55 | line-height: 30px;
56 | }
57 | }
58 |
59 | // Body (where all modal content resides)
60 | .modal-body {
61 | position: relative;
62 | overflow-y: auto;
63 | max-height: 400px;
64 | padding: 15px;
65 | }
66 | // Remove bottom margin if need be
67 | .modal-form {
68 | margin-bottom: 0;
69 | }
70 |
71 | // Footer (for actions)
72 | .modal-footer {
73 | padding: 14px 15px 15px;
74 | margin-bottom: 0;
75 | text-align: right; // right align buttons
76 | background-color: #f5f5f5;
77 | border-top: 1px solid #ddd;
78 | .border-radius(0 0 6px 6px);
79 | .box-shadow(inset 0 1px 0 @white);
80 | .clearfix(); // clear it in case folks use .pull-* classes on buttons
81 |
82 | // Properly space out buttons
83 | .btn + .btn {
84 | margin-left: 5px;
85 | margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
86 | }
87 | // but override that for button groups
88 | .btn-group .btn + .btn {
89 | margin-left: -1px;
90 | }
91 | // and override it for block buttons as well
92 | .btn-block + .btn-block {
93 | margin-left: 0;
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/assets/js/bootstrap-alert.js:
--------------------------------------------------------------------------------
1 | /* ==========================================================
2 | * bootstrap-alert.js v2.3.2
3 | * http://twitter.github.com/bootstrap/javascript.html#alerts
4 | * ==========================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ========================================================== */
19 |
20 |
21 | !function ($) {
22 |
23 | "use strict"; // jshint ;_;
24 |
25 |
26 | /* ALERT CLASS DEFINITION
27 | * ====================== */
28 |
29 | var dismiss = '[data-dismiss="alert"]'
30 | , Alert = function (el) {
31 | $(el).on('click', dismiss, this.close)
32 | }
33 |
34 | Alert.prototype.close = function (e) {
35 | var $this = $(this)
36 | , selector = $this.attr('data-target')
37 | , $parent
38 |
39 | if (!selector) {
40 | selector = $this.attr('href')
41 | selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
42 | }
43 |
44 | $parent = $(selector)
45 |
46 | e && e.preventDefault()
47 |
48 | $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
49 |
50 | $parent.trigger(e = $.Event('close'))
51 |
52 | if (e.isDefaultPrevented()) return
53 |
54 | $parent.removeClass('in')
55 |
56 | function removeElement() {
57 | $parent
58 | .trigger('closed')
59 | .remove()
60 | }
61 |
62 | $.support.transition && $parent.hasClass('fade') ?
63 | $parent.on($.support.transition.end, removeElement) :
64 | removeElement()
65 | }
66 |
67 |
68 | /* ALERT PLUGIN DEFINITION
69 | * ======================= */
70 |
71 | var old = $.fn.alert
72 |
73 | $.fn.alert = function (option) {
74 | return this.each(function () {
75 | var $this = $(this)
76 | , data = $this.data('alert')
77 | if (!data) $this.data('alert', (data = new Alert(this)))
78 | if (typeof option == 'string') data[option].call($this)
79 | })
80 | }
81 |
82 | $.fn.alert.Constructor = Alert
83 |
84 |
85 | /* ALERT NO CONFLICT
86 | * ================= */
87 |
88 | $.fn.alert.noConflict = function () {
89 | $.fn.alert = old
90 | return this
91 | }
92 |
93 |
94 | /* ALERT DATA-API
95 | * ============== */
96 |
97 | $(document).on('click.alert.data-api', dismiss, Alert.prototype.close)
98 |
99 | }(window.jQuery);
--------------------------------------------------------------------------------
/assets/less/bootstrap/pagination.less:
--------------------------------------------------------------------------------
1 | //
2 | // Pagination (multiple pages)
3 | // --------------------------------------------------
4 |
5 | // Space out pagination from surrounding content
6 | .pagination {
7 | margin: @baseLineHeight 0;
8 | }
9 |
10 | .pagination ul {
11 | // Allow for text-based alignment
12 | display: inline-block;
13 | .ie7-inline-block();
14 | // Reset default ul styles
15 | margin-left: 0;
16 | margin-bottom: 0;
17 | // Visuals
18 | .border-radius(@baseBorderRadius);
19 | .box-shadow(0 1px 2px rgba(0,0,0,.05));
20 | }
21 | .pagination ul > li {
22 | display: inline; // Remove list-style and block-level defaults
23 | }
24 | .pagination ul > li > a,
25 | .pagination ul > li > span {
26 | float: left; // Collapse white-space
27 | padding: 4px 12px;
28 | line-height: @baseLineHeight;
29 | text-decoration: none;
30 | background-color: @paginationBackground;
31 | border: 1px solid @paginationBorder;
32 | border-left-width: 0;
33 | }
34 | .pagination ul > li > a:hover,
35 | .pagination ul > li > a:focus,
36 | .pagination ul > .active > a,
37 | .pagination ul > .active > span {
38 | background-color: @paginationActiveBackground;
39 | }
40 | .pagination ul > .active > a,
41 | .pagination ul > .active > span {
42 | color: @grayLight;
43 | cursor: default;
44 | }
45 | .pagination ul > .disabled > span,
46 | .pagination ul > .disabled > a,
47 | .pagination ul > .disabled > a:hover,
48 | .pagination ul > .disabled > a:focus {
49 | color: @grayLight;
50 | background-color: transparent;
51 | cursor: default;
52 | }
53 | .pagination ul > li:first-child > a,
54 | .pagination ul > li:first-child > span {
55 | border-left-width: 1px;
56 | .border-left-radius(@baseBorderRadius);
57 | }
58 | .pagination ul > li:last-child > a,
59 | .pagination ul > li:last-child > span {
60 | .border-right-radius(@baseBorderRadius);
61 | }
62 |
63 |
64 | // Alignment
65 | // --------------------------------------------------
66 |
67 | .pagination-centered {
68 | text-align: center;
69 | }
70 | .pagination-right {
71 | text-align: right;
72 | }
73 |
74 |
75 | // Sizing
76 | // --------------------------------------------------
77 |
78 | // Large
79 | .pagination-large {
80 | ul > li > a,
81 | ul > li > span {
82 | padding: @paddingLarge;
83 | font-size: @fontSizeLarge;
84 | }
85 | ul > li:first-child > a,
86 | ul > li:first-child > span {
87 | .border-left-radius(@borderRadiusLarge);
88 | }
89 | ul > li:last-child > a,
90 | ul > li:last-child > span {
91 | .border-right-radius(@borderRadiusLarge);
92 | }
93 | }
94 |
95 | // Small and mini
96 | .pagination-mini,
97 | .pagination-small {
98 | ul > li:first-child > a,
99 | ul > li:first-child > span {
100 | .border-left-radius(@borderRadiusSmall);
101 | }
102 | ul > li:last-child > a,
103 | ul > li:last-child > span {
104 | .border-right-radius(@borderRadiusSmall);
105 | }
106 | }
107 |
108 | // Small
109 | .pagination-small {
110 | ul > li > a,
111 | ul > li > span {
112 | padding: @paddingSmall;
113 | font-size: @fontSizeSmall;
114 | }
115 | }
116 | // Mini
117 | .pagination-mini {
118 | ul > li > a,
119 | ul > li > span {
120 | padding: @paddingMini;
121 | font-size: @fontSizeMini;
122 | }
123 | }
124 |
--------------------------------------------------------------------------------
/assets/less/bootstrap/carousel.less:
--------------------------------------------------------------------------------
1 | //
2 | // Carousel
3 | // --------------------------------------------------
4 |
5 |
6 | .carousel {
7 | position: relative;
8 | margin-bottom: @baseLineHeight;
9 | line-height: 1;
10 | }
11 |
12 | .carousel-inner {
13 | overflow: hidden;
14 | width: 100%;
15 | position: relative;
16 | }
17 |
18 | .carousel-inner {
19 |
20 | > .item {
21 | display: none;
22 | position: relative;
23 | .transition(.6s ease-in-out left);
24 |
25 | // Account for jankitude on images
26 | > img,
27 | > a > img {
28 | display: block;
29 | line-height: 1;
30 | }
31 | }
32 |
33 | > .active,
34 | > .next,
35 | > .prev { display: block; }
36 |
37 | > .active {
38 | left: 0;
39 | }
40 |
41 | > .next,
42 | > .prev {
43 | position: absolute;
44 | top: 0;
45 | width: 100%;
46 | }
47 |
48 | > .next {
49 | left: 100%;
50 | }
51 | > .prev {
52 | left: -100%;
53 | }
54 | > .next.left,
55 | > .prev.right {
56 | left: 0;
57 | }
58 |
59 | > .active.left {
60 | left: -100%;
61 | }
62 | > .active.right {
63 | left: 100%;
64 | }
65 |
66 | }
67 |
68 | // Left/right controls for nav
69 | // ---------------------------
70 |
71 | .carousel-control {
72 | position: absolute;
73 | top: 40%;
74 | left: 15px;
75 | width: 40px;
76 | height: 40px;
77 | margin-top: -20px;
78 | font-size: 60px;
79 | font-weight: 100;
80 | line-height: 30px;
81 | color: @white;
82 | text-align: center;
83 | background: @grayDarker;
84 | border: 3px solid @white;
85 | .border-radius(23px);
86 | .opacity(50);
87 |
88 | // we can't have this transition here
89 | // because webkit cancels the carousel
90 | // animation if you trip this while
91 | // in the middle of another animation
92 | // ;_;
93 | // .transition(opacity .2s linear);
94 |
95 | // Reposition the right one
96 | &.right {
97 | left: auto;
98 | right: 15px;
99 | }
100 |
101 | // Hover/focus state
102 | &:hover,
103 | &:focus {
104 | color: @white;
105 | text-decoration: none;
106 | .opacity(90);
107 | }
108 | }
109 |
110 | // Carousel indicator pips
111 | // -----------------------------
112 | .carousel-indicators {
113 | position: absolute;
114 | top: 15px;
115 | right: 15px;
116 | z-index: 5;
117 | margin: 0;
118 | list-style: none;
119 |
120 | li {
121 | display: block;
122 | float: left;
123 | width: 10px;
124 | height: 10px;
125 | margin-left: 5px;
126 | text-indent: -999px;
127 | background-color: #ccc;
128 | background-color: rgba(255,255,255,.25);
129 | border-radius: 5px;
130 | }
131 | .active {
132 | background-color: #fff;
133 | }
134 | }
135 |
136 | // Caption for text below images
137 | // -----------------------------
138 |
139 | .carousel-caption {
140 | position: absolute;
141 | left: 0;
142 | right: 0;
143 | bottom: 0;
144 | padding: 15px;
145 | background: @grayDark;
146 | background: rgba(0,0,0,.75);
147 | }
148 | .carousel-caption h4,
149 | .carousel-caption p {
150 | color: @white;
151 | line-height: @baseLineHeight;
152 | }
153 | .carousel-caption h4 {
154 | margin: 0 0 5px;
155 | }
156 | .carousel-caption p {
157 | margin-bottom: 0;
158 | }
159 |
--------------------------------------------------------------------------------
/assets/js/bootstrap-button.js:
--------------------------------------------------------------------------------
1 | /* ============================================================
2 | * bootstrap-button.js v2.3.2
3 | * http://twitter.github.com/bootstrap/javascript.html#buttons
4 | * ============================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * ============================================================ */
19 |
20 |
21 | !function ($) {
22 |
23 | "use strict"; // jshint ;_;
24 |
25 |
26 | /* BUTTON PUBLIC CLASS DEFINITION
27 | * ============================== */
28 |
29 | var Button = function (element, options) {
30 | this.$element = $(element)
31 | this.options = $.extend({}, $.fn.button.defaults, options)
32 | }
33 |
34 | Button.prototype.setState = function (state) {
35 | var d = 'disabled'
36 | , $el = this.$element
37 | , data = $el.data()
38 | , val = $el.is('input') ? 'val' : 'html'
39 |
40 | state = state + 'Text'
41 | data.resetText || $el.data('resetText', $el[val]())
42 |
43 | $el[val](data[state] || this.options[state])
44 |
45 | // push to event loop to allow forms to submit
46 | setTimeout(function () {
47 | state == 'loadingText' ?
48 | $el.addClass(d).attr(d, d) :
49 | $el.removeClass(d).removeAttr(d)
50 | }, 0)
51 | }
52 |
53 | Button.prototype.toggle = function () {
54 | var $parent = this.$element.closest('[data-toggle="buttons-radio"]')
55 |
56 | $parent && $parent
57 | .find('.active')
58 | .removeClass('active')
59 |
60 | this.$element.toggleClass('active')
61 | }
62 |
63 |
64 | /* BUTTON PLUGIN DEFINITION
65 | * ======================== */
66 |
67 | var old = $.fn.button
68 |
69 | $.fn.button = function (option) {
70 | return this.each(function () {
71 | var $this = $(this)
72 | , data = $this.data('button')
73 | , options = typeof option == 'object' && option
74 | if (!data) $this.data('button', (data = new Button(this, options)))
75 | if (option == 'toggle') data.toggle()
76 | else if (option) data.setState(option)
77 | })
78 | }
79 |
80 | $.fn.button.defaults = {
81 | loadingText: 'loading...'
82 | }
83 |
84 | $.fn.button.Constructor = Button
85 |
86 |
87 | /* BUTTON NO CONFLICT
88 | * ================== */
89 |
90 | $.fn.button.noConflict = function () {
91 | $.fn.button = old
92 | return this
93 | }
94 |
95 |
96 | /* BUTTON DATA-API
97 | * =============== */
98 |
99 | $(document).on('click.button.data-api', '[data-toggle^=button]', function (e) {
100 | var $btn = $(e.target)
101 | if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn')
102 | $btn.button('toggle')
103 | })
104 |
105 | }(window.jQuery);
--------------------------------------------------------------------------------
/assets/css/syntax.css:
--------------------------------------------------------------------------------
1 | .hll { background-color: #ffffcc }
2 | .c { color: #999988; font-style: italic } /* Comment */
3 | .err { color: #a61717; background-color: #e3d2d2 } /* Error */
4 | .k { color: #000000; font-weight: bold } /* Keyword */
5 | .o { color: #000000; font-weight: bold } /* Operator */
6 | .cm { color: #999988; font-style: italic } /* Comment.Multiline */
7 | .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
8 | .c1 { color: #999988; font-style: italic } /* Comment.Single */
9 | .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
10 | .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
11 | .ge { color: #000000; font-style: italic } /* Generic.Emph */
12 | .gr { color: #aa0000 } /* Generic.Error */
13 | .gh { color: #999999 } /* Generic.Heading */
14 | .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
15 | .go { color: #888888 } /* Generic.Output */
16 | .gp { color: #555555 } /* Generic.Prompt */
17 | .gs { font-weight: bold } /* Generic.Strong */
18 | .gu { color: #aaaaaa } /* Generic.Subheading */
19 | .gt { color: #aa0000 } /* Generic.Traceback */
20 | .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
21 | .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
22 | .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
23 | .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
24 | .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
25 | .kt { color: #445588; font-weight: bold } /* Keyword.Type */
26 | .m { color: #009999 } /* Literal.Number */
27 | .s { color: #d01040 } /* Literal.String */
28 | .na { color: #008080 } /* Name.Attribute */
29 | .nb { color: #0086B3 } /* Name.Builtin */
30 | .nc { color: #445588; font-weight: bold } /* Name.Class */
31 | .no { color: #008080 } /* Name.Constant */
32 | .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
33 | .ni { color: #800080 } /* Name.Entity */
34 | .ne { color: #990000; font-weight: bold } /* Name.Exception */
35 | .nf { color: #990000; font-weight: bold } /* Name.Function */
36 | .nl { color: #990000; font-weight: bold } /* Name.Label */
37 | .nn { color: #555555 } /* Name.Namespace */
38 | .nt { color: #000080 } /* Name.Tag */
39 | .nv { color: #008080 } /* Name.Variable */
40 | .ow { color: #000000; font-weight: bold } /* Operator.Word */
41 | .w { color: #bbbbbb } /* Text.Whitespace */
42 | .mf { color: #009999 } /* Literal.Number.Float */
43 | .mh { color: #009999 } /* Literal.Number.Hex */
44 | .mi { color: #009999 } /* Literal.Number.Integer */
45 | .mo { color: #009999 } /* Literal.Number.Oct */
46 | .sb { color: #d01040 } /* Literal.String.Backtick */
47 | .sc { color: #d01040 } /* Literal.String.Char */
48 | .sd { color: #d01040 } /* Literal.String.Doc */
49 | .s2 { color: #d01040 } /* Literal.String.Double */
50 | .se { color: #d01040 } /* Literal.String.Escape */
51 | .sh { color: #d01040 } /* Literal.String.Heredoc */
52 | .si { color: #d01040 } /* Literal.String.Interpol */
53 | .sx { color: #d01040 } /* Literal.String.Other */
54 | .sr { color: #009926 } /* Literal.String.Regex */
55 | .s1 { color: #d01040 } /* Literal.String.Single */
56 | .ss { color: #990073 } /* Literal.String.Symbol */
57 | .bp { color: #999999 } /* Name.Builtin.Pseudo */
58 | .vc { color: #008080 } /* Name.Variable.Class */
59 | .vg { color: #008080 } /* Name.Variable.Global */
60 | .vi { color: #008080 } /* Name.Variable.Instance */
61 | .il { color: #009999 } /* Literal.Number.Integer.Long */
62 |
--------------------------------------------------------------------------------
/assets/less/bootstrap/progress-bars.less:
--------------------------------------------------------------------------------
1 | //
2 | // Progress bars
3 | // --------------------------------------------------
4 |
5 |
6 | // ANIMATIONS
7 | // ----------
8 |
9 | // Webkit
10 | @-webkit-keyframes progress-bar-stripes {
11 | from { background-position: 40px 0; }
12 | to { background-position: 0 0; }
13 | }
14 |
15 | // Firefox
16 | @-moz-keyframes progress-bar-stripes {
17 | from { background-position: 40px 0; }
18 | to { background-position: 0 0; }
19 | }
20 |
21 | // IE9
22 | @-ms-keyframes progress-bar-stripes {
23 | from { background-position: 40px 0; }
24 | to { background-position: 0 0; }
25 | }
26 |
27 | // Opera
28 | @-o-keyframes progress-bar-stripes {
29 | from { background-position: 0 0; }
30 | to { background-position: 40px 0; }
31 | }
32 |
33 | // Spec
34 | @keyframes progress-bar-stripes {
35 | from { background-position: 40px 0; }
36 | to { background-position: 0 0; }
37 | }
38 |
39 |
40 |
41 | // THE BARS
42 | // --------
43 |
44 | // Outer container
45 | .progress {
46 | overflow: hidden;
47 | height: @baseLineHeight;
48 | margin-bottom: @baseLineHeight;
49 | #gradient > .vertical(#f5f5f5, #f9f9f9);
50 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51 | .border-radius(@baseBorderRadius);
52 | }
53 |
54 | // Bar of progress
55 | .progress .bar {
56 | width: 0%;
57 | height: 100%;
58 | color: @white;
59 | float: left;
60 | font-size: 12px;
61 | text-align: center;
62 | text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63 | #gradient > .vertical(#149bdf, #0480be);
64 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65 | .box-sizing(border-box);
66 | .transition(width .6s ease);
67 | }
68 | .progress .bar + .bar {
69 | .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");
70 | }
71 |
72 | // Striped bars
73 | .progress-striped .bar {
74 | #gradient > .striped(#149bdf);
75 | .background-size(40px 40px);
76 | }
77 |
78 | // Call animation for the active one
79 | .progress.active .bar {
80 | -webkit-animation: progress-bar-stripes 2s linear infinite;
81 | -moz-animation: progress-bar-stripes 2s linear infinite;
82 | -ms-animation: progress-bar-stripes 2s linear infinite;
83 | -o-animation: progress-bar-stripes 2s linear infinite;
84 | animation: progress-bar-stripes 2s linear infinite;
85 | }
86 |
87 |
88 |
89 | // COLORS
90 | // ------
91 |
92 | // Danger (red)
93 | .progress-danger .bar, .progress .bar-danger {
94 | #gradient > .vertical(#ee5f5b, #c43c35);
95 | }
96 | .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
97 | #gradient > .striped(#ee5f5b);
98 | }
99 |
100 | // Success (green)
101 | .progress-success .bar, .progress .bar-success {
102 | #gradient > .vertical(#62c462, #57a957);
103 | }
104 | .progress-success.progress-striped .bar, .progress-striped .bar-success {
105 | #gradient > .striped(#62c462);
106 | }
107 |
108 | // Info (teal)
109 | .progress-info .bar, .progress .bar-info {
110 | #gradient > .vertical(#5bc0de, #339bb9);
111 | }
112 | .progress-info.progress-striped .bar, .progress-striped .bar-info {
113 | #gradient > .striped(#5bc0de);
114 | }
115 |
116 | // Warning (orange)
117 | .progress-warning .bar, .progress .bar-warning {
118 | #gradient > .vertical(lighten(@orange, 15%), @orange);
119 | }
120 | .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121 | #gradient > .striped(lighten(@orange, 15%));
122 | }
123 |
--------------------------------------------------------------------------------
/assets/js/bootstrap-popover.js:
--------------------------------------------------------------------------------
1 | /* ===========================================================
2 | * bootstrap-popover.js v2.3.2
3 | * http://twitter.github.com/bootstrap/javascript.html#popovers
4 | * ===========================================================
5 | * Copyright 2012 Twitter, Inc.
6 | *
7 | * Licensed under the Apache License, Version 2.0 (the "License");
8 | * you may not use this file except in compliance with the License.
9 | * You may obtain a copy of the License at
10 | *
11 | * http://www.apache.org/licenses/LICENSE-2.0
12 | *
13 | * Unless required by applicable law or agreed to in writing, software
14 | * distributed under the License is distributed on an "AS IS" BASIS,
15 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 | * See the License for the specific language governing permissions and
17 | * limitations under the License.
18 | * =========================================================== */
19 |
20 |
21 | !function ($) {
22 |
23 | "use strict"; // jshint ;_;
24 |
25 |
26 | /* POPOVER PUBLIC CLASS DEFINITION
27 | * =============================== */
28 |
29 | var Popover = function (element, options) {
30 | this.init('popover', element, options)
31 | }
32 |
33 |
34 | /* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js
35 | ========================================== */
36 |
37 | Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, {
38 |
39 | constructor: Popover
40 |
41 | , setContent: function () {
42 | var $tip = this.tip()
43 | , title = this.getTitle()
44 | , content = this.getContent()
45 |
46 | $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
47 | $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)
48 |
49 | $tip.removeClass('fade top bottom left right in')
50 | }
51 |
52 | , hasContent: function () {
53 | return this.getTitle() || this.getContent()
54 | }
55 |
56 | , getContent: function () {
57 | var content
58 | , $e = this.$element
59 | , o = this.options
60 |
61 | content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content)
62 | || $e.attr('data-content')
63 |
64 | return content
65 | }
66 |
67 | , tip: function () {
68 | if (!this.$tip) {
69 | this.$tip = $(this.options.template)
70 | }
71 | return this.$tip
72 | }
73 |
74 | , destroy: function () {
75 | this.hide().$element.off('.' + this.type).removeData(this.type)
76 | }
77 |
78 | })
79 |
80 |
81 | /* POPOVER PLUGIN DEFINITION
82 | * ======================= */
83 |
84 | var old = $.fn.popover
85 |
86 | $.fn.popover = function (option) {
87 | return this.each(function () {
88 | var $this = $(this)
89 | , data = $this.data('popover')
90 | , options = typeof option == 'object' && option
91 | if (!data) $this.data('popover', (data = new Popover(this, options)))
92 | if (typeof option == 'string') data[option]()
93 | })
94 | }
95 |
96 | $.fn.popover.Constructor = Popover
97 |
98 | $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, {
99 | placement: 'right'
100 | , trigger: 'click'
101 | , content: ''
102 | , template: '