educaweb2/index.html

242 lines
9.5 KiB
HTML
Raw Permalink Blame History

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#
" lang="es">
<head>
<meta charset="utf-8">
<meta name="description" content="EDUCATIC web">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>EDUCATIC</title>
<link href="assets/css/all-nocdn.css" rel="stylesheet" type="text/css">
<meta name="theme-color" content="#5670d4">
<meta name="generator" content="Nikola (getnikola.com)">
<link rel="canonical" href="https://educatic.txs.es/">
<link rel="shortcut icon" href="assets/img/favicon.ico" sizes="48x48">
<link rel="icon" href="assets/img/favicon-96x96.png" sizes="96x96">
<link rel="icon" href="assets/img/favicon.svg" sizes="">
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png" sizes="180x180">
<link rel="manifest" href="assets/img/site.webmanifest" sizes="">
<!--[if lt IE 9]><script src="assets/js/html5.js"></script><![endif]--><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link href="assets/css/mastodon-timeline.min.css" rel="stylesheet">
<meta name="author" content="Educatic">
<meta property="og:site_name" content="EDUCATIC">
<meta property="og:title" content="EDUCATIC">
<meta property="og:url" content="https://educatic.txs.es/">
<meta property="og:description" content="EDUCATIC web">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2025-07-24T19:28:07+01:00">
</head>
<body>
<a href="#content" class="sr-only sr-only-focusable">Ir al contenido principal</a>
<!-- Menubar -->
<nav class="navbar navbar-expand-md static-top mb-4
navbar-dark
bg-dark
"><div class="container-xl">
<!-- This keeps the margins nice -->
<a class="navbar-brand" href=".">
<img src="assets/img/educatic_logo_w.svg" alt="EDUCATIC" id="logo" class="d-inline-block align-top"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="bs-navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Acerca de ...</a>
<div class="dropdown-menu">
<a href="project/" class="dropdown-item">Visión y proyecto</a>
<a href="team/" class="dropdown-item">Equipo y colaboraciones</a>
<a href="foundation/" class="dropdown-item">Fundación TXS.es</a>
<a href="communications/" class="dropdown-item">Comunicaciones</a>
<a href="contact/" class="dropdown-item">Contacto</a>
</div>
</li>
<li class="nav-item">
<a href="services/" class="nav-link">Servicios</a>
</li>
<li class="nav-item">
<a href="events/" class="nav-link">Eventos</a>
</li>
<li class="nav-item">
<a href="join/" class="nav-link">Asóciate</a>
</li>
<li class="nav-item">
<a href="donate/" class="nav-link">Donar</a>
</li>
</ul>
<ul class="navbar-nav navbar-right"></ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav><!-- End of Menubar --><div class="container-xl" id="content" role="main">
<div class="body-content">
<div class="row">
<div class="col">
<!--Body content-->
<article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header style="background-image: url(images/aprendiendo3.jpg); height: 75vh; text-align:center;"><div style="font-size:50px;">
<h2 class="p-name entry-title" itemprop="headline name">Tecnologías para la Educación y Transparencia Tecnológica</h2>
 
<a href="mailto:educatic@txs.es" class="text-dark mx-2" title="Enviar un correo"><img src="assets/img/email.svg" width="65" height="65" alt="email" class="d-inline-block align-top"></a>
 
<a href="xmpp:educatic-general@conference.txs.es" title="Canal de mensajería XMPP"><img src="assets/img/xmpp.svg" width="65" height="65" alt="XMPP" class="d-inline-block align-top"></a>
 
<a href="https://txs.es/@EDUCATIC" title="Mastodon"><img src="assets/img/mastodon.svg" width="65" height="65" alt="Mastodon" class="d-inline-block align-top"></a>
 
<a href="https://tuvideo.encanarias.info/accounts/educatic" title="PeerTube"><img src="assets/img/peertube.svg" width="65" height="65" alt="PeerTube" class="d-inline-block align-top"></a>
 
<a href="https://eventos.txs.es/feed/rss/collection/EDUCATIC" title="RSS"><img src="assets/img/rss.svg" width="65" height="65" alt="RSS" class="d-inline-block align-top"></a>
 
