{"id":33,"date":"2011-05-02T11:45:48","date_gmt":"2011-05-02T11:45:48","guid":{"rendered":"http:\/\/192.168.1.56\/Themes\/2012\/Nano2\/Website_WP\/?page_id=33"},"modified":"2013-11-29T10:22:18","modified_gmt":"2013-11-29T10:22:18","slug":"features","status":"publish","type":"page","link":"https:\/\/singingearthfarm.org\/?page_id=33","title":{"rendered":"Features"},"content":{"rendered":"

This theme is built on the Warp framework<\/a>, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit<\/a>, a lightweight and modular front-end framework, which provides the theme’s styling. The theme also comes with a wide range of different layouts and widget variations<\/a>.<\/p>\r\n\r\n

Styles<\/h2>\r\n

W<\/span>e provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.<\/p>\r\n\r\n

\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Default<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Camera<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n
\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Harbor<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
City<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n
\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Mountains<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Woods<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n
\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Chalkboard<\/div>\r\n <\/a>\r\n <\/div>\r\n
\r\n \r\n
\r\n \"Load\r\n
<\/div>\r\n <\/div>\r\n
Forest<\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n
\r\n
\r\n

Article Columns<\/h2>\r\n

You can add a special class .tm-article-columns<\/code> to a paragraph. This will divide the content of the paragraph into two columns.<\/p>\r\n <\/div>\r\n

\r\n
\r\n

Article Dropcap<\/h2>\r\n

Use the class .tm-dropcap<\/code> to enlarge the first letter of a paragraph.<\/p>\r\n

Here is an example:<\/p>\r\n 

\r\n<span class=\"tm-dropcap\">L<\/span>orem ipsum\r\n<\/pre>\r\n    <\/div>\r\n  
\r\n
\r\n    
Smooth Scroller<\/h2>\r\n    
Easily create a One Page website. We included a new smooth scroller position, where you can add your ID you want to scroll to. Also you can use every icon provided by UIkit.<\/p>\r\n    
Thats how you can add a smooth scroll navigation:<\/p>\r\n
\r\n<a href=\"#tm-fullscreen\" data-uk-smooth-scroll><i class=\"uk-icon-circle\"><\/i><\/a>\r\n<a href=\"#tm-top-a\" data-uk-smooth-scroll><i class=\"uk-icon-circle\"><\/i><\/a>\r\n<a href=\"#tm-top-b\" data-uk-smooth-scroll><i class=\"uk-icon-circle\"><\/i><\/a>\r\n<\/pre>\r\n  <\/div>\r\n<\/div>\r\n
\r\n
\r\n
\r\n    
Fullscreen Image<\/h2>\r\n    
Moustache comes with 8 impressive fullscreen images, that automatically fits into the screen resolution.<\/p>\r\n  <\/div>\r\n   
\r\n
\r\n    
Fixed & transparent navbar<\/h2>\r\n    
To highlight the fullscreen images we added the option to set the navbar transparent. Of course you can also easily fix the navbar if you like.<\/p>\r\n  <\/div>\r\n   
\r\n\t
\r\n    
Diamond thumbnail<\/h2>\r\n     
To create a unique diamond shaped thumbnail, just add the class .tm-overlay-diamond<\/code> to the UIkit thumbnail component.<\/p>
Here is an example:<\/p>\r\n
\r\n<a class=\"uk-thumbnail tm-thumbnail-diamond\" href=\"#\">\r\n\t<div class=\"uk-overlay\">\r\n\t\t<img src=\"\" alt=\"\">\r\n\t\t<div class=\"uk-overlay-area\"><\/div>\r\n\t<\/div>\r\n<\/a>\r\n<\/pre>\r\n  <\/div>\r\n  
\r\n\r\n        
\r\n\r\n        
Social Icons<\/h2>\r\n\r\n        
Use the modifier .uk-icon-button class to create an icon button.<\/p>\r\n\r\n        <\/a>\r\n        <\/a>\r\n        <\/a>\r\n        <\/a>\r\n        <\/a>\r\n        <\/a>\r\n        <\/a>\r\n        <\/a>\r\n        <\/a>\r\n        
Here is a little code example how to add them:<\/p>\r\n
\r\n  <a href="#" class="uk-icon-button uk-icon-twitter"><\/a>\r\n  <a href="#" class="uk-icon-button uk-icon-facebook"><\/a>\r\n  <a href="#" class="uk-icon-button uk-icon-google-plus"><\/a>\r\n<\/pre>\r\n\r\n        
Here<\/a> is an overview of all icons provided by Font Awesome<\/a>.<\/p>\r\n  <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"
This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme’s styling. The theme also comes with a wide range of different layouts and widget variations. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33"}],"version-history":[{"count":1,"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":725,"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=\/wp\/v2\/pages\/33\/revisions\/725"}],"wp:attachment":[{"href":"https:\/\/singingearthfarm.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}