Compare commits

..

3 commits

Author SHA1 Message Date
b8397fe7c0 update from siroco 2019-08-07 18:54:27 +02:00
samba
bd10f7f89f restyle hm 2018 2018-10-18 13:32:21 -06:00
776dbc8886 Merge branch 'master' of cherfeuga/eshackmeeting into master 2018-10-03 19:47:34 +02:00
17 changed files with 163 additions and 59 deletions

View file

Before

Width:  |  Height:  |  Size: 363 KiB

After

Width:  |  Height:  |  Size: 363 KiB

76
2018/index.html Normal file
View file

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html>
<head>
<title>Bienvenida - Hackmeeting</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="static/style.css">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="http://es.hackmeeting.org/index.html">
<meta name="author" content="Hackmeeting">
<meta name="description" content="Autogestión, Hacktivismo, CryptoAnarquismo, Hackmeeting">
</head>
<body>
<div class="cabeceraTitulo">
<a href="index.hml" class="enlaceTitulo">Bienvenida al Hackmeeting(es)</a>
</div>
<div class="cabeceraDescripcion">
El <a href="https://es.wikipedia.org/wiki/Hackmeeting" class="enlace">Hackmeeting</a> es un <a href="https://es.wikipedia.org/wiki/Autogesti%C3%B3n" class="enlace">espacio autogestionado</a> creado a partir de 1998, <span class="textoResaltado">donde se reúnen hackers y activistas sociales</span>.
</div>
<div>
<hr class="lineaHorizontal">
</div>
<div class="contenidoContenedor">
<div class="cabeceraMonigote"></div>
</div>
<div class="contenidoContenedor">
<div class="bloqueIzquierda">
La Invisible - Málaga
<br>
2018
<br>
1 - 4 de Noviembre
</div>
<p class="spot">
Spot del hackmeeting 2018<br>
<audio controls>
<source src="static/audio/spot.ogg" type="audio/ogg" alt="spot hackes 2018">
Your browser does not support the audio element.
</audio>
</p>
<a href="https://es.hackmeeting.org/hm/index.php?title=2018/manifiesto">
<img src="static/img/bg2018.png" class="img">> por todas las hacker muertas
</a>
<div class="bloqueDerecha">
<p class="textoLateral"><a href="https://es.hackmeeting.org/hm/index.php?title=Hackmeeting2018" class="enlace">Hackmeeting 2018</a></p>
<p class="textoLateral"><a href="https://es.hackmeeting.org/hm" class="enlace">Visitar Wiki</a></p>
<p class="textoLateral"><a href="https://listas.sindominio.net/pipermail/hackmeeting/" class="enlace">Visitar la lista de correo</a></p>
<p class="textoLateral"><a href="https://listas.sindominio.net/mailman/listinfo/hackmeeting" class="enlace">Suscribirse a la lista de correo</a></p>
<p class="textoLateral"><a href="http://it.hackmeeting.org/" class="enlace">Hackmeeting Italia</a></p>
</div>
</div>
</body>
</html>

Binary file not shown.

BIN
2018/static/audio/spot.ogg Normal file

Binary file not shown.

BIN
2018/static/img/bg2018.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 284 KiB

View file

Before

Width:  |  Height:  |  Size: 92 KiB

After

Width:  |  Height:  |  Size: 92 KiB

View file

Before

Width:  |  Height:  |  Size: 252 KiB

After

Width:  |  Height:  |  Size: 252 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

View file

