Added some style to the landing page

This commit is contained in:
jfederico
2016-10-17 13:45:24 -04:00
parent f4b8348e43
commit 682cbadbf0
11 changed files with 159 additions and 40 deletions

View File

@ -1,35 +1,48 @@
<h1>Landing#index</h1>
<div id="landing_page_url">
<p><span id="meeting_url"><%= @meeting_url %></span></p>
</div>
<div class='container'>
<div id="landing_page_join_form">
<form action="#">
<input type="text" name="name" value="" placement="Your name">
<input type="submit" value="Join">
</form>
</div>
<!-- Body -->
<div class='body'>
<div id="landing_page_invite_text">
<table border="1">
<tr>
<td>
<div class="container">
<div class="jumbotron">
<!-- Meeting URL -->
<h4 class="display-3">
<div id="landing_page_url" class="center-block">
<span id="meeting_url"><%= @meeting_url %></span>
</div>
</h4>
<!-- Join form -->
<div id="landing_page_join_form">
<form class="form-inline">
<div class="form-group">
<label for="name" class="sr-only">Name</label>
<input type="text" class="form-control input" id="name" placeholder="Your name">
</div>
<button type="submit" class="btn btn-success">Join</button>
</form>
</div>
</div>
<figure class=highlight><pre><figcaption class="text" data-lang="text">
<p>Hi Everyone</p>
<br>
<p>The meeting will be at this URL</p>
<br>
<p><a href="<%= @meeting_url %>"><span id="meeting_url"><%= @meeting_url %></a></p>
<br>
<p>Please join!</p>
</td>
</tr>
</table>
</div>
</figcaption></pre></figure>
<div id="landing_page_footer_message">
<p>Bookmark this page to reuse this meeting URL, or click refresh button to generate a new meeting URL</p>
</div>
<div id="landing_page_footer_message">
<p>Bookmark this page to reuse this meeting URL, or click refresh button to generate a new meeting URL</p>
</div>
<div id="landing_page_footer_oauth_append">
<p>You can have a personal URL (with recordings) by signing in below</p>
</div>
<div id="landing_page_footer_oauth_append">
<p>You can have a personal URL (with recordings) by signing in below</p>
</div>
</div>
</div>
</div>

View File

@ -9,6 +9,17 @@
</head>
<body>
<!-- Messages -->
<div id='messages' class='hidden'>
</div>
<!-- Header -->
<div class='navbar'>
<div class='container'>
<%= image_tag "bbb-logo.png", :alt => "BigBlueButton Demo", :class => "center-block" %>
</div>
</div>
<%= yield %>
</body>
</html>