restyle hm 2018
13
index.html
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<title>Bienvenida - Hackmeeting</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">
|
||||
|
@ -37,6 +37,17 @@
|
|||
<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>
|
||||
|
|
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;
|
||||
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 {
|