added demos exhibitor pages

diff --git a/2021/vip/exhibitors/bar/index.html b/2021/vip/exhibitors/bar/index.html
new file mode 100755 (executable)
index 0000000..fc10533
--- /dev/null
+++ b/2021/vip/exhibitors/bar/index.html
@@ -0,0 +1,94 @@
+
+<!--#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; 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">
+<video controls="visible" src="https://media.libreplanet.org/mgoblin_media/media_entries/2291/123-6a.webm" width="100%" />
+</div>
+
+<div style="width: 320px; float: right">
+<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" -->

diff --git a/2021/vip/exhibitors/foo/index.html b/2021/vip/exhibitors/foo/index.html
new file mode 100755 (executable)
index 0000000..d6c04dd
--- /dev/null
+++ b/2021/vip/exhibitors/foo/index.html
@@ -0,0 +1,94 @@
+
+<!--#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; 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 Foo</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">
+<video controls="visible" src="https://media.libreplanet.org/mgoblin_media/media_entries/2291/123-6a.webm" width="100%" />
+</div>
+
+<div style="width: 320px; float: right">
+<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-foo">exhibitor-foo</a></strong><br>
+IRC Room name: <strong>#libreplanet-foo</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" -->