152 lines
7.9 KiB
HTML
152 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- PAGE settings -->
|
|
<link rel="icon" href="https://templates.pingendo.com/assets/Pingendo_favicon.ico">
|
|
<title>Abyaya.la</title>
|
|
<meta name="description" content="Huertas Digitales">
|
|
<meta name="keywords">
|
|
<meta name="author" content="Pingendo">
|
|
<!-- CSS dependencies -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
|
|
<link rel="stylesheet" href="wireframe.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="collapse bg-dark" id="navbarHeader" style="">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-7 py-4">
|
|
<h4>About</h4>
|
|
<p class="text-info">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
|
</div>
|
|
<div class="col-md-3 offset-md-1 py-4">
|
|
<h4>Contact</h4>
|
|
<ul class="list-unstyled">
|
|
<li>
|
|
<a href="#" class="text-secondary">Follow on Twitter</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="text-secondary">Like on Facebook</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="text-secondary">Email me</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
<div class="container"> <a class="navbar-brand" href="#">
|
|
<i class="fa d-inline fa-lg fa-circle-o"></i>
|
|
<b> Abyaya.la</b>
|
|
</a> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar11">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbar11">
|
|
<ul class="navbar-nav mr-auto">
|
|
<li class="nav-item"> <a class="nav-link" href="https://escuelacomun.yanapak.org" target="_blank">Quiénes somos</a> </li>
|
|
<li class="nav-item"> <a class="nav-link" href="https://wacha.punks.cc/w/aJkhnAQ28E5Jrcw3EFkoHR" target="_blank">¿Por qué Huertas digitales?</a> </li>
|
|
<li class="nav-item"> <a class="nav-link" href="#">Contacto</a> </li>
|
|
</ul>
|
|
<a class="btn btn-primary navbar-btn ml-md-2">Apoya este proyecto</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="py-5" style="">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="px-md-5 p-3 col-md-6 d-flex flex-column align-items-start justify-content-center">
|
|
<h1>Red Abya Yala</h1>
|
|
<p>Somos una red de activistas, desarrolladorxs y tecnicxs cuyo objetivo es hacer más fácil para organizaciones y comunidades el despliege de plataformas digitales autónomas y seguras. Para ello ponemos a disposición un servicio de VPN que permite poner en funcionamiento con pocos recursos y en corto tiempo un servidor web.</p>
|
|
<div class="row">
|
|
<div class="col-md-12"><img class="img-fluid d-block" src="assets/baner.png"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6"> <img class="d-block img-fluid" src="assets/huerta.png" width="400"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-0 py-0 pb-0">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<p>en Red Abya Yala adherimos al siguiente <a href="https://sutty.nl/codigo-de-convivencia/" target="_blank" class="text-success">código de convivencia</a>, te invitamos a conocerlo. </p>
|
|
</div>
|
|
<div class="col-md-6"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="py-5" style="">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="card text-center">
|
|
<div class="card-header" style="">1. Kit de Herramientas</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">Instala la VPN</h5>
|
|
<p class="card-text">Instala la VPN Común junto con el kit de herramientas Coop-Cloud para iniciar un servidor autónomo sin mayores complicaciones</p>
|
|
<a href="https://manuales.yanapak.abyaya.la/s/WuoMoVzaS#" class="btn btn-primary" target="_blank">Tutoriales VPN</a>
|
|
</div>
|
|
<div class="card-footer text-muted"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card text-center">
|
|
<div class="card-header">2. Formulario</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title" contenteditable="true">Solicita una Membresía</h5>
|
|
<p class="card-text">Llena el formulario de inscripción. Si tu respuesta se ajusta nuestra política de participación les asignaremos una membresía.</p>
|
|
<a class="btn btn-primary" target="_blank" href="https://nube.yanapak.abyaya.la/apps/forms/s/AzP9QbY8JKGTHKsWNcofxr5s">Completa el Formulario</a>
|
|
</div>
|
|
<div class="card-footer text-muted"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card text-center">
|
|
<div class="card-header">3. Selecciona tu Plataforma</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">Despliega Servicios</h5>
|
|
<p class="card-text">Una vez que tengas la VPN funcionando podrás instalar todos los sevicios de la siguiente lista muy fácilmente</p>
|
|
<div class="btn-group" style="">
|
|
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Lista de Servicios</button>
|
|
<div class="dropdown-menu"> <a class="dropdown-item" href="https://manuales.yanapak.abyaya.la/s/0FOB_tzDF#" target="_blank">Nextcloud</a>
|
|
<div class="dropdown-divider"></div>
|
|
<a class="dropdown-item" href="https://manuales.yanapak.abyaya.la/s/Y9uZowPqW#" target="_blank" style="">Wordpress</a>
|
|
<div class="dropdown-divider"></div><a class="dropdown-item" href="https://manuales.yanapak.abyaya.la/s/6xgB-P_9e#" target="_blank">Etherpad</a>
|
|
<div class="dropdown-divider"></div><a class="dropdown-item" href="https://manuales.yanapak.abyaya.la/s/kvSFTQ9Mp#" target="_blank">Bot de Respaldos</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer text-muted"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="card text-center">
|
|
<div class="card-header">4. Soporte</div>
|
|
<div class="card-body">
|
|
<h5 class="card-title">Únete a la comunidad</h5>
|
|
<p class="card-text">Problemas, consultas o dudas. Visita nuestro creciente foro de entusiastas por la creación y mantención de servidores autónomos</p>
|
|
<a href="https://foro.pilmaiken.abyaya.la/" class="btn btn-primary" target="_blank">Visita Foro Abyaya.la</a>
|
|
</div>
|
|
<div class="card-footer text-muted"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer class="text-muted py-5">
|
|
<div class="container">
|
|
<p contenteditable="true">Hecho con software libre... <br>No odies a las redes sociales, siémbralas libres. <br><br></p>
|
|
</div>
|
|
</footer>
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous" style=""></script>
|
|
</body>
|
|
|
|
</html> |