Difference between revisions of "Main Page"
From Unofficial Stationeers Wiki
| Line 1: | Line 1: | ||
| − | < | + | <div class="row"> |
| + | <div class="large-8 column"> | ||
| + | == Pivot... a MediaWiki skin... == | ||
| + | ...that focuses on mobile first but will '''pivot''' to all devices and their viewport sizes easily. | ||
| − | + | Pivot uses three grid sizes, large, medium and small so you control the content and the content doesn't control you! | |
| + | </div> | ||
| + | <div class="large-4 column"> | ||
| + | [[File:Pivot.png|600px|link=|Pivot on different devices]] | ||
| + | </div> | ||
| + | </div> | ||
| − | == | + | <div class="row"> |
| − | + | <div class="large-4 columns"> | |
| − | + | <h3 class="subheader"><span class="fa fa-hand-paper-o fa-lg" style="display:inline;"></span> Goodbye Tables</h3> | |
| − | + | <p>Say good bye to tables, Pivot is powered by Zurb's [http://foundation.zurb.com/docs/ Foundation 5 framework]. It offers an intelligent [[Grid]] that allows you to achieve complicated page layouts without using MediaWiki table syntax.</p> | |
| − | * [ | + | </div> |
| − | + | <div class="large-4 columns"> | |
| + | <h3 class="subheader"><span class="fa fa-th fa-lg" style="display:inline;"></span> Responsive Grid</h3> | ||
| + | <p>Nothing in Foundation Framework will limit your responsiveness. Easy to design your wiki templates and pages right for a mobile delight! '''Try it right now''', make this window small! I dare you!</p> | ||
| + | </div> | ||
| + | <div class="large-4 columns"> | ||
| + | <h3 class="subheader"><span class="fa fa-check-square-o fa-lg" style="display:inline;"></span> Semantic MediaWiki Ready!</h3> | ||
| + | <p>Pivot has class definitions to extend into Semantic MediaWiki and Semantic Forms.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <h3 class="subheader"><span class="fa fa-bolt fa-lg"></span> Highlights </h3> | ||
| + | |||
| + | * A familiar wiki look with a sidebar on a desktop but a responsive mobile experience on tablets and phones. | ||
| + | * [[Pivot features|Many features]]. Control the behaviour of the features offered. | ||
| + | * [[Tabs|Useful Tabs]]. Built-in and responsive tabs. | ||
| + | * [[Type|Smart Typography]]. Сhoose the design of the text that you need. | ||
| + | * [[Grid|Grid Layout]]. Place your information efficiently on desktop and mobile devices. Watch the grid align and just work across all viewports. | ||
| + | * [[Block Grid]] when you need pictures or text to align and just work! No need to constantly test how it looks on this device or that device. It looks great on all of them! | ||
| + | * Need a image slideshow? An easy to use [[Slider|Image Slider]] is ready to go and you can customize speed, captions, auto play, and other elements to fit your needs. | ||
| + | * Full support of [http://fontawesome.io/ Font Awesome 4.7] built in and since visual examples speak better than words, they are being used on this page!!! | ||
| + | |||
| + | <div class="row"> | ||
| + | <div class="large-6 columns"> | ||
| + | <h4 class="subheader"><span class="fa fa-server fa-lg"></span> Install</h4> | ||
| + | |||
| + | [https://github.com/Hutchy68/pivot Pivot is hosted on Github!] Go there and you can download it or clone the repository directory to your MediaWiki site! The install instructions are located there too. | ||
| + | </div> | ||
| + | |||
| + | <div class="large-6 columns"> | ||
| + | <h4 class="subheader"><span class="fa fa-code fa-lg"></span> Simple customization</h4> | ||
| + | |||
| + | [[Customizing|CSS Easy Settings]]. You can easy customize color of your navbar, sidebar, mobile aside backgrounds, labels, etc. Limited by only your imagination. | ||
| + | </div> | ||
| + | </div> | ||
| + | __NOTOC__ | ||
| + | __NOEDITSECTION__ | ||
Revision as of 23:34, 15 December 2017
Pivot... a MediaWiki skin...
...that focuses on mobile first but will pivot to all devices and their viewport sizes easily.
Pivot uses three grid sizes, large, medium and small so you control the content and the content doesn't control you!
Goodbye Tables
Say good bye to tables, Pivot is powered by Zurb's Foundation 5 framework. It offers an intelligent Grid that allows you to achieve complicated page layouts without using MediaWiki table syntax.
Responsive Grid
Nothing in Foundation Framework will limit your responsiveness. Easy to design your wiki templates and pages right for a mobile delight! Try it right now, make this window small! I dare you!
Semantic MediaWiki Ready!
Pivot has class definitions to extend into Semantic MediaWiki and Semantic Forms.
Highlights
- A familiar wiki look with a sidebar on a desktop but a responsive mobile experience on tablets and phones.
- Many features. Control the behaviour of the features offered.
- Useful Tabs. Built-in and responsive tabs.
- Smart Typography. Сhoose the design of the text that you need.
- Grid Layout. Place your information efficiently on desktop and mobile devices. Watch the grid align and just work across all viewports.
- Block Grid when you need pictures or text to align and just work! No need to constantly test how it looks on this device or that device. It looks great on all of them!
- Need a image slideshow? An easy to use Image Slider is ready to go and you can customize speed, captions, auto play, and other elements to fit your needs.
- Full support of Font Awesome 4.7 built in and since visual examples speak better than words, they are being used on this page!!!
Install
Pivot is hosted on Github! Go there and you can download it or clone the repository directory to your MediaWiki site! The install instructions are located there too.
Simple customization
CSS Easy Settings. You can easy customize color of your navbar, sidebar, mobile aside backgrounds, labels, etc. Limited by only your imagination.