20 Nov
2015
20 Nov
'15
11:19 a.m.
Hi all. I'm teaching on a workshop in Rio de Janeiro and people ask me
about a splash when they self-managed a installation on Chef. We think
that a splash is very useful in a new communities because it explain
about the network. I know that you can install nodogsplash, but I think
that it could be visible in the list of available and useful packages
(with a "-" symbol if you consider for size reasons, but present anyway):
lime-full
tcpdump-mini
iputils-ping
snmpd
lime-map-agent
lime-system
batctl
iwinfo
iw
ip
iputils-ping6
sprunge
safe-reboot
netperf
rdisc6
-reghack
-6relayd
-dnsmasq
-ppp
-ppp-mod-pppoe
I also attach one possible content to file
/etc/nodogsplash/htdocs/splash.html
Thanks!
OCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
Plantilla Neutrona para Cyclope 3
Esta plantilla fue desarrollada por Codigo Sur: www.codigosur.org
Diseno conceptual + HTML + CSS: Santiago Hoerth Moura
Codigo HTML realizado bajo licencia GPL (copialo, mejoralo, pasalo)
Ver licencia en: http://creativecommons.org/licenses/GPL/2.0/deed.es_AR
El codigo HTML y CSS es GPL. Gracias :)
Si modificas no borres estas lineas :)
-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"
lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8"/>
<title>{{NETWORK_NAME}} | Red Digital Comunitaria</title>
<meta name="Keywords" content="wireless, wifi, wi-fi, redes,
freenetwork, network" />
<meta name="Description" content="Red digital comunitaria"
/>
<style>
html{width: 100%; height: 100%;}
body {background-color: #eed; margin:0, padding:0; height: 100%; width:
100%; color: #DDC; font-size: 9pt;font-family:arial;}
.staticpage.detail{width: 100%; height: 100%;}
#mascara{float:left;margin-left:auto;}
/* * { margin: 0; padding: 0; }*/
#page{display:table;overflow:hidden;margin:0px auto;}
*:first-child+html #page {position:relative;}/*ie7*/
* html #page{position:relative;}/*ie6*/
#content_container{display:table-cell;vertical-align: middle;}
*:first-child+html #content_container{position:absolute;top:50%;}/*ie7*/
* html #content_container{position:absolute;top:50%;}/*ie6*/
*:first-child+html #content{position:relative;top:-50%;}/*ie7*/
* html #content{position:relative;top:-50%;}/*ie6*/
html,body{height:100%;}
#page{height:100%;width:630px;}
h1{text-align:center; font-size: 16pt;}
a {color:white; text-decoration: underline;}
#content{background-color: #2a2; padding: 20px; border-radius: 10px;
border: 4px #dd3 dashed;}
.entrar{float: right; padding: 5px; border: 2px outset #eed;
border-radius: 5px; text-align:center; background-color:#fd2;
box-shadow: 2px 2px 5px #444;color: black;}
.entrar:hover{background-color:#fd4;}
.entrar a, .entrar a:hover{color: black; text-decoration: none;
font-weight: bold;}
.entrar a:hover{text-decoration: underline;}
ul { margin: 25px; padding: 0; }
li {background-color: #181; list-style-type: none; padding: 10px;
border-radius: 10px; text-align:justify}
</style>
</head>
<body class="">
<div id="page">
<div id="content_container">
<div id="content">
<div class="content-view staticpage detail staticpage-detail
html-content">
<div class="text"> <h1>Bienvenida a la Red Libre</h1>
<ul>
<li>Eres libre de utilizar la red para cualquier propósito mientras no
perjudiques el funcionamiento de la propia red, la libertad de otros/as
usuarios/as, y respetes las condiciones de los contenidos y servicios
que circulan libremente.</li>
<li>Eres libre de conocer como es la red, sus componentes y su
funcionamiento, también puedes difundir su espíritu y funcionamiento
libremente.</li>
<li>Eres libre para incorporar servicios y contenidos a la red con las
condiciones que quieras.</li>
<li>Eres libre de incorporarte a la red y ayudar a extender estas
libertades y condiciones.</li>
</ul>
<!-- <ul>
<li><center>Con el botón amarillo, obtienes acceso al resto de
Internet.</center></li>
</ul>-->
</div>
</div>
<span class="entrar"><big><a
href="$authtarget">OK</a></big></span>
</div>
</div>
</div>
</body>
</html>