<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>ILDE: Integrated Learning Design Environment</title>
<link rel="icon" type="image/png" href="https://ilde.upf.edu/_graphics/favicon.ico" />
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="mod/lds/javascript/lds-login.js?t=1719731460"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1X1BXRB9C4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-1X1BXRB9C4');
</script><style>
html, body
{
height: 100%;
width: 100%;
margin: 0;
font-family: Helvetica,Arial,sans-serif;
}
a
{
outline: none;
}
h1, h2
{
font-size: 19px;
margin: 10px 0;
/*text-align: right;*/
}
#topbar
{
background-image: url(https://ilde.upf.edu/_graphics/bg-header-big.png);
height: 80px;
}
#loginform
{
float: right;
padding: 10px;
}
#middlecontents
{
text-align: center;
}
#bottombar
{
height: 75px;
position: absolute;
bottom: 0px;
width: 100%;
}
#contentswrapper {
position: absolute;
z-index: -1;
top: 55%;
left: 50%;
/* margin-top: -315px; */
/* margin-left: -235px; */
transform: translate(-50%, -60%);
}
/*
#heirri {
margin-left: -90px;
position: absolute;
left: 40%;
top: 55%;
}
*/
#heirri img {
width: 500px;
}
#logo
{
}
#text {
width: 100vh;
}
#text h2 {
color: #9f1f5f;
text-shadow: 1px 2px 3px #666;
font-size: 180%
}
#text h3 {
color: #737373;
font-size: 110%;
}
#claims
{
float: left;
padding-left: 30px;
border-left: 1px solid #dadbdc;
}
#claims
{
text-align: left;
width: 450px;
}
.home-pill
{
float: left;
margin: 15px;
padding: 5px;
text-align: center;
font-weight: bold;
width: 120px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.3) inset;
font-size: 14px;
}
.home-pill p
{
margin: 3px 0;
}
.field
{
float: left;
margin-left: 15px;
}
label
{
display: block;
color: #C3DEC4;
font-size: 11px;
font-weight: bold;
}
input[type="submit"] {
margin: 15px 15px 0 0;
display: block;
float: right;
border: 1px solid #ccc;
background-color: #078007;
font-size: 14px;
font-weight: bold;
padding: 7px 12px;
color: #e4e3e3;
transition: 0.2s all;
}
input[type="submit"]:hover {
background-color: #639c59;
color: #444444;
cursor: pointer;
}
.fieldoptions
{
display: block;
font-size: 12px;
color: #C3DEC4;
}
.fieldoptions div
{
margin-top: 8px;
float: left;
}
input[type="checkbox"]
{
margin: 8px 5px 0 0;
display: block;
float: left;
}
a.underfield
{
margin-top: 8px;
display: block;
color: #C3DEC4;
}
#register
{
font-weight: bold;
font-size: 14px;
color: #fff;
float: right;
margin: 20px 25px 0 0;
}
#register a
{
color: #C3DEC4;
font-weight: bold;
}
#about {
margin-top: 7px;
}
#about a
{
font-weight: bold;
font-size: 14px;
color: #fff;
}
#footer
{
margin: 0 30px;
border-top: 1px solid #dadbdc;
}
a img
{
border: 0;
}
#footer-logos {
height: 66px;
/*width: 824px;*/
/*float: left;*/
}
#footer-logos ul {
list-style-image: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin: 5px 0 0 0;
}
#footer-logos li {
padding: 5px;
float: left;
}
#footer-logos img {
height: 57px;
}
#footer-logos li.small-upf-logo img {
height: 70px;
}
#footer-logos li.small-upf-logo {
padding: 0;
}
#footer-contents
{
margin: 16px 0 0 30px;
float: left;
}
ul.links {
list-style-image: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin: 0 0 10px 0;
font-size: 13px;
}
ul.links a
{
color: #000;
}
.acknowledgements
{
color: #777;
font-size: 12px;
}
.messages
{
background-color: #cfc;
border: 1px solid green;
}
.messages_error
{
background-color: #fcc;
border: 1px solid red;
}
.messages,.messages_error
{
font-size: 13px;
margin: 3px;
padding: 5px;
}
.messages p,.messages_error p
{
margin: 0;
text-align: center;
font-size: 180%;
}
.messages a,.messages_error a
{
display: none;
}
</style>
</head>
<body>
<script>
var baseurl = "https:\/\/ilde.upf.edu\/";
</script>
<style>
#cookies-terms-short {
padding: 10px;
background-color: aliceblue;
}
#accept_cookies {
margin-top: 10px;
}
</style>
<div id="cookies-terms-short">The Integrated Learning Design Environment web portal - https://ilde.upf.edu/ - (hereinafter "ILDE") is managed by the Interactive Technologies Group at Universitat Pompeu Fabra, Barcelona, Spain (“UPF” or “WE/US”) domiciled at Plaça de la Mercè, 10-12, Barcelona, Spain, with tax number (CIF) Q-5850017-D. ILDE uses our own and third-party tracking and analytical cookies in order to improve our service and for research and development purposes. The cookie policy is set out <a target="_target" href="https://ilde.upf.edu/pg/lds/legal/cookie-policy">here</a>. <div style="float:right"><button id="accept_cookies" class="ldshake-button">Accept</button></div>
</div>
<div style="clear:both;"></div>
<script>
$('#accept_cookies').on('click', function() {
$.ajax({
type: "POST",
url: baseurl + 'action/setcookie',
data: {},
processData: false,
contentType: false,
dataType: "json",
success: function() {
$('#cookies-terms-short').hide();
},
error: function() {
console.log("ajax error");
},
});
});
</script>
<div id="topbar">
<form id="loginform" method="post" action="">
<input type="hidden" name="__elgg_token" value="" /> <input type="hidden" name="__elgg_ts" value="1719731460" /> <input type="submit" value="Log in" class="google-login" tabindex="3" />
<input type="hidden" value="true" name="persistent" />
</form>
<div id="register">
Not registered yet? <a href="#" class="google-login">Register here!</a>
<div id="about"><span><a target="_blank" href="http://ilde.upf.edu/about">About</a></span></div>
</div>
</div>
<div id="middlecontents">
<div id="contentswrapper">
<div id="logo">
<h1>
<img src="https://ilde.upf.edu/_graphics/logos/ilde_logo_medium.png" height="300" alt="ILDE logo" />
</h1>
</div>
<div id="text">
<h2>The all-in-one learning design community platform</h2>
<h3>Explore, create or co-create and share designs for learning</h3>
<h3>All in your browser, only in the context of your ILDE community</h3>
</div>
<!--<div id="claims">
<div class="home-pill" style="background-color: #DDEFAA; transform: rotate(1.1deg); -o-transform: rotate(1.1deg); -moz-transform: rotate(1.1deg); -webkit-transform: rotate(1.1deg);">
<img src="_graphics/ld-shake-1.PNG" height="60" />
<p>Shake hands with other teachers!</p>
</div>
<div class="home-pill" style="background-color: #99DBE7; transform: rotate(-1.3deg); -o-transform: rotate(-1.3deg); -moz-transform: rotate(-1.3deg); -webkit-transform: rotate(-1.3deg);">
<img src="_graphics/ld-shake-2.PNG" height="60" />
<p>Shake different learning design solutions!</p>
</div>
<div class="home-pill" style="background-color: #FEFBC2; transform: rotate(-0.9deg); -o-transform: rotate(-0.9deg); -moz-transform: rotate(-0.9deg); -webkit-transform: rotate(-0.9deg);">
<img src="_graphics/ld-shake-3.PNG" height="60" />
<p>Shake your students with the learning designs!</p>
</div>
<div class="home-pill" style="background-color: #FFD9D4; transform: rotate(1.9deg); -o-transform: rotate(1.9deg); -moz-transform: rotate(1.9deg); -webkit-transform: rotate(1.9deg);">
<img src="_graphics/ld-shake-4.PNG" height="60" />
<p>Shake up your way of working!</p>
</div>
<div style="clear:both;"></div>
</div>-->
</div>
</div>
<div id="bottombar">
<div id="footer">
<div id="footer-logos">
<ul>
<li><a href="https://www.upf.edu/web/tide" target="_blank"><img src="https://ilde.upf.edu/_graphics/tide/en_TIDE_mini.png" alt="TIDE logo"></a></li>
<li><a href="http://ldshake.upf.edu" target="_blank"><img src="https://ilde.upf.edu/_graphics/powered-by-ldshake.png" alt="Powered by ILDEplus" /></a></li>
<li><a href="http://www.gsic.uva.es/glueps/" target="_blank"><img src="https://ilde.upf.edu/_graphics/metis/glueps-inside.png" alt="GLUEPS"></a></li>
<li><a href="http://www.gsic.uva.es/webcollage/" target="_blank"><img src="https://ilde.upf.edu/_graphics/metis/WC-inside.png" alt="WebCollage"></a></li>
<!--<li><a href="http://www.upf.edu" target="_blank"><img src="https://ilde.upf.edu/_graphics/upf-logo.png" alt="UPF logo"></a></li>
<li><a href="http://gti.upf.edu" target="_blank"><img src="https://ilde.upf.edu/_graphics/gti-small.png" alt="GTI UPF logo"></a></li>
<li><a href="http://ldshake.upf.edu" target="_blank"><img src="https://ilde.upf.edu/_graphics/powered-by-ldshake.png" alt="Powered by ILDEplus" /></a></li>-->
</ul>
</div>
</div>
</div>
</body>
</html>