Browse Source

update from siroco

samba 4 years ago
parent
commit
b8397fe7c0

+ 0 - 0
fonts/coolvetica.eot → 2018/fonts/coolvetica.eot


+ 0 - 0
fonts/coolvetica.otf → 2018/fonts/coolvetica.otf


+ 0 - 0
fonts/coolvetica.svg → 2018/fonts/coolvetica.svg


+ 0 - 0
fonts/coolvetica.ttf → 2018/fonts/coolvetica.ttf


+ 0 - 0
fonts/coolvetica.woff → 2018/fonts/coolvetica.woff


+ 76 - 0
2018/index.html

@@ -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>
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 0 - 0
static/audio/spot.ghostbuster.ogg → 2018/static/audio/spot.ghostbuster.ogg


+ 0 - 0
static/audio/spot.ogg → 2018/static/audio/spot.ogg


+ 0 - 0
static/img/bg2018.png → 2018/static/img/bg2018.png


+ 0 - 0
static/img/ciberfascismo.png → 2018/static/img/ciberfascismo.png


+ 0 - 0
static/img/hm-2010.jpg → 2018/static/img/hm-2010.jpg


+ 0 - 0
static/img/hm-favicon.png → 2018/static/img/hm-favicon.png


+ 128 - 0
2018/static/style.css

@@ -0,0 +1,128 @@
+@font-face {
+	font-family: coolvetica;
+	src: url('../fonts/coolvetica.eot');
+	src: local('☺'), url('../fonts/coolvetica.woff') format('woff'), url('../fonts/coolvetica.ttf') format('truetype'), url('../fonts/coolvetica.svg') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+body {
+	background-color: #2d2d2d;
+	color: white;
+	margin: 0 auto;
+	font-family: coolvetica;
+	font-size: 1em;
+}
+
+.enlace {
+	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;
+}
+
+.textoResaltado {
+	color: yellow;
+}
+
+.spot{
+    font-family: "Courier New";
+    font-size: 18px;
+    font-color: #FF4520;
+    background: black;
+
+}
+
+.cabeceraTitulo {
+	margin: 0 auto;
+	text-align: center;
+	font-family: coolvetica;
+	font-size: 2.2em;
+	margin: 15px;
+}
+
+.lineaHorizontal { 
+	border: 0;
+	border-bottom: 1px dashed #ccc;
+	background: #999;
+	color: yellow;
+	display: block;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	margin-left: 0px;
+	margin-right: 0px;
+	border-color: yellow;
+}
+
+.contenidoContenedor {
+	margin: 0 auto;
+	text-align: center;
+        color: #1be21e;
+        font-size: 50px;
+        width: 90%;
+        background-color: #434343;
+        display: grid;
+	background: black;
+}
+
+.cabeceraMonigote {
+	display: inline-block;
+	background-image: url("img/hm-favicon.png");
+	background-position: right top;
+	height: 46px;
+	width: 68px;
+	
+}
+
+.cabeceraDescripcion {
+	text-align: center;
+	font-size: 14px;
+	font-family: coolvetica;
+	vertical-align: super;
+}
+
+
+.bloqueIzquierda {
+        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 {
+	display: inline-block;
+	background: black;
+	margin-top: 20px;
+        font-size: small;
+        padding: 10px 10px 10px 10px;
+        text-align: right;
+}
+
+.fotoAdorno {
+	max-width:2000%;
+	height:auto;
+	display:block;
+	padding:1px;
+	border:1px solid yellow;
+}

+ 4 - 0
README.md

@@ -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 

+ 26 - 61
index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<title>Bienvenida - Hackmeeting</title>
+	<title>Hackmeeting 2019</title>
 	<meta charset="UTF-8">
 	<link rel="stylesheet" href="static/style.css">
 	<meta name="viewport" content="width=device-width">
@@ -12,65 +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>
-                    <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>
-
-
-
+<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>
-
-
-
-
-
-
-
-
-
-
-
-
 
+</html>

BIN
static/.style.css.swp


BIN
static/hm-favicon.png


+ 16 - 120
static/style.css

@@ -1,128 +1,24 @@
-@font-face {
-	font-family: coolvetica;
-	src: url('../fonts/coolvetica.eot');
-	src: local('☺'), url('../fonts/coolvetica.woff') format('woff'), url('../fonts/coolvetica.ttf') format('truetype'), url('../fonts/coolvetica.svg') format('svg');
-	font-weight: normal;
-	font-style: normal;
-}
+html, body {background:#000;color:#fff;}
 
-body {
-	background-color: #2d2d2d;
-	color: white;
-	margin: 0 auto;
-	font-family: coolvetica;
-	font-size: 1em;
-}
+header {max-width:720px;margin:auto;text-align:center;}
+section {max-width:720px;margin:auto;}
+footer {max-width:720px;margin:auto;}
 
-.enlace {
-	color: yellow;
-	text-decoration:none;  
-}
-.enlace:hover{
-        color: yellow;
-        text-decoration: underline;
-        background: black;
-}
-.enlaceTitulo {
-	color: white;
-	text-decoration:none;  
-}
+a {color:green;text-decoration:none;}
+ul {list-style:none;margin:0;padding:0;}
+ul li {padding:0;margin:0;}
 
-.textoLateral {
-	display: block;
-	font-family: coolvetica;
-	font-size: 1.3em;
-}
 
-.textoResaltado {
-	color: yellow;
-}
+h1,h2,h3 { font-family:sans; }
+h1 {font-size:3em;color:green;text-transform:uppercase;}
+h2 {font-size:2em;color:white;}
 
-.spot{
-    font-family: "Courier New";
-    font-size: 18px;
-    font-color: #FF4520;
-    background: black;
 
-}
+img.imgCenter {padding:30px;}
 
-.cabeceraTitulo {
-	margin: 0 auto;
-	text-align: center;
-	font-family: coolvetica;
-	font-size: 2.2em;
-	margin: 15px;
-}
+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;}
 
-.lineaHorizontal { 
-	border: 0;
-	border-bottom: 1px dashed #ccc;
-	background: #999;
-	color: yellow;
-	display: block;
-	margin-top: 0.5em;
-	margin-bottom: 0.5em;
-	margin-left: 0px;
-	margin-right: 0px;
-	border-color: yellow;
-}
-
-.contenidoContenedor {
-	margin: 0 auto;
-	text-align: center;
-        color: #1be21e;
-        font-size: 50px;
-        width: 90%;
-        background-color: #434343;
-        display: grid;
-	background: black;
-}
-
-.cabeceraMonigote {
-	display: inline-block;
-	background-image: url("img/hm-favicon.png");
-	background-position: right top;
-	height: 46px;
-	width: 68px;
-	
-}
-
-.cabeceraDescripcion {
-	text-align: center;
-	font-size: 14px;
-	font-family: coolvetica;
-	vertical-align: super;
-}
-
-
-.bloqueIzquierda {
-        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 {
-	display: inline-block;
-	background: black;
-	margin-top: 20px;
-        font-size: small;
-        padding: 10px 10px 10px 10px;
-        text-align: right;
-}
-
-.fotoAdorno {
-	max-width:2000%;
-	height:auto;
-	display:block;
-	padding:1px;
-	border:1px solid yellow;
-}
+section p { padding:0 100px;line-height:1.5em;}