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

This commit is contained in:
Vadim Makeev 2011-07-25 12:21:49 +04:00
parent 236ee08f9a
commit c5f77853ab
2 changed files with 86 additions and 82 deletions

48
en.htm
View File

@ -31,7 +31,7 @@
<header> <header>
<h2>Header</h2> <h2>Header</h2>
</header> </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> <p><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
</section> </section>
</div></div> </div></div>
@ -40,7 +40,7 @@
<header> <header>
<h2>Two rows.<br>Mighty heading</h2> <h2>Two rows.<br>Mighty heading</h2>
</header> </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> </section>
</div></div> </div></div>
<div class="slide" id="UnorderedList"><div> <div class="slide" id="UnorderedList"><div>
@ -52,13 +52,13 @@
<li>This tool is provided</li> <li>This tool is provided</li>
<li>Without warranty, guarantee</li> <li>Without warranty, guarantee</li>
<li>Or much in the way of explanation <li>Or much in the way of explanation
<ul> <ol>
<li>Note that use of this tool</li> <li>Note that use of this tool</li>
<li>May or may not crash your browser</li> <li>May or may not crash your browser</li>
<li>Lock up your machine</li> <li>Lock up your machine</li>
</ul> </ol>
</li> </li>
<li>Erase your hard drive</li> <li>Erase your hard drive.</li>
</ul> </ul>
</section> </section>
</div></div> </div></div>
@ -67,17 +67,17 @@
<header> <header>
<h2>Ordered List</h2> <h2>Ordered List</h2>
</header> </header>
<ol>
<li>This tool is provided</li>
<li>Without warranty, guarantee</li>
<li>Or much in the way of explanation
<ol> <ol>
<li>Note that use of this tool</li> <li>Note that use of this tool</li>
<li>May or may not crash your browser</li> <li>Erase your hard drive.</li>
<li>Lock up your machine</li> <li>May or may not crash your browser
</ol> <ul>
<li>This tool is provided</li>
<li>Or much in the way of explanation</li>
<li>Without warranty, guarantee</li>
</ul>
</li> </li>
<li>Erase your hard drive…</li> <li>Lock up your machine</li>
</ol> </ol>
</section> </section>
</div></div> </div></div>
@ -140,16 +140,13 @@
<h2>Block Quote</h2> <h2>Block Quote</h2>
</header> </header>
<blockquote cite="Anonymous"> <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> </blockquote>
</section> </section>
</div></div> </div></div>
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Inner Navigation</h2>
</header>
<!-- <!--
This feature is under development!
Add class “inner” to any parent element Add class “inner” to any parent element
to start inner navigation section. Pressing to start inner navigation section. Pressing
next button will add class “active” to every next button will add class “active” to every
@ -158,22 +155,27 @@
Actual behavior depends on styles of the current Actual behavior depends on styles of the current
theme: on active state you could show previously theme: on active state you could show previously
hidden items or emphasize it for example by hidden items or emphasize it for example by
color or font-weight:bold. color or bold font weight.
To start slide with the first active alement To start slide with the first active alement
add class “active” manually. add class “active” manually.
After activation of the last child pressing next After activation of the last child pressing next
button will turn next slide. button will turn next slide.
-->
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Inner Navigation</h2>
</header>
<ol class="inner"> <ol class="inner">
<li class="active">This tool is provided</li> <li class="active">This tool is provided</li>
<li>Without warranty, guarantee</li> <li>Without warranty, guarantee</li>
<li>Or much in the way of explanation <li>Or much in the way of explanation
<li>Erase your hard drive…</li> <li>Erase your hard drive.</li>
</ol> </ol>
</section> </section>
</div></div> </div></div> -->
<div class="slide" id="ThankYou"><div> <div class="slide" id="ThankYou"><div>
<section> <section>
<header> <header>

72
ru.htm
View File

