marcomon94.github.io/index.html at main · MARCOMON94/marcomon94.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Julián Muñoz-Quirós</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- Barra fija -->
  <header class="site-header">
    <div class="container nav-wrap">
      <a class="brand" href="#inicio">JMQ</a>
      <nav class="nav">
        <a href="#inicio">Inicio</a>
        <a href="#formacion">Formación</a>
        <a href="#experiencia">Experiencia</a>
        <a href="#publicaciones">Publicaciones</a>
        <a href="#contacto">Contacto</a>
      </nav>
      <button id="themeToggle" aria-label="Cambiar tema">🎨</button>
    </div>
  </header>

  <!-- Hero -->
  <section id="inicio" class="hero section">
    <img class="avatar" src="img/foto-julian.jpg" alt="Foto de Julián" />
    <h1>Julián Muñoz-Quirós Manjavacas</h1>
    <p>Veterinario · Fisiología caprina e inmunidad pasiva</p>
  </section>

  <!-- Formación -->
  <section id="formacion" class="section">
    <h2>Formación</h2>
    <ul class="timeline">
      <li>
        <strong>Máster en Salud Animal y Seguridad Alimentaria</strong>, ULPGC (EQF 7). 2024–2025. :contentReference[oaicite:0]{index=0}
      </li>
      <li>
        <strong>Grado en Veterinaria</strong>, ULPGC (EQF 6). 2019–2024. :contentReference[oaicite:1]{index=1}
      </li>
      <li>
        <strong>Certificado en Bioestadística en Animales de Producción</strong>, Colegio Oficial de Veterinarios de Las Palmas. 2025. :contentReference[oaicite:2]{index=2}
      </li>
    </ul>
  </section>

  <!-- Experiencia -->
  <section id="experiencia" class="section">
    <h2>Experiencia y estancias</h2>
    <ul class="cards">
      <li>
        <h3>ULPGC · Dpto. Producción Animal y Ciencia de los Alimentos — <em>Research Assistant</em> (2025–actualidad)</h3>
        <p>Proyectos sobre fisiología caprina y transferencia de inmunidad; muestreo de sangre/ calostro y análisis inmunológicos; manejo y comparación estadística de datos; apoyo docente y coordinación de trabajo de campo. :contentReference[oaicite:3]{index=3}</p>
      </li>
      <li>
        <h3>Aarhus University (DK) — <em>Veterinary Intern, Rumiantes</em> (06–10/2025)</h3>
        <p>Soporte en proyectos de nutrición y bienestar; manejo de muestras y análisis básicos; asistencia en protocolos experimentales. :contentReference[oaicite:4]{index=4}</p>
      </li>
      <li>
        <h3>CERSYRA (CLM) — <em>Intern, Reproducción y Genética</em> (03–05/2025)</h3>
        <p>Mejora genética en oveja Manchega; evaluación y criopreservación de semen; apoyo a medición de metano y sostenibilidad. :contentReference[oaicite:5]{index=5}</p>
      </li>
      <li>
        <h3>Matadero Insular de Gran Canaria — <em>Intern, Inspección cárnica</em> (03–04/2024)</h3>
        <p>Inspección ante y post mortem; trazabilidad; HACCP según normativa UE. :contentReference[oaicite:6]{index=6}</p>
      </li>
    </ul>
  </section>

  <!-- Publicaciones -->
  <section id="publicaciones" class="section">
    <h2>Publicaciones</h2>
    <ol class="pubs">
      <li>
        <strong>Prepartum high-starch diet enhances colostrum IgG concentration in dairy goats.</strong>
        M. González-Cabrera, A. Morales-Delanuez, A. Argüello, <u>J. Muñoz-Quirós-Manjavacas</u>, A. Torres, N. Castro, L. E. Hernández-Castellano.
        <a href="#" rel="noopener">Enlace</a>. :contentReference[oaicite:7]{index=7}
      </li>
      <li>
        <strong>Effect of melatonin implants during the dry-off period on blood variables in pregnant dairy goats.</strong>
        M. González-Cabrera, A. Morales-Delanuez, A. Argüello, <u>J. Muñoz-Quirós-Manjavacas</u>, A. Torres, N. Castro, L. E. Hernández-Castellano.
        <a href="#" rel="noopener">Enlace</a>. :contentReference[oaicite:8]{index=8}
      </li>
      <li>
        <strong>Effect of milking frequency and melatonin implants during the dry-off period on milk yield and composition in pregnant dairy goats.</strong>
        M. González-Cabrera, A. Morales-Delanuez, A. Argüello, <u>J. Muñoz-Quirós-Manjavacas</u>, A. Torres, N. Castro, L. E. Hernández-Castellano.
        <a href="#" rel="noopener">Enlace</a>. :contentReference[oaicite:9]{index=9}
      </li>
      <li>
        <strong>Evolution of white and red blood cells in dairy goats around parturition.</strong>
        <u>J. Muñoz-Quirós-Manjavacas</u>, L. E. Hernández-Castellano, A. Morales-de-la-Nuez, A. Argüello, N. Castro, M. González-Cabrera.
        <a href="#" rel="noopener">Enlace</a>. :contentReference[oaicite:10]{index=10}
      </li>
    </ol>
    <p class="muted">Los “Enlace” están puestos como marcadores. Cambia <code>#</code> por las URLs reales cuando las tengas.</p>
  </section>

  <!-- Contacto -->
  <section id="contacto" class="section">
    <h2>Contacto</h2>
    <p>Email: <a href="mailto:julianmqm325@gmail.com">julianmqm325@gmail.com</a></p>
    <p>LinkedIn: <a href="https://linkedin.com/in/julian" target="_blank" rel="noopener">linkedin.com/in/julian</a></p>
  </section>

  <footer class="site-footer">© 2025 Julián Muñoz-Quirós</footer>

  <script>
    // Tema: claro / verde / oscuro
    const themeToggle = document.getElementById('themeToggle');
    const themes = ['light','green','dark'];
    let idx = 0;
    themeToggle.addEventListener('click', () => {
      idx = (idx + 1) % themes.length;
      document.documentElement.setAttribute('data-theme', themes[idx]);
    });

    // Menú activo al hacer scroll
    const links = document.querySelectorAll('.nav a');
    const sections = [...document.querySelectorAll('section')];
    const io = new IntersectionObserver((entries) => {
      entries.forEach(e => {
        if (e.isIntersecting) {
          links.forEach(a => a.classList.toggle(
            'active',
            a.getAttribute('href') === '#' + e.target.id
          ));
        }
      });
    }, { rootMargin: '-40% 0px -50% 0px', threshold: 0.01 });
    sections.forEach(s => io.observe(s));
  </script>
</body>
</html>