forked from Lemur-dn/lemur-dn.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (106 loc) · 7.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<title>The LEMUR Project</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
.coloresfondo
{
background-image: url('/img/network-bckg.png');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.colorebarra {background:#6495ed; color: white}
</style>
</head>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar colorebarra w3-card w3-left-align w3-large">
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-blue" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
<a href="objectives.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Objectives</a>
<a href="participants.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Participants</a>
<a href="projects.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Projects</a>
<a href="phdstudents.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">PhD Students</a>
<a href="dissemination.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Dissemination</a>
<a href="news.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">News</a>
<a href="outcomes.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Outcomes</a>
<a href="publications.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Publications</a>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
<a href="objectives.html" class="w3-bar-item w3-button w3-padding-large">Objectives</a>
<a href="participants.html" class="w3-bar-item w3-button w3-padding-large">Participants</a>
<a href="projects.html" class="w3-bar-item w3-button w3-padding-large">Projects</a>
<a href="phdstudents.html" class="w3-bar-item w3-button w3-padding-large">PhD Students</a>
<a href="dissemination.html" class="w3-bar-item w3-button w3-padding-large">Dissemination</a>
<a href="news.html" class="w3-bar-item w3-button w3-padding-large">News</a>
<a href="outcomes.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Outcomes</a>
<a href="publications.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Publications</a>
</div>
</div>
<!-- Header -->
<header class="w3-container coloresfondo w3-center" style="padding:128px 16px">
<span style="vertical-align: middle; font-size: 70px;">The</span>
<img src="img/lemur.png" style="width:17%; margin-bottom: 50px;" alt="LEMUR Project">
<span style="vertical-align: middle; font-size: 70px;">Project</span>
<p class="w3-xlarge">Learning with Multiple Representations</p>
<!--<button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</button>-->
<a href="#aim" class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</a>
</header>
<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
<div class="w3-content">
<div class="w3-twothird">
<h1 id="aim">Aim of the Project</h1>
<h5 class="w3-padding-32">LeMuR is an MSCA (Marie Skłodowska-Curie Actions) Doctoral Network (DN) 2021 on Learning with Multiple Representations. The goal of LeMuR is to develop the theoretical foundations and a first set of algorithms for the new “Learning with Multiple Representations” (LMR) paradigm. Moreover, corresponding applications will be developed to demonstrate the usefulness of the new family of approaches.</h5>
<h5 class="w3-padding-32">Specifically, LMR algorithms will allow flexible representations (e.g., suitable for explainability, fairness, …) with diverse target functions (e.g., incorporating environmental or even social impact) so as to make the induced models abide by the Green Charter and trustworthy AI criteria by design. The project will focus on learning with weak supervision because it addresses one of the major flaws of modern ML approaches, i.e., their data hunger, by means of weaker sources of labeling for training data. The outcome of the DN will be a set of 10 experts trained to implement the third and subsequent waves of AI in Europe. The highly interdisciplinary and intersectoral context in which they will be trained will provide them with research-related and transferable competencies relevant to successful careers in central AI areas.</h5>
<!-- <p class="w3-text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat.</p>-->
</div>
<div class="w3-third w3-center">
<img src="img/aim.png" width=30% alt="Lemur objectives">
</div>
</div>
</div>
<div class="w3-container w3-black w3-center w3-opacity w3-padding-64">
<img src="img/lemur_title.png" style="width:18%; margin-right: 20px;" alt="LEMUR Project">
<img src="img/europe.png" style="width:30%; margin-top: 70px;" alt="EU Funded">
<h1 class="w3-margin w3-xlarge">HORIZON Unit Grant</h1>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity">
<div class="w3-xlarge w3-padding-32">
<!--<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>-->
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
</div>
<!-- <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>-->
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>