</div>
</header><div class="e-content entry-content" itemprop="articleBody text">
<!-- # <font color="#ff0000" face="serif">EDUCA</font><font color="#808080" face="serif">TIC</font> -->
<h2></h2>
</div>
</article><!--End of body content-->
</div>
<div class="col-lg-5 col-xl-4">
<div class="container-xl">
<img src="assets/img/mastodon.svg" width="35" height="35" alt="Mastodon" class="d-inline-block align-top">
</div>
<!--Mastodon content-->
<div class="dummy-wrapper-timeline">
<!-- Mastodon Timeline -->
<div id="mt-container" class="mt-container">
<div class="mt-body" role="feed">
<div class="mt-loading-spinner"></div>
</div>
</div>
</div>
<!--End of Mastodon content-->
</div>
</div>
<footer id="footer">
© 2020-2025 Educatic
-
<a href="mailto:educatic@txs.es" class="text-dark mx-2" title="Enviar un correo"><i class="fas fa-envelope"></i></a>
<a href="xmpp:educatic-general@conference.txs.es?join" class="text-dark mx-2" title="Canal de mensajería XMPP"><i class="fas fa-comment"></i></a>
<a href="https://txs.es/@EDUCATIC" class="text-dark mx-2" title="Mastodon"><i class="fab fa-mastodon"></i></a>
<a href="https://tuvideo.encanarias.info/accounts/educatic" class="text-dark mx-2" title="PeerTube"><i class="fas fa-video"></i></a>
<a href="https://eventos.txs.es/feed/rss/collection/EDUCATIC" class="text-dark mx-2" title="RSS"><i class="fas fa-rss-square"></i></a>
-
<a href="info/" title="Información legal">Información legal</a>
-
Generado con <a href="https://getnikola.com" rel="nofollow">Nikola</a>
</footer>
</div>
</div>
<script src="assets/js/all-nocdn.js"></script><script src="assets/js/mastodon-timeline.umd.js"></script><script>
const myTimeline = new MastodonTimeline.Init({
instanceUrl: "https://txs.es",
timelineType: "profile",
userId: "44",
profileName: "@EDUCATIC",
defaultTheme: "light",
dateFormatLocale: "es",
btnSeeMore: "Ver mas publicaciones en Mastodon",
btnReload: "Recargar",
maxNbPostFetch: "5",
maxNbPostShow: "5",
});
</script><script>
baguetteBox.run('div#content', {
ignoreClass: 'islink',
captions: function(element){var i=element.getElementsByTagName('img')[0];return i===undefined?'':i.alt;}});
</script><script>(function () {
function submit(ev) {
const form = ev.target;
ev.preventDefault();
const answers = {};
const [,formId] = form.id.split("-");
for (let i = 0; i < form.length; i++) {
var input = form[i];
// extract question id (qid) and answer id (aid)
var [,,qid,,aid] = input.id.split("-");
if ( qid && !(qid in answers) )
answers[qid] = [];
switch (input.type) {
case "checkbox":
case "radio":
if (input.checked)
answers[qid].push(aid);
console.log(input.type, input.id, qid, aid, input.checked);
break;
case "select-one":
case "text":
case "textarea":
case "date":
case "datetime-local":
if (input.value)
answers[qid].push(input.value);
console.log(input.type, input.id, qid, input.value);
break;
default:
console.log("unknown form element type:", input.type);
}
}
const request = new XMLHttpRequest();
request.open("POST", form.action, true);
request.setRequestHeader("OCS-APIRequest", "true");
request.setRequestHeader("Accept", "application/json");
request.setRequestHeader("Content-Type", "application/json");
request.onload = function () {
const message = document.getElementById("form-" + formId + "-messages");
const form = document.getElementById("form-" + formId);
const success = document.getElementById("form-" + formId + "-success");
const response = JSON.parse(this.response);
if (this.status == 200) {
// success
form.style.display = "none";
success.style.display = "block";
} else {
message.innerHTML = '<div class="alert alert-danger" role="alert">' +
this.statusText + "(" + this.status + "): " +
response['ocs']['meta']['message'] +
'</div>';
}
};
request.send(JSON.stringify({'formId': formId, 'answers': answers}));
}
for (let i = 0; i < document.forms.length; i++)
document.forms[i].onsubmit = submit;
})();
</script>
</body>
</html>