From ceeafa320890ece77a1109a1e9a53d5dd4ce44ce Mon Sep 17 00:00:00 2001
From: Zachary Chai <zachary.chai@blindsidenetworks.com>
Date: Thu, 19 Jan 2017 17:54:52 -0500
Subject: [PATCH 1/4] move signup area

---
 app/views/landing/index.html.erb       |  2 ++
 app/views/layouts/application.html.erb | 29 --------------------------
 app/views/shared/_signup.html.erb      | 29 ++++++++++++++++++++++++++
 3 files changed, 31 insertions(+), 29 deletions(-)
 create mode 100644 app/views/shared/_signup.html.erb

diff --git a/app/views/landing/index.html.erb b/app/views/landing/index.html.erb
index e1b44c6c..7f84450b 100644
--- a/app/views/landing/index.html.erb
+++ b/app/views/landing/index.html.erb
@@ -40,5 +40,7 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
       <% end %>
     </div>
 
+    <%= render 'shared/signup' %>
+
   </div>
 </div>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 966aab86..38fdbedc 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -35,35 +35,6 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
       <span class="logo-wrapper pull-left">
         <%= link_to image_tag("bbb-logo.png", :alt => "BigBlueButton", :class => "logo"), root_path %>
       </span>
-      <span class="signup pull-right">
-        <% if current_user %>
-          <% if !@user %>
-            <%= link_to current_user.name, current_user.room_url %> |
-          <% else %>
-            <%= current_user.name %> |
-          <% end %>
-          <%= link_to t('logout'), user_logout_url %>
-        <% elsif @user %>
-          <%= t('are_you', name: @user.username) %> |
-          <%= link_to t('login'), "/auth/#{@user.provider}" %>
-        <% else %>
-          <% if omniauth_providers_configured.present? %>
-            <span class="signup-description hidden-xs">
-              <%= t('oauth_signup') %>
-            </span>
-          <% end %>
-          <% if omniauth_providers_configured(:twitter) %>
-            <%= link_to('/auth/twitter', :class => "btn icon btn-lg btn-social-icon btn-twitter") do %>
-              <span class="fa fa-twitter"></span>
-            <% end %>
-          <% end %>
-          <% if omniauth_providers_configured(:google) %>
-            <%= link_to('/auth/google', :class => "btn icon btn-lg btn-social-icon btn-google") do %>
-              <span class="fa fa-google"></span>
-            <% end %>
-          <% end %>
-        <% end %>
-      </span>
     </div>
     <!-- End of Header -->
 
diff --git a/app/views/shared/_signup.html.erb b/app/views/shared/_signup.html.erb
new file mode 100644
index 00000000..47ad8d01
--- /dev/null
+++ b/app/views/shared/_signup.html.erb
@@ -0,0 +1,29 @@
+<span class="signup pull-right">
+  <% if current_user %>
+    <% if !@user %>
+      <%= link_to current_user.name, current_user.room_url %> |
+    <% else %>
+      <%= current_user.name %> |
+    <% end %>
+    <%= link_to t('logout'), user_logout_url %>
+  <% elsif @user %>
+    <%= t('are_you', name: @user.username) %> |
+    <%= link_to t('login'), "/auth/#{@user.provider}" %>
+  <% else %>
+    <% if omniauth_providers_configured.present? %>
+      <span class="signup-description hidden-xs">
+        <%= t('oauth_signup') %>
+      </span>
+    <% end %>
+    <% if omniauth_providers_configured(:twitter) %>
+      <%= link_to('/auth/twitter', :class => "btn icon btn-lg btn-social-icon btn-twitter") do %>
+        <span class="fa fa-twitter"></span>
+      <% end %>
+    <% end %>
+    <% if omniauth_providers_configured(:google) %>
+      <%= link_to('/auth/google', :class => "btn icon btn-lg btn-social-icon btn-google") do %>
+        <span class="fa fa-google"></span>
+      <% end %>
+    <% end %>
+  <% end %>
+</span>

From 3039bd168b4a0365e7f8e9b38ba04eef02b8ad75 Mon Sep 17 00:00:00 2001
From: Zachary Chai <zachary.chai@blindsidenetworks.com>
Date: Thu, 19 Jan 2017 19:08:59 -0500
Subject: [PATCH 2/4] create separate page for login

