Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
Martin788 authored Dec 13, 2023
1 parent c5a39aa commit 31bbb25
Show file tree
Hide file tree
Showing 6 changed files with 166 additions and 164 deletions.
25 changes: 10 additions & 15 deletions aficiones.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,8 @@
<link rel="stylesheet" href="estilos/footer.css">
<link rel="stylesheet" href="estilos/estilo.css">

<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "k0owdhi2bv");
</script>
<!-- Archivos JavaScript -->
<script src="menu.js"></script>
</head>
<body>
<!-- Cabecera y título de la página -->
Expand All @@ -33,10 +28,10 @@ <h1>Mis Aficiones</h1>

<!-- Menú de la página -->
<nav>
<a href="index.html" accesskey="i">Inicio</a>
<a href="aficiones.html" accesskey="a">Aficiones</a>
<a href="musica.html" accesskey="m">Música</a>
<a href="series_y_cine.html" accesskey="s">Series y cine</a>
<a href="index.html" target="_self">Inicio</a>
<a href="aficiones.html" target="_self">Aficiones</a>
<a href="musica.html" target="_self">Música</a>
<a href="series_y_cine.html" target="_self">Series y cine</a>
</nav>

<!-- Sección con información de la montaña, mi otra afición -->
Expand Down Expand Up @@ -104,16 +99,16 @@ <h2> Videos relacionados </h2>
<!-- Pie de página con información de mis redes sociales y la última actualización de la página -->
<footer>
<p>Sígueme en mis redes sociales:</p>
<a href="https://www.linkedin.com/in/martin-fernandez-gonzalez/">
<a href="https://www.linkedin.com/in/martin-fernandez-gonzalez/" target="_self">
<img src="multimedia/logo_linkedin.png" alt="Logo de LinkedIn" > LinkedIn
</a>
<a href="https://github.com/Martin788">
<a href="https://github.com/Martin788" target="_self">
<img src="multimedia/logo_github.png" alt="Logo de GitHub" > Github
</a>
<a href="https://www.instagram.com/martinfdeez88/">
<a href="https://www.instagram.com/martinfdeez88/" target="_self">
<img src="multimedia/logo_instagram.jpg" alt="Logo de Instagram" > Instagram
</a>
<p>&copy; 2023 Martín Fernández González - Última actualización: Octubre 01, 2023</p>
</footer>
</body>
</html>
</html>
38 changes: 21 additions & 17 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,26 +17,30 @@
<link rel="stylesheet" href="estilos/footer.css">
<link rel="stylesheet" href="estilos/estilo.css">

<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "k0owdhi2bv");
</script>
<!-- Archivos JavaScript -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="search.js"></script>
<script src="menu.js"></script>
</head>
<body>
<!-- Cabecera y título de la página -->
<header>
<h1>Sobre Mí</h1>

<!-- Formulario de búsqueda -->
<form id="search-form">
<label for="buscador">Buscador:</label>
<input id="buscador" type="text" placeholder="Introduzca una palabra/s...">
<input type="button" value="Buscar" onclick="search()"></button>
</form>
</header>

<!-- Menú de la página -->
<nav>
<a href="index.html" accesskey="i">Inicio</a>
<a href="aficiones.html" accesskey="a">Aficiones</a>
<a href="musica.html" accesskey="m">Música</a>
<a href="series_y_cine.html" accesskey="s">Series y cine</a>
<a href="index.html" target="_self">Inicio</a>
<a href="aficiones.html" target="_self">Aficiones</a>
<a href="musica.html" target="_self">Música</a>
<a href="series_y_cine.html" target="_self">Series y cine</a>
</nav>

<!-- Sección con una foto de perfil e información de contacto -->
Expand All @@ -46,8 +50,8 @@ <h1>Sobre Mí</h1>
<h2>Modos de contacto</h2>
<ul>
<li>Móvil: 608 70 00 02</li>
<li>Correo universitario: <a href="[email protected]"> [email protected] </a></li>
<li>Correo personal: <a href="[email protected]"> [email protected] </a></li>
<li>Correo universitario: <a href="[email protected]" target="_self"> [email protected] </a></li>
<li>Correo personal: <a href="[email protected]" target="_self"> [email protected] </a></li>
</ul>
</section>

