restyle hm 2018
samba
13
index.html
|
|
@ -3,7 +3,7 @@
|
||||||
<head>
|
<head>
|
||||||
<title>Bienvenida - Hackmeeting</title>
|
<title>Bienvenida - Hackmeeting</title>
|
||||||
<meta charset="UTF-8">
|
<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">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="canonical" href="http://es.hackmeeting.org/index.html">
|
<link rel="canonical" href="http://es.hackmeeting.org/index.html">
|
||||||
|
|
@ -37,6 +37,17 @@
|
||||||
<br>
|
<br>
|
||||||
1 - 4 de Noviembre
|
1 - 4 de Noviembre
|
||||||
</div>
|
</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">
|
<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/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://es.hackmeeting.org/hm" class="enlace">Visitar Wiki</a></p>
|
||||||
|
|
|
||||||
BIN
static/.style.css.swp
Normal file
BIN
static/audio/spot.ghostbuster.ogg
Normal file
BIN
static/audio/spot.ogg
Normal file
BIN
static/bg_hm.png
|
Before Width: | Height: | Size: 111 KiB |
BIN
static/img/bg2018.png
Normal file
|
After Width: | Height: | Size: 284 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 252 KiB After Width: | Height: | Size: 252 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
|
@ -18,12 +18,18 @@ body {
|
||||||
color: yellow;
|
color: yellow;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
.enlace:hover{
|
||||||
|
color: yellow;
|
||||||
|
text-decoration: underline;
|
||||||
|
background: black;
|
||||||
|
}
|
||||||
.enlaceTitulo {
|
.enlaceTitulo {
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textoLateral {
|
.textoLateral {
|
||||||
|
display: block;
|
||||||
font-family: coolvetica;
|
font-family: coolvetica;
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
@ -32,6 +38,14 @@ body {
|
||||||
color: yellow;
|
color: yellow;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.spot{
|
||||||
|
font-family: "Courier New";
|
||||||
|
font-size: 18px;
|
||||||
|
font-color: #FF4520;
|
||||||
|
background: black;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
.cabeceraTitulo {
|
.cabeceraTitulo {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -57,13 +71,17 @@ body {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1be21e;
|
color: #1be21e;
|
||||||
font-size: 60px;
|
font-size: 50px;
|
||||||
|
width: 90%;
|
||||||
|
background-color: #434343;
|
||||||
|
display: grid;
|
||||||
|
background: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cabeceraMonigote {
|
.cabeceraMonigote {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background-image: url(../static/hm-favicon.png);
|
background-image: url("img/hm-favicon.png");
|
||||||
background-position: center top;
|
background-position: right top;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
width: 68px;
|
width: 68px;
|
||||||
|
|
||||||
|
|
@ -78,21 +96,27 @@ body {
|
||||||
|
|
||||||
|
|
||||||
.bloqueIzquierda {
|
.bloqueIzquierda {
|
||||||
display: inline-block;
|
background-color: black;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.img{
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 40%;
|
||||||
|
height: auto;
|
||||||
|
border: green dotted;
|
||||||
|
}
|
||||||
.bloqueDerecha {
|
.bloqueDerecha {
|
||||||
width: auto;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
background: black;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
text-align: left;
|
|
||||||
font-size: small;
|
font-size: small;
|
||||||
background: black;
|
|
||||||
padding: 10px 10px 10px 10px;
|
padding: 10px 10px 10px 10px;
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fotoAdorno {
|
.fotoAdorno {
|
||||||