Merge pull request #10 from beatriceo/landing_page

done landing_page
This commit is contained in:
Ethan1710 2018-08-28 15:35:27 +01:00 committed by GitHub
commit fb0143a20b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 48 additions and 2 deletions

BIN
app/assets/images/phone.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

View File

@ -0,0 +1,24 @@
.banner {
color: white;
text-align: center;
height: 100vh;
/* if you have a 70px navbar => height: calc(100vh - 70px); */
background-size: cover !important;
display: flex;
align-items: center;
justify-content: center;
}
.banner h1 {
font-size: 60px;
font-weight: bold;
text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
color: #F0FFFF;
}
.banner p {
font-size: 30px;
font-weight: lighter;
color: #F0FFFF;
opacity: 0.8;
margin-bottom: 20px;
}

View File

@ -1,3 +1,4 @@
// Import your components CSS files here.
@import "alert";
@import "navbar";
@import "banner";

View File

@ -3,4 +3,7 @@ class PagesController < ApplicationController
def call
end
def home
end
end

View File

@ -10,7 +10,7 @@
<%#= stylesheet_pack_tag 'application', media: 'all' %> <!-- Uncomment if you import CSS in app/javascript/packs/application.js -->
</head>
<body>
<%= render 'shared/navbar' %>
<%= render 'shared/navbar' unless params["action"] == "home"%>
<%= render 'shared/flashes' %>
<%= yield %>
<%= javascript_include_tag 'application' %>

View File

@ -0,0 +1,17 @@
<div class="banner" style="background-image: linear-gradient(-225deg, rgba(5,25,55,0.3) 0%, rgba(68,73,101,0.3),rgba(128,129,149,0.3),rgba(191,190,200,0.3),rgba(255,255,255,0.3) 50%), url('<%= image_path 'phone.jpg' %>');">
<div class="banner-content">
<h1>Make a call</h1>
<p>Communicate in different languages</p>
<p>and receive real-time translated</p>
<p> subtitles in your native tongue.</p>
<p>
<span id="banner-typed-text"></span>
</p>
<%= link_to "Sign Up",new_user_registration_path, class: "btn btn-primary btn-lg" %>
<%= link_to "Login", new_user_session_path, class: "btn btn-primary btn-lg" %>
</div>
</div>
<% unless current_user.nil? %>
<% end %>

View File

@ -1,10 +1,11 @@
Rails.application.routes.draw do
get 'video_sessions/create'
devise_for :users
root to: 'pages#call'
root to: 'pages#home'
get '/contacts', to: 'users#index'
post '/sessions', to: 'video_sessions#create'
mount ActionCable.server, at: '/cable'
# For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
get '/home', to: 'pages#home'
end