jekyll-theme-prettydocs 0.0.5 → 0.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6357ffbb7c5b71b95a630cca51e310030aeb9fa2
-  data.tar.gz: '05973601b66a626dc50e8be1a9e6a65e87ad5c82'
+  metadata.gz: 97bba91b82e7c196c3825c93f0722f942780d4e3
+  data.tar.gz: f6fea151c22e2f2ec3fb3522e4cf14509c9d9d30
 SHA512:
-  metadata.gz: 7fc911cadce50239968d95aa0de45a3367f55245a113b0d4c9bbf58a9d02c799b3b0ce4d1cd32b542e082a297fa02f7c1192ac852dd0b2d2c66f8b7d3702f68c
-  data.tar.gz: 189e18afe5db24c286c094954b79c419f089ee5a143dec041bf2ae0e3ad089613d137844d71fadf902227724e17a9514d154e7824fd1e2f9e0020ed4f621c35c
+  metadata.gz: f79550269f95aa9aac5a88fa5f1ac120c5b0b118c13aa65141d6fe7786e08264f331620fb2589e26469844a13d16c13bf3b4627509190aae59fc17bfcca36f48
+  data.tar.gz: 90cd50db7d623ef072324b7842e944de12fb4459cb64957e1d0064e73b37909bfbebf45108e8d2bd81f9dff4a58bcfde5a70a70ff70e987d9ccdad938b8bcffa

data/README.md

@@ -1,51 +1,227 @@
-# jekyll-theme-prettydocs
+# Jekyll Theme PrettyDocs
 
-Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes` and your sass in `_sass`. To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
-
-TODO: Delete this and the text above, and describe your gem
+Inspired on https://themes.3rdwavemedia.com/demo/prettydocs/
 
 ## Installation
 
 Add this line to your Jekyll site's Gemfile:
 
 ```ruby
-#replace
-gem "minima"
-#by
 gem "jekyll-theme-prettydocs"
 ```
+And then run:
+
+```shell
+$ sudo bundle update
+```
 
-And add this line to your Jekyll site's `_config.yml`:
+Or install it yourself, run:
+
+```shell
+$ gem install jekyll-theme-prettydocs
+```
+
+After yor install theme, you should replace `minima` theme for new `jekyll-theme-prettydocs` theme.
+To do it, change in `_config.yml` file, like this:
 
 ```yaml
-#replace 
+#replace
 theme: minima
 #by
 theme: jekyll-theme-prettydocs
 ```
 
-And then execute:
+To start jekyll server, run:
+
+```
+$ jekyll s
+```
+
+Open in your browser `http://localhost:4000`. See the site, with this wonderful theme.
+
+![](./screenshot.png)
+
+**After you install and start, you can to do your changes.**
+
+## Customize theme
+
+### Home Page
+
+The first thing that you will want to change is home page links list. So, what you need is simple. Just create your pages, with these attributes:
+
+```yaml
+cards-section: blue
+title: Title of page
+intro: Intro of page
+icon: icon_gift
+```
+
+So, with these small attributes into your pages, you can create a list of links in home page. Below, some description about each attribute.
+
+#### cards-section
+
+Cards section is usually the color of card. The colors availables is: blue, pink, purple, orange, green, and primary.
+
+#### title
+
+The title is title of card. It's the strong text on card.
+
+#### intro
+
+The intro is a introdution of card. It's a description about card.
+
+#### icon
+
+The icon is icon of card. 600+ FontAwesome icons.
+
+### Header
+
+Default header.
+
+{% include header.html %}
+
+Custom header, with no breadcrumb.
+
+{% include breadcrumb="" %}
+
+Below, some description about all attributes.
+
+#### icon
+
+The icon is icon of page. 600+ FontAwesome icons.
 
-    $ sudo bundle update
+#### title
 
-Or install it yourself as:
+The title is title of page. It's the same color of page.
 
-    $ gem install jekyll-theme-prettydocs
+#### bold
 
-## Usage
+The bold is white title of page.
 
-How to use this theme? After you generate a new site running `jekyll new site-name`, you can to follow above steps for instalation.
+#### breadcrumb
 
-Installing a new theme. If you need more help, click [here](https://jekyllrb.com/docs/themes/#installing-a-theme).
+The breadcrumb usually show or hide the section of breadcrumb. Default value is 'true', but if you set '' or 'false' you don't show breadcrumb more.
 
-## Errors
+#### breadcrumb-home-link
 
-If show error: *"Liquid Exception: Could not locate the included file 'icon-github.html'..."* you should open *about.md* and remove references the files include of minima theme, like:
+The link to home link.
 
+#### breadcrumb-home-title
+
+The title of Home page link.
+
+#### breadcrumb-active
+
+The breadcrumb-active usually show or hide the second part of breadcrumb.
+
+Example with others attributes.
+
+{% include header.html
+    icon="fa fa-hashtag"
+    title="Title"
+    bold="White"
+    breadcrumb=""
+%}
+
+### Promo Block
+
+Default.
+
+{% include promo-block.html %}
+
+Custom promo block.
+
+{% include
+    title="My Project"
+    figure="/assets/images/demo/appkit-account-drive-thumb.jpg"
+    figure-link="http://maiconpinto.com.br"
+%}
+
+Below, some description about all attributes.
+
+#### icon
+
+The icon is icon of promo block. 600+ FontAwesome icons.
+
+#### title
+
+The title is title of promo block.
+
+#### title-link
+
+The title-link is the URL of title of promo block.
+
+#### figure
+
+The figure is the URL of image of promo block.
+
+#### figure-link
+
+The figure-link is the link image of promo block.
+
+#### figure-title
+
+The figure-title is the title of alt attribute of image.
+
+#### content
+
+The content is description of promo block.
+
+#### content-title
+
+The content-title is the title of content. It's the strong text.
+
+#### author
+
+The author is author name.
+
+#### author-link
+
+The author-link is URL to author.
+
+### Content of Page
+
+I'd like to do it the easy way, but for now I've only found this way.
+You need to have the Emmet plugin installed in your editor.
+Once installed, you will copy the below line, and paste into body of your page.
+
+```html
+div.doc-wrapper>div.container>((div#doc-header.doc-header.text-center>(h1.doc-title>i.icon.fa.fa-paper-plane{Quick Start})+(div.meta>i.fa.fa-clock-o{Last Update on}))+(div.doc-body>((div.doc-content>div.content-inner>section.doc-section#download-section>(h2.section-title{Download})+(div.section-block))+(div.doc-sidebar.hidden-xs>nav#doc-menu>li>a.scrollto[href=#download-section]{Download}))))
 ```
-{% include icon-github.html username="jekyll" %} /
+
+## A complete example of page
+
+```html
+---
+layout: green
+title: Page example
+permalink: /example-page/
+cards-section: green
+title: Title of page
+intro: Intro of page
+icon: icon_gift
+---
+
+{% include header.html
+    icon="fa fa-hashtag"
+    title="Quick Start"
+    bold="Page"
+%}
+
+div.doc-wrapper>div.container>((div#doc-header.doc-header.text-center>(h1.doc-title>i.icon.fa.fa-paper-plane{Quick Start})+(div.meta>i.fa.fa-clock-o{Last Update on}))+(div.doc-body>((div.doc-content>div.content-inner>section.doc-section#download-section>(h2.section-title{Download})+(div.section-block{div.doc-wrapper>div.container>((div#doc-header.doc-header.text-center>(h1.doc-title>i.icon.fa.fa-paper-plane{Quick Start})+(div.meta>i.fa.fa-clock-o{Last Update on}))+(div.doc-body>((div.doc-content>div.content-inner>section.doc-section#download-section>(h2.section-title{Download})+(div.section-block))+(div.doc-sidebar.hidden-xs>nav#doc-menu>li>a.scrollto[href=#download-section]{Download}))))}))+(div.doc-sidebar.hidden-xs>nav#doc-menu>li>a.scrollto[href=#download-section]{Download}))))
+
+{% include promo-block.html
+    title="My Project"
+    figure="/assets/images/demo/appkit-account-drive-thumb.jpg"
+    figure-link="http://maiconpinto.com.br"
+    author="Maicon Pinto"
+    author-link="http://maiconpinto.com.br"
+%}
 ```
 
+![](./assets/images/demo/a-complete-example-of-page.png)
+
+
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/maiconpinto/jekyll-theme-prettydocs. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

data/_includes/cards-section.html

@@ -8,19 +8,40 @@
             </div><!--//cta-container-->
         </div><!--//intro-->
         <div id="cards-wrapper" class="cards-wrapper row">
-            
-            {% include card-quick.html %}
-            
-            {% include card-components.html %}
-
-            {% include card-charts.html %}
-
-            {% include card-faqs.html %}
-            
-            {% include card-showcase.html %}
-            
-            {% include card-license.html %}
+            {% assign show_cards_section = true %}
+
+            {% for page in site.pages %}
+                {% if page.cards-section != null %}
+                    {% assign show_cards_section = false %}
+                    <div class="item item-{{ page.cards-section }} col-md-4 col-sm-6 col-xs-6">
+                        <div class="item-inner">
+                            <div class="icon-holder">
+                                <span aria-hidden="true" class="icon {{ page.icon }}"></span>
+                            </div><!--//icon-holder-->
+                            <h3 class="title">{{ page.title }} </h3>
+                            <p class="intro">{{ page.intro }}</p>
+                            <a class="link" href="{{ page.url | prepend: site.baseurl }}"><span></span></a>
+                        </div><!--//item-inner-->
+                    </div><!--//item-->
+                {% endif %}
+            {% endfor %}
+
+            {% if show_cards_section == true %}
+
+                {% include card-quick.html %}
+
+                {% include card-components.html %}
+
+                {% include card-charts.html %}
+
+                {% include card-faqs.html %}
+
+                {% include card-showcase.html %}
+
+                {% include card-license.html %}
+
+            {% endif %}
         </div><!--//cards-->
-        
+
     </div><!--//container-->
 </section><!--//cards-section-->

data/_includes/header.html

@@ -1,17 +1,70 @@
+{% if include.icon != null %}
+    {% assign icon = include.icon %}
+{% else %}
+    {% assign icon = 'icon_documents_alt icon' %}
+{% endif %}
+
+{% if include.title != null %}
+    {% assign title = include.title %}
+{% else %}
+    {% assign title = 'Pretty' %}
+{% endif %}
+
+{% if include.bold != null %}
+    {% assign bold = include.bold %}
+{% else %}
+    {% assign bold = 'Docs' %}
+{% endif %}
+
+{% if include.breadcrumb != null %}
+    {% assign breadcrumb = include.breadcrumb %}
+{% else %}
+    {% assign breadcrumb = 'true' %}
+{% endif %}
+
+{% if include.breadcrumb-home-link != null %}
+    {% assign breadcrumb-home-link = include.breadcrumb-home-link %}
+{% else %}
+    {% assign breadcrumb-home-link = 'index.html' %}
+{% endif %}
+
+{% if include.breadcrumb-home-title != null %}
+    {% assign breadcrumb-home-title = include.breadcrumb-home-title %}
+{% else %}
+    {% assign breadcrumb-home-title = 'Home' %}
+{% endif %}
+
+{% if include.breadcrumb-active != null %}
+    {% assign breadcrumb-active = include.breadcrumb-active %}
+{% else %}
+    {% assign breadcrumb-active = 'Quick Start' %}
+{% endif %}
+
+{% if breadcrumb-active !=  '' %}
+    {% assign breadcrumb-active-hide = false %}
+{% else %}
+    {% assign breadcrumb-active-hide = true %}
+{% endif %}
+
 <!-- ******Header****** -->
 <header id="header" class="header">
     <div class="container">
         <div class="branding">
             <h1 class="logo">
-                <a href="index.html">
-                    <span aria-hidden="true" class="icon_documents_alt icon"></span>
-                    <span class="text-highlight">Pretty</span><span class="text-bold">Docs</span>
+                <a href="{{ page.url }}">
+                    <span aria-hidden="true" class="{{ icon }}"></span>
+                    <span class="text-highlight">{{ title }}</span>
+                    <span class="text-bold">{{ bold }}</span>
                 </a>
             </h1>
         </div><!--//branding-->
+        {% if breadcrumb == 'true' %}
         <ol class="breadcrumb">
-            <li><a href="index.html">Home</a></li>
-            <li class="active">Showcase</li>
+            <li><a href="{{ breadcrumb-home-link }}">{{ breadcrumb-home-title }}</a></li>
+            {%if breadcrumb-active-hide == false %}
+                <li class="active">{{ breadcrumb-active }}</li>
+            {% endif %}
         </ol>
+        {% endif %}
     </div><!--//container-->
 </header><!--//header-->

data/_includes/icon-github.html

@@ -0,0 +1 @@
+maiconpinto

data/_includes/promo-block.html

@@ -1,26 +1,87 @@
+{% if include.icon != null %}
+    {% assign icon = include.icon %}
+{% else %}
+    {% assign icon = 'fa fa-heart' %}
+{% endif %}
+
+{% if include.title-link != null %}
+    {% assign title-link = include.title-link %}
+{% else %}
+    {% assign title-link = 'https://wrapbootstrap.com/theme/appkit-admin-theme-angularjs-WB051SCJ1?ref=3wm' %}
+{% endif %}
+
+{% if include.title != null %}
+    {% assign title = include.title %}
+{% else %}
+    {% assign title = 'AppKit - Bootstrap Angular Admin Theme for Developers' %}
+{% endif %}
+
+{% if include.figure != null %}
+    {% assign figure = include.figure | prepend: site.baseurl %}
+{% else %}
+    {% assign figure = '/assets/images/demo/appkit-widgets-thumb.jpg' | prepend: site.baseurl %}
+{% endif %}
+
+{% if include.figure-link != null %}
+    {% assign figure-link = include.figure-link %}
+{% else %}
+    {% assign figure-link = 'https://wrapbootstrap.com/theme/appkit-admin-theme-angularjs-WB051SCJ1?ref=3wm' %}
+{% endif %}
+
+{% if include.figure-title != null %}
+    {% assign figure-title = include.figure-title %}
+{% else %}
+    {% assign figure-title = 'AppKit Theme' %}
+{% endif %}
+
+{% if include.content != null %}
+    {% assign content = include.content %}
+{% else %}
+    {% assign content = '<p>Check out AppKit - an Angular admin theme I created with my developer friend <a href="https://twitter.com/tnajdek">Tom Najdek</a> for developers. AppKit uses modern front-end technologies and is packed with useful components and widgets to speed up your app development.</p>
+    <p><strong class="highlight">[Tip for developers]:</strong> If your project is Open Source, you can use this area to promote your other projects or hold third party adverts like Bootstrap and FontAwesome do!</p>' %}
+{% endif %}
+
+{% if include.content-title != null %}
+    {% assign content-title = include.content-title %}
+{% else %}
+    {% assign content-title = 'Love this free documentation theme?' %}
+{% endif %}
+
+{% if include.author != null %}
+    {% assign author = include.author %}
+{% else %}
+    {% assign author = 'Xiaoying Riley' %}
+{% endif %}
+
+{% if include.author-link != null %}
+    {% assign author-link = include.author-link %}
+{% else %}
+    {% assign author-link = 'http://themes.3rdwavemedia.com' %}
+{% endif %}
+
+
 <div id="promo-block" class="promo-block">
     <div class="container">
         <div class="promo-block-inner">
-            <h3 class="promo-title text-center"><i class="fa fa-heart"></i> <a href="https://wrapbootstrap.com/theme/appkit-admin-theme-angularjs-WB051SCJ1?ref=3wm" target="_blank">AppKit - Bootstrap Angular Admin Theme for Developers</a></h3>
+            <h3 class="promo-title text-center"><i class="{{ icon }}"></i> <a href="{{ title-link }}" target="_blank">{{ title }} </a></h3>
             <div class="row">
                 <div class="figure-holder col-md-5 col-sm-6 col-xs-12">
                     <div class="figure-holder-inner">
-                        <a href="https://wrapbootstrap.com/theme/appkit-admin-theme-angularjs-WB051SCJ1?ref=3wm" target="_blank"><img class="img-responsive" src="assets/images/demo/appkit-widgets-thumb.jpg" alt="AppKit Theme" /></a>
-                        <a class="mask" href="#hook"><i class="icon fa fa-heart pink"></i></a>
-                        
+                        <a href="{{ link-figure }}"><img class="img-responsive" src="{{ figure }}" alt="{{ figure-title }}" /></a>
+                        <a class="mask" href="{{ figure-link }}" target="_blank"><i class="icon fa fa-heart pink"></i></a>
+
                     </div>
                 </div><!--//figure-holder-->
                 <div class="content-holder col-md-7 col-sm-6 col-xs-12">
                     <div class="content-holder-inner">
                         <div class="desc">
-                            <h4 class="content-title"><strong>Love this free documentation theme?</strong></h4>
-                            <p>Check out AppKit - an Angular admin theme I created with my developer friend <a href="https://twitter.com/tnajdek">Tom Najdek</a> for developers. AppKit uses modern front-end technologies and is packed with useful components and widgets to speed up your app development.</p>
-                            <p><strong class="highlight">[Tip for developers]:</strong> If your project is Open Source, you can use this area to promote your other projects or hold third party adverts like Bootstrap and FontAwesome do!</p>
+                            <h4 class="content-title"><strong>{{ content-title }}</strong></h4>
+                            {{ content }}
                         </div><!--//desc-->
-                        <div class="author"><a href="http://themes.3rdwavemedia.com">Xiaoying Riley</a></div>
+                        <div class="author"><a href="{{ author-link }}" target="_blank">{{ author }}</a></div>
                     </div><!--//content-holder-inner-->
                 </div><!--//content-holder-->
             </div><!--//row-->
-        </div><!--//promo-block-inner-->  
+        </div><!--//promo-block-inner-->
     </div><!--//container-->
 </div><!--//promo-block-->

data/_layouts/blue.html

@@ -13,7 +13,7 @@
     <link rel="shortcut icon" href="favicon.ico">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
     <!-- Global CSS -->
-    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="{{ "/assets/plugins/bootstrap/css/bootstrap.min.css" | prepend: site.baseurl }}">
     <!-- Plugins CSS -->
     <link rel="stylesheet" href="{{ "/assets/plugins/font-awesome/css/font-awesome.css" | prepend: site.baseurl }}">
     <link rel="stylesheet" href="{{ "/assets/plugins/prism/prism.css" | prepend: site.baseurl }}">

data/_layouts/green.html

@@ -17,6 +17,7 @@
     <!-- Plugins CSS -->
     <link rel="stylesheet" href="{{ "/assets/plugins/font-awesome/css/font-awesome.css" | prepend: site.baseurl }}">
     <link rel="stylesheet" href="{{ "/assets/plugins/prism/prism.css" | prepend: site.baseurl }}">
+    <link rel="stylesheet" href="{{ "/assets/plugins/lightbox/dist/ekko-lightbox.min.css" | prepend: site.baseurl }}">
     <link rel="stylesheet" href="{{ "/assets/plugins/elegant_font/css/style.css" | prepend: site.baseurl }}">
 
     <!-- Theme CSS -->
@@ -43,6 +44,7 @@
     <script type="text/javascript" src="{{ "/assets/plugins/bootstrap/js/bootstrap.min.js" | prepend: site.baseurl }}"></script>
     <script type="text/javascript" src="{{ "/assets/plugins/prism/prism.js" | prepend: site.baseurl }}"></script>
     <script type="text/javascript" src="{{ "/assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js" | prepend: site.baseurl }}"></script>
+    <script type="text/javascript" src="{{ "/assets/plugins/lightbox/dist/ekko-lightbox.min.js" | prepend: site.baseurl }}"></script>
     <script type="text/javascript" src="{{ "/assets/plugins/jquery-match-height/jquery.matchHeight-min.js" | prepend: site.baseurl }}"></script>
     <script type="text/javascript" src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
 

data/_layouts/pink.html

@@ -1,53 +1,53 @@
 <!DOCTYPE html>
-<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->  
-<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->  
-<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->  
+<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
+<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
+<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
 <head>
-    <title>Responsive website template for documentations</title>
+    <title>{{ site.title | prepend: " - " | prepend: page.title }}</title>
     <!-- Meta -->
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
-    <meta name="author" content="">    
-    <link rel="shortcut icon" href="favicon.ico">  
+    <meta name="author" content="">
+    <link rel="shortcut icon" href="favicon.ico">
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
     <!-- Global CSS -->
-    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">   
-    <!-- Plugins CSS -->    
-    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
-    <link rel="stylesheet" href="assets/plugins/prism/prism.css">
-    <link rel="stylesheet" href="assets/plugins/lightbox/dist/ekko-lightbox.min.css">
-    <link rel="stylesheet" href="assets/plugins/elegant_font/css/style.css">
+    <link rel="stylesheet" href="{{ "/assets/plugins/bootstrap/css/bootstrap.min.css" | prepend: site.baseurl }}">
+    <!-- Plugins CSS -->
+    <link rel="stylesheet" href="{{ "/assets/plugins/font-awesome/css/font-awesome.css" | prepend: site.baseurl }}">
+    <link rel="stylesheet" href="{{ "/assets/plugins/prism/prism.css" | prepend: site.baseurl }}">
+    <link rel="stylesheet" href="{{ "/assets/plugins/lightbox/dist/ekko-lightbox.min.css" | prepend: site.baseurl }}">
+    <link rel="stylesheet" href="{{ "/assets/plugins/elegant_font/css/style.css" | prepend: site.baseurl }}">
 
     <!-- Theme CSS -->
-    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
+    <link id="theme-style" rel="stylesheet" href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}">
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
-    
-</head> 
+
+</head>
 
 <body class="body-pink">
     <div class="page-wrapper">
-        
+
         {{ content }}
-        
+
     </div><!--//page-wrapper-->
-    
+
     {% include footer.html %}
-    
+
     <!-- Main Javascript -->
-    <script type="text/javascript" src="assets/plugins/jquery-1.12.3.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/prism/prism.js"></script>
-    <script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/lightbox/dist/ekko-lightbox.min.js"></script>
-    <script type="text/javascript" src="assets/plugins/jquery-match-height/jquery.matchHeight-min.js"></script>
-    <script type="text/javascript" src="assets/js/main.js"></script>
-    
+    <script type="text/javascript" src="{{ "/assets/plugins/jquery-1.12.3.min.js" | prepend: site.baseurl }}"></script>
+    <script type="text/javascript" src="{{ "/assets/plugins/bootstrap/js/bootstrap.min.js" | prepend: site.baseurl }}"></script>
+    <script type="text/javascript" src="{{ "/assets/plugins/prism/prism.js" | prepend: site.baseurl }}"></script>
+    <script type="text/javascript" src="{{ "/assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js" | prepend: site.baseurl }}"></script>
+    <script type="text/javascript" src="{{ "/assets/plugins/lightbox/dist/ekko-lightbox.min.js" | prepend: site.baseurl }}"></script>
+    <script type="text/javascript" src="{{ "/assets/plugins/jquery-match-height/jquery.matchHeight-min.js" | prepend: site.baseurl }}"></script>
+    <script type="text/javascript" src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
+
 </body>
-</html> 
+</html>
 

data/_layouts/purple.html

@@ -21,7 +21,7 @@
     <link rel="stylesheet" href="{{ "/assets/plugins/elegant_font/css/style.css" | prepend: site.baseurl }}">
 
     <!-- Theme CSS -->
-    <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
+    <link id="theme-style" rel="stylesheet" href="{{ "/assets/css/styles.css" | prepend: site.baseurl }}">
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-prettydocs
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
 platform: ruby
 authors:
 - Maicon Pinto
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-09-20 00:00:00.000000000 Z
+date: 2017-09-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -77,6 +77,7 @@ files:
 - _includes/green-header.html
 - _includes/header-home.html
 - _includes/header.html
+- _includes/icon-github.html
 - _includes/landing-header.html
 - _includes/orange-doc-wrapper.html
 - _includes/orange-header.html
@@ -95,6 +96,7 @@ files:
 - _layouts/post.html
 - _layouts/purple.html
 - assets/css/styles.css
+- assets/images/demo/a-complete-example-of-page.png
 - assets/images/demo/appkit-account-billing-thumb.jpg
 - assets/images/demo/appkit-account-billing.jpg
 - assets/images/demo/appkit-account-drive-thumb.jpg
@@ -1013,7 +1015,7 @@ files:
 - assets/plugins/prism/min/prism-min.js
 - assets/plugins/prism/prism.css
 - assets/plugins/prism/prism.js
-homepage: http://maiconpinto.com.br
+homepage: http://github.com/maiconpinto/jekyll-theme-prettydocs
 licenses:
 - MIT
 metadata: {}