educaweb2/donate/index.html

264 lines
9.7 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="Formas de realizar donaciones a EDUCATIC">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Donaciones | 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/donate/">
<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="Donaciones">
<meta property="og:url" content="https://educatic.txs.es/donate/">
<meta property="og:description" content="Formas de realizar donaciones a EDUCATIC">
<meta property="og:type" content="article">
<meta property="article:published_time" content="2025-08-02T19:33:00+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="../join/" class="nav-link">Asóciate</a>
</li>
<li class="nav-item active">
<a href="." class="nav-link">Donar <span class="sr-only">(activo)</span></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="/donate/" class="u-url"-->Donaciones<!--/a-->
</h1>
 
</div>
</header><div class="e-content entry-content" itemprop="articleBody text">
<p>Para poder apoyar nuestro proyecto
<font color="#ff0000" face="serif">EDUCA</font><font color="#808080" face="serif">TIC</font>
, si puedes, agradecemos donaciones de los siguientes tipos:</p>
<h2>Pagos en línea<a href="#olp"></a>
</h2>
<p></p>
<center>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;lc=es&amp;hosted_button_id=3BY3P73M4DLDY" class="btn btn-primary" style="width:350px;">
<img src="../assets/img/paypal_logo.svg" width="35" height="35" class="d-inline-block align-center">
Donar con PayPal o tarjeta
</a>
<p> </p>
<p>
<a href="https://liberapay.com/EDUCATIC" class="btn btn-primary" style="width:350px;">
<img src="../assets/img/liberapay_logo.svg" width="35" height="35" class="d-inline-block align-center">
Donar periódicamente con Liberapay
</a>
</p>
</center>
<h2>Transferencias bancarias<a href="#transf"></a>
</h2>
<div class="code"><pre class="code literal-block">EDUCATIC, Tecnologías para la Educación y Transparencia Tecnológica
IBAN: ES39 1491 0001 2730 0014 0239
BIC/SWIFT: TRIOESMMXXX
</pre></div>
<p>O, si lo prefieres, puedes <a href="../join/">hacerte socio</a> de
<font color="#ff0000" face="serif">EDUCA</font><font color="#808080" face="serif">TIC</font>
abonándonos periódicamente tu cuota.</p>
</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>
<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",
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>