---
 app/assets/stylesheets/sessions.scss           | 10 ++++++++++
 app/assets/stylesheets/shared.scss             | 14 +++++++++-----
 app/controllers/sessions_controller.rb         |  4 ++++
 app/views/landing/_rooms_center_panel.html.erb |  2 +-
 app/views/landing/index.html.erb               |  8 ++++++--
 app/views/landing/meetings.html.erb            |  2 +-
 app/views/sessions/new.erb                     | 14 ++++++++++++++
 app/views/shared/_signup.html.erb              |  2 +-
 config/locales/en-us.yml                       |  1 +
 config/routes.rb                               |  1 +
 10 files changed, 48 insertions(+), 10 deletions(-)
 create mode 100644 app/assets/stylesheets/sessions.scss
 create mode 100644 app/views/sessions/new.erb

diff --git a/app/assets/stylesheets/sessions.scss b/app/assets/stylesheets/sessions.scss
new file mode 100644
index 00000000..0890194e
--- /dev/null
+++ b/app/assets/stylesheets/sessions.scss
@@ -0,0 +1,10 @@
+.login {
+  .center-panel {
+    .center-panel-size {
+      max-width: 600px
+    }
+    .center-panel-content-size {
+      max-width: 500px;
+    }
+  }
+}
diff --git a/app/assets/stylesheets/shared.scss b/app/assets/stylesheets/shared.scss
index e6d8d0ca..91c8ff89 100644
--- a/app/assets/stylesheets/shared.scss
+++ b/app/assets/stylesheets/shared.scss
@@ -26,7 +26,7 @@ html, body {
   background: #ffffff;
 }
 
