Skip to content

M
my-cucumbers-ru-github-io
Commit c5f77853 authored by Vadim Makeev's avatar Vadim Makeev
Browse files
Options

inner navigation feature hidden; ul/ol items mixed; sample text for ru.htm translated to Russian

parent 236ee08f
Hide whitespace changes
Inline Side-by-side
Showing with 86 additions and 82 deletions
en.htm
View file @ c5f77853
......@@ -31,7 +31,7 @@
<header>
<h2>Header</h2>
</header>
<p>This <code>&lt;tool&gt;</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>&lt;tool&gt;</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>&lt;tool&gt;</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>&lt;tool&gt;</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>
......
ru.htm
View file @ c5f77853
......@@ -31,8 +31,8 @@
<header>
<h2>Заголовок</h2>
</header>
<p>This <code>&lt;tool&gt;</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>&lt;tool&gt;</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>&lt;html lang="en-US"&gt;</code>
<code>&lt;html lang="ru-RU"&gt;</code>
<code><mark>&lt;head&gt;</mark></code>
<code> &lt;title&gt;Shower&lt;/title&gt;</code>
<code> &lt;meta charset="<mark class="important">UTF-8</mark>"&gt;</code>
......@@ -111,13 +111,13 @@
<h2>Заметки к коду</h2>
</header>
<pre>
<code><mark>&lt;html</mark> lang="en-US"&gt;</code>
<code><mark>&lt;html</mark> lang="ru-RU"&gt;</code>
</pre>
<p class="note">May or may not crash your browser</p>
<p class="note">Получаете отказаться программистов</p>
<pre>
<code><mark>&lt;meta</mark> charset="<mark>UTF-8</mark>"&gt;</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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment