Altass Theme
Atlass is a minimal theme, based on atlassian.design, used for your Blog.
Is based on Semantic UI, a development framework that helps create beautiful, responsive layouts using human-friendly HTML.
Features
- 10 pre built theme colors.
- Fully responsive
- Masonry blog posts
- Fully integration of RainLab.Blog, totally re designed
- RainLab.Pages integrated for manage menus
- Animate.css and WOW.js. Reveal Animations When You Scroll. Very Animate.css Friend
- Edit frontend contents with Samuell.ContentEditor
- Martin.Forms Integrated in Contact Form
- OFFLINE.SiteSearch Integrated for Blog search
- Use of easy google maps, just copy and paste the
iframe
on backend settings - Add any social networks easy and fast from backend settings
- Customize blog category colors
- Use PrismJS on pages and Blog posts. Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind
10 pre built colors
Custom colors for blog categories
PrismJS
OFFLINE.SiteSearch integration
The following plugins are required
Blog
A robust blogging platform.
Blog
A robust blogging platform.
Static Pages
Adds static pages, menus and breadcrumbs features to OctoberCMS.
Static Pages
Adds static pages, menus and breadcrumbs features to OctoberCMS.
SiteSearch
Adds global search capabilities to October CMS
SiteSearch
Adds global search capabilities to October CMS
Content Editor
Allows you to edit content files on the front-end pages.
Content Editor
Allows you to edit content files on the front-end pages.
Configuration
Theme variables
Go to Backend - Settings - CMS - Front-end theme - Altass - Customize
Styles & Assets
Choose the color style you like.
Black, Blue, Green, Grey, Orange, Pink, Purple, Red, Teal, Yellow.
Show posts count by category
Switch between show or hide posts count by category on side menu
Load OctoberCMS Front-end Javascript Framework
Switch to load {% framework extras %}
on frontend layout
Animate CSS
Load AnimateCSS library, required if you want to have animations on your page
WOW JS
If choose to load AnimateCSS
is necessary to load WOW.js
to run animations. And, if choose to not load AnimateCSS
, this library doesn't have any transition effect.
Contact
Fill all contact information to display in contact page.
Google Map Url
Copy and paste here the entire iframe (<iframe src="..." width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
) code from Google Maps.
Social Networks
Write the social icon and page profile. Use the icon names from SUI Brand Icons (icons names must be in lowercase).
Blog Colors
Write Blog category slug for each color field.
Static Pages
There are three pre-defined menus.
BlogNav
Used to show all blog categories in sidebar menu
Sidenav
Display Blog categories and pages on main menu
PagesNav
Display pages sidebar menu when are in any CMS page
-
This theme has not been reviewed yet.
-
1.0.1 |
Add Elements pages Oct 23, 2017 |
---|---|
1.0.0 |
First version of Altass Theme Oct 23, 2017 |