improved responsiveness of vip space

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

<!--#include virtual="/2021/includes/header.html"-->

<title>LibrePlanet &mdash; VIP Area - Exhibitor Space</title>

<style>
.exhibitor-info { max-width: 650px; margin: 0 auto; }
.exhibitor-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="../">Exhibitor Space</a></p>
</div>


<div class="exhibitor-info">
<h2>Exhibitor Bar</h2>

<div style="clear: both; height: 20px;"></div>

<img style="float: right; width: 200px; margin-left: 10px;" src="https://static.fsf.org/nosvn/logos/lp-2021-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/exhibitor-bar">exhibitor-bar</a></strong><br>
IRC Room name: <strong>#libreplanet-bar</strong></p>

</div>

<div class="exhibitor-chat">
<h2>Chat with exhibitors</h2>

<h3>Video chat</h3>

Visit the exhibitor'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 exhibitor hallway description above. If the
room name is like <strong><code>#room-name</code></strong>, then log in and
enter <strong><code>/join #room-name</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" -->