Skip to content

S
shower-presentation
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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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>
...@@ -68,16 +68,16 @@ ...@@ -68,16 +68,16 @@
<h2>Ordered List</h2> <h2>Ordered List</h2>
</header> </header>
<ol> <ol>
<li>This tool is provided</li> <li>Note that use of this tool</li>
<li>Without warranty, guarantee</li> <li>Erase your hard drive.</li>
<li>Or much in the way of explanation <li>May or may not crash your browser
<ol> <ul>
<li>Note that use of this tool</li> <li>This tool is provided</li>
<li>May or may not crash your browser</li> <li>Or much in the way of explanation</li>
<li>Lock up your machine</li> <li>Without warranty, guarantee</li>
</ol> </ul>
</li> </li>
<li>Erase your hard drive…</li> <li>Lock up your machine</li>
</ol> </ol>
</section> </section>
</div></div> </div></div>
...@@ -140,40 +140,42 @@ ...@@ -140,40 +140,42 @@
<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>
<!--
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> <div class="slide" id="InnerNavigation"><div>
<section> <section>
<header> <header>
<h2>Inner Navigation</h2> <h2>Inner Navigation</h2>
</header> </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"> <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>
......
ru.htm
View file @ c5f77853
...@@ -31,8 +31,8 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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 @@ ...@@ -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,43 +139,45 @@ ...@@ -139,43 +139,45 @@
<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>
<!--
Эта возможность находится в разработке!
Добавьте класс «inner» к любому родительскому
элементу для того, чтобы обозначить блок
внутренней навигации. Нажатие кнопки «следующий»
добавит класс «active» каждому последующему
ребёнку, начиная с первого.
Конкретное поведение зависит от стилей
текущей темы: элемент в активном состоянии
может быть показан, будучи предварительно спрятан,
либо вы можете выделить его, к примеру, цветом
или полужирным начертанием.
Для того, чтобы начать слайд с первого активного
элемента, добавьте класс «active» вручную.
После активации последнего элемента, нажатие
кнопки «следующий» переключит следующий слайд.
<div class="slide" id="InnerNavigation"><div> <div class="slide" id="InnerNavigation"><div>
<section> <section>
<header> <header>
<h2>Внутренняя навигация</h2> <h2>Внутренняя навигация</h2>
</header> </header>
<!--
Добавьте класс «inner» к любому родительскому
элементу для того, чтобы обозначить блок
внутренней навигации. Нажатие кнопки «следующий»
добавит класс «active» каждому последующему
ребёнку, начиная с первого.
Конкретное поведение зависит от стилей
текущей темы: элемент в активном состоянии
может быть показан, будучи предварительно спрятан,
либо вы можете выделить его, к примеру, цветом
или полужирным начертанием.
Для того, чтобы начать слайд с первого активного
элемента, добавьте класс «active» вручную.
После активации последнего элемента, нажатие
кнопки «следующий» переключит следующий слайд.
-->
<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>
......
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