inner navigation feature hidden; ul/ol items mixed; sample text for ru.htm translated to Russian
This commit is contained in:
Vadim Makeev
parent
236ee08f9a
commit
c5f77853ab
70
en.htm
70
en.htm
|
|
@ -31,7 +31,7 @@
|
|||
<header>
|
||||
<h2>Header</h2>
|
||||
</header>
|
||||
<p>This <code><tool></code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser…</p>
|
||||
<p>This <code><tool></code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser.</p>
|
||||
<p><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
|
||||
</section>
|
||||
</div></div>
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
<header>
|
||||
<h2>Two rows.<br>Mighty heading</h2>
|
||||
</header>
|
||||
<p>This <code><tool></code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser…</p>
|
||||
<p>This <code><tool></code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser.</p>
|
||||
</section>
|
||||
</div></div>
|
||||
<div class="slide" id="UnorderedList"><div>
|
||||
|
|
@ -52,13 +52,13 @@
|
|||
<li>This tool is provided</li>
|
||||
<li>Without warranty, guarantee</li>
|
||||
<li>Or much in the way of explanation
|
||||
<ul>
|
||||
<ol>
|
||||
<li>Note that use of this tool</li>
|
||||
<li>May or may not crash your browser</li>
|
||||
<li>Lock up your machine</li>
|
||||
</ul>
|
||||
</ol>
|
||||
</li>
|
||||
<li>Erase your hard drive…</li>
|
||||
<li>Erase your hard drive.</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div></div>
|
||||
|
|
@ -68,16 +68,16 @@
|
|||
<h2>Ordered List</h2>
|
||||
</header>
|
||||
<ol>
|
||||
<li>This tool is provided</li>
|
||||
<li>Without warranty, guarantee</li>
|
||||
<li>Or much in the way of explanation
|
||||
<ol>
|
||||
<li>Note that use of this tool</li>
|
||||
<li>May or may not crash your browser</li>
|
||||
<li>Lock up your machine</li>
|
||||
</ol>
|
||||
<li>Note that use of this tool</li>
|
||||
<li>Erase your hard drive.</li>
|
||||
<li>May or may not crash your browser
|
||||
<ul>
|
||||
<li>This tool is provided</li>
|
||||
<li>Or much in the way of explanation</li>
|
||||
<li>Without warranty, guarantee</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Erase your hard drive…</li>
|
||||
<li>Lock up your machine</li>
|
||||
</ol>
|
||||
</section>
|
||||
</div></div>
|
||||
|
|
@ -140,40 +140,42 @@
|
|||
<h2>Block Quote</h2>
|
||||
</header>
|
||||
<blockquote cite="Anonymous">
|
||||
<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive…</p>
|
||||
<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive.</p>
|
||||
</blockquote>
|
||||
</section>
|
||||
</div></div>
|
||||
<!--
|
||||
This feature is under development!
|
||||
|
||||
Add class “inner” to any parent element
|
||||
to start inner navigation section. Pressing
|
||||
next button will add class “active” to every
|
||||
next sibling child starting from the first one.
|
||||
|
||||
Actual behavior depends on styles of the current
|
||||
theme: on active state you could show previously
|
||||
hidden items or emphasize it for example by
|
||||
color or bold font weight.
|
||||
|
||||
To start slide with the first active alement
|
||||
add class “active” manually.
|
||||
|
||||
After activation of the last child pressing next
|
||||
button will turn next slide.
|
||||
|
||||
<div class="slide" id="InnerNavigation"><div>
|
||||
<section>
|
||||
<header>
|
||||
<h2>Inner Navigation</h2>
|
||||
</header>
|
||||
<!--
|
||||
Add class “inner” to any parent element
|
||||
to start inner navigation section. Pressing
|
||||
next button will add class “active” to every
|
||||
next sibling child starting from the first one.
|
||||
|
||||
Actual behavior depends on styles of the current
|
||||
theme: on active state you could show previously
|
||||
hidden items or emphasize it for example by
|
||||
color or font-weight:bold.
|
||||
|
||||
To start slide with the first active alement
|
||||
add class “active” manually.
|
||||
|
||||
After activation of the last child pressing next
|
||||
button will turn next slide.
|
||||
-->
|
||||
<ol class="inner">
|
||||
<li class="active">This tool is provided</li>
|
||||
<li>Without warranty, guarantee</li>
|
||||
<li>Or much in the way of explanation
|
||||
<li>Erase your hard drive…</li>
|
||||
<li>Erase your hard drive.</li>
|
||||
</ol>
|
||||
</section>
|
||||
</div></div>
|
||||
</div></div> -->
|
||||
<div class="slide" id="ThankYou"><div>
|
||||
<section>
|
||||
<header>
|
||||
|
|
|
|||
98
ru.htm
98
ru.htm
|
|
@ -31,8 +31,8 @@
|
|||
<header>
|
||||
<h2>Заголовок</h2>
|
||||
</header>
|
||||
<p>This <code><tool></code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser…</p>
|
||||
<p><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
|
||||
<p>Очередь <code>заведено</code> создаете <strong>те про,</strong> джоэл должен написано вы всю. Получаете отказаться программистов миф мы, <em>не пишете размере</em> количества нее, по две.</p>
|
||||
<p><a href="examples/index.htm" target="_blank">Эта ссылка откроется в новом окне</a></p>
|
||||
</section>
|
||||
</div></div>
|
||||
<div class="slide" id="TwoLinesHeader"><div>
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
<header>
|
||||
<h2>Две строки.<br>Мощный заголовок</h2>
|
||||
</header>
|
||||
<p>This <code><tool></code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser…</p>
|
||||
<p>Очередь <code>заведено</code> создаете <strong>те про,</strong> джоэл должен написано вы всю. Получаете отказаться программистов миф мы, <em>не пишете размере</em> количества нее, по две.</p>
|
||||
</section>
|
||||
</div></div>
|
||||
<div class="slide" id="UnorderedList"><div>
|
||||
|
|
@ -49,16 +49,16 @@
|
|||
<h2>Неупорядоченный список</h2>
|
||||
</header>
|
||||
<ul>
|
||||
<li>This tool is provided</li>
|
||||
<li>Without warranty, guarantee</li>
|
||||
<li>Or much in the way of explanation
|
||||
<ul>
|
||||
<li>Note that use of this tool</li>
|
||||
<li>May or may not crash your browser</li>
|
||||
<li>Lock up your machine</li>
|
||||
</ul>
|
||||
<li>Очередь заведено создаете</li>
|
||||
<li>Те про, джоэл должен написано вы всю</li>
|
||||
<li>Получаете отказаться программистов
|
||||
<ol>
|
||||
<li>Миф мы, не пишете размере</li>
|
||||
<li>Количества нее, по две</li>
|
||||
<li>Заведено безостановочно</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>Erase your hard drive…</li>
|
||||
<li>Ещё то этой вреде внешних.</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div></div>
|
||||
|
|
@ -68,16 +68,16 @@
|
|||
<h2>Упорядоченный список</h2>
|
||||
</header>
|
||||
<ol>
|
||||
<li>This tool is provided</li>
|
||||
<li>Without warranty, guarantee</li>
|
||||
<li>Or much in the way of explanation
|
||||
<ol>
|
||||
<li>Note that use of this tool</li>
|
||||
<li>May or may not crash your browser</li>
|
||||
<li>Lock up your machine</li>
|
||||
</ol>
|
||||
<li>Миф мы, не пишете размере</li>
|
||||
<li>Ещё то этой вреде внешних</li>
|
||||
<li>Заведено безостановочно
|
||||
<ul>
|
||||
<li>Очередь заведено создаете</li>
|
||||
<li>Те про, джоэл должен написано вы всю</li>
|
||||
<li>Получаете отказаться программистов</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Erase your hard drive…</li>
|
||||
<li>Количества нее, по две</li>
|
||||
</ol>
|
||||
</section>
|
||||
</div></div>
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
<h2>Пример кода</h2>
|
||||
</header>
|
||||
<pre>
|
||||
<code><html lang="en-US"></code>
|
||||
<code><html lang="ru-RU"></code>
|
||||
<code><mark><head></mark></code>
|
||||
<code> <title>Shower</title></code>
|
||||
<code> <meta charset="<mark class="important">UTF-8</mark>"></code>
|
||||
|
|
@ -111,13 +111,13 @@
|
|||
<h2>Заметки к коду</h2>
|
||||
</header>
|
||||
<pre>
|
||||
<code><mark><html</mark> lang="en-US"></code>
|
||||
<code><mark><html</mark> lang="ru-RU"></code>
|
||||
</pre>
|
||||
<p class="note">May or may not crash your browser</p>
|
||||
<p class="note">Получаете отказаться программистов</p>
|
||||
<pre>
|
||||
<code><mark><meta</mark> charset="<mark>UTF-8</mark>"></code>
|
||||
</pre>
|
||||
<p class="note">Lock up your machine</p>
|
||||
<p class="note">Заведено безостановочно</p>
|
||||
</section>
|
||||
</div></div>
|
||||
<div class="slide shout" id="Shout"><div>
|
||||
|
|
@ -139,43 +139,45 @@
|
|||
<header>
|
||||
<h2>Цитата</h2>
|
||||
</header>
|
||||
<blockquote cite="Anonymous">
|
||||
<p>This tool is provided without warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive…</p>
|
||||
<blockquote cite="Аноним">
|
||||
<p>Очередь заведено создаете те про, джоэл должен написано вы всю. Получаете отказаться программистов миф мы, не пишете размере количества нее, по две.</p>
|
||||
</blockquote>
|
||||
</section>
|
||||
</div></div>
|
||||
<!--
|
||||
Эта возможность находится в разработке!
|
||||
|
||||
Добавьте класс «inner» к любому родительскому
|
||||
элементу для того, чтобы обозначить блок
|
||||
внутренней навигации. Нажатие кнопки «следующий»
|
||||
добавит класс «active» каждому последующему
|
||||
ребёнку, начиная с первого.
|
||||
|
||||
Конкретное поведение зависит от стилей
|
||||
текущей темы: элемент в активном состоянии
|
||||
может быть показан, будучи предварительно спрятан,
|
||||
либо вы можете выделить его, к примеру, цветом
|
||||
или полужирным начертанием.
|
||||
|
||||
Для того, чтобы начать слайд с первого активного
|
||||
элемента, добавьте класс «active» вручную.
|
||||
|
||||
После активации последнего элемента, нажатие
|
||||
кнопки «следующий» переключит следующий слайд.
|
||||
|
||||
<div class="slide" id="InnerNavigation"><div>
|
||||
<section>
|
||||
<header>
|
||||
<h2>Внутренняя навигация</h2>
|
||||
</header>
|
||||
<!--
|
||||
Добавьте класс «inner» к любому родительскому
|
||||
элементу для того, чтобы обозначить блок
|
||||
внутренней навигации. Нажатие кнопки «следующий»
|
||||
добавит класс «active» каждому последующему
|
||||
ребёнку, начиная с первого.
|
||||
|
||||
Конкретное поведение зависит от стилей
|
||||
текущей темы: элемент в активном состоянии
|
||||
может быть показан, будучи предварительно спрятан,
|
||||
либо вы можете выделить его, к примеру, цветом
|
||||
или полужирным начертанием.
|
||||
|
||||
Для того, чтобы начать слайд с первого активного
|
||||
элемента, добавьте класс «active» вручную.
|
||||
|
||||
После активации последнего элемента, нажатие
|
||||
кнопки «следующий» переключит следующий слайд.
|
||||
-->
|
||||
<ol class="inner">
|
||||
<li class="active">This tool is provided</li>
|
||||
<li>Without warranty, guarantee</li>
|
||||
<li>Or much in the way of explanation
|
||||
<li>Erase your hard drive…</li>
|
||||
<li>Erase your hard drive.</li>
|
||||
</ol>
|
||||
</section>
|
||||
</div></div>
|
||||
</div></div> -->
|
||||
<div class="slide" id="ThankYou"><div>
|
||||
<section>
|
||||
<header>
|
||||
|
|
|
|||
Loading…
Reference in New Issue