janishutz-legacy/impress.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working build.js - no link check yet

Browse Source
This commit is contained in:
janis
2023-01-23 19:29:15 +01:00
parent 70add78a6c
commit 0647307ad9
21 changed files with 843 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
website/docs/plugins/toolbar.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<title>Docs - impress.js</title>
<!--I am using jquery for button animations.-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/dark.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<script src="/js/docs/loader.js"></script>
<link rel="stylesheet" href="/css/docs/style.css">
</head>
<body>
<div class="content">
<div id="nav"></div>
<div id="top"></div>
<div id="docPage">
<div id="doc-container">
<h1>Toolbar plugin</h1>
<p>This plugin provides a generic graphical toolbar. Other plugins that
want to expose a button or other widget, can add those to this toolbar.</p>
<p>Using a single consolidated toolbar for all GUI widgets makes it easier
to position and style the toolbar rather than having to do that for lots
of different divs.</p>
<p>To add/activate the toolbar in your presentation, add this div:</p>
<pre><code>&lt;div id=&quot;impress-toolbar&quot;&gt;&lt;/div&gt;
</code></pre>
<p>Styling the toolbar is left to presentation author. Here's an example CSS:</p>
<pre><code>.impress-enabled div#impress-toolbar {
position: fixed;
right: 1px;
bottom: 1px;
opacity: 0.6;
}
.impress-enabled div#impress-toolbar &gt; span {
margin-right: 10px;
}
</code></pre>
<p>The <a href="../mouse-timeout/README.md">mouse-timeout</a> plugin can be leveraged to hide
the toolbar from sight, and only make it visible when mouse is moved.</p>
<pre><code>body.impress-mouse-timeout div#impress-toolbar {
display: none;
}
</code></pre>
<p>If you're writing a plugin and would like to add a widget to the toolbar, see
<a href="toolbar.js">the top of the source file for further instructions</a>.</p>
<h2>Author</h2>
<p>Henrik Ingo (@henrikingo), 2016</p>
</div>
</div>
<div id="footer"></div>
</div>
</body>
</html>