<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Presencia web feministas</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<header id="header">
<a href="index.html" class="logo"><strong>Presencias web</strong> feministas autónomas</a>
<ul class="icons">
<li><a href="#" id="hypLoad" class="icon solid fa-highlighter">
<span class="label">Anotar</span></a></li>
<li><a href="https://mutabit.com/repos.fossil/ciberbrujas/file?name=index.html&ci=trunk&txt=1" class="icon solid fa-code">
<span class="label">Código</span></a></li>
<li><a href="https://mutabit.com/repos.fossil/ciberbrujas/finfo?name=index.html&ci=trunk" class="icon solid fa-history">
<!-- <span class="label">Historial</span></a></li>
<li><a href="#" class="icon solid fa-share-alt"> -->
<span class="label">Compartir</span></a></li>
<li><a href="#" class="icon solid fa-home">
<span class="label">Inicio</span></a></li>
</ul> </header>
<!-- Banner -->
<div class="container">
<img src="imagenes/arrecife.png" alt="Arrecife" style="width:100%"> <!-- class="image" -->
<!-- <div class="middle">
<div class="text"><p>Bienvenidas a la incubadora, donde en aguas cálidas y poco profundas nos cuidamos, aprendemos juntas y crecemos para habitar fuertes y seguras las bastas aguas oceánicas de la web.<br></p>
<ul class="actions">
<li><a href="aprendamos/acerca-de.html" class="button big">Acerca de</a></li>
</ul>
</div>
</div> -->
</div>
<!-- Section -->
<section>
<header class="major">
<h2>Espacios para la autonomía</h2>
<p>Bienvenidas al arrecife de conocimientos, donde en aguas cálidas y poco profundas nos cuidamos, aprendemos juntas y crecemos para habitar fuertes y seguras las bastas aguas oceánicas de la web.</p>
</header>
<div class="posts">
<article>
<a href="" class="image"><img src="images/pic01.jpg" alt="" /></a>
<h3 class="icon solid fa-transgender"> Principios feministas para internet</h3>
<p>Las mujeres en diversidad reclamamos nuestra participación en el ecosistema de internet para crear espacios seguros de expresión, libertades y autonomías.</p>
<ul class="actions">
<li><a href="principios/index.html" class="button">Conocer</a></li>
</ul>
</article>
<article>
<a href="" class="image"><img src="images/pic02.jpg" alt="" /></a>
<h3 class="icon solid fa-fist-raised"> IndieWeb</h3>
<p>Es una alternativa a la web corporativa centrada en las personas y la diversidad, donde los datos le pertenecen a la gente y no a las corporaciones.</p>
<ul class="actions">
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/index.html#indieweb" class="button">Conocer</a></li>
</ul>
</article>
<article>
<a href="" class="image"><img src="images/pic03.jpg" alt="" /></a>
<h3 class="icon solid fa-tools"> Aprendamos</h3>
<p>"Internet es nuestra", es hora de aprender sobre este hábitat diverso y explorar su potencia para nuestras luchas feminstas.</p>
<ul class="actions">
<li><a href="aprendamos/index.html" class="button">Aprender</a></li>
</ul>
</article>
</div>
</section>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Presencias web feministas y autónomas</strong> es posible gracias al apoyo y participación de </a>
<ul class="icons">
<li><a href="https://visonte.org"><img src="imagenes/logo-visonte.svg" width="90"></a></li>
<li><a href="https://mutabit.com"><img src="imagenes/logo_mutabit_color.svg" width="90"></a></li>
<li><a href="https://confluenciademujeres.org/e61"><img src="imagenes/color_rotulo_horizontal-01.svg" width="70"></a></li>
</ul>
</header>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<section id="search" class="alt">
<header class="major">
<a href="index.html"><img src="imagenes/rotulo.svg" width="240"></a>
</header>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Contenido</h2>
</header>
<ul class="contact">
<li class="icon solid fa-water"><a href="index.html">Inicio</a></li>
<li class="icon solid fa-brain"><a href="aprendamos/acerca-de.html">Acerca de</a></li>
<li class="icon solid fa-fish"><a href="aprendamos/esto-pa-que.html">Y todo esto ¿Para qué?</a></li>
<li class="icon solid fa-transgender-alt"><a href="principios/index.html">Principios feministas para Internet</a></li>
<li class="icon solid fa-globe-americas"><a href="aprendamos/datos-feministas.html">Nuestros datos feministas Latinoamericanos</a></li>
<li class="icon solid fa-tools"><a href="aprendamos/index.html">Aprendamos</a></li>
</ul>
</section>
<!-- Sub Menu
<nav id="menu">
<header class="major">
<h2>Aprendamos</h2>
</header>
<ul>
<li><a href="#">Fuentes y reapropiación de nuestros datos</a></li>
<li><a href="#">Sistemas operativos, archivos y consola de comandos</a></li>
<li>
<span class="opener">La web</span>
<ul>
<li><a href="#">Hipertexto, dominios y direcciones</a></li>
<li><a href="#">Lenguajes</a></li>
<li><a href="#">Arquitecturas</a></li>
</ul>
</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/memoria.html">Memoria resiliente y distribuida</a></li>
</ul>
</nav> -->
<!-- Footer -->
<footer id="footer">
<p class="copyright">© 2022. Algunos derechos reservados. <br>
Propuesta, co-diseño y contenidos: <br>
<a href="https://visonte.org">Fundación Visonte</a> y
<a href="https://mutabit.com">mutabiT</a>.<br>
Tema web base: <a href="https://html5up.net">HTML5Up</a>.
</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script type="application/json" class="js-hypothesis-config">
{
"openSidebar": true
}
</script>
<script type="text/javascript">
// Based on: https://stackoverflow.com/questions/19385236/
var hypLoad = document.getElementById("hypLoad");
hypLoad.addEventListener("click",function(e) {
e.stopPropagation();
e.preventDefault();
var script = document.createElement('SCRIPT');
script.src="https://hypothes.is/embed.js";
document.getElementsByTagName('body')[0].appendChild(script);
});
</script>
<script>
fetch("../../info.json")
.then(function (response) {
return response.json();
})
/* .then(data => console.log(data)) */
.then(function(data) {
version(data);
});
function version(data){
document.getElementById("version").innerHTML = data.version;
console.log('version: ' + data.version)
}
</script>
<script>
let timelineURL = '../../../../json/timeline/checkin';
fetch(timelineURL)
.then(function (response) {
return response.json();
})
.then(function(data) {
revision(data);
});
function revision(data){
var commits = data.payload.timeline;
var leafs = commits.filter(function (item){
return (item.isLeaf == true)
});
var trunkLeaf = leafs.filter(function (item){
return (item.tags[0] == 'trunk')
});
var trunkLeafChecksum = trunkLeaf[0].uuid.slice(0, 10);
document.getElementById("checksum").innerHTML = trunkLeafChecksum;
var manifestLink = '../../../../artifact/' + trunkLeafChecksum;
document.getElementById("manifestLink").href = manifestLink;
console.log('revisionLink: ' + manifestLink)
}
</script>
</body>
</html>