merenber
/
greenlight
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

redesign home page

This commit is contained in:
Josh 2018-06-06 14:51:32 -04:00
parent fa64e53792
commit c1549193f2
3 changed files with 35 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/application.scss
View File

@ -70,6 +70,11 @@ a {
font-size: 26px;
}
.feature-icon {
transform: translateY(-50%);
margin-top: 50%;
}
.main-large {
font-size: 20px;
}
@ -86,6 +91,11 @@ iframe{
font-size: 25px;
}
.feature-stamp {
width: 100px;
height: 100px;
}
html, body {
width: 100%;
height: 100%;

17
app/views/main/index.html.erb
View File

@ -1,13 +1,19 @@
<div class="container">
<div class="room-section pb-2 pt-9">
<div class="container text-center">
<h1 id="main-text" class="display-3 text-center text-primary mt-9">Teach Students Online.</h1>
<h1 id="main-text" class="display-3 font-weight-400">Welcome to Greenlight.</h1>
<h4 class="text-muted">A simple front end for your BigBlueButton Open Source Web Conferencing Server.</h4>
<hr class="small-rule">
<%= render "shared/features" %>
<%= link_to "https://www.google.com", class: "p-3", target: "_blank" do %>
<h4>Watch a tutorial on using Greenlight <i class="fe fe-play-circle"></i></h4>
<% end %>
</div>
</div>
<%= render "shared/features" %>
<script>
/*
textOptions = [
"Start your own Meeting.",
"Collaborate with Friends.",
@ -27,4 +33,5 @@ var changeText = function(){
setInterval(function(){
$('#main-text').fadeOut(1000, changeText)
}, 7000);
*/
</script>

35
app/views/shared/_features.html.erb
View File

@ -1,33 +1,24 @@
<h3 class="text-center text-primary mt-6">Features</h3>
<hr class="small-rule">
<h1 class="text-center mt-7">Features</h1>
<div class="container text-center">
<div class="row mt-4">
<div class="col-4">
<i class="fas fa-video fa-6x"></i>
<h4 class="mt-5">Manage Recordings</h4>
</div>
<div class="col-4">
<i class="fas fa-users fa-6x"></i>
<h4 class="mt-5">Create Meetings</h4>
</div>
<div class="col-4">
<i class="fas fa-history fa-6x"></i>
<h4 class="mt-5">Session History</h4>
</div>
</div>
<div class="row mt-8">
<div class="col-4">
<i class="fas fa-pencil-alt fa-6x"></i>
<h4 class="mt-5">Custom Designs</h4>
<span class="stamp feature-stamp bg-cyan">
<i class="fas fa-chalkboard-teacher fa-3x feature-icon"></i>
</span>
<h4 class="mt-5 text-muted">Personalized Rooms</h4>
</div>
<div class="col-4">
<i class="fas fa-user-cog fa-6x"></i>
<h4 class="mt-5">User Mangement</h4>
<span class="stamp feature-stamp bg-cyan">
<i class="fas fa-film fa-3x feature-icon"></i>
</span>
<h4 class="mt-5 text-muted">Recording Management</h4>
</div>
<div class="col-4">
<i class="fas fa-thumbs-up fa-6x"></i>
<h4 class="mt-5">Feature Six</h4>
<span class="stamp feature-stamp bg-cyan">
<i class="fas fa-pencil-alt fa-3x feature-icon"></i>
</span>
<h4 class="mt-5 text-muted">Custom Designs</h4>
</div>
</div>
</div>