Metro UI 4 Jekyll 2.0
0
0

Requirements

Folder structure

_config.yml
_includes
_layouts
  -- standard.html
css
  -- metro-bootstrap.css
  -- metro-bootstrap-responsive.css (optional)
  -- iconFont.css
data (optional, put your spry data here)
fonts
  -- iconFont.* (optional)
  -- metroSysIcons.*
js
  -- jquery.min.js
  -- jquery.widget.min.js
  -- jquery.mousewheel.js
  -- metro.min.js

index.html

Doctype

Metro UI 4 Jekyll makes use of HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your layouts. 

<!DOCTYPE html>
<html lang="en">
...
</html>

Javascript

All javascript plugins require jQuery 2.0 or above and jQuery UI widget factory 1.9 or above.

Namespace

Metro UI 4 Jekyll uses self namespace .metro. You must add class .metro to main container. 

<body class="metro">...</body>