greizgh / pelican-materialbox

Pelican plugin to leverage the use of materialboxed images from materialize css framework

#Materialbox

This pelican plugin adds necessary tags to use materialboxed images with materialize css framework.

See the demo from materialize doc

##Requirements

This plugin needs beautifulsoup. You can install it with pip:

pip install beautifulsoup4

Of course, you need to use the materialize framework and make sure the materialboxed plugin is loaded:

$(document).ready(function(){
  $('.materialboxed').materialbox();
});

##How to use

Simply add materialbox to your pelican plugins.

An image included like this:

.. figure:: https://127.0.0.1/my_awesome.gif
    :alt: cats

    This is image caption

Will result in this:

<img alt="cats" class="materialboxed" data-caption="This is image caption" src="https://127.0.0.1/my_awesome.gif">

pelican-materialbox's Issues

Customize colors, etc

Hello @greizgh ! Great theme.

I want to change some of the colors, so I downloaded the theme to my folder structure and it's generating using the theme, as usual.

I started to play around with the material theme color, changing, for example the background colr of the navbar. It does not work. If I change using the developer tools, it works fine.

The thing is that pelican is using the changed theme, that is, my changes are reflected on the HTML, but not on the browser (I changed from blue grey BG color to grey).

Tips?