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>
<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>
@ -67,17 +67,17 @@
<header>
<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>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,16 +140,13 @@
<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>
<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
to start inner navigation section. Pressing
next button will add class “active” to every
@ -158,22 +155,27 @@
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.
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>
<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>

72
ru.htm
View File

@ -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,17 +139,14 @@
<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>
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Внутренняя навигация</h2>
</header>
<!--
Эта возможность находится в разработке!
Добавьте класс «inner» к любому родительскому
элементу для того, чтобы обозначить блок
внутренней навигации. Нажатие кнопки «следующий»
@ -167,15 +164,20 @@
После активации последнего элемента, нажатие
кнопки «следующий» переключит следующий слайд.
-->
<div class="slide" id="InnerNavigation"><div>
<section>
<header>
<h2>Внутренняя навигация</h2>
</header>
<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>