Expand Down Expand Up @@ -78,16 +82,16 @@ <h2>Mi experiencia laboral</h2>
<!-- Pie de página con información de mis redes sociales y la última actualización de la página -->
<footer>
<p>Sígueme en mis redes sociales:</p>
<a href="https://www.linkedin.com/in/martin-fernandez-gonzalez/">
<a href="https://www.linkedin.com/in/martin-fernandez-gonzalez/" target="_self">
<img src="multimedia/logo_linkedin.png" alt="Logo de LinkedIn" > LinkedIn
</a>
<a href="https://github.com/Martin788">
<a href="https://github.com/Martin788" target="_self">
<img src="multimedia/logo_github.png" alt="Logo de GitHub" > Github
</a>
<a href="https://www.instagram.com/martinfdeez88/">
<a href="https://www.instagram.com/martinfdeez88/" target="_self">
<img src="multimedia/logo_instagram.jpg" alt="Logo de Instagram" > Instagram
</a>
<p>&copy; 2023 Martín Fernández González - Última actualización: Octubre 1, 2023</p>
</footer>
</body>
</html>
</html>
10 changes: 10 additions & 0 deletions menu.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
document.addEventListener("DOMContentLoaded", function () {
var currentPage = window.location.pathname.split("/").pop();
var menuItems = document.querySelectorAll("nav a");

menuItems.forEach(function (item) {
if (item.getAttribute("href") === currentPage) {
item.classList.add("active");
}
});
});
77 changes: 36 additions & 41 deletions musica.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Martín Fernández González">
<meta name="description" content="Página de información sobre mis gustos musicales">
<meta name="keywords" content="">
<meta name="keywords" content="Musica, Reggaeton, Artistas, Canciones">

<!-- Título de la página -->
<title>Página web Martín Fernández González - Gustos musicales</title>
Expand All @@ -19,13 +19,8 @@
<link rel="stylesheet" href="estilos/footer.css">
<link rel="stylesheet" href="estilos/estilo.css">

<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "k0owdhi2bv");
</script>
<!-- Archivos JavaScript -->
<script src="menu.js"></script>
</head>
<body>
<!-- Cabecera y título de la página -->
Expand All @@ -35,10 +30,10 @@ <h1>Mi Música Favorita</h1>

<!-- Menú de la página -->
<nav>
<a href="index.html" accesskey="i">Inicio</a>
<a href="aficiones.html" accesskey="a">Aficiones</a>
<a href="musica.html" accesskey="m">Música</a>
<a href="series_y_cine.html" accesskey="s">Series y cine</a>
<a href="index.html" target="_self">Inicio</a>
<a href="aficiones.html" target="_self">Aficiones</a>
<a href="musica.html" target="_self">Música</a>
<a href="series_y_cine.html" target="_self">Series y cine</a>
</nav>

<!-- Primera sección con información introductoria a mis gustos de musica -->
Expand Down Expand Up @@ -76,60 +71,60 @@ <h2> Canciones </h2>

