added demo bof space to static site

[libreplanet-static.git] / 2021 / vip / bof / bar / index.html

diff --git a/2021/vip/bof/bar/index.html b/2021/vip/bof/bar/index.html
new file mode 100755 (executable)
index 0000000..2f7f394
--- /dev/null
+++ b/2021/vip/bof/bar/index.html
@@ -0,0 +1,94 @@
+
+<!--#include virtual="/2021/includes/header.html"-->
+
+<title>LibrePlanet &mdash; VIP Area - Exhibitor Space</title>
+
+<style>
+.bof-info { max-width: 650px; margin: 0 auto; }
+.bof-chat { max-width: 650px; margin: 0 auto; }
+h2 a { border: none; }
+.irc-client { display: block; max-width: 650px; height: 500px; margin: 0 auto; }
+</style>
+
+<!--#include virtual="/2021/includes/banner.html"-->
+<!--#include virtual="/2021/includes/sidebar.html"-->
+
+<div id="breadcrumbs">
+<p>❮ <a href="../../">VIP Area</a> ❮ <a href="../">BoF Space</a></p>
+</div>
+
+
+<div class="bof-info">
+<h2>Exhibitor Bar</h2>
+
+<div style="clear: both; height: 20px;"></div>
+
+<img style="float: right; width: 200px" src="https://static.fsf.org/nosvn/logos/lp-logo-square.svg" />
+
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+<div style="clear: both; height: 20px;"></div>
+
+<div style="width: 320px; float: left; margin-right: 10px;">
+<video controls="visible" src="https://media.libreplanet.org/mgoblin_media/media_entries/2254/144-3b.webm" width="100%" />
+</div>
+
+<div style="width: 320px; float: left">
+<video controls="visible" src="https://media.libreplanet.org/mgoblin_media/media_entries/2282/123-2b.webm" width="100%" />
+</div>
+
+<div style="clear: both; height: 20px;"></div>
+
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
+<p>Jitsi Room name: <strong><a target="_blank" href="https://jitsi.member.fsf.org/bof-bar">bof-bar</a></strong><br>
+IRC Room name: <strong>#libreplanet-bar</strong></p>
+
+</div>
+
+<div class="bof-chat">
+<h2>Chat with BoF attendees</h2>
+
+<h3>Video chat</h3>
+
+Visit the BoF session's Jitsi chat URL above, if provided. Cameras are optional.
+
+<h3>Voice chat</h3>
+
+<p>Install the <strong><code>mumble</code></strong> package with a command like
+<strong><code>sudo apt-get install mumble</code></strong> Start the Mumble
+application, and log into <code><strong>mumble.fsf.org</code></strong>.
+Exhibitor' room names are listed above.
+
+<h3>Text chat</h3>
+
+<p>Find the channel names in the BoF session description above. If the
+room name is like <strong><code>#room-name</code></strong>, then log in and
+enter <strong><code>/join #room-name mypassword</code></strong> in the chat window
+below.</p>
+
+<iframe src="https://irc.libreplanet.org/irc/"
+    class="irc-client">
+</iframe>
+
+
+<!--#include virtual="/2021/includes/footer.html"-->
+<!--#include virtual="/2021/includes/common_js.html"-->
+<!--#include virtual="/2021/includes/close.html" -->