@ -18,12 +18,18 @@ body {
color: yellow;
text-decoration:none;
}
.enlace:hover{
color: yellow;
text-decoration: underline;
background: black;
}
.enlaceTitulo {
color: white;
text-decoration:none;
}
.textoLateral {
display: block;
font-family: coolvetica;
font-size: 1.3em;
}
@ -32,6 +38,14 @@ body {
color: yellow;
}
.spot{
font-family: "Courier New";
font-size: 18px;
font-color: #FF4520;
background: black;
}
.cabeceraTitulo {
margin: 0 auto;
text-align: center;
@ -57,13 +71,17 @@ body {
margin: 0 auto;
text-align: center;
color: #1be21e;
font-size: 60px;
font-size: 50px;
width: 90%;
background-color: #434343;
display: grid;
background: black;
}
.cabeceraMonigote {
display: inline-block;
background-image: url(../static/hm-favicon.png);
background-position: center top;
background-image: url("img/hm-favicon.png");
background-position: right top;
height: 46px;
width: 68px;
@ -78,21 +96,27 @@ body {
.bloqueIzquierda {
display: inline-block;
background-color: black;
padding-left: 10px;
padding-right: 10px;
margin-top: 20px;
}
.img{
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
height: auto;
border: green dotted;
}
.bloqueDerecha {
width: auto;
display: inline-block;
vertical-align: top;
background: black;
margin-top: 20px;
text-align: left;
font-size: small;
background: black;
padding: 10px 10px 10px 10px;
text-align: right;
}
.fotoAdorno {

View file

@ -10,6 +10,10 @@ to participate to the mailing list you can visit this page
https://listas.sindominio.net/mailman/listinfo/hackmeeting
or you can enter to Matrix group:
#hackmeeting:matrix.org
# Contribute
if you want to contribute chaning the website you need to

View file

@ -1,9 +1,9 @@
<!DOCTYPE html>
<html>
<head>
<title>Bienvenida - Hackmeeting</title>
<title>Hackmeeting 2019</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="static/style.css">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="http://es.hackmeeting.org/index.html">
@ -12,54 +12,30 @@
</head>
<body>
<div class="cabeceraTitulo">
<a href="index.hml" class="enlaceTitulo">Bienvenida al Hackmeeting(es)</a>
</div>
<div class="cabeceraDescripcion">
El <a href="https://es.wikipedia.org/wiki/Hackmeeting" class="enlace">Hackmeeting</a> es un <a href="https://es.wikipedia.org/wiki/Autogesti%C3%B3n" class="enlace">espacio autogestionado</a> creado a partir de 1998, <span class="textoResaltado">donde se reúnen hackers y activistas sociales</span>.
</div>
<div>
<hr class="lineaHorizontal">
</div>
<div class="contenidoContenedor">
<div class="cabeceraMonigote"></div>
</div>
<div class="contenidoContenedor">
<div class="bloqueIzquierda">
La Invisible - Málaga
<br>
2018
<br>
1 - 4 de Noviembre
</div>
<div class="bloqueDerecha">
<p class="textoLateral"><a href="https://es.hackmeeting.org/hm/index.php?title=Hackmeeting2018" class="enlace">Hackmeeting 2018</a></p>
<p class="textoLateral"><a href="https://es.hackmeeting.org/hm" class="enlace">Visitar Wiki</a></p>
<p class="textoLateral"><a href="https://listas.sindominio.net/pipermail/hackmeeting/" class="enlace">Visitar la lista de correo</a></p>
<p class="textoLateral"><a href="https://listas.sindominio.net/mailman/listinfo/hackmeeting" class="enlace">Suscribirse a la lista de correo</a></p>
<p class="textoLateral"><a href="http://it.hackmeeting.org/" class="enlace">Hackmeeting Italia</a></p>
</div>
</div>
<header>
<img class="imgCenter" src="static/hm-favicon.png"/>
<h1>Hackmeeting 2019</h2>
<h2>20, 21, 22 Septiembre de 2019 </h2>
<h2>Errekaleor - Gasteiz (Euskal Herria)</h2>
</header>
<section>
<p> El Hackmeeting es un espacio autogestionado creado a partir de 1998, donde se reúnen hackers y activistas sociales. </p>
<p>Hackmeeting traducido del inglés al español viene de la fusión de las palabras hacker y meeting (reunión/encuentro), significa reunión de hackers. En los Hackmeetings concurren varios Hacklabs y otros grupos socialmente implicados para realizar multitud de actividades relacionadas con la liberacion de nuevas tecnologías liberadoras, como conferencias, mesas redondas, demostraciones, talleres y otras actividades, todas ellas abiertas al público generalmente.</p>
<p>El lugar donde se realizan suele ser centros sociales okupados autogestionados (CSOA), y espacios públicos.</p>
<p>El hackmeeting está inspirado en el evento HackIT que comenzó en 1998 en Italia.</p>
<p>Existen también los hackmeetings internacionales, llamados Transhackmeeting. El último se realizó en verano del año 2018 en Tarnac, Francia. Más información en la página web. Previamente había habido otro en Croacia.</p>
<p>Según al nivel que la realicen puede ser un Hackmeeting Europeo realizado por Chaos Computer Club en Berlín últimamente, aunque en 2003 se realizó en Grecia.</p>
<p>El primer Hackmeeting dentro del supuesto "ámbito territorial del estado español" ;) Los hackmeetings pasados se celebraron en el centro social Les Naus (Barcelona 2000), Udondo Gaztetxea (Leioa 2001), Labo03 (Madrid 2002), Euskal Jai / Iruñako Gaztetxea (Pamplona 2003) y en la Casa de la Paz y Casas Viejas (Sevilla 2004). El del año 2005 se celebró en Menorca, en el 2006 en Mataro, en ASTRA (Gernika 2007), en el 2008 en la Casa Invisible (Málaga 2008) , en el 2009 se celebró en el Patio Maravillas (Madrid), en el 2010 en Torrero, (Zaragoza 2010), en el 2011 en el CSOA (A Coruña), en 2012 en Calafou (Vallbona d'anoia 2012), en el 2013 en Txirbilenea (Sestao 2013), en el 2014 en Marinaleda, en el 2015 en Vilanova y la Geltrú, en el 2016 en Firestone Lantegi Berreskuratua (Donostia 2016) y en el 2017 en la Ingobernable (Madrid 2017)</p>
</section>
<footer>
<ul class="listMenu">
<li><a href="https://es.hackmeeting.org/hm">Visitar Wiki</a></li>
<li><a href="https://listas.sindominio.net/pipermail/hackmeeting/">Visitar la lista de correo</a></li>
<li><a href="https://listas.sindominio.net/mailman/listinfo/hackmeeting">Suscribirse a la lista de correo</a></li>
<li><a href="/2018/">Hackmeeting 2018</a></li>
<li><a href="http://hackmeeting.org/">Otros Hackmeeting(s)</a></li>
</ul>
</footer>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 111 KiB

24
static/style.css Normal file
View file

@ -0,0 +1,24 @@
html, body {background:#000;color:#fff;}
header {max-width:720px;margin:auto;text-align:center;}
section {max-width:720px;margin:auto;}
footer {max-width:720px;margin:auto;}
a {color:green;text-decoration:none;}
ul {list-style:none;margin:0;padding:0;}
ul li {padding:0;margin:0;}
h1,h2,h3 { font-family:sans; }
h1 {font-size:3em;color:green;text-transform:uppercase;}
h2 {font-size:2em;color:white;}
img.imgCenter {padding:30px;}
ul.listMenu li {color:white;margin-top:30px;cursor:pointer;transition:1s;float:left;width:40%;text-transform:uppercase;text-align:center;min-width:100px;background:green;padding:10px;font-weight:bold;font-size:0.8em;font-family:sans;padding-top:20px;padding-bottom:20px;margin:20px;}
ul.listMenu li a {color:white;}
ul.listMenu li:hover {background:white;color:green;}
ul.listMenu li:hover a {color:green;}
section p { padding:0 100px;line-height:1.5em;}