Тестовая страница2: различия между версиями

Версия 15:04, 1 февраля 2022

Pivot... a MediaWiki skin...

...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!

Pivot is currently at version 2.3.0 which was released on December 11, 2020. It is compatible with MediaWiki 1.35 and later on PHP 7.3 and later. You may download version 2.3.0 now!

It is recommended to users of earlier versions to update.

Pivot on different devices

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.

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.

СЕТЕВЫЕ СООБЩЕСТВА
РЕГИОНАЛЬНЫЕ СЕТЕВЫЕ КОНКУРСЫ
НЕФОРМАЛЬНОЕ on-line ОБУЧЕНИЕ
ДИСТАНЦИОННОЕ ОБУЧЕНИЕ

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.

@@ Строка 1: / Строка 1: @@
-<div>
+<div class="row">
-<ul class="tabs" data-tab>
+   <div class="large-8 column">
-   <li class="tab-title active"><a href="#panel1">СЕТЕВЫЕ СООБЩЕСТВА</a></li>
+== Pivot... a MediaWiki skin... ==
-  <li class="tab-title">РЕГИОНАЛЬНЫЕ СЕТЕВЫЕ КОНКУРСЫ</a></li>
+	...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!
-  <li class="tab-title">НЕФОРМАЛЬНОЕ on-line ОБУЧЕНИЕ</a></li>
-  <li class="tab-title">ДИСТАНЦИОННОЕ ОБУЧЕНИЕ</a></li>
+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. It is compatible with MediaWiki 1.35 and later on PHP 7.3 and later. You may [https://github.com/Hutchy68/pivot/archive/refs/tags/v2.3.0.zip download version 2.3.0] now!
-</ul>
-<div class="tabs-content">
+It is recommended to users of earlier versions to update.
-  <div class="content active" id="panel1">
-    <p> </p>
    </div>
-   <div class="content" id="panel2">
+   <div class="large-4 column">
-    <p> </p>
+[[File:Pivot.png|600px|link=|Pivot on different devices]]
-  </div>
-  <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>
-  </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>
 </div>
-</div>
 <div class="row">
    <div class="large-4 columns">
@@ Строка 47: / Строка 38: @@
 * 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__
+<references />
+<div>
+<ul class="tabs" data-tab>
+  <li class="tab-title active">СЕТЕВЫЕ СООБЩЕСТВА</li>
+  <li class="tab-title">РЕГИОНАЛЬНЫЕ СЕТЕВЫЕ КОНКУРСЫ</li>
+  <li class="tab-title">НЕФОРМАЛЬНОЕ on-line ОБУЧЕНИЕ</li>
+  <li class="tab-title">ДИСТАНЦИОННОЕ ОБУЧЕНИЕ</li>
+</ul>
+<div class="tabs-content">
+  <div class="content active" id="panel1">
+    <p> </p>
+  </div>
+  <div class="content" id="panel2">
+    <p> </p>
+  </div>
+  <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>
+  </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>
+</div>