-.app-background {
+.background {
   height: 350px;
   width: 100%;
   background: asset-url('greenlight_background');
@@ -35,6 +35,10 @@ html, body {
   background-repeat: no-repeat;
 }
 
+body[data-controller=landing].app-background {
+  @extend .background;
+}
+
 body[data-controller=landing][data-action=rooms].app-background {
   background-image: asset-url('bg_personal_room');
 }
@@ -61,14 +65,14 @@ body[data-controller=landing][data-action=rooms].app-background {
   padding: 20px;
 }
 
+.center-block {
+  float: none;
+}
 .center-panel {
-  .center-block {
-    float: none;
-  }
   .center-panel-size {
     max-width: 900px
   }
-  .center-panel-conent-size {
+  .center-panel-content-size {
     max-width: 800px;
   }
 
diff --git a/app/controllers/sessions_controller.rb b/app/controllers/sessions_controller.rb
index c09a982e..e78b87cc 100644
--- a/app/controllers/sessions_controller.rb
+++ b/app/controllers/sessions_controller.rb
@@ -15,6 +15,10 @@
 # with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 
 class SessionsController < ApplicationController
+
+  def new
+  end
+
   def create
     @user = User.from_omniauth(request.env['omniauth.auth'])
     session[:user_id] = @user.id
diff --git a/app/views/landing/_rooms_center_panel.html.erb b/app/views/landing/_rooms_center_panel.html.erb
index f1aa431c..47fa3252 100644
--- a/app/views/landing/_rooms_center_panel.html.erb
+++ b/app/views/landing/_rooms_center_panel.html.erb
@@ -28,7 +28,7 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 <% end %>
 
 <%= render layout: 'shared/center_panel' do %>
-  <div class="center-block center-panel-conent-size col-xs-12">
+  <div class="center-block center-panel-content-size col-xs-12">
     <% if admin? %>
       <%= render 'shared/meeting_url', hidden: false %>
     <% else %>
diff --git a/app/views/landing/index.html.erb b/app/views/landing/index.html.erb
index 7f84450b..3441c8d8 100644
--- a/app/views/landing/index.html.erb
+++ b/app/views/landing/index.html.erb
@@ -33,14 +33,18 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 
     <div class="center-panel-wrapper">
       <%= render layout: 'shared/center_panel' do %>
-        <div class="center-block center-panel-conent-size col-xs-12">
+        <div class="center-block center-panel-content-size col-xs-12">
           <%= render 'shared/meeting_url', hidden: false %>
           <%= render 'shared/join_form' %>
         </div>
       <% end %>
     </div>
 
-    <%= render 'shared/signup' %>
+    <div class="center-block col-xs-6 login">
+      <div class="text-center">
+        <%= t('signup_description') %> <%= link_to 'Login', '/users/login', class: 'btn btn-lg btn-primary' %>
+      </div>
+    </div>
 
   </div>
 </div>
diff --git a/app/views/landing/meetings.html.erb b/app/views/landing/meetings.html.erb
index 0426a276..68ba27a8 100644
--- a/app/views/landing/meetings.html.erb
+++ b/app/views/landing/meetings.html.erb
@@ -36,7 +36,7 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 
     <div class="center-panel-wrapper">
       <%= render layout: 'shared/center_panel' do %>
-        <div class="center-block center-panel-conent-size col-xs-12">
+        <div class="center-block center-panel-content-size col-xs-12">
           <%= render 'shared/meeting_url', hidden: true %>
           <%= render 'shared/join_form' %>
         </div>
diff --git a/app/views/sessions/new.erb b/app/views/sessions/new.erb
new file mode 100644
index 00000000..75ba8b10
--- /dev/null
+++ b/app/views/sessions/new.erb
@@ -0,0 +1,14 @@
+<div class="page-wrapper login">
+  <div class="container-fluid">
+
+    <div class="center-panel-wrapper">
+      <%= render layout: 'shared/center_panel' do %>
+        <div class="center-block center-panel-content-size col-xs-12">
+          <%= render 'shared/signup' %>
+        </div>
+      <% end %>
+    </div>
+
+
+  </div>
+</div>
diff --git a/app/views/shared/_signup.html.erb b/app/views/shared/_signup.html.erb
index 47ad8d01..12840b19 100644
--- a/app/views/shared/_signup.html.erb
+++ b/app/views/shared/_signup.html.erb
@@ -1,4 +1,4 @@
-<span class="signup pull-right">
+<span class="signup">
   <% if current_user %>
     <% if !@user %>
       <%= link_to current_user.name, current_user.room_url %> |
diff --git a/config/locales/en-us.yml b/config/locales/en-us.yml
index 998678ac..6fc4a6ab 100644
--- a/config/locales/en-us.yml
+++ b/config/locales/en-us.yml
@@ -97,6 +97,7 @@ en-US:
   published: Published
   return_to_room: Return to your personal room
   session_url_explanation: The meeting will be taking place using the following URL
+  signup_description: Login for customized sessions
   start: Start
   start_meeting: Start Meeting
   your_personal_room: Your Personal Room
diff --git a/config/routes.rb b/config/routes.rb
index 5c89477d..83d238c0 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -19,6 +19,7 @@ Rails.application.routes.draw do
   mount ActionCable.server => '/cable'
 
   resources :users, only: [:edit, :update]
+  get '/users/login', to: 'sessions#new'
   get '/users/logout', to: 'sessions#destroy', as: :user_logout
 
   match '/auth/:provider/callback', to: 'sessions#create', via: [:get, :post]

From 90579487505e917993f72a4c1665f57e57fd6f48 Mon Sep 17 00:00:00 2001
From: Zachary Chai <zachary.chai@blindsidenetworks.com>
Date: Fri, 20 Jan 2017 14:34:30 -0500
Subject: [PATCH 3/4] oauth signin buttons per provider spec

---
 app/assets/images/g-normal.png            | Bin 0 -> 771 bytes
 app/assets/images/twitter_signin_logo.png | Bin 0 -> 1226 bytes
 app/assets/stylesheets/sessions.scss      |   5 +--
 app/assets/stylesheets/shared.scss        |  39 ++++++++++++++++++++++
 app/views/layouts/application.html.erb    |   4 +++
 app/views/sessions/new.erb                |  31 ++++++++++++++++-
 app/views/shared/_signup.html.erb         |  18 +---------
 config/locales/en-us.yml                  |   2 +-
 8 files changed, 76 insertions(+), 23 deletions(-)
 create mode 100644 app/assets/images/g-normal.png
 create mode 100644 app/assets/images/twitter_signin_logo.png

diff --git a/app/assets/images/g-normal.png b/app/assets/images/g-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8d4958e4edd1f40dbfafe836a86227eb938e160
GIT binary patch
literal 771
zcmV+e1N{7nP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru-~to?5HFrM4T1mw0+2~W
zK~z}7?UqkSlW`cwKkxgxHl5Se{F6CFk(QKVsc1!pS)L;3&>?R@CPEMqg>@07Lp6d9
zdGioL9Xcps9ZaMSdI+*Z`G=I1DPuUX%`vz3|LrhpyhwAprI$Uo-;eM6e82Da_xzsU
zBgnEWvx_0J%aIn47O?9AGPe3baBddg>mfo57Q!|waxj2o$VXLu6m@eed+LvGDW8yN
z9|+r*ahrPye*P5ykE&|O>FPl$Do&k%;OrEx?mNh9j)an`Y8%j-`%)tyyt;z3y$yNY
zt=N~0rDRl?kRuU7-{y(ftWgIJR+4M(L)7J@rUu;R9tF9WUqJSaF4QNQ6gdC*dwe6q
z=<fC=OunfDvU39OvrBm28X+tq8uHLT=|?(Hyfe2Tviux%jRR@_FFZr#Xs=#RDfy-j
zgg(@QXF4h-WI%P!iXce}%!6TnT!K?3iKfboZPtKqDR%aTLmS8e#->AYQ)H`&E8xF(
z!ayjQTc9Zc&rH+|?*f^TFp{Wr!MIOQ_KYytU9nTuYlS3=P*;!WnPEPZ!#&4gIu^${
zU*4?140L8G)~_amJRJ@EU6&ff?LS75!ZzOcO1QSxge{__@5>9U>-K-*U0#{NkHJ`l
z0}U0@_62D2S{Tz_AwV?As?SO1yKcs9lN+#e&INA1{DI9Gv;S<BL~fRlTq|Dj{^at=
zE!;tmV!t%I2-DtjBtc}+ZR4x+J3>T*#@>O-TZdK+{q30)=8DNbMpLWv+@5%Z!|zI{
z@(cYJxqrHiV`Wlm29oML69cUesVg|LDYi^k%;O6u6C&TzJn$!G9To;HqgY%^Sl5^F
zhXWWida4X2T8xdHF*YI!Vrp7(dMHf`NDJ7B_zi9K_6JNx^qc?y002ovPDHLkV1mA`
BTSx!^

literal 0
HcmV?d00001

diff --git a/app/assets/images/twitter_signin_logo.png b/app/assets/images/twitter_signin_logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..17d213ba5cacd67cdf653b8a86f3b9edd352e29b
GIT binary patch
literal 1226
zcmeAS@N?(olHy`uVBq!ia0vp^${@_a3?wz#owI=yOS+@4BLl<6e(pbstU$g(vPY0F
z14ES>14Ba#1H&(%P{RubhEf9thF1v;3|2E37{m+a><YADU|_rz;1l8sR3N+X(<mBd
zApnfl>!x$0fYh9lAirP+1_9T!2o)wqZYC)s)7{_y-Y+mJO<_#B?x1w`$NRG`{LS}c
z*lYe=nJQNNWxgpZ>!y90=C5C^Of*v5_rpu1=hxqNcRqfxEjaw{g;v0iGlG0;rZUJc
z{_xe4qwLbZ?YtGg-+S=1zWx8Vm4(H0&X0c!1Q;0^I5di{|NlN!SSV%o{%8OGUP<C)
zl+WM$;^+VWKcDZ(lV#x2@J!51@YLkW-FmnT=uXBYZ+91l4pvzYAcwug)7O>#A)^SN
zywLGgH-X8XQNh#2F~s8Z+w;zoSsVpeAJk>v-j)kNPx|l9dU3B~<*R##?>(2*-tXlx
zN%22-LP}0jRvI6-w{`(*wzPxdwz6+e9=v$+=Fuy*ck6ezFYkHq)OXj9AHROGe^8sy
z)Z{#a$;s0%qQXTbe^JMx<fO+9KUj_iBnkbfofLc{J1eTnEp3|9rec<+J9}zk7cSVa
zBEnF0sZ8RsHG7(VgoJf2+vTPZ5`A2n^DFP7%p4)!S<z9Jm#*<0^my^&&8utXwtJNl
zdw>1<dh)=6RlLs5hm}o!c^^Bbex+sM$(1i9ThE+3yINgWM^AVCnssYWrz979+j8Ev
z-d+8heUpWamEA>&mdl$zcb{IJy=&**-SrhUmu|V1U;lji_3huspI<lM(yCbhl)cHM
z|CrQ_$D+XCQ!R0gC`m~yNwrEYN(E93Mh1rFx(0^2Mg}2<CRWCVR)!Y32Bua92AW!{
zBvCZv=BH$)RpQnVQ7*I;s6i5BLvVgtNqJ&XDuZK6ep0G}XKrG8YEWuoN@d~6RA2$a
Oz~JfX=d#Wzp$Pzw#5vOd

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/sessions.scss b/app/assets/stylesheets/sessions.scss
index 0890194e..bafc7bbc 100644
--- a/app/assets/stylesheets/sessions.scss
+++ b/app/assets/stylesheets/sessions.scss
@@ -1,10 +1,7 @@
 .login {
   .center-panel {
     .center-panel-size {
-      max-width: 600px
-    }
-    .center-panel-content-size {
-      max-width: 500px;
+      max-width: 400px
     }
   }
 }
diff --git a/app/assets/stylesheets/shared.scss b/app/assets/stylesheets/shared.scss
index 91c8ff89..9b4f9e6e 100644
--- a/app/assets/stylesheets/shared.scss
+++ b/app/assets/stylesheets/shared.scss
@@ -118,3 +118,42 @@ body[data-controller=landing][data-action=rooms].app-background {
 .popover {
   max-width: none;
 }
+
+a.signin-link {
+  &:hover, &:focus {
+    cursor: pointer;
+    text-decoration: none;
+  }
+}
+
+.signin-link {
+  .signin-icon {
+    vertical-align: middle;
+    width: 35px;
+    height: 35px;
+  }
+  .signin-button {
+    background: white;
+    width: 250px;
+    border: thin solid #888;
+    border-radius: 2px;
+    white-space: nowrap;
+    padding: 5px;
+    margin-bottom: 14px;
+  }
+  .signin-icon-wrapper {
+    display: inline-block;
+    width: 40px;
+  }
+  .signin-text-wrapper {
+    display: inline-block;
+    width: 200px;
+  }
+  .signin-text {
+    font-family: 'Roboto', sans-serif;
+    vertical-align: middle;
+    font-size: 14px;
+    font-weight: bold;
+    color: #444;
+  }
+}
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 38fdbedc..ca6114c9 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -23,6 +23,7 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 
     <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
+    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
   </head>
 
   <body class="app-background" data-controller="<%= params[:controller] %>" data-action="<%= params[:action] %>">
@@ -35,6 +36,9 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
       <span class="logo-wrapper pull-left">
         <%= link_to image_tag("bbb-logo.png", :alt => "BigBlueButton", :class => "logo"), root_path %>
       </span>
+      <% unless params[:controller] == 'sessions' && params[:action] == 'new' %>
+        <%= render 'shared/signup' %>
+      <% end %>
     </div>
     <!-- End of Header -->
 
diff --git a/app/views/sessions/new.erb b/app/views/sessions/new.erb
index 75ba8b10..b3dde2ed 100644
--- a/app/views/sessions/new.erb
+++ b/app/views/sessions/new.erb
@@ -1,10 +1,39 @@
+<% content_for :title do %>
+  <div class="title">
+    <h2><%= t('log_in') %></h2>
+  </div>
+<% end %>
+
 <div class="page-wrapper login">
   <div class="container-fluid">
 
     <div class="center-panel-wrapper">
       <%= render layout: 'shared/center_panel' do %>
         <div class="center-block center-panel-content-size col-xs-12">
-          <%= render 'shared/signup' %>
+          <% if omniauth_providers_configured(:twitter) %>
+            <%= link_to '/auth/twitter', class: "signin-link signin-link-twitter" do %>
+              <div class="signin-button center-block">
+                <div class="signin-icon-wrapper">
+                  <%= image_tag("twitter_signin_logo.png", alt: "T", class: "signin-icon") %>
+                </div>
+                <div class="signin-text-wrapper text-center">
+                  <span class="signin-text"><%= t('signin_text', provider: 'Twitter') %></span>
+                </div>
+              </div>
+            <% end %>
+          <% end %>
+          <% if omniauth_providers_configured(:google) %>
+              <%= link_to '/auth/google', class: "signin-link signin-link-google" do %>
+                <div class="signin-button center-block">
+                  <div class="signin-icon-wrapper">
+                    <%= image_tag("g-normal.png", alt: "G", class: "signin-icon") %>
+                  </div>
+                  <div class="signin-text-wrapper text-center">
+                    <span class="signin-text"><%= t('signin_text', provider: 'Google') %></span>
+                  </div>
+                </div>
+              <% end %>
+          <% end %>
         </div>
       <% end %>
     </div>
diff --git a/app/views/shared/_signup.html.erb b/app/views/shared/_signup.html.erb
index 12840b19..0530e157 100644
--- a/app/views/shared/_signup.html.erb
+++ b/app/views/shared/_signup.html.erb
@@ -1,4 +1,4 @@
-<span class="signup">
+<span class="signup pull-right">
   <% if current_user %>
     <% if !@user %>
       <%= link_to current_user.name, current_user.room_url %> |
@@ -9,21 +9,5 @@
   <% elsif @user %>
     <%= t('are_you', name: @user.username) %> |
     <%= link_to t('login'), "/auth/#{@user.provider}" %>
-  <% else %>
-    <% if omniauth_providers_configured.present? %>
-      <span class="signup-description hidden-xs">
-        <%= t('oauth_signup') %>
-      </span>
-    <% end %>
-    <% if omniauth_providers_configured(:twitter) %>
-      <%= link_to('/auth/twitter', :class => "btn icon btn-lg btn-social-icon btn-twitter") do %>
-        <span class="fa fa-twitter"></span>
-      <% end %>
-    <% end %>
-    <% if omniauth_providers_configured(:google) %>
-      <%= link_to('/auth/google', :class => "btn icon btn-lg btn-social-icon btn-google") do %>
-        <span class="fa fa-google"></span>
-      <% end %>
-    <% end %>
   <% end %>
 </span>
diff --git a/config/locales/en-us.yml b/config/locales/en-us.yml
index 6fc4a6ab..09ff4814 100644
--- a/config/locales/en-us.yml
+++ b/config/locales/en-us.yml
@@ -89,7 +89,6 @@ en-US:
       phrase1: "One of your recordings has just been made available."
       phrase2: "Access the following website to view it and publish to other users: %{url}"
       subject: "Your recording is ready!"
-  oauth_signup: Signup for customized meetings
   past_recordings: Past Recordings
   footer_html: "%{greenlight_link} build %{version}, Powered by %{bbb_link}"
   presentation: Presentation
@@ -97,6 +96,7 @@ en-US:
   published: Published
   return_to_room: Return to your personal room
   session_url_explanation: The meeting will be taking place using the following URL
+  signin_text: Log in with %{provider}
   signup_description: Login for customized sessions
   start: Start
   start_meeting: Start Meeting

From ca79ba6317f72927ebccae33aa707d6d51bdfe81 Mon Sep 17 00:00:00 2001
From: Zachary Chai <zachary.chai@blindsidenetworks.com>
Date: Fri, 20 Jan 2017 14:46:52 -0500
Subject: [PATCH 4/4] style login description

---
 app/assets/stylesheets/landing.scss | 4 ++++
 app/views/landing/index.html.erb    | 2 +-
 config/locales/en-us.yml            | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/landing.scss b/app/assets/stylesheets/landing.scss
index 06900393..6d592f1d 100644
--- a/app/assets/stylesheets/landing.scss
+++ b/app/assets/stylesheets/landing.scss
@@ -21,6 +21,10 @@
     width: 200px;
     padding: 0;
   }
+  .login-text {
+    font-size: 16px;
+    padding-right: 5px;
+  }
 }
 
 .rooms {
diff --git a/app/views/landing/index.html.erb b/app/views/landing/index.html.erb
index 3441c8d8..43844364 100644
--- a/app/views/landing/index.html.erb
+++ b/app/views/landing/index.html.erb
@@ -42,7 +42,7 @@ with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
 
     <div class="center-block col-xs-6 login">
       <div class="text-center">
-        <%= t('signup_description') %> <%= link_to 'Login', '/users/login', class: 'btn btn-lg btn-primary' %>
+        <span class="login-text"><%= t('login_description') %></span> <%= link_to 'Login', '/users/login', class: 'btn btn-lg btn-primary' %>
       </div>
     </div>
 
diff --git a/config/locales/en-us.yml b/config/locales/en-us.yml
index 09ff4814..ceb2652d 100644
--- a/config/locales/en-us.yml
+++ b/config/locales/en-us.yml
@@ -97,7 +97,7 @@ en-US:
   return_to_room: Return to your personal room
   session_url_explanation: The meeting will be taking place using the following URL
   signin_text: Log in with %{provider}
-  signup_description: Login for customized sessions
+  login_description: Login for customized sessions
   start: Start
   start_meeting: Start Meeting
   your_personal_room: Your Personal Room