Nothing
Все возможности темы продемонстрированы в файле index.html, используйте его как руководство во время создания презентации. Ниже представлено более подробное описание.
Готовый пакет темы состоит из следующих папок и файлов:
docs
с документацией по использованию, включая это руководство.fonts
со шрифтами темы, в сжатом формате WOFF.images
с картинками для оформления темы.pictures
с примерами картинок для демонстрации темы.styles
с собранными стилями темы в размерах 16×10 и 4×3.index.html
с демонстрацией всех возможностей темы на слайдах.Дополнительно к этим файлам в репозитории содержатся исходные файлы:
source
с исходными шрифтами в TTF и макетом темы для Sketch.styles
дополнительно содержит исходные стили в формате SCSS.Список
<body class="shower list">
…
</body>
Полноэкранный
<body class="shower full">
…
</body>
Локализация
<html lang="ru">
<html lang="en">
<header class="caption">
<h1>Presentation Title</h1>
<p><a href="">Yours Truly</a>, Famous Inc.</p>
</header>
<section class="slide">
…
</section>
<footer class="badge">
<a href="…">Fork me on Github</a>
</footer>
<div class="progress"></div>
Белый
<section class="slide white">
…
</section>
Чёрный
<section class="slide black">
…
</section>
Сетка
<section class="slide grid">
…
</section>
<section class="slide">
<h2>Slide Header</h2>
</section>
<section class="slide">
<p></p>
<p class="note"></p>
</section>
<a>
<strong>
, <b>
<em>
, <i>
<code>
, <samp>
, <kbd>
<sup>
, <sub>
<mark>
Нумерованные
<ol>
<li>Literally viral vegan</li>
<li>Wes Anderson chillwave Marfa</li>
</ol>
Ненумерованные
<ul>
<li>Retro meh brunch aesthetic</li>
<li>Messenger bag retro cred</li>
</ul>
Локализация
<ul lang="en">
…
</ul>
Простая
<blockquote>
<p>Flannel bicycle rights locavore selfies.</p>
</blockquote>
Подпись
<figure>
<blockquote>
<p>Post-ironic fashion axe flexitarian</p>
</blockquote>
<figcaption>Yours Truly</figcaption>
</figure>
Простые
<table>
<tr>
<th scope="col">Gentrify</th>
<th>Twee</th>
</tr>
<tr>
<th scope="row">Messenger</th>
<td>Mixtape</td>
</tr>
</table>
Полосатые
<table class="striped">
Простой
<pre><code>function action() {
// TODO
return true;
}</code></pre>
Нумерованный
<pre>
<code>function action() {</code>
<code> // TODO</code>
<code> return true;</code>
<code>}<code>
</pre>
Выделение
<pre><code>function <mark>action()</mark> {
<mark class="comment">// TODO<mark>
return <mark class="important">true</mark>;
}</code></pre>
Простая
<section class="slide">
<img class="cover" src="picture.png">
</section>
Горизонтальная
<img class="cover width" src="picture.png">
Вертикальная
<img class="cover height" src="picture.png">
Подпись
<figure>
<img class="cover" src="picture.png">
<figcaption class="white">
Yours Truly © 2015
</figcaption>
</figure>
<section class="slide">
<h2 class="shout">Shout</h2>
</section>
Центр
<section class="slide">
<img class="place" src="picture.png">
</section>
Стороны
<img class="place top" src="picture.png">
<img class="place right" src="picture.png">
<img class="place bottom" src="picture.png">
<img class="place left" src="picture.png">
Комбинации
<img class="place top left" src="picture.png">
<img class="place top right" src="picture.png">
<img class="place bottom left" src="picture.png">
<img class="place bottom right" src="picture.png">
<section class="slide">
<p>Retro meh brunch aesthetic.</p>
<footer class="footer">
<p>Cosby sweater Shoreditch.</p>
</footer>
</section>
Any scripts or data that you put into this service are public.
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.