Aktionen

Willkommen: Unterschied zwischen den Versionen

Aus NotSan-BRB Wiki

(Die Seite wurde neu angelegt: „<div class="row"> <div class="large-8 column"> == Pivot... a MediaWiki skin... == ...that focuses on mobile first but will '''pivot''' to all devices and th…“)
 
Zeile 1: Zeile 1:
 
<div class="row">
 
<div class="row">
 
   <div class="large-8 column">
 
   <div class="large-8 column">
== Pivot... a MediaWiki skin... ==
+
== Willkommen auf unserem Wiki==
...that focuses on mobile first but will '''pivot''' to all devices and their viewport sizes easily. It uses three grid sizes, large, medium and small so you control the content and the content doesn't control you!
+
hier findest Du Inhalte unserer Apps, oder die der gültigen SOPs in komfortabel durchsuchbarer Form. Ergänzt wird dieses Wiki durch vielerlei zusätzliche Informationen.  
  
Pivot is currently at [https://github.com/Hutchy68/pivot/releases/tag/v2.3.0 version 2.3.0] which was released on December 11, 2020 and is compatible with MediaWiki 1.35 and later. If you are still using MediaWiki 1.31.x to 1.34.x you need to use [https://github.com/Hutchy68/pivot/releases/tag/v2.2.2 version 2.2.2] which was also released on December 11 2020.
 
 
   </div>
 
   </div>
 
   <div class="large-4 column">
 
   <div class="large-4 column">
Zeile 26: Zeile 25:
 
</div>
 
</div>
  
<h3 class="subheader"><span class="fa fa-bolt fa-lg"></span> Highlights</h3>
+
<ul class="tabs" data-tab>
 
+
  <li class="tab-title active">">Tab 1</a></li>
* A familiar wiki look with a sidebar on a desktop but a responsive mobile experience on tablets and phones.
+
  <li class="tab-title"><a href="#panel2">Tab 2</a></li>
* [[Pivot features|Many features]]. Control the behaviour of the features offered.
+
  <li class="tab-title"><a href="#panel3">Tab 3</a></li>
* [[Tabs|Useful Tabs]]. Built-in and responsive tabs.
+
  <li class="tab-title">Tab 4</li>
* [[Type|Smart Typography]]. Сhoose the design of the text that you need.
+
</ul>
* [[Grid|Grid Layout]]. Place your information efficiently on desktop and mobile devices. Watch the grid align and just work across all viewports.
+
<div class="tabs-content">
* [[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!
+
  <div class="content active" id="panel1">
* 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.
+
    <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
* 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>
 
+
  <div class="content" id="panel2">
<div class="row">
+
    <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
  <div class="large-6 columns">
+
  </div>
<h4 class="subheader"><span class="fa fa-server fa-lg"></span> Install</h4>
+
   <div class="content" id="panel3">
 
+
    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
[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>
+
  <div class="content" id="panel4">
 
+
    <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
   <div class="large-6 columns">
+
  </div>
<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>
 
</div>
__NOTOC__
 
__NOEDITSECTION__
 
<references />
 

Version vom 30. März 2021, 08:37 Uhr

Willkommen auf unserem Wiki

hier findest Du Inhalte unserer Apps, oder die der gültigen SOPs in komfortabel durchsuchbarer Form. Ergänzt wird dieses Wiki durch vielerlei zusätzliche Informationen.

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 Page Forms.

This is the first panel of the basic tab example. You can place all sorts of content here including a grid.

This is the second panel of the basic tab example. This is the second panel of the basic tab example.

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.

Cookies helfen uns bei der Bereitstellung von NotSan-BRB Wiki. Durch die Nutzung von NotSan-BRB Wiki erklärst du dich damit einverstanden, dass wir Cookies speichern.