@ -31,8 +31,8 @@
<header> <header>
<h2>Заголовок</h2> <h2>Заголовок</h2>
</header> </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>
<p><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p> <p><a href="examples/index.htm" target="_blank">Эта ссылка откроется в новом окне</a></p>
</section> </section>
</div></div> </div></div>
<div class="slide" id="TwoLinesHeader"><div> <div class="slide" id="TwoLinesHeader"><div>
@ -40,7 +40,7 @@
<header> <header>
<h2>Две строки.<br>Мощный заголовок</h2> <h2>Две строки.<br>Мощный заголовок</h2>
</header> </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> </section>
</div></div> </div></div>
<div class="slide" id="UnorderedList"><div> <div class="slide" id="UnorderedList"><div>
@ -49,16 +49,16 @@
<h2>Неупорядоченный список</h2> <h2>Неупорядоченный список</h2>
</header> </header>
<ul> <ul>
<li>This tool is provided</li> <li>Очередь заведено создаете</li>
<li>Without warranty, guarantee</li> <li>Те про, джоэл должен написано вы всю</li>
<li>Or much in the way of explanation <li>Получаете отказаться программистов
<ul> <ol>
<li>Note that use of this tool</li> <li>Миф мы, не пишете размере</li>
<li>May or may not crash your browser</li> <li>Количества нее, по две</li>
<li>Lock up your machine</li> <li>Заведено безостановочно</li>
</ul> </ol>
</li> </li>
<li>Erase your hard drive…</li> <li>Ещё то этой вреде внешних.</li>
</ul> </ul>
</section> </section>
</div></div> </div></div>
@ -68,16 +68,16 @@
<h2>Упорядоченный список</h2> <h2>Упорядоченный список</h2>
</header> </header>
<ol> <ol>
<li>This tool is provided</li> <li>Миф мы, не пишете размере</li>
<li>Without warranty, guarantee</li> <li>Ещё то этой вреде внешних</li>
<li>Or much in the way of explanation <li>Заведено безостановочно
<ol> <ul>
<li>Note that use of this tool</li> <li>Очередь заведено создаете</li>
<li>May or may not crash your browser</li> <li>Те про, джоэл должен написано вы всю</li>
<li>Lock up your machine</li> <li>Получаете отказаться программистов</li>
</ol> </ul>
</li> </li>
<li>Erase your hard drive…</li> <li>Количества нее, по две</li>
</ol> </ol>
</section> </section>
</div></div> </div></div>
@ -95,7 +95,7 @@
<h2>Пример кода</h2> <h2>Пример кода</h2>
</header> </header>
<pre> <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><mark>&lt;head&gt;</mark></code>
<code> &lt;title&gt;Shower&lt;/title&gt;</code> <code> &lt;title&gt;Shower&lt;/title&gt;</code>
<code> &lt;meta charset="<mark class="important">UTF-8</mark>"&gt;</code> <code> &lt;meta charset="<mark class="important">UTF-8</mark>"&gt;</code>
@ -111,13 +111,13 @@
<h2>Заметки к коду</h2> <h2>Заметки к коду</h2>
</header> </header>
<pre> <pre>
<code><mark>&lt;html</mark> lang="en-US"&gt;</code> <code><mark>&lt;html</mark> lang="ru-RU"&gt;</code>
</pre> </pre>
<p class="note">May or may not crash your browser</p> <p class="note">Получаете отказаться программистов</p>
<pre> <pre>
<code><mark>&lt;meta</mark> charset="<mark>UTF-8</mark>"&gt;</code> <code><mark>&lt;meta</mark> charset="<mark>UTF-8</mark>"&gt;</code>
</pre> </pre>
<p class="note">Lock up your machine</p> <p class="note">Заведено безостановочно</p>
</section> </section>
</div></div> </div></div>
<div class="slide shout" id="Shout"><div> <div class="slide shout" id="Shout"><div>
@ -139,17 +139,14 @@
<header> <header>
<h2>Цитата</h2> <h2>Цитата</h2>
</header> </header>
<blockquote cite="Anonymous"> <blockquote cite="Аноним">
<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>Очередь заведено создаете те про, джоэл должен написано вы всю. Получаете отказаться программистов миф мы, не пишете размере количества нее, по две.</p>
</blockquote> </blockquote>
</section> </section>
</div></div> </div></div>
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Внутренняя навигация</h2>
</header>
<!-- <!--
Эта возможность находится в разработке!
Добавьте класс «inner» к любому родительскому Добавьте класс «inner» к любому родительскому
элементу для того, чтобы обозначить блок элементу для того, чтобы обозначить блок
внутренней навигации. Нажатие кнопки «следующий» внутренней навигации. Нажатие кнопки «следующий»
@ -167,15 +164,20 @@
После активации последнего элемента, нажатие После активации последнего элемента, нажатие
кнопки «следующий» переключит следующий слайд. кнопки «следующий» переключит следующий слайд.
-->
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Внутренняя навигация</h2>
</header>
<ol class="inner"> <ol class="inner">
<li class="active">This tool is provided</li> <li class="active">This tool is provided</li>
<li>Without warranty, guarantee</li> <li>Without warranty, guarantee</li>
<li>Or much in the way of explanation <li>Or much in the way of explanation
<li>Erase your hard drive…</li> <li>Erase your hard drive.</li>
</ol> </ol>
</section> </section>
</div></div> </div></div> -->
<div class="slide" id="ThankYou"><div> <div class="slide" id="ThankYou"><div>
<section> <section>
<header> <header>