atajo en la web para ir a la playlist, tipografía de la página de inicio

This commit is contained in:
Ales (Shagi) Zabala Alava 2020-01-26 18:40:06 +01:00
parent b9cc815505
commit dc73b3f3ae
2 changed files with 52 additions and 28 deletions

View File

@ -55,5 +55,16 @@
Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
</a> salvo que se indique lo contrario en la propia canción. </a> salvo que se indique lo contrario en la propia canción.
</footer> </footer>
<script>
var body = document.getElementsByTagName('body')[0];
body.addEventListener('keypress', function(event) {
switch(event.key) {
case "p":
window.location = '{{ root_path }}/playlist/';
break;
}
console.log(event.key);
});
</script>
</body> </body>
</html> </html>

View File

@ -5,37 +5,50 @@
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title>Negro Mate</title> <title>Negro Mate</title>
<link rel="shortcut icon" href="{{ root_path }}/static/css/nm_icon.png" type="image/png"> <link rel="shortcut icon" href="{{ root_path }}/static/css/nm_icon.png" type="image/png">
<style> <style>
body { body {
background-color: #232323; background-color: #232323;
} }
h1 { h1 {
text-align: center; font-family: "CyrBit";
font-size: 50pt; text-align: center;
border: 5px solid black; font-size: 50pt;
background: white; border: 5px solid black;
margin: 1em auto 0; background: white;
min-width: 300px; margin: 1em auto 0;
width: 30%; min-width: 300px;
} width: 30%;
a { }
font-size: 200pt; a {
font-weight: bold; font-size: 200pt;
background-color: white; font-weight: bold;
color: black; background-color: white;
display: block; color: black;
line-height: 210pt; display: block;
margin: 10pt auto 0; line-height: 210pt;
width: 210pt; margin: 10pt auto 0;
height: 210pt; width: 210pt;
text-align: center; height: 210pt;
border-radius: 105pt; text-align: center;
text-decoration: none; border-radius: 105pt;
} text-decoration: none;
</style> font-style: italic;
}
</style>
</head> </head>
<body> <body>
<h1>Negro mate</h1> <h1>Negro mate</h1>
<a href="{{ root_path }}/home/">#</a> <a href="{{ root_path }}/home/">#</a>
</body> </body>
<script>
var body = document.getElementsByTagName('body')[0];
body.addEventListener('keypress', function(event) {
switch(event.key) {
case "p":
window.location = '{{ root_path }}/playlist/';
break;
}
console.log(event.key);
});
</script>
</html> </html>