educaweb2/contact/index.html

306 lines
11 KiB
HTML
Raw 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="Contactos de EDUCATIC">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contacto | 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/contact/">
<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="Contacto">
<meta property="og:url" content="https://educatic.txs.es/contact/">
<meta property="og:description" content="Contactos de EDUCATIC">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2025-08-03T19:02:05+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="." class="dropdown-item active">Contacto <span class="sr-only">(activo)</span></a>
</div>
</li>
<li class="nav-item">
<a href="../services/" class="nav-link">Servicios</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(../assets/img/header.jpg); height: 100px;"><div style="font-size:50px;">
<h1 class="p-name entry-title" itemprop="headline name">
<!--a href="/contact/" class="u-url"-->Contacto<!--/a-->
</h1>
 
</div>
</header><div class="e-content entry-content" itemprop="articleBody text">
<ul>
<li>
<p>Correo electrónico:</p>
<p><a href="mailto:educatic@txs.es"><img src="../assets/img/email.svg" width="45" height="45" alt="email" class="d-inline-block align-center"></a>   <a href="mailto:educatic@txs.es">
educatic@txs.es
</a></p>
</li>
<li>
<p>Grupo de mensajería
<font color="#ff0000" face="serif">EDUCA</font><font color="#808080" face="serif">TIC</font>
-GENERAL <sup id="fnref:1"><a class="footnote-ref" href="#fn:1">1</a></sup>:</p>
<p><a href="xmpp:educatic-general@conference.txs.es?join"><img src="../assets/img/xmpp.svg" width="45" height="45" alt="XMPP" class="d-inline-block align-center"></a>   XMPP: <a href="xmpp:educatic-general@conference.txs.es?join">
educatic-general@conference.txs.es
</a></p>
</li>
<li>
<p>Red social <sup id="fnref2:2"><a class="footnote-ref" href="#fn:2">2</a></sup>:</p>
<p><a href="https://txs.es/@educatic"><img src="../assets/img/mastodon.svg" width="45" height="45" alt="Mastodon" class="d-inline-block align-center"></a>   Mastodon: <a href="https://txs.es/@educatic">
txs.es/@educatic
</a></p>
</li>
<li>
<p>Repositorio de vídeos <sup id="fnref:2"><a class="footnote-ref" href="#fn:2">2</a></sup>:</p>
<p><a href="https://tuvideo.encanarias.info/accounts/educatic"><img src="../assets/img/peertube.svg" width="45" height="45" alt="PeerTube" class="d-inline-block align-center"></a>   PeerTube: <a href="https://tuvideo.encanarias.info/accounts/educatic">
tuvideo.encanarias.info/accounts/educatic
</a></p>
</li>
</ul>
<div class="footnote">
<hr>
<ol>
<li id="fn:1">
<p>Utilizamos el protocolo XMPP en nuestro grupo
<font color="#ff0000" face="serif">EDUCA</font><font color="#808080" face="serif">TIC</font>
-GENERAL, para <a href="../xmpp/">unirse a él necesitarás tener una cuenta y un cliente de mensajería XMPP</a> <a class="footnote-backref" href="#fnref:1" title="Jump back to footnote 1 in the text"></a></p>
</li>
<li id="fn:2">
<p>Para que pueda seguir nuestras novedades, sin comprometer tus datos personales, utilizamos redes sociales distribuidas <a class="footnote-backref" href="#fnref:2" title="Jump back to footnote 2 in the text"></a><a class="footnote-backref" href="#fnref2:2" title="Jump back to footnote 2 in the text"></a></p>
</li>
</ol>
</div>
</div>
</article><!--End of body content-->
</div>
<div class="col-lg-5 col-xl-4">
<div class="container">
<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>
<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="../info/" title="Información legal">Información legal</a>
-
Generado con <a href="https://getnikola.com" rel="nofollow">Nikola</a>
</footer>
</div>
</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",
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>