<table>
<caption>
<h4>Ranking canciones favoritas</h4>
<h3>Ranking canciones favoritas</h3>
</caption>
<tr>
<th><img src="multimedia/logo_spotify.png" alt="Logo de Spotify">Título</th>
<th>Autor</th>
<th>Año de lanzamiento</th>
<th>Género</th>
<th scope="col" id="titulo"><img src="multimedia/logo_spotify.png" alt="Logo de Spotify">Título</th>
<th scope="col" id="autor">Autor</th>
<th scope="col" id="lanzamiento">Año de lanzamiento</th>
<th scope="col" id="genero">Género</th>
</tr>
<tr>
<td><a href="https://open.spotify.com/intl-es/track/3v1dCP3hk2djfWryqfp7sx">Caminando por la vida</a></td>
<td>Melendi</td>
<td>2005</td>
<td>Pop rock español</td>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/3v1dCP3hk2djfWryqfp7sx" target="_self">Caminando por la vida</a></td>
<td headers="autor">Melendi</td>
<td headers="lanzamiento">2005</td>
<td headers="genero">Pop rock español</td>
</tr>
<tr>
<td><a href="https://open.spotify.com/intl-es/track/77Ft1RJngppZlq59B6uP0z">Lose yourself</a></td>
<td>Eminem</td>
<td>2002</td>
<td>Hip hop y rap</td>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/77Ft1RJngppZlq59B6uP0z" target="_self">Lose yourself</a></td>
<td headers="autor">Eminem</td>
<td headers="lanzamiento">2002</td>
<td headers="genero">Hip hop y rap</td>
</tr>
<tr>
<td><a href="https://open.spotify.com/intl-es/track/22skzmqfdWrjJylampe0kt">Can´t hold us</a></td>
<td>Macklemore y Ryan Lewis</td>
<td>2012</td>
<td>Hip hop</td>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/22skzmqfdWrjJylampe0kt" target="_self">Can´t hold us</a></td>
<td headers="autor">Macklemore y Ryan Lewis</td>
<td headers="lanzamiento">2012</td>
<td headers="genero">Hip hop</td>
</tr>
<tr>
<td><a href="https://open.spotify.com/intl-es/track/1VB4sadHjFcFklHcZuoROi">Como camarón</a></td>
<td>Estopa</td>
<td>1999</td>
<td>Pop rock español</td>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/1VB4sadHjFcFklHcZuoROi" target="_self">Como camarón</a></td>
<td headers="autor">Estopa</td>
<td headers="lanzamiento">1999</td>
<td headers="genero">Pop rock español</td>
</tr>
<tr>
<td><a href="https://open.spotify.com/intl-es/track/7lKP7GE00s56ude4dGvULy">Manicomio</a></td>
<td>Cosculluela</td>
<td>2016</td>
<td>Reggaeton</td>
<td headers="titulo"><a href="https://open.spotify.com/intl-es/track/7lKP7GE00s56ude4dGvULy" target="_self">Manicomio</a></td>
<td headers="autor">Cosculluela</td>
<td headers="lanzamiento">2016</td>
<td headers="genero">Reggaeton</td>
</tr>
</table>
</section>

<!-- Pie de página con información de mis redes sociales y la última actualización de la página -->
<footer>
<p>Sígueme en mis redes sociales:</p>
<a href="https://www.linkedin.com/in/martin-fernandez-gonzalez/">
<a href="https://www.linkedin.com/in/martin-fernandez-gonzalez/" target="_self">
<img src="multimedia/logo_linkedin.png" alt="Logo de LinkedIn" > LinkedIn
</a>
<a href="https://github.com/Martin788">
<a href="https://github.com/Martin788" target="_self">
<img src="multimedia/logo_github.png" alt="Logo de GitHub" > Github
</a>
<a href="https://www.instagram.com/martinfdeez88/">
<a href="https://www.instagram.com/martinfdeez88/" target="_self">
<img src="multimedia/logo_instagram.jpg" alt="Logo de Instagram" > Instagram
</a>
<p>&copy; 2023 Martín Fernández González - Última actualización: Octubre 01, 2023</p>
</footer>
</body>
</html>
</html>
5 changes: 4 additions & 1 deletion search.js
Original file line number Diff line number Diff line change
Expand Up @@ -99,6 +99,7 @@ function search() {
* Si es así, añadimos el resultado al array de resultados
*/
$xml.find('page').each(function () {

const title = $(this).find('title').text().toLowerCase();
const description = $(this).find('description').text().toLowerCase();
const url = $(this).find('url').text();
Expand All @@ -110,8 +111,10 @@ function search() {

// En el caso de que se haya encontrado algún resultado, redirigimos a la página donde se encuentra el primer resultado
if (results.length > 0) {
console.log("Bien")
console.log(results[0].url)
window.location.href = results[0].url;
} else { // En el caso de que no se haya encontrado ningún resultado, mostramos un mensaje de alerta
alert('No se encontraron resultados.');
alert('No se encontraron resultados. Pruebe con otra palabra.');
}
}
Loading

0 comments on commit 31bbb25

Please sign in to comment.