Commit 4061d53d authored by Laurianne Charrier's avatar Laurianne Charrier Committed by Dorian Goepp
Browse files

Creation of the about us page + buttons

parent e2168ae0
......@@ -27,7 +27,7 @@
/* Name of the algorithm being run */
#header .algo-name {
width: 30%;
width: 26%;
color: #383838;
font-size: 25px;
font-weight: bold;
......@@ -58,6 +58,33 @@
font-weight: bold;
color: #383838;
}
/* About us button */
.lavizu_btn {
font-family: sans-serif;
width:auto;
display: inline-block;
background: #edc71b;
color:#fff;
font-size: 25px;
padding:10px 20px 10px 20px;
border-radius: 10px;
border:none;
border-bottom:5px solid #ba9d1a;
transition: all 0.2s;
margin-left: 5%;
text-decoration: none;
margin-top: 30px;
}
.lavizu_btn:hover {
border-bottom:7px solid #ba9d1a;
transform: translateY(-2px);
cursor: pointer;
}
.lavizu_btn:active {
transition: all 0s;
border-bottom:2px solid #ba9d1a;
transform: translateY(2px);
}
/* Buttons to control the algorithm's lifecycle : play/pause, restart, next step, etc. */
......
......@@ -32,6 +32,7 @@ export function Header(props) {
<div className="block sleep">
<SleepDuration ros={props.ros}/>
</div>
<a class="lavizu_btn" href="adresse" targer="_blank">?</a>
</div>);
}
......@@ -40,4 +41,4 @@ function ImageButton(icon_name) {
return <img src={`${window.location.origin}/images/icons/${icon_name}.svg`} alt={icon_name}
className="normal"/>
}
}
\ No newline at end of file
}
body {
background-color: #f5f5f6;
font-family: "Lato"
}
h1 {
color: #edc61b;
text-align:center;
font-weight: bold;
margin-top: 2%;
margin-left: 40%;
display: inline-block;
width: 20%
}
h2 {
color:#383838;
font-weight: bold;
text-align: center;
margin-top: 40px;
margin-bottom: 40px
}
p {
color:#383838;
font-size: 20px
}
.single-service-line1 {
width:100%;
}
.single-service-line2 {
float: left;
width: 50%;
margin-top: -50px
}
.single-service-line3 {
float: left;
width: 20%;
margin-top: -40px
}
.team-description {
float:left;
width: 65%;
margin-left: 3%;
margin-bottom: 10px;
margin-top: -10px;
text-align: justify;
}
.visu-description {
margin-right: 200px;
margin-left: 200px
}
#logo-liris {
display: block;
margin-left: auto;
margin-right: auto;
height: 200px;
}
#logo-hoomano {
display: block;
margin-left: auto;
margin-right: auto;
height: 200px;
}
#logo-ANR {
display: block;
margin-left: auto;
margin-right: auto;
height: 120px;
margin-bottom: -50px
}
#logo-Lyon-1 {
display: block;
margin-left: auto;
margin-right: auto;
height: 150px
}
#logo-cnrs {
display: block;
margin-left: auto;
margin-right: auto;
height: 150px
}
#logo-insa {
display: block;
margin-left: auto;
margin-right: auto;
height: 150px
}
#logo-ecole-centrale {
display: block;
margin-left: auto;
margin-right: auto;
height: 150px
}
#logo-univlyon2 {
display: block;
margin-left: auto;
margin-right: auto;
height: 150px;
margin-top: -20px
}
#team-photo {
display:block;
width: 500px;
margin-left: 2%;
border-radius: 10px;
float:left;
}
.lavizu_btn {
font-family: sans-serif;
width:auto;
display: inline-block;
background: #edc71b;
color:#fff;
font-size: 25px;
padding:10px 20px 10px 20px;
border-radius: 10px;
border:none;
border-bottom:5px solid #ba9d1a;
transition: all 0.2s;
margin-left: 30%;
text-decoration: none;
}
.lavizu_btn:hover {
border-bottom:7px solid #ba9d1a;
transform: translateY(-2px);
cursor: pointer;
}
.lavizu_btn:active {
transition: all 0s;
border-bottom:2px solid #ba9d1a;
transform: translateY(2px);
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Learn more about us</title>
<meta charset="UTF-8" >
<link rel="stylesheet" href="LearnMore.css" >
<link rel="shortcut icon" href="%PUBLIC_URL%/behaviors.favicon-430x430.jpg" />
</head>
<body>
<div>
<h1>About Behaviors.ai</h1>
<a class="lavizu_btn" href="adresse" targer="_blank">Lavizu</a>
<div>
<img src="../public/images/behaviors-work.jpg"
alt="team-photo"
key="team-photo"
id="team-photo"/>
</div>
<div class="team-description">
<p>Behaviors.ai (Behaviors.ai is an Engine enHancing verbAl and non­Verbal InteractiOns of RobotS, based on Artificial Intelligence) is a Common Laboratory funded by the ANR (French Research Agency) and gathers skills from LIRIS researchers in Artificial Intelligence and from Hoomano, a specialized firm in software development for social robots. It has started in February 2017 and will last three years.
Behaviors.ai targets to transfer fundamental research results, especially in developmental learning, to mass-market applications in robots. The team research focuses on the understanding of the interactional context and on providing an appropriate and accurate response.</p>
<p>The objectives of Behaviors.ai are to improve the context perception and the accuracy of the given response to provide more empathic human-robots interactions. This research project targets to develop an interactional engine that will include some of the state of the art methods and new innovative solutions, especially based on promising results in developmental learning and in cognitive robotics. It is part of the innovative development of Hoomano consisting in providing generic tools that can be deployed on any robotic platform to become a standard engine on the market. In addition to technical issues related to the diversity of robotic platforms, this objective raises a key research challenge: the engine has to be able to adapt dynamically to the interaction capabilities of the robot and to mature continuously depending on the effective and interesting interactions with its environment.</p>
</div>
</div>
<div class="visu-description">
<h1>About Lavizu</h1>
<p>Lavizu aims to explain what is happening in the head of the agent when it is learning. Showing the mental states, the memory and the evolution of knowledge of the agent may lead to a better comprehension of the developmental learning algorithms for our team, researchers or the general public. Being able to debug our algorithms to improve their efficiency is also a goal of this visualisation, and could finally lead to more natural interactions with robots.</p>
</div>
<div>
<div class="single-service-line1">
<h2>Supported by</h2>
<img src="../public/images/logo-ANR.png"
alt="logo-ANR"
key="logo-ANR"
id="logo-ANR"/>
</div>
<div class="single-service-line2">
<img src="../public/images/logo-liris.png"
alt="logo-liris"
key="logo-liris"
id="logo-liris"/>
</div>
<div class="single-service-line2">
<img src="../public/images/logo-hoomano.png"
alt="logo-hoomano"
key="logo-hoomano"
id="logo-hoomano"/>
</div>
<div class="single-service-line3">
<img src="../public/images/logo-cnrs.png"
alt="logo-cnrs"
key="logo-cnrs"
id="logo-cnrs"/>
</div>
<div class="single-service-line3">
<img src="../public/images/logo-Lyon-1.png"
alt="logo-Lyon-1"
key="logo-Lyon-1"
id="logo-Lyon-1"/>
</div>
<div class="single-service-line3">
<img src="../public/images/logo-insa.png"
alt="logo-insa"
key="logo-insa"
id="logo-insa"/>
</div>
<div class="single-service-line3">
<img src="../public/images/logo-ecole-centrale.png"
alt="logo-ecole-centrale"
key="logo-ecole-centrale"
id="logo-ecole-centrale"/>
</div>
<div class="single-service-line3">
<img src="../public/images/logo-univlyon2.png"
alt="logo-univlyon2"
key="logo-univlyon2"
id="logo-univlyon2"/>
</div>
</div>
</body>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment