Moved test assets to test folder

Author: Vittorio Vittori

README.md

@@ -1,22 +1,16 @@
-<img src="https://github.com/vitto/a-pollo/raw/master/frontend/frontsize/a-pollo/img/a-pollo-logo.png" width="64">
+![][a-pollo-logo]
 
-a-pollo
----
+# a-pollo
 
-[![Version](http://img.shields.io/:version-1.18.99-B79769.svg)][release]
-[![TravisCI](https://travis-ci.org/vitto/a-pollo.svg?branch=master)](https://travis-ci.org/vitto/a-pollo/builds)
-[![Built with nodejs 4.2.2](http://img.shields.io/:nodejs-4.2.2-80BD01.svg)](https://nodejs.org/en/)
-[![NPM](http://img.shields.io/:NPM-package-C12127.svg)](https://www.npmjs.com/package/a-pollo)
-[![Built with hexo 3.2.0](http://img.shields.io/:hexo-3.2.0-0E83CD.svg)](https://hexo.io/)
-[![MIT licence](http://img.shields.io/:license-MIT-00AFFF.svg)](https://github.com/ideatosrl/frontsize-sass/blob/master/LICENSE.md)
+[![Version](http://img.shields.io/:version-1.18.99-B79769.svg)][release] [![TravisCI](https://travis-ci.org/vitto/a-pollo.svg?branch=master)](https://travis-ci.org/vitto/a-pollo/builds) [![Built with nodejs 4.2.2](http://img.shields.io/:nodejs-4.2.2-80BD01.svg)](https://nodejs.org/en/) [![NPM](http://img.shields.io/:NPM-package-C12127.svg)](https://www.npmjs.com/package/a-pollo) [![Built with hexo 3.2.0](http://img.shields.io/:hexo-3.2.0-0E83CD.svg)](https://hexo.io/) [![MIT licence](http://img.shields.io/:license-MIT-00AFFF.svg)](https://github.com/ideatosrl/frontsize-sass/blob/master/LICENSE.md)
 
 A-pollo generates **CSS style guide documentation** from your [code comments][apollo_code_docs].
 
 It's been written for teams who need to check CSS widgets with examples, copy html related code with no pain to go through browser HTML debugger.
 
----
+--------------------------------------------------------------------------------
 
-##### Release notes
+## Release notes
 
 - Documentation annotations support
 - Remove use_markdown var from config
@@ -27,9 +21,9 @@ It's been written for teams who need to check CSS widgets with examples, copy ht
 
 ![a-pollo preview][a-pollo-preview]
 
----
+--------------------------------------------------------------------------------
 
-##### Roadmap
+## Roadmap
 
 - Default style guide articles for CSS
 - Default style guide articles for HTML
@@ -38,21 +32,21 @@ It's been written for teams who need to check CSS widgets with examples, copy ht
 - Documentation tags for SASS
 - Documentation tags for LESS
 
----
+--------------------------------------------------------------------------------
 
-The module works with [Hexo][hexo], an easy to use and powerful blog framework, so if you'd like to [write your own theme][apollo_theme] you'll have the power this nice tool in your fingers.
+The module works with [Hexo], an easy to use and powerful blog framework, so if you'd like to [write your own theme][apollo_theme] you'll have the power this nice tool in your fingers.
 
----
+--------------------------------------------------------------------------------
 
-### To install a-pollo in your project
+## To install a-pollo in your project
 
 ```
 npm install --save a-pollo
 ```
 
----
+--------------------------------------------------------------------------------
 
-### To create a config file
+## To create a config file
 
 From `package.json` where you have installed `node_modules` folder
 
@@ -62,19 +56,19 @@ From `package.json` where you have installed `node_modules` folder
 
 It will start a process will help you to build the first one.
 
----
+--------------------------------------------------------------------------------
 
-### To run a-pollo
+## To run a-pollo
 
 From `package.json` where you have installed `node_modules` folder
 
 ```
 ./node_modules/.bin/a-pollo
 ```
 
----
+--------------------------------------------------------------------------------
 
-### Doc style guide example
+## Doc style guide example
 
 This will be placed on `style.docs` files defined in the YAML configuration.
 
@@ -90,11 +84,11 @@ This will be placed on `style.docs` files defined in the YAML configuration.
 */
 ```
 
----
+--------------------------------------------------------------------------------
 
 Place a `a-pollo.yml` in the root folder of your project, this is the default config:
 
-``` yaml
+```yaml
 title: 'Client project'                                           # [required] Will be listened on head's title tag
 client: '[Client name](http://github.com/vitto/a-pollo#readme)'
 developers: '[Vittorio Vittori](http://vit.to), [Pietro Campagnano](https://twitter.com/fain182)'     # [required] Who's managing the style guide
@@ -128,95 +122,94 @@ footer:
     logo: a-pollo-logo.svg # [optional] The logo image you'll se on every page, it must be stored in style.images
     link: http://vitto.github.io/a-pollo/  # [optional] The link on the logo image
     description: A-POLLO / The visual CSS style guide for teams # [optional] A description under the logo image
-
 ```
 
----
-
-#### Configuration
-
-| Property             | Hexo's shared config | Description |
-| ---                  | ---                  | ---         |
-| `title`              | **yes**              | Will be shown on HTML page title |
-| `author`             | **yes**              | Will be shown around the pages |
-| `date`               | **yes**              | Not yet used |
-| `public_dir`         | **yes**              | The target path the site will be generated |
-| `url`                | **yes**              | HTTP server URL |
-| `theme`              | **yes**              | Theme folder name, you can [write your own theme][apollo_theme] |
-| `pages`              | *no*                 | The customized markdown pages will be published from Hexo |
-| `http_server`        | *no*                 | If the generated guide will be served by the HTTP server |
-| `use_markdown`       | *no*                 | Which method will be used to render the HTML template pages |
-| `style.docs`         | *no*                 | The path where the documentation files are |
-| `style.css`          | *no*                 | The path where the CSS for the documentation is, this is not the CSS of the a-pollo theme |
-| `style.images`       | *no*                 | Image assets for the CSS you are using |
-| `style.fonts`        | *no*                 | Fonts assets for the CSS you are using |
-| `header.logo`        | *no*                 | An image inside `style.images` to be used as image header inside a-pollo theme |
-| `header.description` | *no*                 | The header description inside a-pollo theme |
-| `header.link`        | *no*                 | The header logo href link |
-| `footer.logo`        | *no*                 | An image inside `style.images` to be used as image footer inside a-pollo theme |
-| `footer.description` | *no*                 | The footer description inside a-pollo theme |
-| `footer.link`        | *no*                 | The footer logo href link |
-| `libs.bower`         | *no*                 | Location of the `bower.json` file to display Bower used libraries in the index page |
-| `libs.node`          | *no*                 | Location of the `package.json` file to display NodeJS used libraries in the index page |
-
----
-
-##### Development utils
+--------------------------------------------------------------------------------
+
+### Configuration
+
+Property             | Hexo's shared config | Description
+-------------------- | -------------------- | -----------------------------------------------------------------------------------------
+`title`              | **yes**              | Will be shown on HTML page title
+`author`             | **yes**              | Will be shown around the pages
+`date`               | **yes**              | Not yet used
+`public_dir`         | **yes**              | The target path the site will be generated
+`url`                | **yes**              | HTTP server URL
+`theme`              | **yes**              | Theme folder name, you can [write your own theme][apollo_theme]
+`pages`              | _no_                 | The customized markdown pages will be published from Hexo
+`http_server`        | _no_                 | If the generated guide will be served by the HTTP server
+`use_markdown`       | _no_                 | Which method will be used to render the HTML template pages
+`style.docs`         | _no_                 | The path where the documentation files are
+`style.css`          | _no_                 | The path where the CSS for the documentation is, this is not the CSS of the a-pollo theme
+`style.images`       | _no_                 | Image assets for the CSS you are using
+`style.fonts`        | _no_                 | Fonts assets for the CSS you are using
+`header.logo`        | _no_                 | An image inside `style.images` to be used as image header inside a-pollo theme
+`header.description` | _no_                 | The header description inside a-pollo theme
+`header.link`        | _no_                 | The header logo href link
+`footer.logo`        | _no_                 | An image inside `style.images` to be used as image footer inside a-pollo theme
+`footer.description` | _no_                 | The footer description inside a-pollo theme
+`footer.link`        | _no_                 | The footer logo href link
+`libs.bower`         | _no_                 | Location of the `bower.json` file to display Bower used libraries in the index page
+`libs.node`          | _no_                 | Location of the `package.json` file to display NodeJS used libraries in the index page
+
+--------------------------------------------------------------------------------
+
+#### Development utils
 
 Prepare environment
 
 ```
 npm install && ./node_modules/.bin/bower install && cd test && npm install && ./node_modules/.bin/bower install
 ```
 
----
+--------------------------------------------------------------------------------
 
 To build theme
 
 ```
-./node_modules/.bin/gulp frontsize:build
+./node_modules/.bin/gulp -s
 ```
 
----
+--------------------------------------------------------------------------------
 
 Generate test CSS
 
 ```
-./node_modules/.bin/gulp frontsize:build && cd ./test && ./node_modules/.bin/gulp frontsize:css && ../ && node index.js --config a-pollo.test.yml
+./node_modules/.bin/gulp -s && cd ./test && ./node_modules/.bin/gulp frontsize:css && ../ && node index.js --config a-pollo.test.yml
 ```
 
 Generate website example CSS
 
 ```
-./node_modules/.bin/gulp frontsize:build && cd ./test && ./node_modules/.bin/gulp frontsize:css && ../ && node index.js --config a-pollo.example.yml
+./node_modules/.bin/gulp -s && cd ./test && ./node_modules/.bin/gulp frontsize:css && ../ && node index.js --config a-pollo.example.yml
 ```
 
----
+--------------------------------------------------------------------------------
 
 To test the HTML results
 
 ```
-./node_modules/.bin/gulp frontsize:build && node index.js
-./node_modules/.bin/gulp frontsize:build && node index.js --config a-pollo.test.yml
-./node_modules/.bin/gulp frontsize:build && node index.js --config a-pollo.example.yml
+./node_modules/.bin/gulp -s && node index.js
+./node_modules/.bin/gulp -s && node index.js --config a-pollo.test.yml
+./node_modules/.bin/gulp -s && node index.js --config a-pollo.example.yml
 ```
 
----
+--------------------------------------------------------------------------------
 
 Generate website
 
 ```
-./node_modules/.bin/gulp frontsize:build && cd ./hexo && ../node_modules/.bin/hexo --config _site_config.yml generate && cd ../ && php -S localhost:8000 -t ./_site
+./node_modules/.bin/gulp -s && cd ./hexo && ../node_modules/.bin/hexo --config _site_config.yml generate && cd ../ && php -S localhost:8000 -t ./_site
 ```
 
 Coded with love by [Vittorio Vittori][vitto] and [Pietro Campagnano][pietro] @ [ideato srl][ideato]
 
-[vitto]: https://twitter.com/vttrx
-[pietro]: https://twitter.com/fain182
-[ideato]: http://www.ideato.it
-[hexo]: https://hexo.io
+[a-pollo-logo]: https://github.com/vitto/a-pollo/raw/master/frontend/frontsize/a-pollo/img/a-pollo-logo.png
+[a-pollo-preview]: https://github.com/vitto/a-pollo/raw/master/frontend/frontsize/a-pollo/img/apollo-example.png
 [apollo_code_docs]: https://github.com/vitto/a-pollo/blob/master/example_source/frontsize/themes/default/widgets/button-social.scss
 [apollo_theme]: https://github.com/vitto/a-pollo/tree/master/hexo/themes/a-pollo
+[hexo]: https://hexo.io
+[ideato]: http://www.ideato.it
+[pietro]: https://twitter.com/fain182
 [release]: https://github.com/vitto/a-pollo/releases/tag/1.18.99
-[a-pollo-preview]: https://github.com/vitto/a-pollo/raw/master/frontend/frontsize/a-pollo/img/apollo-example.png
-[a-pollo-logo]: https://github.com/vitto/a-pollo/raw/master/frontend/frontsize/a-pollo/img/a-pollo-logo.png
+[vitto]: https://twitter.com/vttrx

a-pollo.yml

@@ -11,20 +11,20 @@ date_format: dddd D MMMM YYYY    # [optional] Default from hexo config YYYY-MM-D
 
 public_dir: ./public        # [required] Where the style guide will be genarated
 url: http://localhost:7777  # [optional] HTTP server URL
-#pages: example_source/a-pollo/*       # [optional] Additional static documentation pages you want to add, (markdown or html)
+#pages: test/examples/a-pollo/*       # [optional] Additional static documentation pages you want to add, (markdown or html)
 http_server: true           # [optional] HTTP server with port number
 use_markdown: false          # [optional] This will be removed soon, it's used for development
 theme: miniml              # [optional] The a-pollo theme folder
 
 libs:
-    bower: bower.json   # [optional] Link the bower.json file to display Bower used libraries in the index page
-    node: package.json  # [optional] Link the package.json file to display NodeJS used libraries in the index page
+  bower: bower.json   # [optional] Link the bower.json file to display Bower used libraries in the index page
+  node: package.json  # [optional] Link the package.json file to display NodeJS used libraries in the index page
 
 style:
-    docs: example_source/frontsize/themes/default/        # [required] Where a-pollo comments and tags are placed
-    css: example_source/frontsize/test/css/frontsize-theme.min.css    # [required] This is the CSS will be loaded by a-pollo to show rendered widgets
-    images: example_source/frontsize/themes/default/img/*         # [optional] Where the CSS images are stored
-    fonts: example_source/frontsize/themes/default/fonts/*        # [optional] Where the CSS fonts are stored
+  docs: test/examples/frontsize/themes/default/        # [required] Where a-pollo comments and tags are placed
+  css: test/examples/frontsize/test/css/frontsize-theme.min.css    # [required] This is the CSS will be loaded by a-pollo to show rendered widgets
+  images: test/examples/frontsize/themes/default/img/*         # [optional] Where the CSS images are stored
+  fonts: test/examples/frontsize/themes/default/fonts/*        # [optional] Where the CSS fonts are stored
 
 header:
     logo: a-pollo-logo--gold.svg        # [optional] The logo image you'll se on every page, it must be stored in style.images

frontend/frontsize/miniml/widgets/index/miniml-map-dot.scss

@@ -25,7 +25,6 @@
   margin-bottom: s(0.25);
   margin-right: s(0.25);
   position: relative;
-  transition: border $ease-hover;
   width: $map-dot-size;
 
   &::before {

hexo/themes/miniml/layout/_partial/head.ejs

@@ -15,21 +15,21 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
   <% if (theme.favicon){ %>
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
-    <link href="<%= config.url %>/img/icon/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
-    <link href="<%= config.url %>/img/icon/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
-    <link href="<%= config.url %>/img/icon/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
-    <link href="<%= config.url %>/img/icon/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
-    <link href="<%= config.url %>/img/icon/favicon-160x160.png" rel="icon" sizes="160x160" type="image/png">
-    <link href="<%= config.url %>/img/icon/favicon-196x196.png" rel="icon" sizes="196x196" type="image/png">
+    <link href="img/icon/apple-touch-icon-57x57.png" rel="apple-touch-icon" sizes="57x57">
+    <link href="img/icon/apple-touch-icon-60x60.png" rel="apple-touch-icon" sizes="60x60">
+    <link href="img/icon/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
+    <link href="img/icon/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76">
+    <link href="img/icon/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
+    <link href="img/icon/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">
+    <link href="img/icon/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
+    <link href="img/icon/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152">
+    <link href="img/icon/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
+    <link href="img/icon/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
+    <link href="img/icon/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
+    <link href="img/icon/favicon-160x160.png" rel="icon" sizes="160x160" type="image/png">
+    <link href="img/icon/favicon-196x196.png" rel="icon" sizes="196x196" type="image/png">
     <meta content="#B89766" name="msapplication-TileColor">
-    <meta content="<%= config.url %>/img/icon/mstile-144x144.png" name="msapplication-TileImage">
+    <meta content="img/icon/mstile-144x144.png" name="msapplication-TileImage">
   <% } %>
   <%- css('css/dustman.frontsize.min') %>
   <%- css('css/theme/theme') %>

hexo/themes/miniml/layout/_partial/index/map.ejs

@@ -5,7 +5,9 @@
 
 <div class="miniml-map">
 
-  <%- partial('_partial/index/map__labels') %>
+  <%- partial('_partial/index/map__labels', {
+    elements: site.tags
+  }) %>
 
   <div class="miniml-map__dots">
     <%- partial('_partial/index/map__dots--category-snippet', {

hexo/themes/miniml/layout/_partial/index/map__labels.ejs

@@ -2,8 +2,30 @@
   <div class="miniml-map__label miniml-map__label--category">
     <div>
       <div>
-        <span class="miniml-map-dot miniml-map-dot--label miniml-map-dot--no-margin miniml-map-dot--category-snippet"></span>
-        <span class="miniml-map-dot miniml-map-dot--label miniml-map-dot--no-margin miniml-map-dot--category-doc"></span>
+        <span class="miniml-map-dot miniml-map-dot--label miniml-map-dot--no-margin miniml-map-dot--category-snippet">
+          <% var categories = 0; %>
+          <% elements.each(function(element, i) { %>
+            <% if (element.posts.data[0].layout === 'snippet') { %>
+              <% categories += 1; %>
+            <% } %>
+          <% }) %>
+          <%= categories %>
+          <span class="miniml-tip">
+            snippet
+          </span>
+        </span>
+        <span class="miniml-map-dot miniml-map-dot--label miniml-map-dot--no-margin miniml-map-dot--category-doc">
+          <% categories = 0; %>
+          <% elements.each(function(element, i) { %>
+            <% if (element.posts.data[0].layout === 'doc') { %>
+              <% categories += 1; %>
+            <% } %>
+          <% }) %>
+          <%= categories %>
+          <span class="miniml-tip">
+            doc
+          </span>
+        </span>
       </div>
       <div>
           Categories