Skip to content
Snippets Groups Projects
Unverified Commit 26cf9ed8 authored by Ahmad Farhat's avatar Ahmad Farhat Committed by GitHub
Browse files

Homepage and footer cleanup (#4544)

parent 11e02c2c
Branches
Tags
No related merge requests found
......@@ -34,7 +34,7 @@
"recording_title": "Record your meetings",
"recording_description": "Record the BigBlueButton meetings and share them with the students to review and reflect on the material.",
"settings_title": "Manage your rooms",
"settings_description": "Configure the rooms, the meeting settings, to be in charge an effective classroom.",
"settings_description": "Configure your rooms and meeting settings to be in charge of an effective classroom.",
"and_more_title": "And more!",
"and_more_description": "BigBlueButton offers built-in tools for applied learning and is designed to save you time during class."
},
......@@ -234,7 +234,7 @@
},
"administration": {
"administration": "Administration",
"terms": "Terms",
"terms": "Terms & Conditions",
"privacy": "Privacy",
"privacy_policy": "Privacy Policy",
"change_term_links": "Change the terms links that appears at the bottom of the page",
......
......@@ -165,7 +165,13 @@ input.search-bar {
#footer {
margin-top: $footer-buffer-height;
max-height: $footer-height;
#footer-container {
border-top: 1px solid #d0d5dd;
}
a {
color: var(--brand-color) !important;
text-decoration: none !important;
}
}
......@@ -562,8 +568,8 @@ input[type="range"]:focus::-moz-range-thumb {
// Homepage
#homepage-hero {
margin-top: 5rem;
margin-bottom: 5rem;
margin-top: 4.5rem;
margin-bottom: 4.5rem;
@include media-breakpoint-down(md) {
margin-top: 3rem;
......@@ -572,8 +578,8 @@ input[type="range"]:focus::-moz-range-thumb {
}
.homepage-card {
min-height: 300px;
min-width: 300px;
min-height: 16.5rem;
min-width: 16.5rem;
}
.homepage-card-icon-circle {
......
.text-link {
text-decoration: none !important;
color: #0d6efd;
color: var(--brand-color) !important;
}
.wide-white {
......
......@@ -9,8 +9,8 @@ $muted: #6c757d;
$black: #212529;
$header-height: 70px;
$footer-buffer-height: 35px;
$footer-height: 35px;
$footer-buffer-height: 15px;
$footer-height: 57px;
$table-hover-bg: #F8F8F8;
......@@ -24,3 +24,5 @@ $column-md-width: 150px;
$column-lg-width: 325px;
$input-max-width: 300px;
$font-family-base: "Montserrat", Sans-serif !important;
......@@ -48,7 +48,7 @@ export default function HomePage() {
</Col>
</Row>
<Row>
<h4 className="text-muted text-uppercase my-5">{t('homepage.explore_features')}</h4>
<h4 className="text-muted text-uppercase my-4 py-1">{t('homepage.explore_features')}</h4>
<Col className="mb-3">
<HomepageFeatureCard
title={t('homepage.meeting_title')}
......
......@@ -6,10 +6,10 @@ export default function HomepageFeatureCard({ title, description, icon }) {
return (
<Card className="homepage-card h-100 shadow-sm border-0">
<Card.Body className="p-4">
<div className="homepage-card-icon-circle rounded-circle mb-5 d-flex align-items-center justify-content-center">
<div className="homepage-card-icon-circle rounded-circle mb-4 d-flex align-items-center justify-content-center">
{ icon }
</div>
<Card.Title> { title } </Card.Title>
<Card.Title className="pt-2"> { title } </Card.Title>
<Card.Text className="text-muted"> { description } </Card.Text>
</Card.Body>
</Card>
......
import React from 'react';
import { useTranslation } from 'react-i18next';
import { Container } from 'react-bootstrap';
import useEnv from '../../hooks/queries/env/useEnv';
import useSiteSetting from '../../hooks/queries/site_settings/useSiteSetting';
......@@ -9,7 +10,8 @@ export default function Footer() {
const { data: links } = useSiteSetting(['Terms', 'PrivacyPolicy']);
return (
<footer id="footer" className="footer background-whitesmoke text-center pb-2">
<footer id="footer" className="footer background-whitesmoke text-center">
<Container id="footer-container" className="py-3">
<a href="https://docs.bigbluebutton.org/greenlight_v3/gl3-install.html" target="_blank" rel="noreferrer">Greenlight</a>
<span className="text-muted"> {env?.VERSION_TAG} </span>
{ links?.Terms
......@@ -24,6 +26,7 @@ export default function Footer() {
{ t('admin.site_settings.administration.privacy_policy') }
</a>
)}
</Container>
</footer>
);
}
<!DOCTYPE html>
<html>
<head>
<title>Greenlight</title>
<title>BigBlueButton</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment